@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.03em;--tracking-snug: -.015em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--radius-none: 0px;--radius-sm: 3px;--radius: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 9999px;--bg-base: #faf8f4;--bg-surface: #f2efe7;--bg-elevated: #ffffff;--bg-inset: #edeae0;--bg-overlay: rgba(250,248,244,.96);--border-subtle: #eae5d8;--border-default: #d8d3c2;--border-strong: #c0baaa;--border-focus: oklch(.52 .175 254);--text-primary: #18160e;--text-secondary: #56513f;--text-tertiary: #938d7c;--text-placeholder: #bab4a4;--text-disabled: #cec8b8;--text-inverse: #faf8f4;--text-on-accent: #ffffff;--accent-50: oklch(.97 .022 254);--accent-100: oklch(.93 .055 254);--accent-200: oklch(.87 .092 254);--accent-300: oklch(.77 .132 254);--accent-400: oklch(.64 .16 254);--accent-500: oklch(.52 .175 254);--accent-600: oklch(.45 .17 254);--accent-700: oklch(.37 .152 254);--accent-800: oklch(.28 .115 254);--accent-900: oklch(.2 .075 254);--accent: var(--accent-500);--accent-hover: var(--accent-600);--accent-active: var(--accent-700);--accent-subtle: var(--accent-50);--accent-border: var(--accent-200);--accent-text: var(--accent-600);--success: oklch(.52 .14 162);--success-hover: oklch(.46 .135 162);--success-subtle: oklch(.96 .03 162);--success-border: oklch(.85 .07 162);--success-text: oklch(.38 .13 162);--warning: oklch(.58 .16 72);--warning-hover: oklch(.52 .15 72);--warning-subtle: oklch(.97 .04 72);--warning-border: oklch(.87 .09 72);--warning-text: oklch(.42 .14 72);--danger: oklch(.52 .19 25);--danger-hover: oklch(.46 .18 25);--danger-subtle: oklch(.97 .03 25);--danger-border: oklch(.86 .095 25);--danger-text: oklch(.38 .17 25);--info: oklch(.52 .14 220);--info-subtle: oklch(.96 .03 220);--info-border: oklch(.85 .07 220);--info-text: oklch(.38 .13 220);--sidebar-w: 240px;--sidebar-bg: #1b1914;--sidebar-bg-hover: #252118;--sidebar-bg-active: #2e2b1f;--sidebar-border: #2c2920;--sidebar-text: #c2bdb0;--sidebar-text-hover: #dbd6cc;--sidebar-text-active: #f0ebe2;--sidebar-text-muted: #665f52;--shadow-sm: 0 1px 2px rgba(20,18,10,.05), 0 1px 4px rgba(20,18,10,.04);--shadow: 0 2px 8px rgba(20,18,10,.08), 0 1px 3px rgba(20,18,10,.05);--shadow-md: 0 4px 16px rgba(20,18,10,.1), 0 2px 6px rgba(20,18,10,.06);--shadow-lg: 0 8px 32px rgba(20,18,10,.12), 0 4px 12px rgba(20,18,10,.07);--shadow-xl: 0 16px 48px rgba(20,18,10,.14), 0 6px 24px rgba(20,18,10,.08);--shadow-inner: inset 0 1px 3px rgba(20,18,10,.08);--t-fast: 80ms ease;--t: .15s ease;--t-slow: .25s ease}[data-theme=dark]{--bg-base: #111009;--bg-surface: #1a1812;--bg-elevated: #231f18;--bg-inset: #0d0c07;--bg-overlay: rgba(17,16,9,.96);--border-subtle: #26231a;--border-default: #34301f;--border-strong: #46412e;--border-focus: oklch(.62 .17 254);--text-primary: #f0ece0;--text-secondary: #a8a390;--text-tertiary: #6a6457;--text-placeholder: #48443a;--text-disabled: #3c3930;--text-inverse: #18160e;--text-on-accent: #ffffff;--accent: oklch(.62 .17 254);--accent-hover: oklch(.68 .165 254);--accent-active: oklch(.73 .155 254);--accent-subtle: oklch(.2 .072 254);--accent-border: oklch(.34 .125 254);--accent-text: oklch(.72 .155 254);--success: oklch(.62 .13 162);--success-hover: oklch(.68 .125 162);--success-subtle: oklch(.18 .048 162);--success-border: oklch(.3 .085 162);--success-text: oklch(.72 .12 162);--warning: oklch(.7 .145 72);--warning-hover: oklch(.75 .14 72);--warning-subtle: oklch(.18 .048 72);--warning-border: oklch(.3 .085 72);--warning-text: oklch(.78 .13 72);--danger: oklch(.62 .18 25);--danger-hover: oklch(.68 .175 25);--danger-subtle: oklch(.18 .055 25);--danger-border: oklch(.3 .105 25);--danger-text: oklch(.72 .165 25);--info: oklch(.62 .13 220);--info-subtle: oklch(.18 .048 220);--info-border: oklch(.3 .085 220);--info-text: oklch(.72 .12 220);--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 2px 8px rgba(0,0,0,.45);--shadow-md: 0 4px 16px rgba(0,0,0,.55);--shadow-lg: 0 8px 32px rgba(0,0,0,.65);--shadow-xl: 0 16px 48px rgba(0,0,0,.75)}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--t),color var(--t)}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:root{--chart-padrao: #0067ca;--chart-serpro: #b26500}[data-theme=dark]{--chart-padrao: #2d87e9;--chart-serpro: #c88100}html,body,#root{height:100%}body{display:flex}#root{flex:1;display:flex}.app-shell{display:flex;width:100%;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-workspace{padding:0 12px;height:52px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.ws-avatar{width:26px;height:26px;border-radius:var(--radius-sm);flex-shrink:0;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.03em}.ws-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.ws-name{font-size:var(--text-sm);font-weight:700;color:var(--sidebar-text-active);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-hint{font-size:10px;color:var(--sidebar-text-muted);font-family:var(--font-mono)}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.nav-group{margin-bottom:20px}.nav-group-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text-muted);padding:0 8px 6px}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--sidebar-text);transition:all var(--t);-webkit-user-select:none;user-select:none;width:100%;background:none;border:none;text-align:left;font-family:var(--font-sans);text-decoration:none}.nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover);text-decoration:none}.nav-item.active{background:var(--sidebar-bg-active);color:var(--sidebar-text-active);font-weight:600}.nav-item-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item-label{flex:1}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--radius);cursor:pointer;transition:background var(--t)}.sidebar-user:hover{background:var(--sidebar-bg-hover)}.user-avatar-sm{width:26px;height:26px;border-radius:var(--radius-full);flex-shrink:0;background:var(--accent-100);border:1.5px solid var(--accent-200);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--accent-text)}.user-name-sm{font-size:var(--text-sm);font-weight:600;color:var(--sidebar-text-hover)}.user-role-sm{font-size:10px;color:var(--sidebar-text-muted)}.sidebar-theme-btn{width:28px;height:28px;border-radius:var(--radius);background:none;border:1px solid var(--sidebar-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-header{height:52px;flex-shrink:0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 24px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-tertiary);flex:1}.breadcrumb-sep{color:var(--border-strong)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.org-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--text-secondary)}.org-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-elevated);cursor:pointer;transition:all var(--t);font-family:var(--font-sans)}.user-btn:hover{background:var(--bg-surface);border-color:var(--border-default)}.user-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--accent-100);border:1.5px solid var(--accent-200);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--accent-text)}.user-btn-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.user-menu{position:absolute;right:24px;top:48px;z-index:100;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.user-menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:all var(--t)}.user-menu-item:hover{background:var(--bg-surface);color:var(--text-primary)}.user-menu-item.danger{color:var(--danger-text)}.user-menu-item.danger:hover{background:var(--danger-subtle)}.content{flex:1;overflow-y:auto;padding:28px 32px;background:var(--bg-base)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title-wrap{display:flex;flex-direction:column;gap:4px}.page-h1{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.page-desc{font-size:var(--text-sm);color:var(--text-secondary)}.page-actions{display:flex;gap:8px;align-items:center}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:16px 20px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px}.stat-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.stat-delta{font-size:12px;display:flex;align-items:center;gap:4px;color:var(--text-tertiary)}.delta-up{color:var(--success-text)}.delta-down{color:var(--danger-text)}.table-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.table-toolbar{padding:14px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.table-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.count-pill{font-size:11px;font-weight:700;padding:2px 8px;height:20px;background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent-border);border-radius:var(--radius-full);display:inline-flex;align-items:center}.table-search{flex:1;max-width:280px;height:32px;padding:0 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);outline:none}.table-search::placeholder{color:var(--text-placeholder)}.table-search:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-100)}table{width:100%;border-collapse:collapse}th{padding:9px 16px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-surface);border-bottom:1px solid var(--border-default);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}td{padding:11px 16px;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-surface)}.td-name{display:flex;align-items:center;gap:10px}.td-avatar{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0;background:var(--accent-100);border:1px solid var(--accent-200);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--accent-text)}.td-name-text{font-weight:600;color:var(--text-primary)}.td-mono{font-family:var(--font-mono);font-size:12px}.table-footer{padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle)}.table-footer-info{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.pagination{display:flex;gap:4px}.page-btn{min-width:28px;height:28px;border-radius:var(--radius-sm);padding:0 6px;border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.page-btn.active{background:var(--accent);color:#fff;border-color:transparent}.page-btn:hover:not(.active):not(:disabled){background:var(--bg-surface)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.table-empty{padding:40px 16px;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;height:20px;border-radius:var(--radius-full);border:1px solid;letter-spacing:.01em;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-subtle);color:var(--success-text);border-color:var(--success-border)}.badge-warning{background:var(--warning-subtle);color:var(--warning-text);border-color:var(--warning-border)}.badge-danger{background:var(--danger-subtle);color:var(--danger-text);border-color:var(--danger-border)}.badge-default{background:var(--bg-inset);color:var(--text-secondary);border-color:var(--border-default)}.badge-accent{background:var(--accent-subtle);color:var(--accent-text);border-color:var(--accent-border)}.badge-info{background:var(--info-subtle);color:var(--info-text);border-color:var(--info-border)}.btn{height:38px;padding:0 16px;font-size:var(--text-sm);font-weight:700;border-radius:var(--radius);border:none;cursor:pointer;transition:all var(--t);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px;letter-spacing:var(--tracking-snug);justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-base);color:var(--text-primary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #0000001f}.btn-primary:hover:not(:disabled){filter:brightness(.9)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){filter:brightness(.9)}.btn-sm{height:32px;padding:0 12px;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;border-radius:var(--radius);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--t);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:5px}.btn-sm:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.btn-sm.primary{background:var(--accent);color:#fff;border-color:transparent}.btn-sm.primary:hover:not(:disabled){filter:brightness(.9);background:var(--accent);color:#fff}.btn-sm.danger{color:var(--danger-text);border-color:var(--danger-border)}.btn-sm.danger:hover:not(:disabled){background:var(--danger-subtle);color:var(--danger-text)}.form-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.form-section-head{padding:18px 24px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:3px}.form-section-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-snug)}.form-section-desc{font-size:var(--text-sm);color:var(--text-tertiary)}.form-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:18px 24px;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.field-row{grid-template-columns:1fr}}.field-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px;justify-content:space-between}.required{color:var(--danger);font-size:13px}.field-hint{font-size:11px;color:var(--text-tertiary);line-height:1.4}.field-error-text{font-size:11px;color:var(--danger-text);display:flex;align-items:center;gap:4px}.field-input{width:100%;height:38px;padding:0 12px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius);outline:none;transition:all var(--t)}.field-input::placeholder{color:var(--text-placeholder)}.field-input:focus{background:var(--bg-elevated);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-100)}.field-input.err{border-color:var(--danger)}.field-input.err:focus{box-shadow:0 0 0 3px var(--danger-subtle)}.field-input:disabled{background:var(--bg-inset);color:var(--text-disabled);cursor:not-allowed}textarea.field-input{height:auto;padding:10px 12px;resize:vertical;min-height:120px;font-family:var(--font-mono);font-size:12px;line-height:1.6}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23938d7c' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.toggle{position:relative;width:36px;height:20px;flex-shrink:0;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--t)}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--t)}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.perm-list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.perm-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.perm-item:last-child{border-bottom:none}.perm-item:nth-child(2n){background:var(--bg-surface)}.perm-info{flex:1}.perm-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.perm-desc{font-size:11px;color:var(--text-tertiary);margin-top:1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.modal-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-width:520px;width:100%;box-shadow:var(--shadow-xl);animation:pop .2s ease;max-height:calc(100vh - 48px);overflow-y:auto;display:flex;flex-direction:column}.modal-head{padding:20px 24px 0;display:flex;flex-direction:column;gap:4px}.modal-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary);letter-spacing:var(--tracking-snug)}.modal-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 20px}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.login-root{min-height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr;background:var(--bg-base)}@media(max-width:820px){.login-root{grid-template-columns:1fr}.login-brand{display:none}}.login-brand{background:var(--sidebar-bg);padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,oklch(.52 .175 254 / .12) 0%,transparent 60%);pointer-events:none}.brand-logo{display:flex;align-items:center;gap:10px}.brand-logo-mark{width:32px;height:32px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.brand-logo-mark span{font-size:15px;font-weight:800;color:#111009;letter-spacing:-.04em}.brand-logo-name{font-size:18px;font-weight:700;color:var(--sidebar-text-active);letter-spacing:-.03em}.brand-headline{font-size:2.5rem;font-weight:800;color:var(--sidebar-text-active);letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.brand-subline{font-size:var(--text-base);color:var(--sidebar-text);line-height:var(--leading-relaxed);max-width:380px}.brand-features{display:flex;flex-direction:column;gap:12px;margin-top:32px}.brand-feature{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--sidebar-text)}.brand-feature-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.brand-footer{font-size:12px;color:var(--sidebar-text-muted);font-family:var(--font-mono)}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--bg-base)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:28px}.login-header{display:flex;flex-direction:column;gap:6px}.login-title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.1}.login-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.login-footer{font-size:12px;color:var(--text-tertiary);text-align:center}.field-input-wrap{position:relative;display:flex;align-items:center}.field-input.login{height:40px;background:var(--bg-elevated)}.field-input.with-icon{padding-left:36px}.field-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center}.field-suffix{position:absolute;right:12px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;background:none;border:none;padding:0}.field-error{font-size:12px;color:var(--danger-text);display:flex;align-items:center;gap:4px}.field-label a{font-size:12px;font-weight:500;color:var(--accent-text)}.btn-submit{width:100%;height:42px;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;letter-spacing:var(--tracking-snug);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){filter:brightness(.9)}.btn-submit:active:not(:disabled){filter:brightness(.82)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{position:fixed;bottom:20px;right:20px;width:36px;height:36px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--t);z-index:50}.theme-toggle:hover{background:var(--bg-surface);color:var(--text-primary)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-default);padding:0 18px;background:var(--bg-surface)}.tab{padding:10px 14px;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t);font-family:var(--font-sans);margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px 24px;padding:20px 24px}.kv-item{display:flex;flex-direction:column;gap:2px;min-width:0}.kv-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.kv-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;overflow-wrap:break-word}.kv-value.mono{font-family:var(--font-mono);font-size:12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:4px 10px;font-size:12px;font-weight:600;font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--t)}.chip:hover{border-color:var(--accent-border);color:var(--accent-text);background:var(--accent-subtle)}.progress-track{height:8px;background:var(--bg-inset);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--t-slow)}.alert{padding:12px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;gap:10px;align-items:flex-start;border:1px solid}.alert-warning{background:var(--warning-subtle);border-color:var(--warning-border);color:var(--warning-text)}.alert-danger{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--danger-text)}.alert-info{background:var(--info-subtle);border-color:var(--info-border);color:var(--info-text)}.alert-success{background:var(--success-subtle);border-color:var(--success-border);color:var(--success-text)}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:300;align-items:center}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);border:1px solid;animation:pop .15s ease;max-width:480px}.toast-success{background:var(--success-subtle);border-color:var(--success-border);color:var(--success-text)}.toast-error{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--danger-text)}.toast-info{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-primary)}