@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{--sd-yellow: #F5C800;--sd-yellow-dark: #C9A200;--sd-yellow-light: #FFF3CC;--sd-red: #D91E1E;--sd-red-dark: #A81515;--sd-red-light: #FCEAEA;--sd-blue: #2196F3;--sd-blue-dark: #1565C0;--sd-blue-light: #E3F2FD;--sd-primary: var(--sd-blue);--sd-primary-dark: var(--sd-blue-dark);--sd-primary-light: var(--sd-blue-light);--sd-danger: var(--sd-red);--sd-danger-dark: var(--sd-red-dark);--sd-danger-light: var(--sd-red-light);--sd-warning: var(--sd-yellow);--sd-warning-dark: var(--sd-yellow-dark);--sd-warning-light: var(--sd-yellow-light);--sd-success: #1B9E52;--sd-success-dark: #0E6E38;--sd-success-light: #E6F7EE;--sd-white: #FFFFFF;--sd-gray-50: #F8F9FA;--sd-gray-100: #F1F3F5;--sd-gray-200: #E9ECEF;--sd-gray-300: #DEE2E6;--sd-gray-400: #CED4DA;--sd-gray-500: #ADB5BD;--sd-gray-600: #6C757D;--sd-gray-700: #495057;--sd-gray-800: #343A40;--sd-gray-900: #212529;--sd-black: #0D0F12;--sd-bg: #F4F6F9;--sd-surface: var(--sd-white);--sd-surface-alt: var(--sd-gray-50);--sd-border: var(--sd-gray-200);--sd-border-focus: var(--sd-blue);--sd-text: var(--sd-gray-900);--sd-text-secondary: var(--sd-gray-600);--sd-text-disabled: var(--sd-gray-400);--sd-text-inverse: var(--sd-white);--sd-sidebar-bg: #0D1B2A;--sd-sidebar-text: #B8C5D6;--sd-sidebar-text-active: var(--sd-white);--sd-sidebar-accent: var(--sd-blue);--sd-sidebar-hover: rgba(255,255,255,.07);--sd-sidebar-active: rgba(33, 150, 243, .18);--sd-sidebar-width: 256px;--sd-sidebar-width-collapsed: 64px;--sd-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sd-font-display: "Outfit", "Inter", sans-serif;--sd-font-mono: "JetBrains Mono", "Fira Code", monospace;--sd-text-xs: .75rem;--sd-text-sm: .875rem;--sd-text-base: 1rem;--sd-text-lg: 1.125rem;--sd-text-xl: 1.25rem;--sd-text-2xl: 1.5rem;--sd-text-3xl: 1.875rem;--sd-text-4xl: 2.25rem;--sd-space-1: .25rem;--sd-space-2: .5rem;--sd-space-3: .75rem;--sd-space-4: 1rem;--sd-space-5: 1.25rem;--sd-space-6: 1.5rem;--sd-space-8: 2rem;--sd-space-10: 2.5rem;--sd-space-12: 3rem;--sd-space-16: 4rem;--sd-radius-sm: 4px;--sd-radius: 8px;--sd-radius-md: 12px;--sd-radius-lg: 16px;--sd-radius-xl: 24px;--sd-radius-full: 9999px;--sd-shadow-xs: 0 1px 2px rgba(0,0,0,.05);--sd-shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--sd-shadow: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--sd-shadow-md: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--sd-shadow-lg: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--sd-shadow-xl: 0 25px 50px rgba(0,0,0,.15);--sd-transition-fast: .12s ease;--sd-transition: .2s ease;--sd-transition-slow: .35s ease;--sd-z-dropdown: 100;--sd-z-sticky: 200;--sd-z-modal: 300;--sd-z-toast: 400}[data-theme=dark]{--sd-bg: #0D1117;--sd-surface: #161B22;--sd-surface-alt: #1C2333;--sd-border: #30363D;--sd-text: #E6EDF3;--sd-text-secondary: #8B949E;--sd-text-disabled: #484F58;--sd-sidebar-bg: #010409;--sd-primary-light: rgba(33, 150, 243, .15);--sd-danger-light: rgba(217, 30, 30, .15);--sd-success-light: rgba(27, 158, 82, .15);--sd-warning-light: rgba(245, 200, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--sd-font-sans);font-size:var(--sd-text-base);line-height:1.6;color:var(--sd-text);background-color:var(--sd-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--sd-font-display);font-weight:700;line-height:1.2;color:var(--sd-text)}h1{font-size:var(--sd-text-3xl)}h2{font-size:var(--sd-text-2xl)}h3{font-size:var(--sd-text-xl)}h4{font-size:var(--sd-text-lg)}p{line-height:1.7}a{color:var(--sd-primary);text-decoration:none;transition:color var(--sd-transition-fast)}a:hover{color:var(--sd-primary-dark);text-decoration:underline}.sd-shell{display:flex;height:100dvh;overflow:hidden}.sd-sidebar{width:var(--sd-sidebar-width);background:var(--sd-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--sd-transition-slow);overflow:hidden;z-index:var(--sd-z-sticky)}.sd-sidebar-header{display:flex;align-items:center;gap:var(--sd-space-3);padding:var(--sd-space-5) var(--sd-space-4);border-bottom:1px solid rgba(255,255,255,.07);min-height:72px}.sd-sidebar-logo{width:36px;height:36px;flex-shrink:0}.sd-sidebar-brand{font-family:var(--sd-font-display);font-size:var(--sd-text-xl);font-weight:800;color:var(--sd-white);letter-spacing:-.5px;white-space:nowrap}.sd-sidebar-brand span{color:var(--sd-yellow)}.sd-sidebar-nav{flex:1;overflow-y:auto;padding:var(--sd-space-3) 0}.sd-sidebar-section{padding:var(--sd-space-4) var(--sd-space-4) var(--sd-space-2);font-size:var(--sd-text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-gray-500)}.sd-nav-item{display:flex;align-items:center;gap:var(--sd-space-3);padding:var(--sd-space-3) var(--sd-space-4);color:var(--sd-sidebar-text);font-size:var(--sd-text-sm);font-weight:500;border-radius:var(--sd-radius);margin:1px var(--sd-space-2);cursor:pointer;transition:background var(--sd-transition-fast),color var(--sd-transition-fast);text-decoration:none;min-height:48px}.sd-nav-item:hover{background:var(--sd-sidebar-hover);color:var(--sd-sidebar-text-active);text-decoration:none}.sd-nav-item.active{background:var(--sd-sidebar-active);color:var(--sd-sidebar-text-active);position:relative}.sd-nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--sd-blue);border-radius:0 2px 2px 0}.sd-nav-icon{width:20px;height:20px;flex-shrink:0;opacity:.8}.sd-nav-item.active .sd-nav-icon,.sd-nav-item:hover .sd-nav-icon{opacity:1}.sd-sidebar-footer{border-top:1px solid rgba(255,255,255,.07);padding:var(--sd-space-4)}.sd-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.sd-topbar{height:64px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);display:flex;align-items:center;padding:0 var(--sd-space-6);gap:var(--sd-space-4);flex-shrink:0;box-shadow:var(--sd-shadow-xs)}.sd-page{flex:1;overflow-y:auto;padding:var(--sd-space-6) var(--sd-space-6)}.sd-page-header{margin-bottom:var(--sd-space-6)}.sd-page-title{font-size:var(--sd-text-2xl);font-weight:700;font-family:var(--sd-font-display);color:var(--sd-text);margin-bottom:var(--sd-space-1)}.sd-page-subtitle{color:var(--sd-text-secondary);font-size:var(--sd-text-sm)}.sd-card{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:var(--sd-radius-md);box-shadow:var(--sd-shadow-xs);padding:var(--sd-space-6);transition:box-shadow var(--sd-transition)}.sd-card:hover{box-shadow:var(--sd-shadow-sm)}.sd-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sd-space-4);gap:var(--sd-space-4)}.sd-card-title{font-size:var(--sd-text-base);font-weight:600;color:var(--sd-text)}.sd-kpi{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:var(--sd-radius-md);padding:var(--sd-space-5) var(--sd-space-6);box-shadow:var(--sd-shadow-xs);position:relative;overflow:hidden;transition:transform var(--sd-transition),box-shadow var(--sd-transition)}.sd-kpi:hover{transform:translateY(-2px);box-shadow:var(--sd-shadow-md)}.sd-kpi-accent{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:0 0 0 var(--sd-radius-md)}.sd-kpi-icon{width:48px;height:48px;border-radius:var(--sd-radius);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--sd-space-3)}.sd-kpi-label{font-size:var(--sd-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sd-text-secondary);margin-bottom:var(--sd-space-1)}.sd-kpi-value{font-size:var(--sd-text-3xl);font-weight:800;font-family:var(--sd-font-display);color:var(--sd-text);line-height:1}.sd-kpi-trend{font-size:var(--sd-text-xs);font-weight:500;margin-top:var(--sd-space-2);display:flex;align-items:center;gap:var(--sd-space-1)}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-space-2);padding:var(--sd-space-3) var(--sd-space-5);border-radius:var(--sd-radius);font-size:var(--sd-text-sm);font-weight:600;font-family:var(--sd-font-sans);cursor:pointer;border:1px solid transparent;transition:all var(--sd-transition-fast);text-decoration:none;white-space:nowrap;min-height:44px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sd-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sd-btn-primary{background:var(--sd-blue);color:var(--sd-white);border-color:var(--sd-blue);box-shadow:0 1px 3px #2196f34d}.sd-btn-primary:hover{background:var(--sd-blue-dark);border-color:var(--sd-blue-dark);box-shadow:0 4px 12px #2196f366;transform:translateY(-1px);text-decoration:none;color:var(--sd-white)}.sd-btn-danger{background:var(--sd-red);color:var(--sd-white);border-color:var(--sd-red)}.sd-btn-danger:hover{background:var(--sd-red-dark);color:var(--sd-white);text-decoration:none}.sd-btn-outline{background:transparent;color:var(--sd-primary);border-color:var(--sd-border)}.sd-btn-outline:hover{background:var(--sd-primary-light);border-color:var(--sd-primary);text-decoration:none}.sd-btn-ghost{background:transparent;color:var(--sd-text-secondary);border-color:transparent}.sd-btn-ghost:hover{background:var(--sd-gray-100);color:var(--sd-text);text-decoration:none}.sd-btn-sm{padding:var(--sd-space-2) var(--sd-space-3);font-size:var(--sd-text-xs);min-height:32px}.sd-btn-lg{padding:var(--sd-space-4) var(--sd-space-8);font-size:var(--sd-text-base);min-height:52px;border-radius:var(--sd-radius-md)}.sd-btn-loading:after{content:"";width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sd-spin .6s linear infinite}.sd-form-group{display:flex;flex-direction:column;gap:var(--sd-space-2);margin-bottom:var(--sd-space-5)}.sd-label{font-size:var(--sd-text-sm);font-weight:600;color:var(--sd-text)}.sd-label-required:after{content:" *";color:var(--sd-danger)}.sd-input{width:100%;padding:var(--sd-space-3) var(--sd-space-4);border:1.5px solid var(--sd-border);border-radius:var(--sd-radius);font-size:var(--sd-text-base);font-family:var(--sd-font-sans);color:var(--sd-text);background:var(--sd-surface);transition:border-color var(--sd-transition-fast),box-shadow var(--sd-transition-fast);min-height:48px;outline:none}.sd-input:focus{border-color:var(--sd-border-focus);box-shadow:0 0 0 3px #2196f326}.sd-input::placeholder{color:var(--sd-text-disabled)}.sd-input:disabled{background:var(--sd-gray-100);color:var(--sd-text-disabled);cursor:not-allowed}.sd-input-error{border-color:var(--sd-danger)}.sd-input-error:focus{box-shadow:0 0 0 3px #d91e1e26}.sd-helper-text{font-size:var(--sd-text-xs);color:var(--sd-text-secondary)}.sd-error-text{font-size:var(--sd-text-xs);color:var(--sd-danger);display:flex;align-items:center;gap:4px}.sd-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--sd-radius-full);font-size:var(--sd-text-xs);font-weight:600;letter-spacing:.03em}.sd-badge-blue{background:var(--sd-blue-light);color:var(--sd-blue-dark)}.sd-badge-green{background:var(--sd-success-light);color:var(--sd-success-dark)}.sd-badge-red{background:var(--sd-danger-light);color:var(--sd-danger-dark)}.sd-badge-yellow{background:var(--sd-warning-light);color:var(--sd-yellow-dark)}.sd-badge-gray{background:var(--sd-gray-100);color:var(--sd-gray-700)}.sd-badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.sd-skeleton{background:linear-gradient(90deg,var(--sd-gray-100) 25%,var(--sd-gray-200) 50%,var(--sd-gray-100) 75%);background-size:200% 100%;animation:sd-shimmer 1.5s infinite;border-radius:var(--sd-radius)}.sd-alert{display:flex;align-items:flex-start;gap:var(--sd-space-3);padding:var(--sd-space-4);border-radius:var(--sd-radius);border:1px solid;font-size:var(--sd-text-sm)}.sd-alert-info{background:var(--sd-blue-light);border-color:var(--sd-blue);color:var(--sd-blue-dark)}.sd-alert-success{background:var(--sd-success-light);border-color:var(--sd-success);color:var(--sd-success-dark)}.sd-alert-warning{background:var(--sd-warning-light);border-color:var(--sd-warning);color:var(--sd-yellow-dark)}.sd-alert-error{background:var(--sd-danger-light);border-color:var(--sd-danger);color:var(--sd-danger-dark)}.sd-auth-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;background-image:radial-gradient(circle at 15% 20%,rgba(33,150,243,.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(245,200,0,.06) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(217,30,30,.03) 0%,transparent 60%);position:relative;overflow:hidden;padding:24px}.sd-auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.8}.sd-auth-container{width:100%;max-width:440px;position:relative;z-index:10}.sd-auth-card-light{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 20px 40px -15px #0f172a14,0 0 0 1px #00000005;padding:40px 36px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sd-auth-card-light:hover{border-color:#cbd5e1;box-shadow:0 25px 50px -12px #0f172a1f}.sd-auth-logo-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;text-align:center}.sd-auth-logo-svg{width:96px;height:64px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.08));margin-bottom:12px}.sd-auth-brand-text{font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.sd-auth-badge-rdc{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#e3f2fd;border:1px solid #BBDEFB;border-radius:9999px;color:#1565c0;font-size:.75rem;font-weight:600;margin-top:8px}.sd-auth-title-light{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;color:#0f172a;margin-bottom:4px;text-align:center}.sd-auth-subtitle-light{color:#64748b;font-size:.875rem;margin-bottom:28px;text-align:center}.sd-auth-input-light{background:#fff!important;border:1.5px solid #E2E8F0!important;color:#0f172a!important;border-radius:8px!important}.sd-auth-input-light:focus{border-color:#2196f3!important;box-shadow:0 0 0 3px #2196f326!important}.sd-auth-input-light::placeholder{color:#94a3b8!important}.sd-auth-label-light{color:#334155!important;font-size:.85rem!important;font-weight:600!important}.sd-auth-btn-primary{background:linear-gradient(135deg,#2196f3,#1565c0)!important;border:none!important;color:#fff!important;font-weight:700!important;border-radius:8px!important;box-shadow:0 4px 14px #2196f34d!important;transition:all .2s ease!important;height:48px!important}.sd-split-auth-shell{min-height:100dvh;display:flex;width:100vw;overflow:hidden;background-color:#fff}.sd-split-hero-panel{flex:1.25;background-color:#060913;position:relative;display:flex;flex-direction:column;justify-content:center;padding:64px 80px;overflow:hidden;color:#fff}.sd-split-hero-content{position:relative;z-index:10;max-width:600px}.sd-split-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#2196f326;border:1px solid rgba(33,150,243,.3);border-radius:9999px;color:#60a5fa;font-size:.85rem;font-weight:600;margin-bottom:28px}.sd-split-hero-title{font-family:Outfit,sans-serif;font-size:2.85rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:24px;letter-spacing:-.5px}.sd-split-hero-desc{font-size:1.1rem;line-height:1.7;color:#94a3b8;margin-bottom:40px}.sd-split-hero-features{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sd-split-feature-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:9999px;font-size:.85rem;font-weight:600;color:#e2e8f0}.sd-split-hero-canvas{position:absolute;bottom:0;left:0;width:100%;height:70%;pointer-events:none;z-index:1;opacity:.85}.sd-split-form-panel{flex:.85;min-width:460px;max-width:580px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:56px 64px;box-shadow:-10px 0 30px #00000008;position:relative;z-index:20}.sd-split-form-body{width:100%;max-width:380px;margin:auto 0}.sd-split-logo-header{margin-bottom:36px}.sd-split-brand-wrap{display:flex;align-items:center;gap:14px;margin-bottom:12px}.sd-split-brand-title{font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;line-height:1}.sd-split-brand-subtitle{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#64748b;text-transform:uppercase}.sd-input-icon-wrap{position:relative;display:flex;align-items:center}.sd-input-icon-left{position:absolute;left:14px;color:#94a3b8;font-size:1.1rem;pointer-events:none;z-index:2}.sd-input-with-icon{padding-left:44px!important}.sd-split-footer-links{display:flex;align-items:center;justify-content:center;gap:16px;font-size:.8rem;color:#64748b;border-top:1px solid #F1F5F9;padding-top:24px}.sd-split-footer-links a{color:#64748b;text-decoration:none;transition:color .15s ease}.sd-split-footer-links a:hover{color:#2196f3}@media (max-width: 1024px){.sd-split-auth-shell{flex-direction:column}.sd-split-hero-panel{display:none}.sd-split-form-panel{flex:1;max-width:100%;min-width:100%;padding:40px 24px}}.sd-grid{display:grid;gap:var(--sd-space-4)}.sd-grid-2{grid-template-columns:repeat(2,1fr)}.sd-grid-3{grid-template-columns:repeat(3,1fr)}.sd-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.sd-grid-2,.sd-grid-3,.sd-grid-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1023px){.sd-grid-3,.sd-grid-4{grid-template-columns:repeat(2,1fr)}}@keyframes sd-spin{to{transform:rotate(360deg)}}@keyframes sd-shimmer{to{background-position:-200% 0}}@keyframes sd-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sd-fade-in{animation:sd-fade-in var(--sd-transition-slow) ease both}@media (max-width: 768px){.sd-sidebar{position:fixed;top:0;left:-100%;height:100dvh;z-index:var(--sd-z-modal);transition:left var(--sd-transition-slow)}.sd-sidebar.open{left:0}.sd-page{padding:var(--sd-space-4)}.sd-topbar{padding:0 var(--sd-space-4)}}
