:root{--ink:#26322d;--muted:#77817b;--line:#e8e8e1;--cream:#f7f5ef;--paper:#fffefa;--green:#4e7968;--green-dark:#355f50;--green-pale:#e9f1ec;--coral:#d9695b;--coral-pale:#faece8;--amber:#c88834;--amber-pale:#fbf1dd;--blue:#5b7fa3;--blue-pale:#ebf2f7;--shadow:0 12px 36px rgba(45,59,51,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans KR",sans-serif;font-size:14px}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#f0eee6;border-right:1px solid #e2e0d7;padding:30px 22px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;margin:0 8px 38px}.brand-mark{width:42px;height:42px;border-radius:15px 15px 15px 5px;background:var(--green);display:grid;place-items:center;color:white;font-size:19px;transform:rotate(-3deg);box-shadow:0 7px 16px rgba(78,121,104,.22)}.brand-mark span{transform:rotate(3deg)}.brand b{font-family:"Gowun Dodum",sans-serif;font-size:23px;letter-spacing:-1px}.brand small,.profile small{display:block;color:#8b918c;font-size:10px;margin-top:1px}.nav-label{color:#a0a49e;font:700 10px/1 "Manrope",sans-serif;letter-spacing:1.5px;margin:0 12px 10px}.nav-label.spaced{margin-top:30px}.nav-item{height:46px;padding:0 13px;display:flex;align-items:center;gap:12px;border-radius:12px;color:#727973;text-decoration:none;font-weight:600;margin-bottom:4px}.nav-item.active{background:#fffefa;color:var(--green-dark);box-shadow:0 5px 16px rgba(50,60,54,.06)}.nav-icon{font-size:18px;width:21px;text-align:center}.nav-button{border:0;background:transparent;width:100%;font-family:inherit;font-size:inherit;cursor:pointer}.sidebar-note{margin-top:auto;background:#e5e9df;border-radius:15px;padding:16px 14px;display:flex;gap:10px}.note-icon{color:var(--green);font-size:20px}.sidebar-note b{font-size:11px}.sidebar-note p{color:#7c837e;font-size:10px;line-height:1.55;margin:4px 0 0}.profile{display:flex;align-items:center;gap:9px;padding:18px 5px 0;margin-top:18px;border-top:1px solid #dddcd4}.profile>span:last-child{margin-left:auto;color:#9a9e9a}.profile b{font-size:11px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d4e1d9;color:var(--green-dark);font-weight:700}main{grid-column:2;min-width:0}.topbar{height:74px;background:rgba(255,254,250,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;position:sticky;top:0;z-index:15}.program-switcher span{font-weight:700;display:block}.program-switcher small{color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.icon-button{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:white;color:#5f6963}.notification-dot{position:absolute;width:6px;height:6px;background:var(--coral);border-radius:50%;right:8px;top:7px}.today{font-size:12px;color:var(--muted)}.menu-button{display:none}.content{max-width:1440px;margin:auto;padding:48px 52px 25px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font:800 10px/1 "Manrope",sans-serif!important;color:var(--green)!important;letter-spacing:2px;margin-bottom:11px!important}.page-heading h1{font-family:"Gowun Dodum",sans-serif;font-size:33px;letter-spacing:-1.8px;margin:0 0 8px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.primary-button{border:0;border-radius:12px;background:var(--green);color:#fff;padding:13px 18px;font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 7px 16px rgba(53,95,80,.19);transition:.2s}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.mode-banner{display:flex;align-items:center;gap:8px;background:#eef3ef;border:1px solid #dae5dd;color:#5e7167;border-radius:10px;padding:10px 14px;margin-bottom:18px;font-size:11px}.mode-banner b{font-size:11px;color:var(--green-dark)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#68a184;box-shadow:0 0 0 4px rgba(104,161,132,.15)}.mode-banner.demo{background:#fbf3e5;border-color:#f0dfbf;color:#8a704b}.mode-banner.demo .pulse-dot{background:#d29b4e;box-shadow:0 0 0 4px rgba(210,155,78,.15)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;position:relative;box-shadow:0 3px 14px rgba(39,51,44,.025)}.summary-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:700}.summary-card span{display:block;color:#737c77;font-size:11px;margin-bottom:1px}.summary-card strong{font:800 27px/1.2 "Manrope",sans-serif}.summary-card small{margin-left:3px;color:#818781}.summary-card em{position:absolute;right:15px;bottom:14px;font-style:normal;font-size:9px;border-radius:12px;padding:3px 7px}.summary-card.coral .summary-icon,.summary-card.coral em{color:var(--coral);background:var(--coral-pale)}.summary-card.yellow .summary-icon,.summary-card.yellow em{color:var(--amber);background:var(--amber-pale)}.summary-card.green .summary-icon,.summary-card.green em{color:var(--green);background:var(--green-pale)}.summary-card.blue .summary-icon,.summary-card.blue em{color:var(--blue);background:var(--blue-pale)}.insight-card{min-height:126px;border-radius:18px;background:linear-gradient(115deg,#3e6959,#557c6e);color:white;display:flex;align-items:center;padding:22px 28px;margin-bottom:32px;box-shadow:0 14px 30px rgba(52,91,76,.15);overflow:hidden;position:relative}.insight-card:after{content:"";position:absolute;width:230px;height:230px;border:55px solid rgba(255,255,255,.035);border-radius:50%;right:140px;top:-110px}.insight-illustration{width:76px;height:76px;border-radius:50%;background:#f0e4ca;margin-right:22px;position:relative;flex:none}.face{position:absolute;width:43px;height:49px;border-radius:45% 45% 42% 42%;background:#e8b794;color:#6d5141;display:grid;place-items:center;left:17px;bottom:7px;font-size:24px}.face:before{content:"";position:absolute;background:#c8c1b3;width:43px;height:24px;border-radius:50% 50% 15% 15%;top:-2px}.heart-one,.heart-two{position:absolute;color:#f3a28e;z-index:2}.heart-one{right:-3px;top:2px;font-size:17px}.heart-two{right:6px;top:21px;font-size:9px}.ai-label{font-size:10px;background:rgba(255,255,255,.15);padding:4px 8px;border-radius:10px}.insight-copy h2{font-family:"Gowun Dodum";font-size:20px;margin:8px 0 4px}.insight-copy p{font-size:11px;opacity:.78;margin:0}.text-button{margin-left:auto;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:white;border-radius:11px;padding:10px 13px;font-family:inherit;font-size:11px;z-index:1;cursor:pointer}.list-section{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 24px 12px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-head h2{font-size:17px;margin:0 0 5px}.section-head p{font-size:11px;color:var(--muted);margin:0}.controls{display:flex;gap:6px}.search{height:35px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:6px;background:white}.search input{border:0;outline:0;font-family:inherit;width:130px;font-size:11px;background:transparent}.filter-button{border:1px solid var(--line);background:white;color:#7b827e;border-radius:9px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}.filter-button.active{background:var(--green-pale);border-color:#cbded2;color:var(--green-dark)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th{text-align:left;padding:11px 12px;background:#f7f6f1;color:#8a908c;font-size:9px;letter-spacing:.2px}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}td{padding:15px 12px;border-bottom:1px solid #efeee9;font-size:11px;vertical-align:middle}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person-avatar{width:35px;height:35px;border-radius:12px;background:#e4ece6;color:var(--green-dark);display:grid;place-items:center;font-weight:700}.person b{display:block;font-size:12px}.person small{color:#979c98;font-size:9px}.risk-pill{display:inline-flex;align-items:center;gap:5px;border-radius:14px;padding:5px 9px;font-weight:700;font-size:10px}.risk-pill:before{content:"";width:5px;height:5px;border-radius:50%}.risk-high{background:var(--coral-pale);color:#b45246}.risk-high:before{background:var(--coral)}.risk-watch{background:var(--amber-pale);color:#a66c24}.risk-watch:before{background:var(--amber)}.risk-stable{background:var(--green-pale);color:var(--green-dark)}.risk-stable:before{background:var(--green)}.risk-confidence{display:block;color:#a0a4a1;font-size:8px;margin:4px 0 0 7px}.attendance-strip{display:flex;gap:4px}.attendance-dot{width:9px;height:23px;border-radius:4px;background:#dfe9e2;position:relative}.attendance-dot.absent{background:#efaaa0}.attendance-dot.late{background:#efce8f}.attendance-dot.excused{background:#cdd4da}.attendance-dot:hover:after{content:attr(data-tip);position:absolute;z-index:10;left:50%;bottom:29px;transform:translateX(-50%);white-space:nowrap;background:#333d38;color:white;border-radius:5px;padding:4px 6px;font-size:8px}.rate{font:700 13px "Manrope"}.rate small{font:400 9px "Noto Sans KR";color:#9aa09c}.reason{color:#6f7772;max-width:175px}.detail-button{border:1px solid var(--line);background:white;border-radius:8px;padding:6px 9px;font-family:inherit;color:#69716c;font-size:10px;cursor:pointer}.detail-button:hover{border-color:#afc5b8;color:var(--green-dark)}.loading-row{text-align:center!important;color:var(--muted);padding:35px!important}.loader{display:inline-block;width:14px;height:14px;border:2px solid #d7dfda;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.empty-state{text-align:center;padding:45px}.empty-state>span{font-size:28px;color:#a8afa9}.empty-state h3{margin:8px 0 3px}.empty-state p{color:var(--muted);font-size:11px;margin:0}footer{display:flex;justify-content:space-between;color:#a1a49f;font-size:9px;padding:22px 3px 0}.drawer-backdrop{position:fixed;inset:0;background:rgba(27,34,30,.28);backdrop-filter:blur(2px);z-index:40;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:100%;background:#fffefa;z-index:41;transform:translateX(100%);transition:.3s ease;padding:38px 32px;overflow:auto;box-shadow:-18px 0 45px rgba(29,39,33,.12)}.detail-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;right:22px;top:18px;border:0;background:transparent;font-size:25px;color:#7f8681;cursor:pointer}.drawer-profile{display:flex;gap:13px;align-items:center;margin-bottom:23px}.drawer-avatar{width:51px;height:51px;border-radius:16px;background:var(--green-pale);display:grid;place-items:center;font-size:18px;color:var(--green-dark);font-weight:700}.drawer-profile h2{font-size:19px;margin:0 0 3px}.drawer-profile p{margin:0;color:var(--muted);font-size:11px}.drawer-risk{border-radius:15px;padding:18px;margin-bottom:22px}.drawer-risk.high{background:var(--coral-pale)}.drawer-risk.watch{background:var(--amber-pale)}.drawer-risk.stable{background:var(--green-pale)}.drawer-risk-header{display:flex;justify-content:space-between;align-items:center}.drawer-risk h3{font-size:14px;margin:0}.confidence-ring{font:700 12px "Manrope"}.drawer-risk ul{margin:13px 0 0;padding-left:17px;color:#5f6963;font-size:11px;line-height:1.8}.detail-block{margin:22px 0}.detail-block h3{font-size:12px;margin:0 0 11px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-item{background:#f6f5f0;border-radius:10px;padding:11px}.info-item small{display:block;color:#929894;font-size:8px;margin-bottom:3px}.info-item b{font-size:11px}.memo{background:#f6f5f0;border-left:3px solid #b7cabf;border-radius:4px 10px 10px 4px;padding:12px;font-size:11px;line-height:1.6}.history{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.history-item{text-align:center;background:#f7f6f2;border-radius:8px;padding:8px 2px}.history-item i{display:block;width:9px;height:9px;border-radius:50%;background:#92b29f;margin:0 auto 5px}.history-item i.absent{background:var(--coral)}.history-item i.late{background:var(--amber)}.history-item i.excused{background:#a7b0b7}.history-item small{font-size:7px;color:#939894}.drawer-action{width:100%;border:0;background:var(--green);color:white;border-radius:11px;padding:12px;font-family:inherit;font-weight:700;cursor:pointer}.source-line{text-align:center;color:#a0a5a1;font-size:8px;margin-top:9px}dialog{border:0;border-radius:20px;padding:31px;width:min(510px,calc(100% - 30px));box-shadow:0 20px 60px rgba(34,46,39,.2);color:var(--ink)}dialog::backdrop{background:rgba(25,33,29,.35);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:23px;color:#8a918d}.dialog-icon{color:var(--green);font-size:24px}dialog h2{margin:4px 0 8px;font-family:"Gowun Dodum";font-size:22px}dialog>p{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:18px}.guide-row{padding:12px;border-radius:10px;margin:7px 0;display:flex;align-items:center;gap:13px}.guide-row b{width:70px;font-size:11px}.guide-row span{font-size:10px}.guide-row.high{background:var(--coral-pale)}.guide-row.watch{background:var(--amber-pale)}.guide-row.stable{background:var(--green-pale)}dialog>small{display:block;color:#969b97;font-size:9px;line-height:1.55;margin-top:14px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#2f3d36;color:white;padding:11px 17px;border-radius:10px;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:80}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.content{padding:38px 30px}.today{display:none}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.controls{width:100%}.search{flex:1}.search input{width:100%}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px rgba(0,0,0,.12)}main{display:block}.topbar{height:63px;padding:0 18px}.menu-button{display:block;border:0;background:transparent;font-size:20px;margin-right:12px}.content{padding:28px 16px 20px}.page-heading{align-items:flex-start;gap:17px;flex-direction:column}.page-heading h1{font-size:28px}.primary-button{width:100%}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.summary-card{padding:15px 12px;gap:9px}.summary-icon{width:35px;height:35px}.summary-card em{display:none}.insight-card{padding:20px}.insight-illustration{display:none}.insight-copy{padding-right:5px}.text-button{font-size:0;padding:8px}.text-button span{font-size:15px}.list-section{padding:18px 13px 8px}.controls{flex-wrap:wrap}.search{flex-basis:100%}.filter-button{height:31px;flex:1}.mode-banner span:last-child{display:none}footer{display:block;line-height:1.8}.detail-drawer{padding:35px 22px}.history{grid-template-columns:repeat(4,1fr)}}
@media(max-width:430px){.summary-grid{grid-template-columns:1fr}.summary-card{padding:14px 16px}.summary-card em{display:block}.insight-card{min-height:145px}.program-switcher small{display:none}}
.view-page[hidden]{display:none!important}.report-page{min-height:calc(100vh - 145px)}.report-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.report-heading h1{font-family:"Gowun Dodum";font-size:31px;margin:0 0 7px}.report-heading p{color:var(--muted);font-size:12px;margin:0}.report-print{border:1px solid #cad9d0;background:var(--paper);color:var(--green-dark);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.report-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px}.report-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 3px 14px rgba(39,51,44,.025)}.report-card h2{font-size:16px;margin:4px 0 20px}.card-kicker{font:800 9px "Manrope";letter-spacing:1px;color:var(--green)}.risk-chart{height:23px;border-radius:12px;overflow:hidden;display:flex;background:#eee}.risk-chart span{height:100%;transition:width .5s}.risk-chart .high{background:var(--coral)}.risk-chart .watch{background:#e2ae5c}.risk-chart .stable{background:#79a38e}.risk-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.legend-item{padding:10px;border-radius:9px;background:#f7f6f2}.legend-item small{display:block;color:var(--muted);font-size:9px}.legend-item b{font:800 17px "Manrope"}.legend-item i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.legend-item.high i{background:var(--coral)}.legend-item.watch i{background:var(--amber)}.legend-item.stable i{background:var(--green)}.big-stat{display:flex;align-items:flex-start;color:var(--green-dark);margin:5px 0 22px}.big-stat strong{font:800 48px/1 "Manrope"}.big-stat>span{font:700 16px "Manrope";margin:3px 0 0 4px}.big-stat small{display:block;color:var(--muted);font:400 9px "Noto Sans KR";margin-top:7px}.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.report-metrics div{background:#f4f5f1;border-radius:10px;padding:11px}.report-metrics b{font:800 18px "Manrope";display:block}.report-metrics span{color:var(--muted);font-size:9px}.report-card-head{display:flex;justify-content:space-between;align-items:flex-start}.report-card-head h2{margin-bottom:15px}.report-card-head>small{color:var(--muted);font-size:9px}.priority-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.priority-item{display:flex;align-items:center;gap:10px;border:1px solid #ecebe5;border-radius:11px;padding:11px}.priority-item .person-avatar{flex:none}.priority-info{min-width:0;flex:1}.priority-info b{font-size:11px}.priority-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;margin:2px 0 0}.priority-item .risk-pill{flex:none}.list-section.view-page{min-height:calc(100vh - 145px)}
@media(max-width:760px){.report-grid{grid-template-columns:1fr}.priority-list{grid-template-columns:1fr}.report-heading{align-items:flex-start;gap:14px;flex-direction:column}.report-print{width:100%}}
@media print{.sidebar,.topbar,.report-print,footer{display:none!important}.app-shell{display:block}main{grid-column:auto}.content{padding:15px}.view-page{display:none!important}#reports{display:block!important}.report-page{min-height:0}}
.import-card{display:flex;align-items:center;gap:13px;background:linear-gradient(120deg,#eef4ef,#f7f5ec);border:1px solid #dce6df;border-radius:14px;padding:15px 17px;margin-bottom:22px}.import-card[hidden]{display:none}.import-icon{width:36px;height:36px;border-radius:10px;background:#438060;color:white;display:grid;place-items:center;font:800 15px "Manrope"}.import-copy{flex:1;min-width:180px}.import-copy b{font-size:12px}.import-copy p{font-size:9px;color:var(--muted);margin:3px 0 0}.template-button,.upload-button{border-radius:9px;padding:9px 11px;text-decoration:none;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap}.template-button{border:1px solid #bcd0c3;background:white;color:var(--green-dark)}.upload-button{border:1px solid var(--green);background:var(--green);color:white}.upload-result{white-space:pre-line;border-radius:10px;padding:11px 13px;margin:-12px 0 20px;font-size:10px}.upload-result.success{background:var(--green-pale);color:var(--green-dark)}.upload-result.error{background:var(--coral-pale);color:#a4493f}@media(max-width:900px){.import-card{align-items:flex-start;flex-wrap:wrap}.import-copy{flex-basis:calc(100% - 55px)}.template-button,.upload-button{flex:1;text-align:center}}