*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1e1e1e;--ink-80: #333333;--ink-60: #666666;--slate: #666666;--mist: #f5f5f5;--snow: #ffffff;--bg: #f5f5f5;--primary: #000091;--primary-light: #e3e3ff;--primary-dark: #1212a0;--primary-hover: #1212a0;--green: #18753c;--green-light: #e6f0e9;--red: #e10600;--red-light: #fee8e7;--amber: #f3812b;--amber-light: #fef0e5;--blue: #000091;--blue-light: #e3e3ff;--teal: #009081;--teal-light: #e5f5f3;--purple: #6e445a;--purple-light: #f2e8ed;--gold: #c9991f;--gold-light: #fef6e3;--border: #e5e5e5;--border-light: #f0f0f0;--r: 12px;--r-sm: 8px;--r-lg: 16px;--sp-xs: 8px;--sp-sm: 16px;--sp-md: 24px;--sp-lg: 32px;--sp-xl: 48px}body{font-family:Marianne,Roboto,Helvetica Neue,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:28px;font-weight:700;line-height:1.3;color:var(--ink)}h2{font-size:22px;font-weight:700;line-height:1.4;color:var(--ink)}h3{font-size:18px;font-weight:600;line-height:1.4;color:var(--ink)}a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}a:hover{color:var(--primary-dark)}button{cursor:pointer;font-family:Marianne,Roboto,Helvetica Neue,sans-serif}input,textarea,select{font-family:Marianne,Roboto,Helvetica Neue,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;border-radius:var(--r-sm);transition:all .2s ease;min-height:44px}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-danger{background:var(--red);color:#fff;border:none}.btn-danger:hover{background:#c50500}.btn-sm{padding:8px 16px;font-size:14px;border-radius:var(--r-sm)}.btn-full{width:100%}.card{background:var(--snow);border:1px solid var(--border);border-radius:var(--r);transition:border-color .2s ease}.card:hover{border-color:var(--primary)}.card-p{padding:var(--sp-md)}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;line-height:1.4}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-teal{background:var(--teal-light);color:var(--teal)}.badge-slate{background:var(--mist);color:var(--slate)}.kpi-grid{display:grid;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.kpi-card{background:var(--snow);border:1px solid var(--border);border-radius:var(--r);padding:20px;transition:border-color .2s ease}.kpi-card:hover{border-color:var(--primary)}.kpi-value{font-size:32px;font-weight:700;color:var(--primary);line-height:1.2}.kpi-label{font-size:14px;color:var(--slate);margin-top:8px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:12px 8px;font-size:14px;font-weight:600;color:var(--slate);border-bottom:1px solid var(--border)}table td{padding:12px 8px;font-size:14px;color:var(--ink);border-bottom:1px solid var(--border)}table tr:hover td{background:var(--mist)}.form-group{margin-bottom:var(--sp-sm)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--ink-60);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:16px;color:var(--ink);background:var(--snow);outline:none;transition:border-color .2s;min-height:44px}.form-input:focus{border-color:var(--primary);outline:3px solid rgba(0,0,145,.12);outline-offset:-1px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px}.sidebar{width:260px;background:var(--snow);border-right:1px solid var(--border)}.sidebar-item{padding:12px 16px;font-size:16px;color:var(--ink)}.sidebar-item.active{background:var(--primary-light);color:var(--primary);border-left:3px solid var(--primary)}.separator{height:1px;background-color:var(--border);margin:var(--sp-md) 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-md)}.dash-page-title{font-size:28px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.3}.dash-page-sub{font-size:14px;color:var(--slate);margin-bottom:var(--sp-lg);line-height:1.5}.section-title{font-size:18px;font-weight:600;color:var(--ink);line-height:1.4}.section-sub{font-size:14px;color:var(--slate);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--slate)}*:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.alert{padding:14px 18px;border-radius:var(--r-sm);font-size:14px;font-weight:500}.alert-error{background:var(--red-light);color:var(--red);border:1px solid #fecaca}.alert-success{background:var(--green-light);color:var(--green);border:1px solid #bbf7d0}@media (max-width: 768px){.btn,button{min-height:44px;min-width:44px}.btn-sm{min-height:40px;font-size:14px;padding:8px 16px}.form-input,.form-select{min-height:44px;font-size:16px}.sidebar{display:none}.main-content{margin-left:0!important}.kpi-grid{grid-template-columns:1fr 1fr!important}.grid-2,.grid-3{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto}table{min-width:500px}.dash-page-title{font-size:22px!important}body{padding:0}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr!important}.btn{width:100%}}.dash-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--snow);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;overflow:hidden;transition:transform .25s ease}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.88rem;font-weight:500;color:var(--ink);text-decoration:none;border-radius:0;transition:background .15s ease,color .15s ease;border-left:3px solid transparent;margin:1px 0}.topbar-title{flex:1}@media (max-width: 768px){.dash-main{margin-left:0!important}.dash-sidebar{transform:translate(-100%)}.dash-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}.topbar-hamburger{display:flex!important;align-items:center;justify-content:center}.dash-content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr!important}.grid-2,.grid-3{grid-template-columns:1fr!important}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr!important}.dash-content{padding:12px}}.dash-layout{display:flex;min-height:100vh;background:var(--bg)}.dash-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--snow);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;overflow:hidden}.dash-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px}.dash-topbar{height:60px;background:var(--snow);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;position:sticky;top:0;z-index:100;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.88rem;font-weight:500;color:var(--ink);text-decoration:none;border-left:3px solid transparent;margin:1px 0}.sidebar-item:hover{background:var(--mist);color:var(--primary);text-decoration:none}.sidebar-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:700}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--mist)}.topbar-hamburger{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:8px;color:var(--ink)}@media (max-width:768px){.dash-main{margin-left:0!important}.dash-sidebar{transform:translate(-100%)}.dash-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #00000026}.topbar-hamburger{display:flex!important;align-items:center;justify-content:center}.dash-content{padding:16px}}.dash-layout{display:flex!important;min-height:100vh}.dash-sidebar{position:fixed!important;top:0;left:0;width:260px;height:100vh;background:var(--snow);border-right:1px solid var(--border);display:flex!important;flex-direction:column;z-index:200;overflow:hidden}.dash-main{flex:1!important;display:flex!important;flex-direction:column;min-width:0;margin-left:260px!important}.dash-content{flex:1;padding:32px;overflow-y:auto}.dash-topbar{height:60px;background:var(--snow);border-bottom:1px solid var(--border);display:flex!important;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100}.sidebar-logo{display:flex!important;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.sidebar-user{display:flex!important;align-items:center;gap:10px;padding:8px;border-radius:10px;background:var(--mist)}.dash-sidebar .sidebar-item{display:flex!important;align-items:center;gap:10px;padding:10px 18px!important;font-size:.88rem;text-decoration:none;border-left:3px solid transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease forwards}@media (max-width:768px){.dash-main{margin-left:0!important}.dash-sidebar{transform:translate(-100%)}.dash-sidebar.mobile-open{transform:translate(0)}}