:root{--navy:#14245f;--blue:#3156c8;--ink:#17233f;--muted:#657086;--paper:#f5f7fb;--line:#dce2ec;--green:#18724e;--greenbg:#edf8f3;--amber:#9a6700;--amberbg:#fff7df;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea{font:inherit}.att-header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px max(4vw,18px);position:sticky;top:0;z-index:10}.att-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.att-brand img{width:42px!important;height:54px!important;object-fit:contain!important;display:block}.att-brand b{display:block;font-size:14px;letter-spacing:.05em}.att-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.home-link{text-decoration:none;border:1px solid var(--line);padding:9px 13px;border-radius:20px;color:var(--navy);font-weight:700;font-size:12px}.dashboard{width:min(1180px,92%);margin:22px auto 55px}.trial-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--amberbg);border:1px solid #ecd48c;border-radius:12px;padding:11px 14px;color:#725000;font-size:13px}.trial-banner b{background:#8b6507;color:white;border-radius:7px;padding:5px 8px}.hero-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:28px 0 20px}.kicker{font-size:11px;letter-spacing:.16em;color:var(--blue);font-weight:800;margin:0 0 8px}.hero-row h1{font:normal clamp(30px,4vw,46px) Georgia,serif;color:var(--navy);margin:0}.full-date{margin:8px 0 0;color:var(--muted);font-weight:700}.date-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.date-tools button,.date-tools input{border:1px solid #cbd4e2;background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink)}.date-tools button{cursor:pointer;font-weight:700}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0 28px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.stat b{display:block;font-size:25px;color:var(--navy)}.stat span{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:20px 0 13px}.section-head h2,.report h2{margin:0;color:var(--navy)}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.legend{display:flex;gap:12px;font-size:12px;color:var(--muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot.done{background:#2a9d6f}.dot.pending{background:#e1a725}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.class-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px;text-align:left;cursor:pointer;min-height:130px;color:var(--ink)}.class-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #15265310}.class-card.done{border-left:5px solid #2a9d6f;background:linear-gradient(90deg,#f0faf6,#fff 35%)}.class-card.pending{border-left:5px solid #e1a725}.class-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.class-name{font-size:20px;font-weight:800;color:var(--navy)}.badge{font-size:10px;font-weight:800;padding:5px 7px;border-radius:15px}.done .badge{background:var(--greenbg);color:var(--green)}.pending .badge{background:var(--amberbg);color:var(--amber)}.class-card .numbers{font-size:13px;margin-top:14px;line-height:1.55}.class-card .notes-preview{font-size:11px;color:var(--muted);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report{margin-top:34px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:12px}table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}th,td{padding:11px 12px;border-bottom:1px solid #e8ecf2;text-align:left;vertical-align:top}th{background:#f0f3f9;color:var(--navy)}td.num{text-align:center}.status-pill{font-weight:700}.status-pill.ok{color:var(--green)}.status-pill.wait{color:var(--amber)}dialog{border:0;border-radius:18px;padding:0;width:min(560px,92vw);box-shadow:0 25px 80px #08143345}dialog::backdrop{background:#08143399}.entry-card{padding:22px}.dialog-head{display:flex;justify-content:space-between;gap:12px}.dialog-head small{color:var(--blue);font-weight:800;letter-spacing:.12em}.dialog-head h2{font-size:30px;margin:4px 0;color:var(--navy)}.dialog-head p{margin:0;color:var(--muted)}#close-dialog{border:0;background:#eef1f6;border-radius:50%;width:40px;height:40px;font-size:27px;cursor:pointer}.entry-card label{display:block;font-weight:700;margin-top:17px}.entry-card label span{color:#b42318}.entry-card input,.entry-card textarea{width:100%;border:1px solid #bdc8d8;border-radius:10px;padding:12px;margin-top:7px}.entry-card input[readonly]{background:#f1f4f8}.calc-box{margin-top:12px;background:#eef6ff;border-radius:10px;padding:12px;color:#244b89;font-weight:700}.save-btn{width:100%;border:0;border-radius:10px;background:var(--navy);color:white;padding:13px;font-weight:800;margin-top:18px;cursor:pointer}.save-btn:disabled{opacity:.55}.status{min-height:20px;margin:10px 0 0;font-size:13px}.status.ok{color:var(--green)}.status.err{color:#b42318}footer{text-align:center;padding:28px;color:#7a8498;font-size:12px}@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}.class-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.att-header{height:68px}.att-brand img{width:35px!important;height:45px!important}.home-link{padding:8px 10px}.dashboard{width:94%;margin-top:14px}.hero-row{display:block;margin-top:20px}.date-tools{margin-top:16px}.date-tools input{flex:1;min-width:145px}.stats{grid-template-columns:repeat(2,1fr);gap:7px}.stat{padding:12px}.stat b{font-size:22px}.section-head{display:block}.legend{margin-top:10px}.class-grid{grid-template-columns:repeat(2,1fr);gap:8px}.class-card{padding:12px;min-height:120px}.class-name{font-size:18px}.badge{font-size:9px}.report{margin-top:28px}}@media print{.att-header,.trial-banner,.date-tools,.legend,.class-grid,.section-head p,footer{display:none!important}body,.dashboard{background:#fff;width:100%;margin:0}.hero-row{margin:0 0 12px}.hero-row h1{font-size:24px}.stats{grid-template-columns:repeat(6,1fr);gap:4px;margin:10px 0}.stat{padding:7px;border-radius:0}.stat b{font-size:16px}.stat span{font-size:9px}.report{margin-top:12px}.report h2{font-size:16px}.table-wrap{border:0;overflow:visible}table{min-width:0;font-size:9px}th,td{padding:5px 4px}dialog{display:none!important}}
.preview-local-note{margin:10px 0 16px;padding:12px 14px;border:1px solid #e4b84f;background:#fff8df;border-radius:12px;color:#76530b;font-size:13px;line-height:1.45}
.field-help{display:block;color:#64748b;font-size:12px;margin-top:6px}.pin-card{max-width:430px}.total-row{background:#eef4ff;font-weight:800}.total-row th{border-top:2px solid #173b78}.report tfoot{display:table-footer-group}@media print{.total-row{background:#eee!important}}
.absent-section{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.absent-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.absent-head b{display:block;color:var(--navy)}.absent-head small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.add-absent{border:1px solid #b9c8e4;background:#f3f7ff;color:var(--navy);border-radius:9px;padding:9px 11px;font-weight:800;cursor:pointer;white-space:nowrap}.absent-list{display:grid;gap:8px;margin-top:12px}.absent-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 38px;gap:8px;align-items:center}.absent-row input,.absent-row select{width:100%;border:1px solid #bdc8d8;border-radius:9px;padding:10px;background:#fff}.remove-absent{width:38px;height:38px;border:0;border-radius:9px;background:#fff0f0;color:#a61b1b;font-size:22px;cursor:pointer}.report td:nth-child(6){min-width:230px;line-height:1.5}@media(max-width:600px){.absent-head{align-items:flex-start}.absent-row{grid-template-columns:1fr 42px}.absent-row .absent-name{grid-column:1/-1}.absent-row .absent-reason{grid-column:1}.remove-absent{grid-column:2}}@media print{.report td:nth-child(6){min-width:0}}
.absent-actions{display:flex;gap:8px;flex-wrap:wrap}.print-admin-note{font-size:12px}


select{font:inherit}
.class-picker{
  grid-column:1/-1;
  width:min(620px,100%);
  margin:0 auto;
  background:#fff;
  border:1px solid var(--line);
  border-left:5px solid var(--blue);
  border-radius:16px;
  padding:20px;
  box-shadow:0 8px 24px #14245f0d;
}
.picker-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.picker-kicker{display:block;font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:800;margin-bottom:5px}
.picker-head h3{margin:0;color:var(--navy);font-size:24px}
.picker-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.picker-summary{flex:0 0 auto;background:#eef3ff;color:var(--navy);font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px}
.picker-label{display:block;font-size:12px;font-weight:800;color:var(--navy);margin-bottom:7px}
.class-picker select{width:100%;border:1px solid #bdc8d8;background:#fff;color:var(--ink);border-radius:11px;padding:13px 14px;outline:none}
.class-picker select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3156c81a}
.picker-status{min-height:20px;margin:11px 0 0;font-size:12px;color:var(--muted)}
.picker-status.done{color:var(--green);font-weight:700}
.picker-status.pending{color:var(--amber);font-weight:700}
.picker-action{width:100%;margin-top:14px;border:0;border-radius:11px;background:var(--navy);color:#fff;padding:13px 16px;font-weight:800;cursor:pointer}
.picker-action:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){
  .class-picker{padding:16px}
  .picker-head{display:block}
  .picker-summary{display:inline-block;margin-top:10px}
  .picker-head h3{font-size:22px}
}

/* Tema Light Modern Tech & AI */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#0f172a;--blue:#2563eb;--ink:#172033;--muted:#64748b;--paper:#f8fafc;--line:#dbe5f0;--green:#15803d;--greenbg:#ecfdf5;--amber:#a16207;--amberbg:#fffbeb;font-family:'Plus Jakarta Sans',Inter,Arial,sans-serif}body{background:#f8fafc;background-image:linear-gradient(90deg,transparent 49.5%,#dbeafe88 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#dbeafe88 50%,transparent 50.5%);background-size:78px 78px}.att-header{background:#0f172a;color:#f8fafc;border-color:#334155;box-shadow:0 7px 24px #0f172a24}.att-brand{color:#fff}.att-brand img{filter:drop-shadow(0 2px 6px #0007)}.att-brand small{color:#cbd5e1}.home-link{border-color:#475569;color:#e2e8f0;background:#ffffff0b}.home-link:hover{color:#67e8f9;border-color:#67e8f9}.trial-banner{background:#fffbeb;border-color:#fde68a;color:#92400e;box-shadow:0 7px 20px #f59e0b10}.trial-banner b{background:#a16207}.kicker{color:#4f46e5}.hero-row h1{font-family:inherit;font-weight:800;letter-spacing:-.04em;background:linear-gradient(105deg,#1e1b4b,#2563eb 48%,#6d28d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.date-tools button,.date-tools input{border-color:#cbd5e1;border-radius:10px}.date-tools button:hover{background:#eef2ff;color:#3730a3}.stat,.class-card,.table-wrap{background:#ffffffdc;border-color:#dbe5f0;box-shadow:0 7px 22px #0f172a09}.stat{border-radius:15px}.stat b,.section-head h2,.report h2,.class-name{color:#172554}.class-card{border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s}.class-card:hover{transform:translateY(-4px);border-color:#67e8f9;box-shadow:0 14px 29px #22d3ee1c,0 0 0 2px #f472b614}.class-card.done{background:linear-gradient(100deg,#ecfdf5,#fff 45%);border-left-color:#22c55e}.class-card.pending{border-left-color:#f59e0b}.done .badge{background:#dcfce7;color:#15803d}.pending .badge{background:#fef3c7;color:#a16207}.table-wrap{border-radius:15px}th{background:#eef2ff;color:#312e81}.preview-local-note{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.class-picker{background:#ffffffdd;border-color:#dbe5f0;border-left-color:#6366f1;box-shadow:0 8px 24px #0f172a0a}.picker-kicker{color:#4f46e5}.picker-head h3,.picker-label{color:#172554}.picker-summary{background:#eef2ff;color:#3730a3}.class-picker select{border-color:#cbd5e1;border-radius:11px}.class-picker select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #22d3ee2b}.picker-action,.save-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:10px;box-shadow:0 8px 18px #2563eb24}.add-absent{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}.absent-row input,.absent-row select{border-color:#cbd5e1}.remove-absent{background:#fdf2f8;color:#be185d}dialog{box-shadow:0 25px 80px #0f172a45}dialog::backdrop{background:#0f172a80}.entry-card{background:#fff}.dialog-head small{color:#4f46e5}.dialog-head h2{color:#172554}#close-dialog{background:#eef2ff;color:#312e81}.entry-card input,.entry-card textarea{border-color:#cbd5e1;border-radius:10px}.calc-box{background:#ecfeff;color:#0e7490}footer{color:#64748b}