:root{--color-primary: #009ca7;--color-primary-dark: #007a83;--color-primary-light: #00b4c1;--color-primary-soft: rgba(0,156,167,.08);--color-primary-glow: rgba(0,156,167,.18);--color-cta: #e94f43;--color-cta-dark: #c43a2f;--color-cta-soft: rgba(233,79,67,.08);--color-success: #22c55e;--color-success-soft: rgba(34,197,94,.1);--color-danger: #e94f43;--color-danger-soft: rgba(233,79,67,.08);--color-warning: #f59e0b;--color-warning-soft: rgba(245,158,11,.1);--color-info: #009ca7;--color-info-soft: rgba(0,156,167,.08);--sidebar-bg: #006970;--sidebar-width: 264px;--sidebar-collapsed: 68px;--sidebar-text: rgba(255,255,255,.7);--sidebar-text-active: #ffffff;--sidebar-hover: rgba(255,255,255,.1);--sidebar-active: rgba(255,255,255,.15);--sidebar-border: rgba(255,255,255,.12);--sidebar-section: rgba(255,255,255,.45);--topbar-height: 62px;--topbar-bg: #ffffff;--topbar-border: #e2eced;--body-bg: #f0f4f8;--card-bg: #ffffff;--card-border: #e2eced;--card-radius: 12px;--card-shadow: 0 1px 4px rgba(0,80,90,.06), 0 4px 16px rgba(0,80,90,.04);--card-shadow-hover: 0 4px 14px rgba(0,80,90,.1), 0 8px 32px rgba(0,80,90,.06);--text-primary: #0d2426;--text-secondary: #2c5a5f;--text-muted: #7aabb0;--text-link: #009ca7;--font-sans: "Sora", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-sidebar: 200;--z-topbar: 100;--z-modal: 500;--z-toast: 600;--z-overlay: 150}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--body-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b2d5d8;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#009ca7}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes growIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-content{animation:fadeIn .28s ease both}.page-content:before{content:"";display:block;height:3px;width:44px;background:linear-gradient(90deg,#009ca7,#e94f43);border-radius:99px;margin-bottom:20px;animation:growIn .4s ease both;transform-origin:left}@media (max-width: 768px){:root{--topbar-height: 56px}}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (min-width: 769px){.show-mobile{display:none!important}}@media (max-width: 900px){.responsive-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){main>div{padding:16px 16px 32px!important}}@media (max-width: 480px){.card-body-compact{padding:14px!important}}@media (max-width: 640px){table{font-size:12px!important}th,td{padding:8px 10px!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 560px){.page-header-actions{width:100%;justify-content:flex-start!important}}@media (max-width: 991px){:root{--z-sidebar: 300;--z-overlay: 250;--z-topbar: 200}}