@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-Bz-4pmf0.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--radius: 4px;--font-sans: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace}:root[data-theme=light]{--bg: #f5f5f4;--panel: #ffffff;--border: #e5e5e3;--text: #52525b;--muted: #9c9ca6;--accent: #2563eb;--accent-soft: #eff6ff;--accent-contrast: #ffffff;--ok: #16a34a;--ok-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--yellow: #ca8a04;--yellow-soft: #fef9c3;--danger: #dc2626;--danger-soft: #fee2e2;--blue: #2563eb;--blue-soft: #eff6ff;--sidebar: #ffffff;--sidebar-text: #6e6e79;--sidebar-active: #4a4a53;--sidebar-hover: #f4f4f6;--sidebar-border: #ececf0;--shadow: 0 1px 3px rgba(24, 24, 27, .07), 0 2px 8px rgba(24, 24, 27, .05)}:root[data-theme=dark]{--bg: #0e1116;--panel: #151a21;--border: #232a33;--text: #e6e9ef;--muted: #8b93a3;--accent: #3b82f6;--accent-soft: #1b2740;--accent-contrast: #ffffff;--ok: #22c55e;--ok-soft: #15301f;--warn: #f59e0b;--warn-soft: #3a3018;--yellow: #facc15;--yellow-soft: #3a3516;--danger: #ef4444;--danger-soft: #3a1a1c;--blue: #3b82f6;--blue-soft: #1b2740;--sidebar: #0a0d12;--sidebar-text: #8b93a3;--sidebar-active: #ffffff;--sidebar-hover: #1a2027;--sidebar-border: #1c232c;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:13.5px;line-height:1.45;overflow:hidden;transition:background .15s,color .15s}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}a{color:var(--accent);text-decoration:none}.material-symbols-outlined{flex-shrink:0}.fonts-loading .material-symbols-outlined{visibility:hidden}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;border-right:1px solid var(--sidebar-border)}.brand{display:flex;align-items:center;gap:9px;padding:14px 12px;border-bottom:1px solid var(--sidebar-border);color:var(--sidebar-active)}.brand .logo{width:24px;height:24px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:12px;color:var(--accent-contrast);font-weight:500}.brand b{font-size:13px}.nav{flex:1;padding:8px 0;overflow-y:auto}.nav .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);opacity:.7;padding:10px 12px 4px}.nav .nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:7px 12px;font-size:12.5px;color:var(--sidebar-text)}.nav .nav-item svg,.nav .nav-item .material-symbols-outlined{opacity:.7;flex-shrink:0}.nav .nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-active)}.nav .nav-lock{margin-left:auto;display:inline-flex}.nav .nav-lock.lock-green{color:var(--ok)}.nav .nav-lock.lock-red{color:var(--danger)}.nav .nav-lock.lock-orange{color:var(--warn)}.nav .nav-item.active{background:var(--accent);color:var(--accent-contrast)}.nav .nav-item.active svg,.nav .nav-item.active .material-symbols-outlined{opacity:1}.side-foot{padding:10px 12px;border-top:1px solid var(--sidebar-border);font-size:11px;color:var(--muted);opacity:.7}.main{flex:1;min-width:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:0 16px;height:46px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:30}.crumbs{font-size:12px;color:var(--muted)}.crumbs b{color:var(--text);font-weight:500}.crumbs .crumb-sep{margin:0 6px;color:var(--border)}.crumbs .crumb-link{color:var(--muted);text-decoration:none}.crumbs .crumb-link:hover{color:var(--accent);text-decoration:underline}.topbar .search{display:flex;align-items:center;gap:6px;border:1px solid var(--border);padding:0 10px;width:200px;height:30px;box-sizing:border-box;color:var(--muted);border-radius:var(--radius);margin-left:auto}.topbar .search input{border:none;background:none;outline:none;font-size:12.5px;width:100%;color:var(--text)}.avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#3b6ea5,#6b93c4);display:grid;place-items:center;font-size:11px;color:#fff;font-weight:500;flex-shrink:0}.iconbtn{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:12px}.content{padding:16px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.pagehead h1{font-size:18px;font-weight:500;letter-spacing:-.01em}.pagehead p{font-size:12px;color:var(--muted);margin-top:2px}.actions{display:flex;gap:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);background:var(--panel);font-size:12.5px;border-radius:var(--radius);color:var(--text)}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dg-search,.dg-select,.btn,.form-field input{height:30px;box-sizing:border-box}.band{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.chip{background:var(--panel);border:none;border-radius:var(--radius);padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.chip .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.chip .v{font-size:17px;font-weight:500}.chip .d{font-size:11px;font-weight:500;color:var(--ok)}.chip .d.down{color:var(--danger)}.chart-options{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.seg-btn{border:none;background:none;padding:5px 12px;font-size:12px;color:var(--muted);cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn:hover{background:var(--bg);color:var(--text)}.seg-btn.active{background:var(--accent);color:var(--accent-contrast)}.chart-summary{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}.card{background:var(--panel);border:none;border-radius:var(--radius);overflow:hidden}.card .chead{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.card .chead b{font-size:13px;font-weight:500}.card .chead a{font-size:11.5px;color:var(--accent);text-decoration:none}.card .chead a:hover{text-decoration:underline}.card .cbody .hint{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.card .cbody{padding:12px}.card .cbody.flush{padding:0}.span2{grid-column:span 2}.miniline svg{width:100%;height:90px;display:block}.donut{display:flex;align-items:center;gap:14px}.donut svg{flex-shrink:0}.legend{flex:1;display:flex;flex-direction:column;gap:7px}.legend .row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.legend .row .l{display:flex;align-items:center;gap:7px}.legend .dot{width:9px;height:9px;border-radius:var(--radius);flex-shrink:0}.hbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hbar:last-child{margin-bottom:0}.hbar .name{width:86px;font-size:12.5px;color:var(--muted);flex-shrink:0}.hbar .track{flex:1;height:8px;border-radius:var(--radius);background:var(--bg);overflow:hidden}.hbar .track i{display:block;height:100%;background:var(--accent)}.hbar .val{width:54px;text-align:right;font-size:12.5px;font-weight:500}.act,.stock,.cust{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.act:last-child,.stock:last-child,.cust:last-child{border-bottom:none}.act .ic{width:26px;height:26px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:11px;flex-shrink:0}.act .body,.stock .body,.cust .body{flex:1;font-size:12.5px;min-width:0}.act .body b,.stock .body b,.cust .body b{display:block}.act .body small,.stock .body small,.cust .body small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}.act .time{font-size:11.5px;color:var(--muted);white-space:nowrap}.stock .thumb{width:26px;height:26px;border-radius:var(--radius);background:var(--bg);flex-shrink:0}.stock .n{font-size:11.5px;font-weight:500;color:var(--warn);white-space:nowrap}.cust .av{width:24px;height:24px;border-radius:50%;background:var(--bg);color:var(--muted);display:grid;place-items:center;font-size:10px;font-weight:500;flex-shrink:0}.cust .amt{font-size:12px;font-weight:500;white-space:nowrap;text-align:right;margin-left:8px}.hbar.clickable,.act.clickable,.stock.clickable,.cust.clickable{text-decoration:none;color:inherit;cursor:pointer}.hbar.clickable:hover,.act.clickable:hover,.stock.clickable:hover,.cust.clickable:hover{background:var(--bg)}tbody tr.clickable{cursor:pointer}.qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qa .btn{text-align:center;justify-content:center;padding:10px 12px}.info{display:flex;flex-direction:column}.info .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid var(--border);font-size:12.5px}.info .row:last-child{border-bottom:none}.info .row .k{color:var(--muted)}.business-head{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--border)}.business-logo{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-size:18px;font-weight:600;flex-shrink:0}.business-name{font-size:15px;font-weight:600;display:block}.business-tag{font-size:12px;color:var(--muted);margin-top:2px}.business-badge{margin-left:auto}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;padding:16px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.field .value{font-size:13.5px;font-weight:500}@media (max-width: 640px){.field-grid{grid-template-columns:1fr}}.settings-hint{font-size:12.5px;color:var(--muted);margin-bottom:12px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);font-size:12.5px;color:var(--text)}.swatch:hover{border-color:var(--muted)}.swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.swatch .swatch-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--muted)}.swatch .swatch-ic{font-size:16px;line-height:1;color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.calc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calc .calc-label{font-size:12.5px;color:var(--muted)}.calc .calc-amount{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius);padding:6px 10px;color:var(--muted)}.calc .calc-amount input{border:none;background:none;outline:none;font-size:13px;width:110px;color:var(--text);font-variant-numeric:tabular-nums}.calc .calc-out{font-size:12.5px;color:var(--muted)}.calc .calc-out b{color:var(--text);font-weight:500}.update{padding:10px 0;border-bottom:1px solid var(--border)}.update:first-child{padding-top:0}.update:last-child{border-bottom:none;padding-bottom:0}.update .update-head{display:flex;align-items:center;gap:8px}.update .update-head b{font-size:13px;font-weight:500}.update .update-ver{font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:1px 6px}.update .update-date{font-size:11.5px;color:var(--muted);margin-left:auto}.update .update-notes{margin:6px 0 0;padding-left:16px;font-size:12.5px;color:var(--text)}.update .update-notes li{margin-top:3px}.form{display:flex;flex-direction:column;gap:12px}.form-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}.form-field input,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:7px 10px;font-size:13px;color:var(--text);outline:none;font-family:inherit}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field textarea{min-height:90px;resize:vertical}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-hint{font-size:12px;color:var(--muted)}.panel{background:var(--panel);border:none;border-radius:var(--radius);overflow:hidden}.panel .ptitle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.panel .cbody{padding:12px}.panel .ptitle b{font-size:13px;font-weight:500}table{width:max-content;min-width:100%;border-collapse:collapse}.table-scroll{overflow-x:auto}table th,table td{text-align:left}th{font-size:10.5px;text-transform:capitalize;letter-spacing:.02em;color:var(--muted);text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);font-weight:500}td{padding:9px 12px;border-bottom:1px solid var(--border);font-size:12.5px;white-space:nowrap}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg)}.dg-options{display:flex;align-items:center;gap:12px;padding:10px 12px;flex-wrap:wrap}.dg-paging{display:flex;align-items:center;gap:12px}.dg-search{border:1px solid var(--border);background:var(--panel);padding:5px 10px;font-size:12.5px;color:var(--text);border-radius:var(--radius);outline:none;min-width:160px;margin-left:auto}.dg-search:focus{border-color:var(--accent)}.dg-filters{display:flex;gap:8px;flex-wrap:wrap}.dg-filter{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dg-select{border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;padding:4px 8px;border-radius:var(--radius);outline:none}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:30px;box-sizing:border-box;min-width:90px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;padding:0 8px;border-radius:var(--radius);cursor:pointer}.dropdown-trigger:disabled{opacity:.5;cursor:default}.dropdown-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--muted);flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:40;padding:4px;max-height:220px;overflow-y:auto}.dropdown-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--text);font-size:12px;padding:6px 8px;border-radius:var(--radius);cursor:pointer}.dropdown-item:hover{background:var(--bg)}.dropdown-item.active{background:var(--accent-soft);color:var(--accent)}.dg th{-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border)}.dg td{border-bottom:none}.dg th:hover{color:var(--accent)}.dg-sort{margin-left:4px;font-size:9px;color:var(--muted)}.dg-empty{text-align:center;padding:18px 0!important;color:var(--muted)}.dg-pager{display:flex;align-items:center;gap:4px}.dg-page{min-width:26px;height:30px;padding:0 6px;justify-content:center;font-size:12px}.dg-page.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dg-page:disabled{opacity:.45;cursor:default}.dg-ellipsis{padding:0 2px;color:var(--muted);font-size:12px}.dg-bar{display:flex;align-items:center;gap:8px}.dg-bar i{display:block;height:6px;border-radius:3px;background:var(--accent)}.dg-bar span{font-size:11.5px;color:var(--muted);min-width:34px}.dg-cell b{font-weight:500;font-size:13px;display:block}.dg-cell small{font-size:11.5px;color:var(--muted);display:block;margin-top:1px}.dg-cell-row{display:flex;align-items:center;gap:8px}.dg-cell-row b{font-weight:500;font-size:13px}.dg-id{font-weight:500;color:var(--accent)}@media (max-width: 820px){.dg-options{align-items:flex-start}.dg-search{margin-left:0;width:100%}}.dg tbody tr.dg-row-click{cursor:pointer}.dg tbody tr.dg-row-click:hover td{background:var(--accent-soft)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;padding:14px 16px}.detail-item .k{font-size:11px;color:var(--muted);text-transform:capitalize;letter-spacing:.02em}.detail-item .v{font-size:13px;color:var(--text);margin-top:2px;font-weight:500}@media (max-width: 640px){.detail-grid{grid-template-columns:1fr}}.badge{display:inline-block;font-size:8.5px;padding:2px 8px;border-radius:99px;font-weight:500;text-transform:lowercase;letter-spacing:.04em;line-height:1.4;white-space:nowrap}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-green{background:var(--ok-soft);color:var(--ok)}.badge-yellow{background:var(--yellow-soft);color:var(--yellow)}.badge-orange{background:var(--warn-soft);color:var(--warn)}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-gray{background:var(--bg);color:var(--muted)}.placeholder{border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel);padding:40px 20px;text-align:center;color:var(--muted)}.placeholder b{display:block;font-size:15px;color:var(--text);margin-bottom:4px}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}.overlay.show{display:block}.locked-feature{border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel);padding:48px 20px;text-align:center;color:var(--muted)}.locked-feature .material-symbols-outlined{font-size:34px;color:var(--ok);margin-bottom:8px}.locked-feature .locked-feature-icon{font-size:34px;color:var(--ok);display:inline-flex;margin-bottom:8px}.locked-feature b{display:block;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.locked-feature p{font-size:13px}.hamburger{display:none}@media (max-width: 1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.sidebar{position:fixed;left:0;top:0;z-index:50;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #0000004d}.sidebar.open{transform:translate(0)}.hamburger{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text)}.topbar .search,.crumbs .crumb-sep,.crumbs .crumb-link,.crumbs b{display:none}.topbar-right{margin-left:auto}.band{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.span2{grid-column:span 1}.content{padding:12px}.topbar{padding:0 12px}}.role-tag{font-size:11.5px;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;white-space:nowrap;background:var(--panel);cursor:pointer}.role-tag:hover{color:var(--text);border-color:var(--muted)}.role-menu{position:relative}.role-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.role-menu-drop{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;z-index:91;display:flex;flex-direction:column}.role-menu-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;background:none;border-radius:var(--radius);font-size:12.5px;color:var(--text);text-align:left;cursor:pointer;width:100%}.role-menu-item:hover{background:var(--bg)}.role-menu-item.active{background:var(--accent-soft);color:var(--accent)}.role-menu-item .swatch-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-menu-item .role-menu-badge{margin-left:auto;font-size:9.5px;font-weight:500;padding:1px 7px;border-radius:99px;background:var(--warn-soft);color:var(--warn);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.notif-wrap{position:relative}.notif-drop{position:absolute;top:calc(100% + 6px);right:0;width:300px;max-height:440px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:91;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text)}.notif-head span{font-size:11px;font-weight:400;color:var(--muted)}.notif-list{overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 12px;border:none;border-bottom:1px solid var(--border);background:none;text-align:left;cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg)}.n-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.n-dot--order{background:var(--blue)}.n-dot--sales{background:var(--ok)}.n-dot--inquiry{background:var(--warn)}.n-dot--customer{background:var(--ok)}.n-dot--painting{background:var(--accent)}.n-dot--system{background:var(--muted)}.notif-item .n-body{flex:1;min-width:0}.notif-item .n-body b{display:block;font-size:12.5px;font-weight:500;color:var(--text)}.notif-item .n-body small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.notif-item .n-time{font-size:10.5px;color:var(--muted);white-space:nowrap;margin-left:auto}.notif-foot{border-top:1px solid var(--border)}.notif-foot a{display:block;text-align:center;padding:8px;font-size:12px;color:var(--accent);text-decoration:none}.notif-foot a:hover{background:var(--bg)}.notif-empty{padding:16px;text-align:center;color:var(--muted);font-size:12px}.notif-tabs{display:inline-flex;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel);margin-bottom:12px}.notif-page-list .notif-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:none;text-align:left;cursor:pointer}.notif-page-list .notif-row:hover{background:var(--bg)}.notif-row .n-body{flex:1;min-width:0}.notif-row .n-body b{display:block;font-size:13px;font-weight:500;color:var(--text)}.notif-row .n-body small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.notif-row .n-time{font-size:11px;color:var(--muted);white-space:nowrap}.forbidden{border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel);padding:48px 20px;text-align:center;color:var(--muted)}.forbidden .forbidden-ic{font-size:34px;color:var(--danger);display:inline-flex;margin-bottom:8px}.forbidden .forbidden-ic.orange{color:var(--warn)}.forbidden b{display:block;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.forbidden p{font-size:13px}.forbidden p b{display:inline;font-size:13px;font-weight:500}.forbidden .forbidden-hint{font-size:12px;margin-top:2px}.access-banner-stack{position:fixed;top:12px;right:12px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.access-banner{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:max-content;max-width:320px;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--danger);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;animation:banner-in .22s ease;transition:opacity .22s ease,transform .22s ease}.access-banner--leave{opacity:0;transform:translate(24px)}.access-banner--error{background:var(--danger-soft);border-left-color:var(--danger)}.access-banner--warning{background:var(--warn-soft);border-left-color:var(--warn)}.access-banner--success{background:var(--ok-soft);border-left-color:var(--ok)}.access-banner--info{background:var(--accent-soft);border-left-color:var(--accent)}.access-banner-body{font-size:12.5px;line-height:1.4}.access-banner-body b{display:block;font-weight:500;color:var(--text)}.access-banner-body span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.access-banner-close{border:none;background:none;color:var(--muted);display:inline-flex;padding:2px;cursor:pointer}.access-banner-close:hover{color:var(--text)}@keyframes banner-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.role-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.role-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.role-card b{font-size:13px;font-weight:500;display:block}.role-card p{font-size:12.5px;color:var(--muted);margin:4px 0 10px;line-height:1.45}.role-groups{display:flex;flex-wrap:wrap;gap:6px}.rdot-admin{background:var(--accent)}.rdot-officer{background:var(--warn)}.rdot-staff{background:var(--ok)}.rdot-developer{background:var(--muted)}.rdot-debug{background:var(--danger)}.role-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.role-card-head b{display:block;min-width:0}.role-card-title{display:flex;align-items:center;gap:6px;min-width:0}.role-card.disabled{opacity:.55}.role-actions{display:flex;align-items:center;gap:4px}.role-actions .iconbtn{cursor:pointer;width:30px;height:30px}.role-actions .iconbtn:hover{color:var(--text);border-color:var(--muted)}.role-actions .iconbtn.armed,.role-actions .iconbtn.off{color:var(--danger);border-color:var(--danger)}.perm-list{display:flex;flex-direction:column;gap:6px}.perm-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.perm-group-head{display:flex;align-items:center;gap:8px;padding:7px 10px;flex-wrap:wrap}.perm-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:var(--muted);cursor:pointer;transition:transform .15s ease}.perm-toggle.open{transform:rotate(180deg)}.perm-group-name{font-size:12.5px;font-weight:500}.perm-seg{display:inline-flex;gap:4px;margin-left:auto;flex-wrap:wrap}.seg{font-size:11px;font-weight:500;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--muted);cursor:pointer}.seg:hover{color:var(--text)}.seg.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.perm-custom{font-size:10.5px;font-weight:500;color:var(--warn);background:var(--warn-soft);border-radius:99px;padding:1px 7px}.perm-group-body{border-top:1px solid var(--border);padding:4px 10px}.perm-feature{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:12.5px}.perm-feature:last-child{border-bottom:none}.perm-crud{display:inline-flex;gap:8px}.perm-crud-item{display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--muted);text-transform:uppercase;padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);cursor:pointer}.perm-crud-item:hover{color:var(--text);border-color:var(--muted)}.perm-crud-item.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.form-danger{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-danger.armed{background:var(--danger);border-color:var(--danger);color:#fff}@media (max-width: 640px){.role-grid{grid-template-columns:1fr}.access-banner-stack{top:8px;right:8px;left:8px;align-items:stretch}.access-banner{max-width:none}}