@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--green-50: #f0f7f3;--green-100: #d9ece2;--green-200: #a7d8c4;--green-300: #76c0a4;--green-400: #4aa183;--green-500: #1f6f5c;--green-600: #1a5d4d;--green-700: #15493d;--green-800: #0e3b30;--green-900: #082620;--neutral-0: #ffffff;--neutral-50: #f7f9f8;--neutral-100: #eef2f0;--neutral-200: #dfe5e2;--neutral-300: #c5cecb;--neutral-400: #9aa6a2;--neutral-500: #6f7c78;--neutral-600: #515c59;--neutral-700: #3a4340;--neutral-800: #262d2b;--neutral-900: #161b1a;--clay-400: #d98f6b;--clay-500: #c4684a;--amber-400: #e0a64b;--amber-500: #cf8a2b;--sky-400: #5aa9d6;--sky-500: #2f7db8;--moss-500: #7a8b3c;--success-500: var(--green-500);--success-50: var(--green-50);--warning-500: var(--amber-500);--warning-50: #fcf4e4;--danger-500: #c4503a;--danger-50: #fbedea;--info-500: var(--sky-500);--info-50: #e9f3fa;--text-strong: var(--neutral-900);--text-body: var(--neutral-700);--text-muted: var(--neutral-500);--text-subtle: var(--neutral-400);--text-inverse: var(--neutral-0);--text-brand: var(--green-600);--text-on-brand: #ffffff;--surface-page: var(--neutral-50);--surface-card: var(--neutral-0);--surface-sunken: var(--neutral-100);--surface-raised: var(--neutral-0);--surface-brand: var(--green-500);--surface-brand-subtle: var(--green-50);--surface-inverse: var(--green-900);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-brand: var(--green-500);--border-focus: var(--green-400);--action-primary: var(--green-500);--action-primary-hover: var(--green-600);--action-primary-active: var(--green-700);--action-ghost-hover: var(--green-50);--ring: 0 0 0 3px color-mix(in srgb, var(--green-400) 45%, transparent);--viz-1: var(--green-500);--viz-2: var(--sky-500);--viz-3: var(--amber-500);--viz-4: var(--clay-500);--viz-5: var(--green-300);--viz-6: var(--moss-500)}:root{--font-sans: "Mulish", "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--leading-tight: 1.12;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--type-display: var(--weight-extrabold) var(--text-5xl)/var(--leading-tight) var(--font-sans);--type-h1: var(--weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-sans);--type-h2: var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-sans);--type-h3: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--type-body-lg: var(--weight-regular) var(--text-lg)/var(--leading-relaxed) var(--font-sans);--type-body: var(--weight-regular) var(--text-md)/var(--leading-normal) var(--font-sans);--type-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);--type-label: var(--weight-semibold) var(--text-sm)/1.2 var(--font-sans);--type-caption: var(--weight-medium) var(--text-xs)/1.4 var(--font-sans);--type-mono: var(--weight-regular) var(--text-sm)/1.4 var(--font-mono)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 1200px;--sidebar-width: 248px;--topbar-height: 64px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(14, 59, 48, .06);--shadow-sm: 0 2px 6px rgba(14, 59, 48, .07);--shadow-md: 0 6px 18px rgba(14, 59, 48, .09);--shadow-lg: 0 16px 40px rgba(14, 59, 48, .12);--shadow-focus: var(--ring);--shadow-inset: inset 0 1px 2px rgba(14, 59, 48, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--transition-base: all var(--duration-base) var(--ease-out)}@keyframes pn-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pn-fade{0%{opacity:0}to{opacity:1}}@keyframes pn-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}a{color:var(--text-brand);text-decoration:none}a:hover{color:var(--green-700);text-decoration:underline}::selection{background:var(--green-200);color:var(--green-900)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.eyebrow{font:var(--type-caption);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:8px;border:3px solid transparent;background-clip:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--radius-sm);font:600 12.5px/1 var(--font-sans);cursor:pointer;border:1px solid transparent;transition:var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{height:32px;padding:0 13px;font-size:12px}.btn-md{height:40px;padding:0 16px;font-size:13.5px}.btn-primary{background:var(--action-primary);border-color:var(--action-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn-secondary{background:var(--surface-card);border-color:var(--border-subtle);color:var(--text-body)}.btn-secondary:hover:not(:disabled){background:var(--green-50)}.btn-full{width:100%}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field-label{font:600 10px/1 var(--font-sans);letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.field-control{width:100%;height:var(--control-sm);padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-body);font:400 13px/1.4 var(--font-sans)}.field-control:focus{outline:none;box-shadow:var(--ring);border-color:var(--border-focus)}.field-control.sm{height:var(--control-sm);font-size:13px}textarea.field-control{height:auto;padding:10px 12px;resize:vertical;font-family:var(--font-sans)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font:700 11px/1 var(--font-sans);white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex:none}.badge-brand{background:var(--green-100);color:var(--green-700)}.badge-brand .badge-dot{background:var(--green-500)}.badge-success{background:var(--green-50);color:var(--green-700)}.badge-success .badge-dot{background:var(--green-500)}.badge-info{background:var(--info-50);color:#1f5a86}.badge-info .badge-dot{background:var(--sky-500)}.badge-warning{background:var(--warning-50);color:#9a6512}.badge-warning .badge-dot{background:var(--amber-500)}.badge-danger{background:var(--danger-50);color:#9a3324}.badge-danger .badge-dot{background:var(--danger-500)}.badge-neutral{background:var(--surface-sunken);color:var(--text-muted)}.badge-neutral .badge-dot{background:var(--neutral-400)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-200);color:var(--green-800);font:800 13px/1 var(--font-sans);flex:none}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-subtle)}.tab{height:42px;padding:0 4px;border:none;background:none;cursor:pointer;font:600 13px/1 var(--font-sans);color:var(--text-muted);border-bottom:2px solid transparent;margin-right:18px}.tab.active{color:var(--text-brand);border-bottom-color:var(--green-500)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-label{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.progress-ring-value{font:800 24px/1 var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums}.progress-ring-caption{font:600 10px/1 var(--font-sans);letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.toast-wrap{position:fixed;left:0;right:0;bottom:18px;z-index:70;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--green-800);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font:600 13px/1 var(--font-sans);animation:pn-rise .2s var(--ease-out)}.toast-check{width:16px;height:16px;border-radius:50%;background:var(--green-200);color:var(--green-800);display:inline-flex;align-items:center;justify-content:center;font:700 10px/1 var(--font-sans)}.app-shell{display:flex;flex-direction:column;background:var(--surface-page);height:100vh;position:relative;overflow:hidden}.top-nav{display:flex;align-items:center;gap:8px;padding:0 20px;height:60px;flex:none;background:var(--green-900);border-bottom:1px solid var(--green-800)}.top-nav-brand{display:flex;align-items:center;gap:10px;margin-right:12px;flex:none}.sidebar-mark{width:30px;height:30px;border-radius:var(--radius-md);background:var(--green-200);color:var(--green-800);display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 var(--font-sans);flex:none}.sidebar-org-name{font:700 13px/1.1 var(--font-sans);color:#fff;letter-spacing:-.01em}.sidebar-org-sub{font:500 10px/1 var(--font-sans);color:var(--green-200);letter-spacing:.04em}.top-nav-groups{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.top-nav-group{position:relative}.top-nav-group-btn{display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--green-100);font:600 12.5px/1 var(--font-sans);cursor:pointer;white-space:nowrap}.top-nav-group-btn:hover{background:#ffffff0f}.top-nav-group-btn.active{background:#ffffff0f;color:#fff}.top-nav-group-btn.open{background:var(--green-700);color:#fff}.top-nav-chev{display:inline-flex;color:var(--green-300);transition:transform .2s var(--ease-out)}.top-nav-chev.open{transform:rotate(180deg)}.top-nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:46;width:max-content;max-width:92vw;padding:6px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:row;align-items:center;gap:2px;overflow-x:auto;animation:pn-rise .16s var(--ease-out)}.top-nav-dropdown .dropdown-link{width:auto;white-space:nowrap;flex:none}.dropdown-section-label{padding:10px 10px 4px;font:600 10px/1 var(--font-sans);letter-spacing:.06em;color:var(--text-subtle);text-transform:uppercase;white-space:nowrap}.dropdown-link{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:400 12.5px/1.3 var(--font-sans);background:transparent;color:var(--text-body)}.dropdown-link:hover{background:var(--green-50)}.dropdown-link.active{background:var(--green-50);color:var(--green-700);font-weight:600}.nav-link-dot{width:5px;height:5px;border-radius:50%;background:var(--green-500);flex:none}.top-nav-right{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.top-nav-user-name{font:600 12px/1.1 var(--font-sans);color:#fff}.top-nav-user-role{font:500 10px/1 var(--font-sans);color:var(--green-200)}.top-nav-logout{height:32px;padding:0 12px;border:1px solid var(--green-700);border-radius:var(--radius-sm);background:transparent;color:var(--green-100);font:600 12px/1 var(--font-sans);cursor:pointer}.top-nav-logout:hover{background:#ffffff14}.top-nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:transparent}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--surface-page);display:flex;flex-direction:column;animation:pn-fade .16s ease-out}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border-subtle);flex:none}.mobile-menu-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 24px;display:flex;flex-direction:column;gap:4px}.mobile-group-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border:none;background:transparent;color:var(--text-strong);font:600 13.5px/1.2 var(--font-sans);cursor:pointer;border-radius:var(--radius-md);text-align:left}.mobile-group-toggle:hover{background:var(--surface-sunken)}.mobile-group-items{display:flex;flex-direction:column;gap:1px;padding:2px 0 8px 8px;margin-left:14px;border-left:1px solid var(--border-subtle)}.mobile-menu-footer{display:flex;align-items:center;gap:10px;padding:16px 10px;margin-top:8px;border-top:1px solid var(--border-subtle)}.topbar{display:flex;align-items:center;gap:12px;height:var(--topbar-height);padding:0 24px;background:var(--surface-card);border-bottom:1px solid var(--border-subtle);flex:none}.topbar.is-mobile{padding:0 14px}.topbar-menu-btn{width:38px;height:38px;flex:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.topbar-titles{display:flex;flex-direction:column;gap:3px;min-width:0;margin-right:auto}.topbar-crumb{font:500 10px/1 var(--font-sans);letter-spacing:.05em;color:var(--text-subtle);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title{font:700 17px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-muted)}.topbar-search span{font:400 13px/1 var(--font-sans)}.topbar-icon-btn{position:relative;width:38px;height:38px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.topbar-icon-btn:hover{background:var(--green-50)}.topbar-icon-dot{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--danger-500)}.topbar-user-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 4px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);cursor:pointer;font:600 12px/1 var(--font-sans)}.topbar-user-btn:hover{background:var(--green-50)}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-content{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.side-nav{position:relative;z-index:45;width:220px;flex:none;display:flex;flex-direction:column;gap:2px;padding:16px 10px;overflow-y:auto;background:var(--surface-card);border-right:1px solid var(--border-subtle);animation:pn-fade .16s ease-out}.side-nav-header{display:flex;align-items:center;gap:8px;padding:6px 10px 12px;color:var(--text-subtle);font:700 11px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase}.side-nav-items{display:flex;flex-direction:column;gap:1px}.side-nav-section-label{padding:10px 10px 4px;font:600 10px/1 var(--font-sans);letter-spacing:.06em;color:var(--text-subtle);text-transform:uppercase}.side-nav-link{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:500 13px/1.3 var(--font-sans);background:transparent;color:var(--text-body)}.side-nav-link:hover{background:var(--green-50)}.side-nav-link.active{background:var(--green-50);color:var(--green-700);font-weight:600}.app-main{flex:1;min-height:0;overflow-y:auto;padding:22px 24px 48px}.app-main.is-mobile{padding:16px 14px 40px}.screen-fade{display:flex;flex-direction:column;gap:18px;animation:pn-rise .22s var(--ease-out)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:420px;text-align:center}.coming-soon-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--green-50);display:inline-flex;align-items:center;justify-content:center;color:var(--green-500)}.coming-soon-title{font:700 18px/1.3 var(--font-sans);color:var(--text-strong)}.coming-soon-desc{font:400 13px/1.6 var(--font-sans);color:var(--text-muted);max-width:360px;text-wrap:pretty}.coming-soon-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding-top:4px}.coming-soon-link{height:34px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-brand);font:600 12px/1 var(--font-sans);cursor:pointer}.coming-soon-link:hover{background:var(--green-50)}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex}.drawer-wrap.desktop{justify-content:flex-end}.drawer-wrap.mobile{align-items:flex-end}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08262059}.drawer-panel{position:relative;display:flex;flex-direction:column;background:var(--surface-card)}.drawer-panel.desktop{width:420px;border-left:1px solid var(--border-subtle);box-shadow:-12px 0 40px #0e3b3024;animation:pn-fade .18s ease-out}.drawer-panel.mobile{width:100%;max-height:88%;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #0e3b3038;animation:pn-rise .22s var(--ease-out)}.drawer-header{display:flex;align-items:flex-start;gap:12px;padding:18px;border-bottom:1px solid var(--border-subtle)}.drawer-close{width:32px;height:32px;flex:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-muted);cursor:pointer;font:400 15px/1 var(--font-sans)}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:18px}.drawer-footer{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--border-subtle)}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal-panel{position:relative;width:100%;max-width:440px;background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:0 18px 48px #0e3b3038;overflow:hidden;animation:pn-rise .2s var(--ease-out)}.modal-header{display:flex;align-items:center;gap:10px;padding:18px 18px 12px}.modal-title{font:700 17px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--text-strong);margin-right:auto}.modal-body{padding:0 18px 4px;display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;gap:8px;padding:18px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--green-900);padding:16px}.login-card{width:100%;max-width:380px;background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:32px 28px;display:flex;flex-direction:column;gap:18px}.login-mark{width:42px;height:42px;border-radius:var(--radius-md);background:var(--green-200);color:var(--green-800);display:inline-flex;align-items:center;justify-content:center;font:800 16px/1 var(--font-sans)}.login-title{font:700 19px/1.3 var(--font-sans);color:var(--text-strong);letter-spacing:-.01em}.login-sub{font:400 13px/1.5 var(--font-sans);color:var(--text-muted)}.login-error{font:500 12.5px/1.5 var(--font-sans);color:#9a3324;background:var(--danger-50);border-radius:var(--radius-sm);padding:10px 12px}.login-banner{font:500 12.5px/1.6 var(--font-sans);color:#9a6512;background:var(--warning-50);border-radius:var(--radius-sm);padding:10px 12px}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.toolbar-context{font:600 12px/1.4 var(--font-sans);color:var(--text-muted);margin-right:auto}.stat-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width: 899px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 16px 14px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:8px}.stat-label{font:600 11px/1 var(--font-sans);letter-spacing:.04em;color:var(--text-muted)}.stat-value-row{display:flex;align-items:baseline;gap:5px}.stat-value{font:800 26px/1 var(--font-sans);letter-spacing:-.02em;color:var(--text-strong);font-variant-numeric:tabular-nums}.stat-unit{font:600 12px/1 var(--font-sans);color:var(--text-muted)}.stat-delta{font:500 11px/1.3 var(--font-sans)}.panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.panel-toolbar .field{flex:1;min-width:180px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{height:32px;padding:0 13px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font:600 12px/1 var(--font-sans);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-body)}.filter-chip.active{border-color:var(--green-500);background:var(--green-500);color:#fff}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead tr{background:var(--surface-sunken)}.data-table th{text-align:left;padding:11px 16px;font:600 11px/1 var(--font-sans);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.data-table td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);font:400 13px/1.4 var(--font-sans);color:var(--text-body)}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover,.data-table tbody tr.selected{background:var(--green-50)}.cell-mono{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.cell-strong{font:600 13px/1.4 var(--font-sans);color:var(--text-strong);white-space:nowrap}.mobile-row-list{display:flex;flex-direction:column}.mobile-row{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:none;border-bottom:1px solid var(--border-subtle);background:var(--surface-card);text-align:left;cursor:pointer;width:100%}.mobile-row:active{background:var(--green-50)}.mobile-row-top{display:flex;align-items:center;gap:8px;width:100%}.mobile-row-name{font:700 15px/1.2 var(--font-sans);color:var(--text-strong)}.mobile-row-date{font:400 11px/1 var(--font-mono);color:var(--text-subtle);margin-right:auto}.mobile-row-course{font:400 13px/1.4 var(--font-sans);color:var(--text-body)}.mobile-row-meta{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--font-sans);color:var(--text-muted);flex-wrap:wrap}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px}.page-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-sm);font:600 12px/1 var(--font-sans);background:var(--surface-sunken);color:var(--text-muted)}.page-pill.active{background:var(--green-500);color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-field-label{font:600 10px/1 var(--font-sans);letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.detail-field-value{font:500 13px/1.4 var(--font-sans);color:var(--text-strong)}.history-item{display:flex;gap:12px;padding:12px 14px;background:var(--surface-sunken);border-radius:var(--radius-md)}.history-date{font:400 11px/1.4 var(--font-mono);color:var(--text-muted);flex:none;width:70px}.history-title{font:600 12px/1.2 var(--font-sans);color:var(--text-strong)}.history-body{font:400 12px/1.5 var(--font-sans);color:var(--text-body)}.report-head{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;gap:16px;align-items:center}.report-course-name{font:700 16px/1.3 var(--font-sans);letter-spacing:-.01em;color:var(--text-strong)}.report-course-meta{font:400 12px/1.4 var(--font-sans);color:var(--text-muted)}.report-table th.sticky,.report-table td.sticky{position:sticky;left:0;background:var(--surface-card)}.report-table thead th.sticky{background:var(--surface-sunken)}.score-chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;border-radius:var(--radius-sm);font:700 12.5px/1 var(--font-sans);font-variant-numeric:tabular-nums}.hint-text{padding:10px 16px 14px;font:500 11px/1.4 var(--font-sans);color:var(--text-subtle)}.student-chip{flex:none;height:32px;padding:0 14px;border-radius:var(--radius-sm);cursor:pointer;font:600 12.5px/1 var(--font-sans);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-body)}.student-chip.active{border-color:var(--green-500);background:var(--green-500);color:#fff}.student-chip-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.one-grade-grid{display:grid;gap:14px;align-items:start;grid-template-columns:260px 1fr}@media (max-width: 899px){.one-grade-grid{grid-template-columns:1fr}}.one-grade-summary{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.one-grade-detail{display:flex;flex-direction:column;gap:14px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px}.unit-bar-row{display:flex;flex-direction:column;gap:7px}.unit-bar-head{display:flex;align-items:baseline;gap:8px}.unit-bar-track{display:block;height:9px;border-radius:6px;background:var(--surface-sunken);overflow:hidden}.unit-bar-fill{display:block;height:100%;border-radius:6px;transition:width .32s var(--ease-out)}.one-grade-facts{display:flex;gap:16px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--border-subtle)}.fact-label{font:600 10px/1 var(--font-sans);letter-spacing:.04em;color:var(--text-muted)}.fact-value{font:700 15px/1 var(--font-sans);color:var(--text-strong)}.log-toolbar{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-xs);display:flex;flex-wrap:wrap;align-items:center;gap:12px}.log-day-nav-btn{width:34px;height:34px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);cursor:pointer;font:400 15px/1 var(--font-sans)}.log-day-nav-btn:hover{background:var(--green-50)}.log-date-label{font:700 15px/1.2 var(--font-sans);color:var(--text-strong)}.log-day-label{font:500 11px/1 var(--font-sans);color:var(--text-muted)}.log-course-name{font:600 13px/1.2 var(--font-sans);color:var(--text-strong)}.log-course-meta{font:400 12px/1 var(--font-sans);color:var(--text-muted)}.log-grid{display:grid;gap:14px;align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}@media (max-width: 899px){.log-grid{grid-template-columns:1fr}}.period-cell-n{font:700 12px/1 var(--font-sans);color:var(--text-brand);white-space:nowrap}.period-cell-time{font:400 12px/1 var(--font-mono);color:var(--text-muted);white-space:nowrap}.period-mobile-row{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border-subtle)}.att-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.att-summary-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 4px;border-radius:var(--radius-md)}.att-summary-count{font:800 18px/1 var(--font-sans);font-variant-numeric:tabular-nums}.att-summary-label{font:600 10px/1 var(--font-sans);letter-spacing:.03em}.att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.att-chip{display:flex;align-items:center;gap:6px;height:34px;padding:0 9px;border-radius:var(--radius-md);cursor:pointer;font:600 11.5px/1 var(--font-sans);border:1px solid transparent}.att-chip-dot{width:6px;height:6px;border-radius:50%;flex:none}#root{height:100vh;background:var(--neutral-200)}