*,*: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%}}