:root{--bg:oklch(98.5% 0.006 85);--bg-2:oklch(96.5% 0.010 85);--bg-3:oklch(93.8% 0.014 85);--bg-sidebar:oklch(22.0% 0.012 80);--bg-sidebar-2:oklch(28.0% 0.014 80);--line:oklch(89.0% 0.012 85);--line-2:oklch(82.0% 0.014 85);--line-dark:oklch(32.0% 0.012 80);--ink:oklch(20.0% 0.012 75);--ink-2:oklch(38.0% 0.012 75);--ink-3:oklch(56.0% 0.010 75);--on-dark:oklch(94.0% 0.008 80);--on-dark-2:oklch(70.0% 0.012 80);--on-dark-3:oklch(54.0% 0.012 80);--accent:oklch(70.0% 0.140 70);--accent-2:oklch(62.0% 0.135 60);--accent-soft:oklch(94.0% 0.040 80);--accent-ink:oklch(32.0% 0.080 60);--good:oklch(62.0% 0.130 155);--good-soft:oklch(94.0% 0.045 155);--warn:oklch(60.0% 0.160 30);--warn-soft:oklch(95.0% 0.035 30);--info:oklch(58.0% 0.130 235);--info-soft:oklch(94.0% 0.040 235);--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-1:0 1px 2px oklch(60% 0.012 80/0.06),0 0 0 1px oklch(82% 0.014 80/0.5);--shadow-2:0 2px 6px oklch(40% 0.014 80/0.06),0 8px 24px oklch(40% 0.014 80/0.08);--shadow-pop:0 12px 32px oklch(20% 0.014 80/0.18),0 2px 8px oklch(20% 0.014 80/0.10);--ease:cubic-bezier(0.2,0.8,0.2,1);--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-display:"Pretendard Variable",Pretendard,system-ui,sans-serif}*{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--accent-ink)}body,html{margin:0;padding:0;background:var(--bg);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" on,"cv11" on}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(oklch(70% .012 80/.04) 1px,transparent 0);background-size:22px 22px;z-index:0}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh;position:relative;z-index:1}.topbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:50;align-items:center;gap:14px;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar-menu{width:38px;height:38px;border-radius:9px;border:1px solid var(--line-2);background:var(--bg);cursor:pointer;display:grid;place-items:center;transition:all .12s var(--ease);flex-shrink:0}.topbar-menu:hover{background:var(--bg-2);border-color:var(--ink-3)}.topbar-menu:active{transform:scale(.96)}.hamburger{display:inline-flex;flex-direction:column;gap:4px;width:16px}.hamburger>span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .18s var(--ease)}.topbar-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:-.012em;color:var(--ink);min-width:0}.topbar-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);display:grid;place-items:center;color:oklch(20% .04 60);font-weight:800;font-size:13px;font-family:var(--font-display);flex-shrink:0;box-shadow:inset 0 1px 0 oklch(95% .04 80/.4),0 1px 2px oklch(20% .04 60/.3)}.topbar-spacer{flex:1 1}.sidebar-close{display:none;position:absolute;top:14px;right:12px;width:30px;height:30px;border-radius:8px;border:1px solid var(--line-dark);background:oklch(30% .012 80);color:var(--on-dark);font-size:14px;cursor:pointer;z-index:2;transition:all .12s var(--ease)}.sidebar-close:hover{background:oklch(40% .012 80)}.drawer-backdrop{display:none;position:fixed;inset:0;background:oklch(15% .014 75/.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:79;animation:fade-in .2s var(--ease)}.sidebar{background:linear-gradient(180deg,var(--bg-sidebar) 0,var(--bg-sidebar-2) 100%);color:var(--on-dark);padding:22px 14px 18px;display:flex;flex-direction:column;gap:22px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--line-dark);border-radius:3px}.brand{padding:0 8px}.brand h1{font-size:15px;font-weight:700;margin:0;letter-spacing:-.005em;display:flex;align-items:center;gap:10px;color:var(--on-dark)}.brand .mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);display:grid;place-items:center;color:oklch(20% .04 60);font-weight:800;font-size:13px;font-family:var(--font-display);box-shadow:inset 0 1px 0 oklch(95% .04 80/.4),0 1px 2px oklch(20% .04 60/.3)}.brand .sub{font-size:11px;margin-top:4px;margin-left:36px;letter-spacing:.04em;font-family:var(--font-mono)}.nav-section{display:flex;flex-direction:column;gap:1px}.nav-section-title{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-3);margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.nav-section-title .meta{font-family:var(--font-mono);text-transform:none;letter-spacing:0;font-size:10px;font-weight:500}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;cursor:pointer;font-size:13px;color:var(--on-dark-2);border:none;background:transparent;width:100%;text-align:left;transition:background .15s var(--ease),color .15s var(--ease);font-weight:500;white-space:nowrap}.nav-item:hover{background:oklch(35% .012 80);color:var(--on-dark)}.nav-item.active{background:oklch(98% .006 85);color:var(--ink);font-weight:600;box-shadow:0 1px 2px oklch(0 0 0/.18)}.nav-item .icon{width:14px;text-align:center;font-size:11px;color:currentColor;opacity:.7;flex-shrink:0}.nav-item.active .icon{opacity:1;color:var(--accent-2)}.nav-item .count{font-family:var(--font-mono);font-size:10.5px;color:var(--on-dark-3);background:oklch(35% .012 80);padding:1px 7px;border-radius:100px;font-weight:600}.nav-item.active .count{background:var(--bg-3);color:var(--ink-2)}.class-tree{gap:14px}.class-tree,.service-group{display:flex;flex-direction:column}.service-group{gap:1px}.service-label{justify-content:space-between;padding:4px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.service-label,.service-label .add-class{display:flex;align-items:center;color:var(--on-dark-2)}.service-label .add-class{border:none;background:oklch(35% .012 80);cursor:pointer;width:22px;height:22px;border-radius:6px;justify-content:center;font-size:14px;line-height:1;transition:all .12s var(--ease)}.service-label .add-class:hover{color:oklch(20% .04 60);transform:translateY(-1px)}.class-pill{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 14px;border-radius:7px;font-size:13px;color:var(--on-dark-2);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-mono);letter-spacing:0;font-weight:500;transition:all .12s var(--ease);position:relative}.class-pill:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--on-dark-3);opacity:.5}.class-pill:hover{background:oklch(33% .012 80);color:var(--on-dark)}.class-pill.active{background:oklch(98% .006 85);color:var(--ink);font-weight:600}.class-pill.active:before{opacity:1;box-shadow:0 0 0 3px oklch(70% .14 70/.2)}.class-pill .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--on-dark-3);font-size:11px;font-weight:500}.class-pill.active .num{color:var(--ink-3)}.empty-classes{font-size:11px;color:var(--on-dark-3);padding:6px 10px 4px;font-style:italic}.sidebar-footer{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line-dark);font-size:10.5px;color:var(--on-dark-3);display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);letter-spacing:.02em}.main{padding:28px 28px 80px;max-width:1320px;position:relative;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.page-header h2{font-size:26px;font-weight:700;margin:0;letter-spacing:-.022em;font-family:var(--font-display);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header h2 .class-tag{font-family:var(--font-mono);font-size:14px;font-weight:600;background:var(--ink);color:var(--bg);padding:3px 10px;border-radius:7px;letter-spacing:0}.page-header .crumb{font-size:11px;margin-bottom:6px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}.page-header .crumb .sep{color:var(--line-2)}.page-header .title-block{min-width:0;flex:1 1 auto}.page-header .meta{font-size:12.5px;margin-top:6px}.page-header .meta b{font-weight:700;color:var(--ink)}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s var(--ease);white-space:nowrap;font-family:var(--font-sans);letter-spacing:-.005em}.btn:hover{background:var(--bg-2);border-color:var(--ink-3);transform:translateY(-1px);box-shadow:var(--shadow-1)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.btn.primary:hover{background:oklch(28% .012 75);border-color:oklch(28% .012 75)}.btn.accent{background:linear-gradient(180deg,var(--accent) 0,var(--accent-2) 100%);color:oklch(20% .04 60);border-color:var(--accent-2);font-weight:600}.btn.accent:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--bg-3);color:var(--ink);border-color:transparent}.btn.danger{color:var(--warn)}.btn.danger:hover{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.btn.sm{padding:5px 10px;font-size:12px}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;margin-bottom:16px;box-shadow:var(--shadow-1)}.card h3{margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:-.005em}.card.flat{background:transparent;box-shadow:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11.5px;font-weight:600;color:var(--ink-2);letter-spacing:.02em}.input,.select{padding:8px 11px;border-radius:8px;border:1px solid var(--line-2);background:var(--bg);font-size:13.5px;color:var(--ink);outline:none;transition:all .12s var(--ease);width:100%;font-family:var(--font-sans)}.input:hover,.select:hover{border-color:var(--ink-3)}.input:focus,.select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px oklch(70% .14 70/.15)}.input.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.input.num{text-align:right}.week-bar{display:flex;align-items:center;gap:2px;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:4px;box-shadow:var(--shadow-1)}.week-bar,.week-bar button{font-family:var(--font-mono)}.week-bar button{padding:6px 9px;border:none;background:transparent;color:var(--ink-2);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .1s var(--ease)}.week-bar button:hover{background:var(--bg-3);color:var(--ink)}.week-bar button:disabled{opacity:.3;cursor:not-allowed}.week-bar .week-display{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:0 4px 0 0}.week-bar .week-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;font-family:var(--font-mono);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px;padding:6px 22px 6px 12px;min-width:170px;text-align:center;text-align-last:center;cursor:pointer;border-radius:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;transition:background-color .12s var(--ease)}.week-bar .week-select:hover{background-color:var(--bg-3)}.week-bar .week-select:focus{outline:none;background-color:var(--bg-3);box-shadow:0 0 0 2px oklch(70% .14 70/.2)}.week-bar .week-select option{font-family:var(--font-mono);font-size:13px;background:var(--bg);color:var(--ink)}.week-bar .today-tag{font-size:9.5px;color:oklch(20% .04 60);background:linear-gradient(180deg,var(--accent),var(--accent-2));padding:2px 7px;border-radius:100px;font-family:var(--font-sans);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line);border-radius:0 3px 3px 0}.stat.highlight:before{background:linear-gradient(180deg,var(--accent),var(--accent-2))}.stat.good:before{background:var(--good)}.stat.info:before{background:var(--info)}.stat:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.stat .lbl{font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.stat .val{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;margin-top:4px;color:var(--ink);letter-spacing:-.02em}.stat .val .unit{font-size:11.5px;font-weight:500;color:var(--ink-3);margin-left:4px;letter-spacing:0}.stat .sub{font-size:11px;color:var(--ink-3);margin-top:2px;font-family:var(--font-mono)}.stat .bar{height:4px;background:var(--bg-3);border-radius:100px;margin-top:10px;overflow:hidden}.stat .bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s var(--ease)}.entry-table-wrap{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:visible;box-shadow:var(--shadow-1)}.entry-table{width:100%;border-collapse:collapse;min-width:820px}.entry-table thead th{text-align:center;padding:10px 6px 8px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-2);background:var(--bg-2);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:1;text-transform:uppercase;white-space:nowrap}.entry-table thead th.left{text-align:left;padding-left:16px}.entry-table thead th.value-col{width:64px;min-width:64px}.entry-table thead th.value-col .val-name{display:block;text-transform:none;letter-spacing:-.005em;font-size:11.5px;color:var(--ink);white-space:nowrap}.entry-table thead th.value-col .val-pts{display:block;font-family:var(--font-mono);font-weight:500;font-size:10px;margin-top:2px;letter-spacing:0;text-transform:none}.entry-table thead th.total-col{width:80px;background:linear-gradient(180deg,oklch(94% .03 80),oklch(91% .04 80))}.entry-table thead th.total-col .val-name{color:var(--accent-ink)}.entry-table thead th.attend-col{width:54px}.entry-table tbody tr{border-bottom:1px solid var(--line);transition:background .1s var(--ease)}.entry-table tbody tr:last-child{border-bottom:none}.entry-table tbody tr:hover td{background:oklch(97% .014 85)}.entry-table tbody tr.absent td{color:var(--ink-3)}.entry-table tbody tr.absent td.name-cell{color:var(--ink)}.entry-table tbody tr.absent .num-input{background:var(--bg-2)}.entry-table td{padding:5px 6px;text-align:center;vertical-align:middle}.entry-table td.name-cell{text-align:left;padding-left:16px;font-weight:500;font-size:14px;white-space:nowrap;min-width:150px}.entry-table td.name-cell .name-inner{display:flex;align-items:center;gap:8px}.entry-table td.name-cell .avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-3);color:var(--ink-2);display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0;font-family:var(--font-display);letter-spacing:-.02em;border:1px solid var(--line)}tr.absent .avatar{opacity:.5}.entry-table td.name-cell .nm-block{display:flex;flex-direction:column;gap:1px}.entry-table td.name-cell .nm{font-weight:600;font-size:13px}.entry-table td.name-cell .small{font-size:10px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:0;font-weight:500}.entry-table td.total-cell{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;background:oklch(96% .025 80);font-size:14px;letter-spacing:-.02em}.entry-table td.total-cell .delta{display:block;font-size:9.5px;font-weight:600;color:var(--good);margin-top:1px;font-family:var(--font-mono);letter-spacing:0}.entry-table td.total-cell .delta.zero{color:var(--ink-3);font-weight:500}.attend-btn{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--line-2);background:var(--bg);cursor:pointer;font-size:15px;font-weight:700;color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center;transition:all .15s var(--ease)}.attend-btn:hover{border-color:var(--ink-2);transform:scale(1.05)}.attend-btn:active{transform:scale(.95)}.attend-btn.on{background:linear-gradient(180deg,var(--good) 0,oklch(56% .13 155) 100%);border-color:oklch(50% .13 155);color:white;box-shadow:0 1px 2px oklch(40% .13 155/.4),inset 0 1px 0 oklch(80% .13 155/.4)}.attend-btn.off{background:var(--bg);color:var(--ink-3)}.num-input{width:40px;padding:4px 3px;border:1.5px solid var(--line);background:var(--bg);border-radius:7px;text-align:center;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--ink);outline:none;transition:all .12s var(--ease);font-weight:600;-moz-appearance:textfield}.num-input::-webkit-inner-spin-button,.num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.num-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px oklch(70% .14 70/.18);background:white;transform:scale(1.04)}.num-input.has-value{background:linear-gradient(180deg,oklch(96% .05 80),oklch(93% .06 80));border-color:var(--accent);font-weight:700}.num-input[disabled]{opacity:.35;cursor:not-allowed;background:var(--bg-2)}.empty{padding:64px 20px;text-align:center;color:var(--ink-3);font-size:14px}.empty .icon-big{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,var(--bg-2),var(--bg-3));display:grid;place-items:center;font-size:24px;color:var(--ink-3);border:1px solid var(--line)}.empty h3{font-size:17px;color:var(--ink);margin:0 0 8px;font-weight:700;letter-spacing:-.012em}.empty p{margin:0 0 18px;line-height:1.6}.history-table{width:100%;border-collapse:collapse}.history-table td,.history-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}.history-table th{background:var(--bg-2);font-size:11px;font-weight:700;color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;position:-webkit-sticky;position:sticky;top:0}.history-table tbody tr{transition:background .1s var(--ease)}.history-table tbody tr:hover td{background:var(--bg-2)}.history-table .col-date{width:116px;font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.history-table .col-action{width:130px}.history-table .col-detail{color:var(--ink-2)}.history-table .col-delta{width:90px;text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.history-table .col-delta.pos{color:var(--good)}.history-table .col-delta.neg{color:var(--warn)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.02em;font-family:var(--font-sans)}.tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.tag.create{background:var(--good-soft);color:var(--good)}.tag.update{background:var(--accent-soft);color:var(--accent-ink)}.tag.delete{background:var(--warn-soft);color:var(--warn)}.tag.attend{background:var(--info-soft);color:var(--info)}.tag.initial{background:var(--bg-3);color:var(--ink-2)}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-bar .search{flex:1 1;min-width:220px;max-width:340px}.modal-backdrop{position:fixed;inset:0;background:oklch(15% .014 75/.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fade-in .18s var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);width:480px;max-width:92vw;max-height:88vh;overflow-y:auto;animation:pop-in .22s var(--ease);border:1px solid var(--line)}@keyframes pop-in{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.012em}.modal-body{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.modal-footer{padding:14px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:var(--bg-2);align-items:center}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.toast-host{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:100px;font-size:13px;font-weight:500;box-shadow:var(--shadow-pop);animation:toast-in .22s var(--ease);pointer-events:auto;display:flex;align-items:center;gap:10px;letter-spacing:-.005em}.toast:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px oklch(70% .14 70/.3)}.toast .undo{background:oklch(36% .012 75);color:var(--bg);border:none;border-radius:100px;padding:4px 11px;font-size:12px;cursor:pointer;font-weight:600;font-family:var(--font-sans);margin-left:4px}.toast .undo:hover{background:oklch(46% .012 75)}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.divider{height:1px;background:var(--line);margin:18px 0}.muted{color:var(--ink-3)}.sr{position:absolute;left:-9999px}.values-list{display:flex;flex-direction:column;gap:8px}.values-list .value-row,.values-list .vl-header{display:grid;grid-template-columns:1fr 80px 160px 70px;grid-gap:8px;gap:8px;align-items:center}.values-list .vl-header>div{font-size:11px;font-weight:700;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:4px}.values-list .vl-header>div.right{text-align:right}.value-row .vr-max{display:flex;align-items:center;justify-content:flex-end;gap:6px}.value-row .vr-max>.input{width:64px}.value-row .vr-max.vr-static{text-align:right;font-size:11.5px;color:var(--ink-3);font-family:var(--font-mono)}.value-row .vr-max-unit{font-size:10.5px;min-width:26px}.value-row .vr-max-unit,.value-row .vr-type{color:var(--ink-3);font-family:var(--font-mono)}.value-row .vr-type{text-align:right;font-size:11.5px}.rank-row{display:grid;grid-template-columns:36px 1fr 80px;align-items:center;padding:10px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--line);margin-bottom:6px;transition:all .12s var(--ease)}.rank-row:hover{transform:translateX(2px);border-color:var(--line-2)}.rank-row .rank{width:26px;height:26px;border-radius:50%;background:var(--bg-3);color:var(--ink-2);font-family:var(--font-mono);font-weight:700;font-size:12px;display:grid;place-items:center}.rank-row.r1 .rank{background:linear-gradient(135deg,oklch(85% .15 90),oklch(72% .16 70));color:oklch(20% .05 60)}.rank-row.r2 .rank{background:linear-gradient(135deg,oklch(86% .02 270),oklch(70% .02 270));color:oklch(20% 0 0)}.rank-row.r3 .rank{background:linear-gradient(135deg,oklch(78% .1 50),oklch(58% .1 40));color:white}.rank-row .nm{font-weight:500;font-size:13.5px}.rank-row .pts{text-align:right;font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;letter-spacing:-.01em}@media (max-width:1280px){.stat-row{grid-template-columns:repeat(4,1fr);gap:10px}.stat{padding:12px 14px}.stat .val{font-size:22px}}@media (max-width:1100px){.stat-row{grid-template-columns:repeat(2,1fr)}.week-bar .week-display{min-width:140px}.page-header{align-items:stretch}.page-header .title-block{flex:1 1 100%}.header-actions{flex:1 1 100%;justify-content:flex-start}}@media (max-width:900px){.app{display:block;min-height:100vh}.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;max-width:86vw;z-index:80;transform:translateX(-100%);transition:transform .28s var(--ease);box-shadow:8px 0 32px oklch(0 0 0/.3);padding-top:22px}.app.drawer-open .sidebar{transform:translateX(0)}.app.drawer-open .drawer-backdrop{display:block}.sidebar-close{display:grid;place-items:center}.main{padding:14px 14px calc(40px + env(safe-area-inset-bottom));max-width:none}.page-header{margin-bottom:16px;padding-bottom:14px;gap:10px}.page-header h2{font-size:20px;gap:8px}.page-header h2 .class-tag{font-size:13px;padding:2px 8px}.page-header .crumb{font-size:10px;margin-bottom:4px;letter-spacing:.08em}.page-header .meta{font-size:12px;margin-top:4px}.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:16px;border-radius:12px}.modal{width:100%;max-width:calc(100vw - 24px);border-radius:14px}.modal-header{padding:16px 18px}.modal-header h3{font-size:15.5px}.modal-body{padding:16px 18px;gap:14px}.modal-footer{padding:12px 18px;flex-wrap:wrap;gap:6px}.row-2{grid-template-columns:1fr;gap:10px}.input,.select{font-size:16px}.filter-bar{gap:8px}.filter-bar .search{flex:1 1 100%;max-width:none;min-width:0}.filter-bar>.select{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);width:auto!important;min-width:0}.filter-bar>.btn{flex:1 1 auto}.history-table td,.history-table th{padding:10px 12px;font-size:12.5px}.history-table .col-date{width:92px;font-size:11.5px}.history-table .col-action{width:auto}.history-table .col-delta{width:70px}.values-list .vl-header{display:none}.values-list .value-row{grid-template-columns:1fr 80px;grid-template-areas:"name   points" "max    type";gap:8px 10px;padding:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.value-row .vr-name{grid-area:name}.value-row .vr-points{grid-area:points}.value-row .vr-max{grid-area:max;justify-self:stretch;justify-content:flex-start}.value-row .vr-type{grid-area:type;align-self:center}.toast{max-width:calc(100vw - 32px)}.gate-wrap{padding:16px!important}.gate-card{padding:28px 20px 24px!important}.app.drawer-open{overflow:hidden;height:100vh}}@media (max-width:540px){.stat-row{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:10px 12px}.stat .val{font-size:19px}.stat .lbl{font-size:9.5px}.header-actions{width:100%;gap:6px;flex-wrap:wrap}.week-bar{flex:1 1 100%}.header-actions>.btn{flex:0 1 auto}.page-header h2{font-size:19px}.page-header h2 .class-tag{font-size:12.5px}}:root{--bg:#f7f9fc;--bg-2:#ffffff;--bg-3:#eef2f7;--bg-sidebar:#071426;--bg-sidebar-2:#0b1c32;--line:#e3e8ef;--line-2:#cbd5e1;--line-dark:rgba(226,232,240,0.12);--ink:#111827;--ink-2:#475569;--ink-3:#7b8794;--on-dark:#f8fafc;--on-dark-2:#cbd5e1;--on-dark-3:#8292a8;--accent:#d8a21e;--accent-2:#b9820f;--accent-soft:#fff4cf;--accent-ink:#7a4d06;--good:#13845f;--good-soft:#e9f8f2;--warn:#c23a2b;--warn-soft:#fff0ed;--info:#246fc9;--info-soft:#eaf3ff;--radius:8px;--radius-sm:7px;--radius-lg:8px;--radius-xl:12px;--shadow-1:0 1px 2px rgba(15,23,42,0.05);--shadow-2:0 12px 34px rgba(15,23,42,0.08);--shadow-pop:0 24px 60px rgba(15,23,42,0.2)}*{letter-spacing:0!important}body,html{background:linear-gradient(180deg,#ffffff,#f8fafc 280px,#f7f9fc);color:var(--ink)}body:before{display:none}.app{grid-template-columns:264px minmax(0,1fr);background:radial-gradient(circle at 72% -10%,rgba(216,162,30,.08),transparent 28rem),linear-gradient(180deg,#ffffff,#f8fafc 42rem,#f7f9fc)}.main{width:100%;max-width:1480px;padding:30px 32px 80px}.sidebar{padding:20px 14px 16px;background:radial-gradient(circle at 8% 0,rgba(56,189,248,.14),transparent 13rem),linear-gradient(180deg,var(--bg-sidebar) 0,var(--bg-sidebar-2) 100%);border-right:1px solid rgba(255,255,255,.08)}.brand{padding:2px 8px 4px}.brand h1{gap:12px;font-size:16px;font-weight:800}.brand .mark,.topbar-mark{width:34px;height:34px;border-radius:10px;padding:0;background:transparent;overflow:hidden;color:inherit;box-shadow:0 8px 22px rgba(0,0,0,.18)}.brand .mark img,.topbar-mark img{display:block;width:100%;height:100%}.brand .sub{margin-left:46px;margin-top:2px;color:var(--on-dark-3);font-family:var(--font-sans);font-size:12px}.class-tree,.nav-section{gap:6px}.nav-section-title{padding:0 10px;margin-bottom:4px;color:#8fa0b7;font-family:var(--font-sans);font-size:11px;text-transform:none}.nav-item{min-height:40px;padding:9px 10px;border-radius:8px;color:#b9c5d4;font-size:13.5px;font-weight:650}.nav-label{display:inline-flex;min-width:0;align-items:center;gap:10px}.nav-item .icon{width:18px;height:18px;opacity:.86}.nav-item:hover{background:rgba(255,255,255,.08);color:#ffffff}.nav-item.active{background:linear-gradient(90deg,rgba(216,162,30,.24),rgba(216,162,30,.11));color:#ffe7a6;box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active .icon{color:#ffd76d}.nav-item .count{background:rgba(255,255,255,.1);color:#dbe5f2}.service-label{padding:8px 10px 5px;color:#d9e2ee;font-size:12px;text-transform:none}.service-label .add-class{width:24px;height:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#e5edf8}.service-label .add-class:hover{background:var(--accent);color:#111827}.class-pill{min-height:36px;padding:8px 10px 8px 16px;border-radius:8px;color:#b7c4d6;font-family:var(--font-sans);font-size:13.5px}.class-pill:before{left:7px;width:3px;height:14px;border-radius:999px;background:transparent}.class-pill:hover{background:rgba(255,255,255,.08);color:#ffffff}.class-pill.active{background:rgba(255,255,255,.12);color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.class-pill.active:before{background:var(--accent);box-shadow:none}.class-pill .num,.class-pill.active .num{color:#aebbd0}.sidebar-footer{color:#7f90a9;font-family:var(--font-sans)}.topbar{background:rgba(255,255,255,.9)}.topbar-mark{width:30px;height:30px;box-shadow:0 4px 14px rgba(15,23,42,.12)}.page-header{align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom-color:var(--line)}.page-header h2{font-size:28px;font-weight:800}.page-header h2 .class-tag{background:#0f1f35;color:#fff4cf}.page-header .crumb{color:var(--ink-3);font-size:12px;text-transform:none}.page-header .meta{color:var(--ink-2)}.btn{min-height:38px;border-color:var(--line-2);background:#ffffff;font-weight:650;box-shadow:0 1px 0 rgba(15,23,42,.02)}.btn:hover{background:#f8fafc;border-color:#94a3b8;box-shadow:0 6px 16px rgba(15,23,42,.07)}.btn.primary{background:#0f1f35;border-color:#0f1f35;color:#ffffff}.btn.primary:hover{background:#172b46;border-color:#172b46}.btn.ghost:hover{background:#eef2f7}.btn.sm{min-height:30px;padding:5px 9px}.card,.entry-table-wrap{background:#ffffff;border-color:var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.input,.select{min-height:38px;border-color:var(--line-2);background:#ffffff}.input:focus,.select:focus{border-color:var(--info);box-shadow:0 0 0 3px rgba(36,111,201,.14)}.week-bar{border-radius:8px;background:#ffffff;box-shadow:none}.week-bar button{min-width:34px}.week-bar .week-select{min-width:184px}.week-bar .today-tag{background:#fff1bf;color:var(--accent-ink)}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{border-radius:8px;background:#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.035)}.stat:before{width:4px}.stat:hover{box-shadow:0 10px 26px rgba(15,23,42,.07)}.stat .lbl{color:var(--ink-2);font-size:11.5px;text-transform:none}.stat .val{color:#101928;font-size:28px;font-weight:800}.entry-table-wrap{max-width:100%}.entry-table{min-width:980px}.entry-table thead th{padding:11px 8px 10px;background:#f8fafc;color:#334155;font-size:11.5px;text-transform:none;box-shadow:inset 0 -1px 0 var(--line)}.entry-table td.name-cell,.entry-table thead th.left{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:#ffffff;box-shadow:1px 0 0 var(--line)}.entry-table thead th.left{z-index:3;background:#f8fafc}.entry-table thead th.value-col{width:86px;min-width:86px}.entry-table thead th.attend-col{width:78px}.entry-table thead th.total-col{width:92px;background:#fff8e3;color:var(--accent-ink)}.entry-table thead th.actions-col{width:126px}.entry-table thead th.value-col .val-name{font-size:12px;color:#1f2937}.entry-table thead th.value-col .val-pts{color:var(--ink-3)}.entry-table tbody tr:hover td,.entry-table tbody tr:hover td.name-cell{background:#fbfdff}.entry-table tbody tr.absent td{color:#98a2b3}.entry-table td{height:48px;padding:7px 8px}.entry-table td.name-cell{min-width:180px;padding-left:14px}.entry-table td.name-cell .avatar{width:28px;height:28px;border-radius:8px;background:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.entry-table td.name-cell .nm{font-size:13.5px}.attend-btn{width:34px;height:34px;border-radius:8px}.attend-btn.on{background:#13845f;border-color:#0f6f51;box-shadow:0 4px 12px rgba(19,132,95,.2)}.num-input{width:46px;height:34px;padding:4px 5px;border-radius:8px;border-color:#d9e2ec;background:#ffffff}.num-input:focus{border-color:var(--info);box-shadow:0 0 0 3px rgba(36,111,201,.14);transform:none}.num-input.has-value{background:#fff8e3;border-color:#f0c95a;color:var(--accent-ink)}.entry-table td.total-cell{background:#fffbeb;color:var(--accent-ink)}.row-actions{display:flex;justify-content:center;gap:4px}.helper-note{margin-top:14px;color:var(--ink-3);font-size:12px;line-height:1.7}.mobile-entry-list{display:none}.empty{padding:58px 20px}.empty .icon-big{border-radius:8px;background:#f8fafc}.history-table th{background:#f8fafc;text-transform:none}.tag{border-radius:8px}.modal{border-radius:12px}.modal-footer,.modal-header{background:#ffffff}.rank-row,.toast,.values-list .value-row{border-radius:8px}.gate-wrap{background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.12),transparent 22rem),linear-gradient(180deg,#ffffff,#f7f9fc)}@media (max-width:1100px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.main{padding:16px 14px calc(44px + env(safe-area-inset-bottom))}.page-header h2{font-size:22px}.header-actions{width:100%}.week-bar{min-width:min(100%,310px)}.entry-table{min-width:920px}}@media (max-width:720px){.page-header{margin-bottom:12px;padding-bottom:12px}.page-header .crumb{display:none}.page-header .meta,.page-header h2{margin-top:2px}.header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.week-bar{width:auto;min-width:0}.week-bar .week-select{min-width:0;width:100%;font-size:12.5px;padding-right:18px}.week-bar .today-tag{display:none}.header-actions>.btn.primary{justify-content:center;min-width:96px;padding-inline:12px}.stat-row{gap:8px;margin-bottom:14px}.stat{min-height:76px;padding:9px 10px}.stat .lbl{font-size:11px}.stat .val{margin-top:2px;font-size:22px}.stat .sub{font-size:10.5px}.stat .bar{margin-top:6px}.desktop-entry-table{display:none}.mobile-entry-list{display:flex;flex-direction:column;gap:12px}.mobile-student-card{background:#ffffff;border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.04);overflow:hidden}.mobile-student-card.absent{background:linear-gradient(180deg,#ffffff,#fbfcfe)}.mobile-student-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 12px 10px;border:0;border-bottom:1px solid var(--line);background:#ffffff;color:inherit;text-align:left;cursor:pointer}.mobile-student-card.collapsed .mobile-student-head{border-bottom:0}.mobile-student-card.collapsed .mobile-student-head:hover,.mobile-student-card.expanded .mobile-student-head:hover{background:#fbfdff}.mobile-student-head .name-inner{display:flex;align-items:center;gap:9px;min-width:0}.mobile-student-head .avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.mobile-student-head .nm-block{display:flex;min-width:0;flex-direction:column;gap:2px}.mobile-student-head .nm{color:var(--ink);font-size:15px;font-weight:800;line-height:1.2}.mobile-student-head .small{color:var(--ink-3);font-size:11px}.mobile-total{display:grid;grid-template-columns:auto auto;align-items:baseline;grid-gap:0 6px;gap:0 6px;min-width:74px;text-align:right}.mobile-total span{grid-column:1/-1;color:var(--ink-3);font-size:11px;font-weight:700}.mobile-total strong{color:var(--accent-ink);font-size:20px;font-weight:850;line-height:1.1}.mobile-total em{color:var(--good);font-size:11px;font-style:normal;font-weight:800}.mobile-expand-state{min-width:42px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--ink-2);font-size:11px;font-weight:800;text-align:center}.mobile-student-card.expanded .mobile-expand-state{background:#fff8e3;border-color:#f0c95a;color:var(--accent-ink)}.mobile-student-body{border-top:0}.mobile-attend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid var(--line)}.mobile-attend-row strong{display:block;color:var(--ink);font-size:13px;font-weight:800}.mobile-attend-row span{color:var(--ink-3);font-size:11px}.mobile-attend-row .attend-btn{width:48px;height:44px;border-radius:10px;font-size:18px}.mobile-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:12px}.mobile-value-field{display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto auto;align-items:center;grid-gap:1px 8px;gap:1px 8px;min-height:58px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#ffffff}.mobile-value-label{min-width:0;color:var(--ink);font-size:12.5px;font-weight:800;line-height:1.2}.mobile-value-meta{min-width:0;color:var(--ink-3);font-size:10.5px;line-height:1.2}.mobile-num-input{grid-column:2;grid-row:1/3;width:48px;height:42px;border-radius:9px;font-size:16px}.mobile-card-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:0 12px 12px}.mobile-card-actions .btn{justify-content:center;min-height:40px}.helper-note{margin-top:12px;font-size:11.5px}}@media (max-width:540px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .val{font-size:22px}.week-bar .week-display{flex:1 1}.week-bar .week-select{min-width:0;width:100%}}@media (max-width:360px){.header-actions{grid-template-columns:1fr}.header-actions>.btn.primary{width:100%}.mobile-values-grid{grid-template-columns:1fr}}