@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";:root{--content-padding:clamp(20px, 2.5vw, 32px);--sidebar-w:260px;--header-h:64px;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--color-primary:#1f4d3a;--color-secondary:#3f7d5e;--color-accent:#d4a937;--color-bg:#f5f2eb;--color-surface:#fff;--color-border:#00000014;--color-text:#1a1a1a;--color-text-muted:#1a1a1aa6;--color-text-dim:#1a1a1a66;--color-sidebar:#1f4d3a;--shadow-card:0 2px 8px #0000000d, 0 0 0 1px #0000000a;--shadow-card-hover:0 8px 24px #00000017, 0 0 0 1px #0000000f;--radius-lg:20px;--radius-md:16px;--radius-sm:10px;--transition:all .22s cubic-bezier(.4, 0, .2, 1)}.is-dashboard{--header-h:56px;--content-padding:12px}@media (height<=800px){:root{--header-h:56px;--content-padding:20px}.is-dashboard{--header-h:48px;--content-padding:8px}}@media (width>=1600px) and (height>=900px){:root{--header-h:72px;--content-padding:40px;--sidebar-w:280px}.is-dashboard{--header-h:60px;--content-padding:16px}}@media (width>=2560px){:root{--header-h:80px;--content-padding:56px;--sidebar-w:300px}.is-dashboard{--header-h:64px;--content-padding:24px}}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}h1,h2{font-weight:700}h3{font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1f4d3a33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1f4d3a59}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.animate-fade{animation:.35s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell{background-color:var(--color-bg);width:100vw;height:100vh;display:flex;overflow:hidden}.main-container{background-color:var(--color-bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-area{padding:var(--content-padding);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-wrapper{top:0;bottom:0;left:calc(-1 * var(--sidebar-w));width:var(--sidebar-w);z-index:1000;background:var(--color-sidebar);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:4px 0 32px #00000026}.sidebar-wrapper.open{transform:translateX(var(--sidebar-w))}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (width>=1024px){.sidebar-wrapper{box-shadow:none;border-right:none;position:static;left:0;transform:none!important}.sidebar-overlay{display:none}}.table-wrapper{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-card);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding:14px 24px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:16px 24px;font-size:14px;transition:background-color .15s}tbody tr:hover td{background-color:#1f4d3a07}tbody tr:last-child td{border-bottom:none}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.spinner{border:2.5px solid #1f4d3a26;border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.widget-card{transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.widget-card:hover{background:#ffffff1f;border-color:#ffffff2e}.widget-pulse-dot{background-color:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:2.5s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #d4a93780}70%{transform:scale(1);box-shadow:0 0 0 6px #d4a93700}to{transform:scale(.95);box-shadow:0 0 #d4a93700}}@media (width<=767px){.mobile-hide{display:none!important}}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #1f4d3a1a;border-color:var(--color-primary)!important}button{font-family:var(--font-body);font-weight:600}button:active{transform:scale(.98)}input,select,textarea{font-family:var(--font-body);font-weight:400}