@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-bg-base: #F3F4F6;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--color-border-focus: #D1D5DB;--color-accent-primary: #EA580C;--color-accent-primary-hover: #C2410C;--color-accent-success: #10B981;--color-accent-danger: #EF4444;--color-warning: #e6a817;--color-error: #e64553;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Inter", var(--font-family-base);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-12: 4.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--radius-circle: 50%}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:spin 1s linear infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)!important;cursor:pointer}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.surface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:9999px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-out;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-focus)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}.btn-icon,.icon-button{padding:var(--space-2);border-radius:var(--radius-circle);border:none;background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled),.icon-button:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.icon-button-bordered{background:var(--color-surface);border:1px solid var(--color-border);padding:0 8px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s}.icon-button-bordered:hover{background:var(--color-surface-hover)}.icon-button-bordered.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);width:fit-content}.badge-accent{color:var(--color-accent-primary);background:#ea580c14}.badge-muted{color:var(--color-text-muted);background:var(--color-bg-base)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:9999;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9375rem;animation:slideIn .3s ease-out}.toast-error{border-left:4px solid var(--color-accent-danger)}.toast-success{border-left:4px solid var(--color-accent-success)}.toast-icon{display:flex;align-items:center;justify-content:center}.toast-error .toast-icon{color:var(--color-accent-danger)}.toast-success .toast-icon{color:var(--color-accent-success)}.toast-message{flex:1;color:var(--color-text-primary)}.toast-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-circle)}.toast-close:hover{background-color:var(--color-bg-base);color:var(--color-text-primary)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background-color:var(--color-bg-base)}.login-panel{width:100%;max-width:420px;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.login-header{margin-bottom:var(--space-6)}.login-icon{color:var(--color-accent-primary);margin-bottom:var(--space-3)}.login-title{font-size:2rem;font-weight:600;margin-bottom:var(--space-1)}.login-subtitle{color:var(--color-text-secondary);font-size:1rem}.login-form{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.login-instruction{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.login-input,.input-field{width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:.9375rem;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.login-input{padding-left:2.5rem}.login-input:focus,.input-field:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #ea580c33}.login-input-otp{text-align:center;letter-spacing:.5rem;font-weight:600;padding-left:var(--space-3)}.login-input-otp+.input-icon{display:none}.login-btn{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-2)}.login-actions{display:flex;gap:var(--space-2);width:100%}.login-back-btn,.login-resend-btn{flex:1;padding:var(--space-2) var(--space-4);background:transparent;border-color:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-back-btn:hover,.login-resend-btn:hover{background-color:var(--color-bg-base);color:var(--color-text-primary)}.login-resend-btn:disabled{opacity:.5;cursor:not-allowed}.login-attempts{text-align:center;font-size:var(--font-size-sm);color:var(--color-warning, #e6a817);margin:0}.login-attempts-exhausted{color:var(--color-error, #e64553)}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--color-bg-base)}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);flex-shrink:0;z-index:10}.sidebar-header{margin-bottom:var(--space-8)}.sidebar-brand{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.sidebar-brand-text{letter-spacing:2px;text-transform:uppercase;font-family:var(--font-family-heading)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;transition:all .2s ease;white-space:nowrap}.nav-item:hover{background-color:var(--color-bg-base);color:var(--color-text-primary)}.nav-item.active{background-color:#ea580c1a;color:var(--color-accent-primary);font-weight:600}.dashboard-content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;scroll-behavior:smooth}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-base)}.stat-card-body{display:flex;flex-direction:column}.stat-card-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.1}.stat-card-label{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px}.stat-card-detail{font-size:.75rem;color:var(--color-text-muted)}.stat-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.stat-bar-list{display:flex;flex-direction:column;gap:var(--space-3)}.stat-bar-item{display:flex;flex-direction:column;gap:4px}.stat-bar-label{display:flex;justify-content:space-between;align-items:baseline}.stat-bar-track{height:6px;background:var(--color-bg-base);border-radius:var(--radius-full);overflow:hidden}.stat-bar-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width .6s ease;min-width:4px}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-title{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.dashboard-subtitle{color:var(--color-text-secondary);font-size:1rem}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);box-shadow:0 2px 4px #00000005}.sidebar-header{margin-bottom:var(--space-2)}.sidebar-brand{font-size:1.125rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:var(--space-1);-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{padding:var(--space-2);font-size:.875rem}.nav-item-text{display:none}.dashboard-content{padding:var(--space-4) var(--space-4)}.dashboard-header{margin-bottom:var(--space-4);flex-direction:column!important;align-items:flex-start!important;gap:var(--space-3)}.dashboard-header .btn{align-self:flex-start}.dashboard-title{font-size:1.5rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-card-value{font-size:1.5rem}.stat-panels{grid-template-columns:1fr}}.error-banner{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-accent-danger, #ef4444);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-4)}.section-toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.card-grid{display:grid;gap:var(--space-4)}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.namespace-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:2px 8px;border-radius:var(--radius-full);background-color:#ea580c1a;color:var(--color-accent-primary)}.w-md-editor-text-pre>code,.w-md-editor-text-input{font-family:monospace!important}.w-md-editor .token.comment,.w-md-editor .token.prolog,.w-md-editor .token.doctype,.w-md-editor .token.cdata,.wmde-markdown .token.comment,.wmde-markdown .token.prolog,.wmde-markdown .token.doctype,.wmde-markdown .token.cdata{color:var(--color-accent-success)!important;font-style:italic}