*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Afacad,sans-serif;background:var(--c-BG);color:var(--c-TEXT)}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;min-width:230px;background:var(--c-SURFACE);border-right:1px solid var(--c-BORDER);display:flex;flex-direction:column;padding:1.4rem .9rem 1rem;position:relative}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 4px 1rem;border-bottom:1px solid var(--c-BORDER);margin-bottom:1rem}.brand-mark{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--c-ACCENT),var(--c-ACCENT2));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff}.brand-title{font-size:13px;font-weight:700;color:var(--c-TEXT);letter-spacing:-.01em}.brand-sub{font-size:10px;color:var(--c-TEXT3);letter-spacing:.04em;text-transform:uppercase}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 4px 12px}.user-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.user-name{font-size:13px;font-weight:500;color:var(--c-TEXT)}.nav-divider{height:1px;background:var(--c-BORDER);margin:10px 0}.nav-btn{display:block;width:100%;text-align:left;background:transparent;color:var(--c-TEXT);border:none;border-radius:8px;padding:.55rem .8rem;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:2px;transition:background .15s;text-decoration:none;box-sizing:border-box}.nav-btn:hover{background:var(--c-SURFACE2)}.nav-btn.active{background:var(--c-ACCENT);color:#fff}.btn{background:var(--c-ACCENT);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s;width:100%}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:var(--c-SURFACE2);color:var(--c-TEXT);border:1px solid var(--c-BORDER)}.btn.danger{background:var(--c-ERR_T);color:#2c0a0a}.btn.auto{width:auto}.btn.sm{padding:.4rem .8rem;font-size:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:.7rem}.field label{font-size:12px;font-weight:500;color:var(--c-TEXT2)}.field input,.field select,.field textarea{background:var(--c-SURFACE2);border:1px solid var(--c-BORDER);border-radius:8px;color:var(--c-TEXT);font-size:13px;padding:.5rem .65rem;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--c-ACCENT)}.field-row{display:grid;gap:.9rem}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 760px){.cols-2,.cols-3{grid-template-columns:1fr}}.qcard{background:var(--c-CARD_BG);border:1px solid var(--c-BORDER);border-radius:14px;padding:1.1rem 1.3rem;margin-bottom:.6rem}.qcard.tight{padding:10px 14px}.qcard-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--c-ACCENT) 12%,transparent),color-mix(in srgb,var(--c-ACCENT) 4%,transparent));border:1px solid color-mix(in srgb,var(--c-ACCENT) 25%,transparent)}.page-title{font-size:22px;font-weight:700;color:var(--c-TEXT);margin-bottom:2px;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--c-TEXT2);margin-bottom:1.4rem}.kpi-label{font-size:11px;font-weight:600;color:var(--c-TEXT3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.kpi-value{font-size:24px;font-weight:800;color:var(--c-TEXT);letter-spacing:-.03em;line-height:1}.kpi-sub{font-size:12px;color:var(--c-TEXT2);margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width: 900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.badge{display:inline-block;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-green{background:var(--c-SUCCESS);color:var(--c-SUCCESS_T)}.badge-yellow{background:var(--c-WARN_BG);color:var(--c-WARN_T)}.badge-red{background:var(--c-ERR_BG);color:var(--c-ERR_T)}.badge-blue{background:#0f1f3a;color:#60a5fa}.badge-purple{background:color-mix(in srgb,var(--c-ACCENT) 18%,transparent);color:var(--c-ACCENT2)}.divider{height:1px;background:var(--c-BORDER);margin:1.3rem 0}.progress-track{background:var(--c-BORDER);border-radius:99px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .2s}.tabs{display:flex;gap:2px;background:var(--c-SURFACE2);border-radius:10px;padding:3px;border:1px solid var(--c-BORDER);margin-bottom:1.2rem;overflow-x:auto}.tab-btn{border:none;background:transparent;color:var(--c-TEXT2);border-radius:8px;font-size:13px;font-weight:500;padding:6px 16px;cursor:pointer;white-space:nowrap}.tab-btn.active{background:var(--c-ACCENT);color:#fff}.layout-cols{display:grid;gap:1.2rem}.layout-cols.l3-2{grid-template-columns:3fr 2fr}.layout-cols.l1-1{grid-template-columns:1fr 1fr}.layout-cols.l1-14{grid-template-columns:1fr 1.4fr}@media (max-width: 900px){.layout-cols{grid-template-columns:1fr!important}}.main-content{flex:1;padding:2rem 2.5rem 3rem;max-width:1280px;min-width:0}@media (max-width: 700px){.main-content{padding:1.2rem}}.mobile-topbar,.nav-overlay{display:none}@media (max-width: 860px){.app-shell{display:block}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:var(--c-SURFACE);border-bottom:1px solid var(--c-BORDER);padding:.75rem 1rem}.mobile-topbar .brand-mark{width:30px;height:30px;font-size:14px}.hamburger-btn{background:transparent;border:none;color:var(--c-TEXT);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px}.hamburger-btn:hover{background:var(--c-SURFACE2)}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:4px 0 24px #00000040}.sidebar.open{transform:translate(0)}.nav-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000073}.main-content{padding:1.2rem}}.expander{border:1px solid var(--c-BORDER);border-radius:10px;background:var(--c-SURFACE);margin-bottom:.5rem;overflow:hidden}.expander summary{padding:.65rem .9rem;font-size:13px;font-weight:500;color:var(--c-TEXT);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.expander summary::-webkit-details-marker{display:none}.expander-body{padding:0 .9rem .9rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.muted{color:var(--c-TEXT2)}.small{font-size:12px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-TEXT)}a{color:var(--c-ACCENT2)}::placeholder{color:var(--c-TEXT3)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:380px}.login-logo{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--c-ACCENT),var(--c-ACCENT2))}