:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--ease: cubic-bezier(.4, 0, .2, 1)}:root,:root[data-theme=light]{--bg: #f7f8fb;--surface: #ffffff;--surface-2: #f2f4f8;--surface-hover: #f7f8fb;--border: #e4e7ee;--border-strong: #d3d8e3;--text: #101828;--text-soft: #475467;--text-mute: #8792a6;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef0fe;--accent-text: #ffffff;--ring: rgba(79, 70, 229, .35);--ok-bg: #e9f7ef;--ok-fg: #17703c;--ok-br: #bfe6cf;--warn-bg: #fff5e6;--warn-fg: #97590b;--warn-br: #f5dcb3;--err-bg: #fdf0ef;--err-fg: #b42318;--err-br: #f4cbc6;--neutral-bg: #eef0f4;--neutral-fg: #566076;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 2px 6px rgba(16, 24, 40, .07), 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .14), 0 4px 10px rgba(16, 24, 40, .06);--skeleton: linear-gradient(90deg, #eceff4 25%, #f5f7fa 37%, #eceff4 63%)}:root[data-theme=dark]{--bg: #0b0e15;--surface: #12161f;--surface-2: #171c27;--surface-hover: #1a2030;--border: #232a38;--border-strong: #303949;--text: #e7ecf5;--text-soft: #a6b0c3;--text-mute: #77839a;--accent: #6d67f0;--accent-hover: #7f7af5;--accent-soft: #1e2140;--accent-text: #ffffff;--ring: rgba(129, 140, 248, .45);--ok-bg: #10261a;--ok-fg: #6ee7a3;--ok-br: #1d4630;--warn-bg: #2a1e0c;--warn-fg: #f5c07a;--warn-br: #4a361a;--err-bg: #2a1416;--err-fg: #f9928c;--err-br: #4d2326;--neutral-bg: #1c2231;--neutral-fg: #9aa5ba;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 46px rgba(0, 0, 0, .6);--skeleton: linear-gradient(90deg, #1a2030 25%, #212939 37%, #1a2030 63%)}*{box-sizing:border-box}html{color-scheme:light dark}:root[data-theme=dark]{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.012em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-mute);background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-5) 0 var(--sp-4);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 var(--sp-5) var(--sp-5)}.brand-mark{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(140deg,var(--accent),#8b5cf6);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-sm)}.brand-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.brand-text strong{font-size:14px;letter-spacing:-.01em}.brand-text span{font-size:11px;color:var(--text-mute)}nav{flex:1;overflow-y:auto;padding:0 var(--sp-3)}.nav-group{margin-bottom:var(--sp-4)}.nav-label{margin:0 0 var(--sp-1) 10px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute)}nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;margin-bottom:1px;border-radius:var(--r-md);color:var(--text-soft);font-size:13.5px;font-weight:450;text-decoration:none;transition:background .13s var(--ease),color .13s var(--ease)}nav a svg{flex:none;opacity:.75}nav a:hover{background:var(--surface-hover);color:var(--text);text-decoration:none}nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:550}nav a.active svg{opacity:1}.account{margin:0 var(--sp-3);padding:var(--sp-3) 10px 0;border-top:1px solid var(--border)}.who{display:flex;align-items:center;gap:9px;margin-bottom:var(--sp-2)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:650}.who-text{display:flex;flex-direction:column;line-height:1.3;min-width:0;flex:1}.who-text strong{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-text span{font-size:10.5px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-links{display:flex;align-items:center;gap:var(--sp-1)}.account-links>*{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12.5px}.account-links a:hover{text-decoration:none}main{padding:var(--sp-5) var(--sp-6);min-width:0}.master-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}.master-head h1{font-size:21px;margin-bottom:2px}.master-head .muted{font-size:13px}.head-actions{display:flex;gap:var(--sp-2);align-items:center}.muted{color:var(--text-soft);margin:0}.dim{color:var(--text-mute)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{position:sticky;top:0;z-index:1;background:var(--surface-2);padding:9px 16px;text-align:left;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:var(--text-mute);border-bottom:1px solid var(--border)}td{padding:11px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);color:var(--text)}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .1s var(--ease)}tbody tr:hover{background:var(--surface-hover)}th:last-child,td:last-child{position:sticky;right:0;box-shadow:-8px 0 8px -8px #10182829}th:last-child{background:var(--surface-2);z-index:2}td:last-child{background:var(--surface)}tbody tr:hover td:last-child{background:var(--surface-hover)}:root[data-theme=dark] th:last-child,:root[data-theme=dark] td:last-child{box-shadow:-8px 0 8px -8px #00000080}.num{width:62px;font-variant-numeric:tabular-nums;color:var(--text-mute)}td.money,td.numeric{font-variant-numeric:tabular-nums}.right{text-align:right}.nowrap{white-space:nowrap}.wrap{white-space:normal}.pad{padding:44px 16px;text-align:center}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px}.empty-state .ico{width:40px;height:40px;border-radius:11px;margin-bottom:2px;background:var(--surface-2);color:var(--text-mute);display:grid;place-items:center}.empty-state h3{font-size:14px}.empty-state p{margin:0;color:var(--text-mute);font-size:13px}.sk{display:block;height:11px;border-radius:5px;background:var(--skeleton);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 7px;border-radius:99px;font-size:11.5px;font-weight:550;text-transform:capitalize;border:1px solid transparent}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.active{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-br)}.pill.inactive{background:var(--neutral-bg);color:var(--neutral-fg)}.tag{display:inline-block;background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 7px;font-size:11px;font-weight:500;margin-right:4px;white-space:nowrap}.tag.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.tag.warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-br)}button{cursor:pointer;border-radius:var(--r-md);font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}.primary,.ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13.5px;transition:background .13s var(--ease),border-color .13s var(--ease),transform .08s var(--ease)}.primary{background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);box-shadow:var(--shadow-sm)}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.primary:active:not(:disabled){transform:translateY(.5px)}.ghost{background:var(--surface);color:var(--text-soft);border:1px solid var(--border)}.ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.link{background:none;border:0;color:var(--accent);padding:3px 6px;font-size:13px;border-radius:var(--r-sm)}.link:hover:not(:disabled){background:var(--accent-soft)}.link.danger{color:var(--err-fg)}.link.danger:hover:not(:disabled){background:var(--err-bg)}.link.quiet{color:var(--text-soft)}.icon-btn{background:none;border:1px solid transparent;color:var(--text-mute);width:30px;height:30px;border-radius:var(--r-md);display:grid;place-items:center;transition:background .13s var(--ease),color .13s var(--ease)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}button.block{width:100%;justify-content:center;padding:10px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:7px 10px;font-size:13.5px;color:var(--text);transition:border-color .13s var(--ease),box-shadow .13s var(--ease);max-width:100%}input::placeholder,textarea::placeholder{color:var(--text-mute)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input.invalid,select.invalid,textarea.invalid{border-color:var(--err-fg)}textarea{resize:vertical;min-height:68px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238792a6' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}.search{position:relative;display:inline-flex;align-items:center}.search svg{position:absolute;left:9px;color:var(--text-mute);pointer-events:none}.search input{padding-left:30px;width:210px}.switch{display:inline-flex;align-items:center;gap:8px}.switch input{width:auto;accent-color:var(--accent)}.error{color:var(--err-fg);font-size:13px;margin:0}.error.banner{background:var(--err-bg);border:1px solid var(--err-br);padding:10px 13px;border-radius:var(--r-md);margin-bottom:var(--sp-4)}.notice{background:var(--ok-bg);border:1px solid var(--ok-br);color:var(--ok-fg);padding:10px 13px;border-radius:var(--r-md);font-size:13px;margin-bottom:var(--sp-4)}.toasts{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:60;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:9px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:11px 14px;min-width:260px;max-width:380px;font-size:13px;pointer-events:auto;animation:toast-in .22s var(--ease)}.toast.ok{border-left-color:var(--ok-fg)}.toast.err{border-left-color:var(--err-fg)}.toast .t-ico{flex:none;margin-top:1px}.toast.ok .t-ico{color:var(--ok-fg)}.toast.err .t-ico{color:var(--err-fg)}.toast p{margin:0}.toast .t-close{margin-left:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.pager{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4);font-size:13px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#090c1480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;animation:fade-in .16s var(--ease)}@keyframes fade-in{0%{opacity:0}}.drawer{background:var(--surface);width:min(440px,100%);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-left:1px solid var(--border);animation:slide-in .22s var(--ease)}@keyframes slide-in{0%{transform:translate(24px);opacity:.6}}.drawer header,.drawer footer{display:flex;align-items:center;padding:var(--sp-4) var(--sp-5)}.drawer header{justify-content:space-between;border-bottom:1px solid var(--border)}.drawer header h2{font-size:15px}.drawer-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4);overflow-y:auto;flex:1}.drawer-body label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-soft)}.drawer-body label>span:first-child{font-weight:500}.drawer-body label em{color:var(--err-fg);font-style:normal}.drawer-body label.row{flex-direction:row;align-items:center;justify-content:space-between}.drawer footer{justify-content:flex-end;gap:var(--sp-2);border-top:1px solid var(--border);background:var(--surface-2)}fieldset.roles{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:0}fieldset.roles legend{font-size:11.5px;color:var(--text-mute);padding:0 5px;font-weight:600}fieldset.roles .check{flex-direction:row;align-items:center;gap:9px;padding:4px 0;cursor:pointer}fieldset.roles .check input{width:auto;accent-color:var(--accent)}.perm-group{margin-bottom:var(--sp-3)}.perm-group .nav-label{margin:var(--sp-2) 0 var(--sp-1)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(760px 420px at 50% -12%,var(--accent-soft),transparent 70%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);width:min(392px,100%);display:flex;flex-direction:column;gap:var(--sp-4);box-shadow:var(--shadow-lg)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:var(--sp-2)}.login-brand .brand-mark{width:40px;height:40px;border-radius:11px;margin-bottom:var(--sp-2)}.login-brand strong{font-size:17px}.login-brand span{font-size:13px;color:var(--text-mute);text-align:center}.login-card label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-soft);font-weight:500}.login-card input{padding:9px 11px}.login-foot{text-align:center;font-size:12px;color:var(--text-mute)}.login-toggle{position:fixed;top:var(--sp-4);right:var(--sp-4)}.error.banner.flush{margin-bottom:0}.empty-state .primary{margin-top:var(--sp-1)}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.denied{display:flex;flex-direction:column;align-items:center;gap:8px;padding:72px 16px;text-align:center}.denied .ico{width:44px;height:44px;border-radius:12px;background:var(--warn-bg);color:var(--warn-fg);display:grid;place-items:center}.denied-title{font-size:16px}.push{margin-left:auto}.topbar{display:none}.topbar-title{font-size:14px}.content{min-width:0}@media (max-width: 900px){.shell{grid-template-columns:1fr}aside{position:fixed;inset:0 auto 0 0;width:256px;z-index:40;transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:var(--shadow-lg)}aside.open{transform:none}.topbar{display:flex;align-items:center;gap:10px;padding:10px var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#090c1473;z-index:35}main{padding:var(--sp-4)}.head-actions,.search input{width:100%}}