*{box-sizing:border-box}:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #0b1424;--panel-3: #172033;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-dim: #0284c7;--ok: #4ade80;--warn: #fbbf24;--err: #f87171;color-scheme:dark}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--accent-dim);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}.badge-count{display:inline-block;margin-left:.5rem;padding:.1rem .55rem;background:var(--accent);color:#041423;border-radius:999px;font-size:.75rem;font-weight:700;vertical-align:middle}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:1rem}.alert-section{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.4rem;max-height:260px;overflow-y:auto}.alert-section-warn{border-color:#fbbf2459}.alert-section h4{margin:0 0 .25rem;font-size:.82rem;font-weight:700;color:var(--text);letter-spacing:-.01em;position:sticky;top:0;background:var(--panel-2);padding-bottom:.35rem;border-bottom:1px solid var(--border)}.alert-row{display:flex;align-items:stretch;gap:.25rem;padding:0;border-radius:.4rem;background:transparent;border:1px solid transparent;transition:background .12s,border-color .12s}.alert-row-clickable:hover{background:var(--panel);border-color:var(--border)}.alert-row-body{flex:1;display:flex;flex-direction:column;gap:.15rem;padding:.5rem .6rem;color:var(--text);cursor:default;border-radius:inherit}.alert-row-clickable .alert-row-body{cursor:pointer}.alert-row strong{font-size:.88rem;font-weight:600;color:var(--text)}.alert-row-sec{font-size:.78rem;color:var(--muted)}.alert-row small{font-size:.74rem}.alert-dismiss{background:transparent;border:0;color:var(--muted);font-size:1.2rem;font-weight:600;line-height:1;padding:0 .5rem;cursor:pointer;border-radius:0 .4rem .4rem 0;transition:background .12s,color .12s;opacity:0}.alert-row:hover .alert-dismiss{opacity:1}.alert-dismiss:hover{background:var(--border);color:var(--err)}.alert-dismiss:focus{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}.btn-inline-link{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-align:left;text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .12s,color .12s}.btn-inline-link:hover,.btn-inline-link:focus-visible{color:var(--accent);border-bottom-color:var(--accent);outline:none}a{color:var(--accent)}code{background:var(--panel-2);padding:.1rem .35rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-shell-auth{height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:var(--panel-2);flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:.75rem}.topbar-brand h1{margin:0;font-size:1.2rem;color:#f8fafc}.tag{font-size:.7rem;padding:.15rem .5rem;background:var(--border);color:var(--muted);border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.topbar-mid{flex:1;display:flex;justify-content:center;padding:0 1rem}.topbar-user{display:flex;align-items:center;gap:1rem}.empresa-switcher{display:flex;align-items:center;gap:.55rem;background:var(--panel);border:1px solid var(--border);border-radius:.5rem;padding:.3rem .7rem;font-size:.85rem}.empresa-switcher-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.empresa-switcher select{background:transparent;border:none;color:var(--text);font:inherit;font-weight:600;cursor:pointer;outline:none;padding:.05rem .25rem}.empresa-switcher select:focus{color:var(--accent)}.empresa-switcher-control{min-width:240px}.empresa-switcher-control .ssel-trigger{background:transparent;border-color:transparent;padding:.2rem .5rem;font-weight:600}.empresa-switcher-control .ssel-trigger:hover:not(:disabled){background:var(--panel-3);border-color:transparent}.empresa-switcher-single strong{color:var(--text)}.empresa-switcher-empty{color:var(--warn);font-style:italic}.field-with-action{display:flex;gap:.5rem;align-items:stretch}.field-with-action>input{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.55rem .75rem;color:var(--text);font:inherit;outline:none}.field-with-action>input:focus{border-color:var(--accent)}.catalog-suggest{margin-top:.5rem}.catalog-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.35rem}.catalog-item{width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.6rem .85rem;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;color:var(--text);font:inherit;transition:border-color .12s,background .12s}.catalog-item:hover{border-color:var(--accent);background:var(--panel-3)}.catalog-item strong{color:var(--text);font-size:.92rem}.catalog-item small{color:var(--muted);font-size:.78rem}.catalog-item code{font-size:.78rem}.tabs-panel{display:flex;flex-direction:column;gap:1rem}.tabs-bar{display:flex;gap:.15rem;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:.5rem}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font:inherit;padding:.55rem .9rem;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.tab-content{animation:fadeInSoft .15s ease}.ssel{position:relative;width:100%}.ssel-trigger{width:100%;display:flex;align-items:center;gap:.4rem;background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.52rem .75rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .12s,box-shadow .12s}.ssel-trigger:hover:not(:disabled){border-color:var(--accent)}.ssel-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.ssel-trigger:disabled{opacity:.6;cursor:not-allowed}.ssel-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssel-placeholder{flex:1;color:var(--muted);font-style:italic}.ssel-clear{color:var(--muted);font-size:1rem;line-height:1;padding:0 .35rem;cursor:pointer;border-radius:.25rem}.ssel-clear:hover{color:var(--err);background:var(--panel)}.ssel-caret{color:var(--muted);font-size:.7rem;margin-left:.1rem}.ssel-hidden-required{position:absolute;opacity:0;pointer-events:none;width:0;height:0;left:0;top:0}.ssel-popup{background:var(--panel);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 14px 36px #00000073;display:flex;flex-direction:column;overflow:hidden}.ssel-popup-portal{animation:sselFadeIn .12s ease}@keyframes sselFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ssel-search{background:var(--panel-2);border:none;border-bottom:1px solid var(--border);color:var(--text);font:inherit;padding:.55rem .75rem;outline:none}.ssel-search::placeholder{color:var(--muted)}.ssel-list{list-style:none;margin:0;padding:.25rem 0;overflow-y:auto;flex:1}.ssel-item{padding:.45rem .75rem;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;font-size:.9rem;color:var(--text);border-left:2px solid transparent}.ssel-item.active{background:var(--panel-3);border-left-color:var(--accent)}.ssel-item.selected{color:var(--accent);font-weight:600}.ssel-item.disabled{opacity:.4;cursor:not-allowed}.ssel-item-label{line-height:1.2}.ssel-item-sub{color:var(--muted);font-size:.78rem}.ssel-empty{padding:.75rem;text-align:center;color:var(--muted);font-style:italic;font-size:.88rem}.ssel-create{border-top:1px dashed var(--border);color:var(--accent);font-weight:500}.ssel-create.active{background:var(--panel-3)}.ssel-create-error{color:var(--err)!important}.ssel-extra{padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--panel-2);font-size:.8rem}.empleado-ficha-header{background:var(--panel-2);border:1px solid var(--border);border-radius:.6rem;padding:.75rem 1rem;margin-bottom:1rem}.empleado-ficha-header small.hint{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-left:1.6rem}.timeline-dot{position:absolute;left:1px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--panel)}.timeline-doc .timeline-dot{background:var(--ok)}.timeline-body{display:flex;flex-direction:column;gap:.15rem;background:var(--panel);border:1px solid var(--border);border-radius:.45rem;padding:.55rem .8rem}.timeline-body small.hint{font-size:.72rem;color:var(--muted)}.timeline-body strong{font-size:.9rem;color:var(--text)}.timeline-body span{font-size:.82rem;color:var(--muted)}@keyframes fadeInSoft{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.chip-clickable{cursor:pointer;background:var(--panel-2)}.chip-clickable:hover{background:var(--accent);color:#0b1424;border-color:var(--accent)}.topbar-identity{display:flex;flex-direction:column;line-height:1.2;font-size:.88rem;text-align:right}.topbar-email{color:var(--muted);font-size:.75rem}.app-body{flex:1;display:flex;min-height:0}.sidebar{width:240px;background:var(--panel-2);border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;transition:width .18s ease,margin-left .18s ease}.sidebar.closed{width:0;margin-left:0;border-right:none;overflow:hidden}.sidebar-scroll{flex:1;overflow-y:auto;padding:.75rem .5rem}.sidebar-backdrop{display:none}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-sublist{margin-left:.5rem;padding-left:.6rem;border-left:1px solid var(--border)}.sidebar-section{margin:.25rem 0}.sidebar-section-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;margin:0;border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:.35rem;font-family:inherit}.sidebar-section-header:hover{background:var(--panel-3);color:var(--text)}.sidebar-section .sidebar-caret{margin-left:auto;font-size:.8rem;opacity:.7}.sidebar-section.expanded .sidebar-caret{opacity:1}.sidebar-link{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.45rem .7rem;border:none;background:transparent;border-radius:.4rem;color:var(--text);text-decoration:none;font-size:.9rem;cursor:pointer;transition:background .12s;font-family:inherit;line-height:1.2}.sidebar-link:hover{background:var(--panel-3)}.sidebar-link.active{background:var(--accent);color:#0b1424;font-weight:600}.sidebar-icon{display:inline-block;width:1.2rem;text-align:center;font-size:1rem;flex-shrink:0}.sidebar-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .35rem;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--panel-2);color:var(--fg-dim);line-height:1}.sidebar-badge.warn{background:color-mix(in srgb,var(--warn) 24%,transparent);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 55%,transparent)}.burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;margin-right:.5rem;padding:0;border:1px solid var(--border);background:transparent;border-radius:.4rem;cursor:pointer;transition:background .1s}.burger:hover{background:var(--panel-3)}.burger-bar{display:block;width:18px;height:2px;background:var(--text);border-radius:2px}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.tab-strip{display:flex;align-items:stretch;background:var(--panel-2);border-bottom:1px solid var(--border);padding:0 .25rem 0 .5rem;gap:.25rem}.tab-strip-tabs{flex:1;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.25rem;min-width:0}.tab-strip-actions{position:relative;display:flex;align-items:center;padding:0 .25rem;border-left:1px solid var(--border)}.tab-strip::-webkit-scrollbar{height:4px}.tab-strip-tabs::-webkit-scrollbar{height:4px}.tab-strip-tabs::-webkit-scrollbar-thumb{background:var(--border)}.ws-tab-menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0 .55rem;font-size:1.2rem;line-height:1;border-radius:.3rem;height:28px;align-self:center;font-family:inherit}.ws-tab-menu-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.ws-tab-menu-btn:disabled{opacity:.4;cursor:not-allowed}.ws-tab-menu{position:absolute;top:calc(100% + 2px);right:0;min-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:.4rem;box-shadow:0 8px 24px #00000059;z-index:10001;padding:.25rem;display:flex;flex-direction:column}.ws-tab-menu-item{text-align:left;background:transparent;border:none;color:var(--text);padding:.5rem .75rem;font-size:.88rem;border-radius:.3rem;cursor:pointer;font-family:inherit}.ws-tab-menu-item:hover:not(:disabled){background:var(--panel-3)}.ws-tab-menu-item:disabled{opacity:.4;cursor:not-allowed}.ws-tab{position:relative;display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--text-muted);padding:.45rem .65rem;margin-top:.35rem;border-radius:.35rem .35rem 0 0;cursor:pointer;font-family:inherit;font-size:.88rem;white-space:nowrap;max-width:220px;flex-shrink:0}.ws-tab:hover{background:var(--panel-3);color:var(--text)}.ws-tab.active{background:var(--panel);color:var(--text);border-color:var(--border);font-weight:500;box-shadow:0 -2px 0 0 var(--accent) inset}.ws-tab.pinned{padding-left:.75rem}.ws-tab.pinned:before{content:"⌂";font-size:.9rem;opacity:.7;margin-right:.1rem}.ws-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-tab-close{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:50%;color:var(--text-muted);opacity:.6;font-size:1rem;line-height:1;cursor:pointer}.ws-tab-close:hover{background:var(--panel-3);opacity:1;color:var(--err, #e06666)}.tab-content-host{flex:1;position:relative;min-height:0;overflow:hidden}.tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:1.5rem 2rem}.tab-panel>section{max-width:1200px;width:100%;min-height:100%;display:flex;flex-direction:column}.tab-panel>section>.tabs-panel{flex:1;min-height:0}.tab-panel>section>.tabs-panel>.tab-content{flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:1200px){.tab-panel{padding:1.25rem 1.5rem}}.ws-link{color:var(--accent);text-decoration:underline;cursor:pointer}.ws-link:hover{text-decoration:none}.ssel-create.disabled{opacity:.75;font-style:italic}.ssel-create.disabled:hover{cursor:text}.app-public{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}h2{font-size:1.5rem;margin:0 0 .5rem;color:#f8fafc}h3{font-size:1.05rem;margin:0 0 .75rem;color:#cbd5e1}.subtitle{color:var(--muted);margin:0 0 1.25rem}.hint{color:var(--muted);font-size:.85rem;margin:.75rem 0 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1.1rem 1.4rem;margin:1rem 0}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kv{list-style:none;padding:0;margin:0}.kv li{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.kv li:last-child{border-bottom:none}.kv li>span{color:var(--muted)}.kv li>strong{color:var(--text);font-weight:600;word-break:break-word}.ok{color:var(--ok)}.warn{color:var(--warn)}.err{color:#f87171}.field:has(.hint.err) input:not([disabled]),.field:has(.hint.err) select:not([disabled]){border-color:#f87171}.error{background:#7f1d1d;color:#fee2e2;padding:.65rem .9rem;border-radius:.5rem;font-size:.9rem;overflow-x:auto}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field>span{color:var(--muted);font-size:.8rem}.field>input,.field>textarea,.field>select,.data-table input[type=text],.data-table input[type=number],.data-table input[type=date],.data-table select{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.55rem .75rem;color:var(--text);font:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.field>input:focus,.field>textarea:focus,.field>select:focus,.data-table input:focus,.data-table select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--panel-2) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text);transition:background-color 5000s ease-in-out 0s}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.45rem .65rem;color:var(--text);color-scheme:dark;font:inherit;outline:none;transition:border-color .12s,box-shadow .12s}input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=week]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{filter:invert(.8) brightness(1.2);cursor:pointer;opacity:.7;transition:opacity .12s}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover,input[type=week]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper{color:var(--text)}input[type=date]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-text{color:var(--muted)}.btn{background:var(--accent);color:#0b1424;border:none;padding:.55rem 1.1rem;border-radius:.5rem;font:inherit;font-weight:600;cursor:pointer;transition:background .12s}.btn:hover{background:#7dd3fc}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{width:100%;padding:.7rem 1rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}.btn-ghost:hover{background:var(--panel-3)}.login-page{display:flex;align-items:center;justify-content:center;width:100%}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:.85rem;padding:2rem 2.25rem;width:min(100%,380px);box-shadow:0 10px 40px #00000059}.login-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.login-brand h1{margin:0;font-size:1.3rem}.login-card h2{margin:0 0 1.2rem;font-size:1.05rem;color:var(--muted);font-weight:500}.status-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.fullpage-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.forbidden-card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.5rem;max-width:520px}.footer{border-top:1px solid var(--border);background:var(--panel-2);padding:.6rem 1.5rem;flex-shrink:0}.footer-grid{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.footer-block{display:flex;align-items:baseline;gap:.5rem;color:var(--muted)}.footer-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.footer-build{color:var(--text);font-weight:600}.footer-time{color:var(--muted)}.footer-error{color:var(--err)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-header h2{margin-bottom:.25rem}.page-header .subtitle{margin:0}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.toolbar input[type=search],.toolbar input[type=text],.toolbar select{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.45rem .75rem;color:var(--text);font:inherit;outline:none}.toolbar input[type=search]{flex:1;min-width:200px}.toolbar input:focus,.toolbar select:focus{border-color:var(--accent)}.data-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:.75rem;background:var(--panel);margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{background:var(--panel-2);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--panel-3)}.data-table .col-actions{text-align:right;white-space:nowrap}.data-table .col-actions .btn{margin-left:.35rem}.data-table .col-empty{text-align:center;color:var(--muted);padding:2rem 0;font-style:italic}.data-table .col-roles{display:flex;flex-wrap:wrap;gap:.25rem}.chip{display:inline-block;font-size:.75rem;padding:.15rem .55rem;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chip-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag-sys{font-size:.65rem;padding:.12rem .4rem;background:#334155;color:#fde68a;border-radius:999px;margin-left:.4rem;text-transform:uppercase;letter-spacing:.05em}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem;flex-wrap:wrap}.pagination-info{color:var(--muted);font-size:.85rem}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-page{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--muted)}.btn-sm{padding:.35rem .65rem;font-size:.82rem}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-danger-ghost{color:#fca5a5}.btn-danger-ghost:hover{background:#7f1d1d;color:#fee2e2}.role-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.role-card{display:flex;flex-direction:column;gap:.7rem}.role-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.role-card-head h3{margin-bottom:.15rem}.role-card-head code{color:var(--muted);font-size:.85rem}.role-card-meta{display:flex;flex-direction:column;gap:.15rem;color:var(--muted);font-size:.8rem;text-align:right;white-space:nowrap}.role-perms summary{cursor:pointer;color:var(--muted);font-size:.85rem;padding:.25rem 0}.role-actions{display:flex;gap:.5rem;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 20px 60px #00000080;width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:820px}.modal-xl{max-width:calc(100vw - 2rem);width:calc(100vw - 2rem)}.modal-xl .modal-body{max-height:calc(100vh - 6rem)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel-2)}.modal-header h3{margin:0}.modal-close{background:transparent;border:none;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:0 .4rem}.modal-close:hover{color:var(--text)}.modal-body{padding:1.2rem 1.25rem;overflow-y:auto}.modal-footer{padding:.8rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}.form-row{display:flex;gap:.9rem;flex-wrap:wrap}.form-row>.field{flex:1;min-width:180px}.field-narrow{flex:0 0 120px!important}.field-checkbox{flex-direction:row!important;align-items:center;gap:.5rem!important}.field-checkbox>span{font-size:.92rem;color:var(--text)}.field-button-inline{align-self:flex-end;padding-bottom:.05rem}.fieldset{border:1px solid var(--border);border-radius:.5rem;padding:.9rem 1rem;margin-bottom:.9rem}.fieldset legend{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:0 .4rem}.checkbox-list,.radio-list{display:flex;flex-direction:column;gap:.35rem}.checkbox-item,.radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-item input,.radio-item input{accent-color:var(--accent)}.perm-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-height:420px;overflow-y:auto;padding-right:.25rem}.perm-module{background:var(--panel-2);border:1px solid var(--border);border-radius:.5rem;padding:.7rem .9rem}.perm-module-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.perm-module-head strong{text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;color:var(--accent)}.perm-module ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.perm-module ul li code{font-size:.78rem}.perm-module ul li small{color:var(--muted);font-size:.75rem}.success{background:#065f46;color:#d1fae5;padding:.65rem .9rem;border-radius:.5rem;font-size:.9rem;margin:.75rem 0}@media(max-width:768px){.sidebar{position:fixed;top:52px;bottom:0;left:0;width:260px;z-index:200;box-shadow:2px 0 12px #0006;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0);width:260px}.sidebar.closed{width:0;transform:translate(-100%)}.app-shell-auth.sidebar-open .sidebar-backdrop{display:block;position:fixed;top:52px;bottom:0;left:0;right:0;z-index:150;background:#00000073}.tab-panel{padding:1rem}.kv li{grid-template-columns:100px 1fr}.topbar{padding:0 .5rem}.topbar-email{display:none}}.notif-bell-wrap{position:relative}.notif-bell{position:relative;background:transparent;border:1px solid var(--border);border-radius:.5rem;padding:.4rem .6rem;font-size:1.1rem;cursor:pointer;color:var(--text)}.notif-bell:hover{background:var(--panel-2)}.notif-bell-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.7rem;padding:0 4px;border-radius:9999px;min-width:1.1rem;text-align:center;line-height:1.3;font-weight:600}.notif-bell-dropdown{position:absolute;right:0;top:calc(100% + .5rem);width:360px;max-width:calc(100vw - 2rem);background:var(--panel);border:1px solid var(--border);border-radius:.6rem;box-shadow:0 8px 24px #0006;z-index:1000;max-height:70vh;display:flex;flex-direction:column}.notif-bell-head{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-bottom:1px solid var(--border)}.notif-bell-list{overflow-y:auto}.notif-bell-empty{padding:1.5rem;text-align:center;color:var(--muted)}.notif-bell-item{display:block;width:100%;text-align:left;padding:.7rem .9rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.notif-bell-item:hover{background:var(--panel-2)}.notif-bell-item.unread{background:#38bdf814;border-left:3px solid var(--accent)}.notif-bell-item-title{font-weight:600;margin-bottom:.2rem}.notif-bell-item-msg{color:var(--muted);font-size:.85rem;margin-bottom:.3rem}.notif-bell-item-time{color:var(--muted);font-size:.75rem}