:root{--background: #ffffff;--foreground: #09090b;--card: #ffffff;--muted: #71717a;--muted-bg: #f4f4f5;--accent: #f4f4f5;--line: #e4e4e7;--ring: rgba(161, 161, 170, .5);--ring-solid: #a1a1aa;--primary: #18181b;--primary-hover: #27272a;--primary-fg: #fafafa;--sidebar: #fafafa;--destructive: #dc2626;--ink: var(--foreground);--bg: var(--sidebar);--in: #059669;--in-soft: #ecfdf5;--out: #dc2626;--out-soft: #fef2f2;--warn: #d97706;--warn-soft: #fffbeb;--navy: #1b2a4a;--radius: 10px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);font-family:Geist,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--foreground);background:var(--sidebar);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--sidebar)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--foreground);text-underline-offset:4px}::selection{background:#e4e4e7}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.in{color:var(--in)}.out{color:var(--out)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header .mobile-only{display:none}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.shell.collapsed{grid-template-columns:56px minmax(0,1fr)}.side{background:var(--sidebar);color:var(--foreground);padding:8px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;z-index:30;min-width:0}.side-brand{display:flex;align-items:center;gap:8px;padding:8px;min-width:0;border-radius:8px}.logo-tile{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--primary-fg);background:var(--primary)}.brand-text{min-width:0;display:grid;line-height:1.25}.brand-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{font-size:12px;color:var(--muted);white-space:nowrap}.side-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:grid;align-content:start;gap:8px;scrollbar-width:thin}.nav-section{display:grid;gap:2px;padding:0}.nav-group{height:32px;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.nav{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:6px;color:var(--foreground);cursor:pointer;border:0;background:none;text-align:left;width:100%;font-size:14px;white-space:nowrap;transition:background .12s}.nav:hover{background:var(--accent)}.nav.active{background:var(--accent);font-weight:500}.nav svg{width:16px;height:16px;flex:none}.nav:focus-visible,.user-btn:focus-visible,.icon-btn:focus-visible,.set-nav button:focus-visible,.seg button:focus-visible,.role-opt:focus-visible,.user-menu button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.side-foot{position:relative}.user-btn{display:flex;align-items:center;gap:8px;width:100%;height:48px;padding:8px;border:0;border-radius:8px;background:none;cursor:pointer;text-align:left;min-width:0}.user-btn:hover,.user-btn.open{background:var(--accent)}.user-btn.bare{width:auto;height:auto;padding:0;border-radius:50%}.user-btn.bare:hover{background:none}.side-user{min-width:0;flex:1;display:grid;line-height:1.25}.side-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-email{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-caret{color:var(--muted);display:grid}.user-caret svg{width:16px;height:16px}.inset{min-width:0;margin:8px 8px 8px 0;background:var(--background);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;min-height:calc(100vh - 16px)}.site-header{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 12px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px 12px 0 0}.icon-btn{width:28px;height:28px;display:grid;place-items:center;border:0;background:none;border-radius:6px;cursor:pointer;color:var(--foreground)}.icon-btn:hover{background:var(--accent)}.icon-btn svg{width:16px;height:16px}.v-sep{width:1px;height:16px;background:var(--line);margin:0 4px}.crumb{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;min-width:0;white-space:nowrap}.crumb-dim{color:var(--muted);font-weight:400}.crumb-sep{color:#d4d4d8}.header-user{position:relative}.main{padding:24px 24px 48px;min-width:0;flex:1}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.user-menu{position:absolute;z-index:61;background:var(--background);color:var(--foreground);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md);padding:4px;min-width:224px;display:grid;animation:pop .12s ease-out}.user-menu.at-side{left:calc(100% + 12px);bottom:0}.user-menu.at-top{right:0;top:calc(100% + 8px)}.user-menu-head{display:flex;align-items:center;gap:8px;padding:6px 8px;min-width:0}.menu-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;color:var(--muted)}.menu-sep{height:1px;background:var(--line);margin:4px -4px}.user-menu button{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border:0;background:none;border-radius:4px;cursor:pointer;text-align:left;font-size:14px}.user-menu button:hover{background:var(--accent)}.user-menu button.danger{color:var(--destructive)}.user-menu button.danger:hover{background:var(--out-soft)}.user-menu svg{width:16px;height:16px;flex:none;color:var(--muted)}.user-menu button.danger svg{color:var(--destructive)}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.shell.collapsed .brand-text,.shell.collapsed .nav span,.shell.collapsed .side-foot .side-user,.shell.collapsed .user-caret{display:none}.shell.collapsed .side-brand{justify-content:center;padding:4px 0}.shell.collapsed .nav-group{height:8px;font-size:0;padding:0}.shell.collapsed .nav{justify-content:center;padding:0}.shell.collapsed .user-btn:not(.bare){justify-content:center;padding:0}.loader{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--muted);font-size:14px}.loader.full{min-height:100vh;flex-direction:column;background:var(--sidebar)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--foreground);animation:spin .6s linear infinite}.loader.full .spinner{width:24px;height:24px}.top-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--primary);z-index:100;opacity:0;transition:opacity .3s ease .15s,width 0s linear .45s;pointer-events:none}.top-progress.on{opacity:1;width:85%;transition:width 6s cubic-bezier(.1,.7,.2,1),opacity .1s}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}.top-progress.on{transition:opacity .1s}.user-menu{animation:none}}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:24px;margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.2}.page-head p{margin:4px 0 0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-xs)}.card-pad{padding:20px 24px}.card h3{margin:0 0 12px;font-size:16px;font-weight:600;letter-spacing:-.01em}.table-wrap{overflow-x:auto}.card.table-wrap{overflow:hidden;overflow-x:auto}.stat{padding:20px 24px;background:linear-gradient(180deg,rgba(24,24,27,.025) 0%,var(--card) 100%)}.stat .label{color:var(--muted);font-size:14px}.stat .value{font-size:26px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.stat .hint{font-size:13px;color:var(--muted);margin-top:8px}.btn{height:36px;border:1px solid var(--line);background:var(--background);padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:var(--shadow-xs);transition:background .12s,color .12s,box-shadow .12s}.btn:hover{background:var(--accent)}.btn:focus-visible{outline:none;border-color:var(--ring-solid);box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.green{background:var(--in);border-color:var(--in);color:#fff}.btn.green:hover:not(:disabled){background:#047857}.btn.danger{color:var(--destructive)}.btn.danger:hover{background:var(--out-soft)}.btn.sm{height:32px;padding:0 12px;gap:6px;font-size:13px}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.btn.ghost:hover{background:var(--accent)}.btn.block{width:100%}.input,select.input,textarea.input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:4px 12px;background:var(--background);min-width:0;font-size:14px;box-shadow:var(--shadow-xs);transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--muted)}.input:focus{outline:none;border-color:var(--ring-solid);box-shadow:0 0 0 3px var(--ring)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--muted-bg)}select.input{padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}input[type=color].input{padding:4px;cursor:pointer}textarea.input{height:auto;resize:vertical;min-height:64px;padding:8px 12px}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:14px;font-weight:500;color:var(--foreground);line-height:1}.seg{display:inline-flex;align-items:center;height:36px;padding:3px;gap:2px;border-radius:10px;background:var(--muted-bg)}.seg button{height:100%;border:1px solid transparent;background:none;padding:0 12px;cursor:pointer;border-radius:7px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}.seg button:hover{color:var(--foreground)}.seg button.on{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.seg button.on.in{color:var(--in)}.seg button.on.out{color:var(--out)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters .input{width:auto}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:14px}.toggle input{width:16px;height:16px;accent-color:var(--primary);margin:0}table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:left;height:40px;font-weight:500;color:var(--muted);padding:0 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#f4f4f580}.t td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.t th:first-child,.t td:first-child{padding-left:16px}.t th:last-child,.t td:last-child{padding-right:16px}.t tbody tr{transition:background .1s}.t tbody tr:hover td{background:#f4f4f580}.t tr:last-child td{border-bottom:0}.t tr.click{cursor:pointer}.t tfoot td{font-weight:600;background:#f4f4f580;border-top:1px solid var(--line)}.t tr.dim td{opacity:.5}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:6px;border:1px solid var(--line);background:var(--background);color:var(--foreground);white-space:nowrap;line-height:1.4}.tag .dot{width:8px;height:8px;border-radius:50%}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:2px 8px;border-radius:6px;border:1px solid transparent;background:var(--muted-bg);color:var(--foreground);text-transform:capitalize;white-space:nowrap;line-height:1.4}.pill.paid,.pill.settled,.pill.accepted{background:var(--in-soft);color:#047857;border-color:#a7f3d0}.pill.unpaid,.pill.overdue,.pill.rejected,.pill.cancelled{background:var(--out-soft);color:#b91c1c;border-color:#fecaca}.pill.partial,.pill.sent{background:var(--warn-soft);color:#b45309;border-color:#fde68a}.role-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:1px 8px;border-radius:6px;border:1px solid transparent;text-transform:capitalize;line-height:1.5;white-space:nowrap}.role-badge.admin{background:var(--primary);color:var(--primary-fg)}.role-badge.accounts{background:var(--muted-bg);color:var(--foreground)}.role-badge.sales{background:var(--background);color:var(--foreground);border-color:var(--line)}.kind-badge{display:inline-flex;font-size:12px;font-weight:500;padding:1px 8px;border-radius:6px;border:1px solid var(--line);color:var(--foreground)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:1px 8px;border-radius:6px;border:1px solid var(--line);color:var(--muted);line-height:1.5}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#a1a1aa}.status.on{color:var(--foreground)}.status.on:before{background:#10b981}.code{font-family:Geist Mono,ui-monospace,Consolas,monospace;font-size:12px;background:var(--muted-bg);padding:2px 6px;border-radius:4px}.you{font-size:11px;font-weight:500;background:var(--muted-bg);color:var(--foreground);padding:0 6px;border-radius:4px;border:1px solid var(--line)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--muted-bg);color:var(--foreground);display:inline-grid;place-items:center;font-size:12px;font-weight:500;flex:none}.avatar.square{border-radius:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px;z-index:50;overflow-y:auto;animation:fade .15s ease-out}.modal{position:relative;background:var(--background);border:1px solid var(--line);border-radius:12px;width:100%;max-width:512px;box-shadow:var(--shadow-lg);animation:pop .15s ease-out}.modal.wide{max-width:920px}.modal-head{display:flex;align-items:center;padding:24px 24px 0}.modal-head h2{font-size:18px;font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.2;padding-right:32px}.modal-body{padding:20px 24px;display:grid;gap:16px}.modal-foot{padding:0 24px 24px;display:flex;gap:8px;justify-content:flex-end}.x{position:absolute;top:16px;right:16px;width:28px;height:28px;display:grid;place-items:center;border:0;background:none;border-radius:6px;cursor:pointer;color:var(--muted)}.x:hover{color:var(--foreground);background:var(--accent)}.x svg{width:16px;height:16px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.err{border:1px solid #fecaca;background:var(--out-soft);color:#b91c1c;padding:12px 16px;border-radius:8px;font-size:14px}.note-box{border:1px solid var(--line);background:var(--muted-bg);color:var(--foreground);padding:12px 16px;border-radius:8px;font-size:14px}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.toast{position:fixed;bottom:24px;right:24px;background:var(--background);color:var(--foreground);border:1px solid var(--line);padding:14px 16px;border-radius:8px;z-index:80;font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);min-width:280px;max-width:calc(100vw - 32px);animation:slide .2s ease-out}@keyframes slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.quick{display:flex;gap:8px}.quick .input{flex:1}.bars{display:flex;align-items:flex-end;gap:10px;height:170px;padding-top:10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bar-pair{display:flex;gap:3px;align-items:flex-end;height:140px;width:100%;justify-content:center}.bar{width:40%;max-width:22px;border-radius:4px 4px 0 0;min-height:2px}.bar.in{background:#10b981}.bar.out{background:#f87171}.brand-bar{height:8px;border-radius:99px;background:var(--muted-bg);overflow:hidden}.brand-bar>div{height:100%;border-radius:99px}.items-table .input{height:32px;padding:4px 8px}.totals{margin-left:auto;width:280px;display:grid;gap:6px}.totals>div{display:flex;justify-content:space-between}.totals .grand{font-size:16px;font-weight:600;border-top:1px solid var(--line);padding-top:8px}.log{list-style:none;margin:0;padding:0}.log-day{font-size:12px;font-weight:500;color:var(--muted);padding:10px 16px;background:#f4f4f580;border-bottom:1px solid var(--line)}.log-day:first-child{border-radius:12px 12px 0 0}.log-row{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--line)}.log-row:last-child{border-bottom:0}.log-main{flex:1;min-width:0;display:grid;gap:2px;line-height:1.45}.log-main b{font-weight:500}.log-time{white-space:nowrap;padding-top:2px}.integ-head{display:flex;align-items:flex-start;gap:12px;padding:20px 24px 0}.integ-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-xs)}.integ-icon svg{width:18px;height:18px}.integ-title{flex:1;min-width:0}.integ-title h3{margin:0;font-size:16px;font-weight:600}.integ-title p{margin:2px 0 0;color:var(--muted);font-size:13px}.integ-body{padding:20px 24px;display:grid;gap:16px}.integ-foot{border-top:1px solid var(--line)}.field>span .src{font-style:normal;font-weight:400;font-size:12px;color:var(--muted);margin-left:8px}.secret-row{display:flex;gap:6px;align-items:center}.secret-row .input{flex:1;font-family:Geist Mono,ui-monospace,monospace;font-size:13px}.chip-btn{height:24px;padding:0 8px;font-size:12px;border:1px solid var(--line);background:var(--background);border-radius:6px;cursor:pointer;color:var(--muted)}.chip-btn:hover{color:var(--foreground);background:var(--accent)}.integ-steps{display:grid;gap:10px;padding:14px 16px;border:1px dashed var(--line);border-radius:8px;background:#f4f4f566}details.integ-steps>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}details.integ-steps>summary:before{content:"›";font-size:16px;color:var(--muted);transition:transform .15s}details.integ-steps[open]>summary:before{transform:rotate(90deg)}details.integ-steps>summary::-webkit-details-marker{display:none}details.integ-steps:not([open]){gap:0}.copy-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.copy-row .muted{width:96px;flex:none}.copy-row .code{word-break:break-all}.test-result{font-size:13px;padding:10px 14px;border-radius:8px;border:1px solid}.test-result.ok{color:#047857;background:var(--in-soft);border-color:#a7f3d0}.test-result.bad{color:#b91c1c;background:var(--out-soft);border-color:#fecaca}.settings{display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px;align-items:start}.set-nav{display:grid;gap:2px;position:sticky;top:72px}.set-nav button{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:0;background:none;border-radius:8px;cursor:pointer;color:var(--foreground);font-size:14px;font-weight:500;text-align:left}.set-nav button:hover{background:var(--accent);text-decoration:none}.set-nav button.on{background:var(--muted-bg)}.set-nav svg{width:16px;height:16px;flex:none;color:var(--muted)}.set-nav button.on svg{color:var(--foreground)}.set-body{max-width:960px}.set-section{display:block}.set-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.set-head>div{flex:1}.set-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.set-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.set-block{padding:20px 24px;border-bottom:1px solid var(--line)}.set-block-title{font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:16px}.set-foot{padding:16px 24px;display:flex;justify-content:flex-end;gap:8px}.set-note{color:var(--muted);font-size:13px;margin-top:12px}.card>.err{margin:20px 24px 0}.cat-head{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px}.cat-dot{width:8px;height:8px;border-radius:50%}.cat-dot.in{background:var(--in)}.cat-dot.out{background:var(--out)}.role-card{padding:20px 24px;display:grid;gap:8px;align-content:start}.role-card p{margin:0;color:var(--muted);font-size:13px;min-height:38px}.role-card .btn{justify-self:start;margin-left:-12px}.role-count{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.user-cell{display:flex;align-items:center;gap:12px}.user-name{font-weight:500;display:flex;align-items:center;gap:6px}.pw{position:relative}.pw .input{padding-right:40px}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:none;cursor:pointer;color:var(--muted);display:grid;place-items:center;border-radius:6px}.pw-eye:hover{background:var(--accent)}.pw-eye.on{color:var(--foreground)}.pw-eye svg{width:16px;height:16px}.role-pick{display:grid;gap:8px}.role-opt{display:grid;gap:4px;justify-items:start;text-align:left;border:1px solid var(--line);background:var(--background);border-radius:8px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow-xs)}.role-opt:hover{background:#f4f4f580}.role-opt.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.login{min-height:100vh;display:grid;place-items:center;background:var(--muted-bg);padding:24px 16px}.login-wrap{width:100%;max-width:384px;display:grid;gap:24px}.login-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px}.login-brand .logo-tile{width:28px;height:28px;font-size:13px;border-radius:6px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px;display:grid;gap:20px}.login-title{text-align:center}.login-title h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.login-title p{margin:6px 0 0;color:var(--muted);font-size:14px}.login-foot{text-align:center;color:var(--muted);font-size:12px}.doc-sheet{background:#fff;max-width:820px;margin:0 auto;padding:40px 44px;color:#111;border:1px solid var(--line);border-radius:8px}.doc-sheet .head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid var(--navy);padding-bottom:16px}.doc-sheet .co-name{font-family:Tenor Sans,serif;letter-spacing:.12em;font-size:22px;color:var(--navy)}.doc-sheet .doc-title{font-size:22px;font-weight:700;color:var(--navy);text-align:right;text-transform:uppercase;letter-spacing:.06em}.doc-sheet table{width:100%;border-collapse:collapse;margin-top:18px}.doc-sheet th{background:var(--navy);color:#fff;font-size:12px;text-align:left;padding:8px}.doc-sheet td{padding:8px;border-bottom:1px solid #e5e7eb;font-size:13px}.doc-sheet .meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px;font-size:13px}.doc-sheet .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:700;margin-bottom:4px}@media print{body *{visibility:hidden}.doc-sheet,.doc-sheet *{visibility:visible}.doc-sheet{position:absolute;left:0;top:0;border:0;padding:0;max-width:none;width:100%}.overlay{position:static;padding:0;background:none}}.split-box{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f4f4f580}.split-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 16px}.split-row{display:grid;grid-template-columns:10px 1fr 64px 12px 84px;align-items:center;gap:8px;padding:3px 0;color:var(--muted)}.split-row.on{color:var(--foreground);font-weight:500}.split-row .dot{width:8px;height:8px;border-radius:50%}.split-row .input{height:30px;padding:4px 6px;text-align:right}.split-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.split-chips .tag{font-size:11px;padding:0 6px}.brk td{background:#f4f4f580;font-size:13px;padding-top:6px;padding-bottom:6px}@media (max-width: 860px){.shell,.shell.collapsed{display:block}.site-header .mobile-only{display:inline-flex}.site-header .logo-tile.mobile-only{display:grid}.trigger,.v-sep{display:none}.side{position:fixed;bottom:0;top:auto;left:0;right:0;height:auto;flex-direction:row;padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:40;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.side-brand,.side-foot,.nav-group{display:none!important}.side-nav{display:flex;overflow-x:auto;gap:2px;flex:1}.nav-section{display:contents}.nav,.shell.collapsed .nav{flex-direction:column;justify-content:center;gap:2px;font-size:10px;height:52px;padding:4px 2px;min-width:0;flex:1 1 0;align-items:center;color:var(--muted)}.nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.shell.collapsed .nav span{display:inline}.nav.active{color:var(--foreground);background:var(--accent)}.nav svg{width:20px;height:20px}.inset{margin:0;border:0;border-radius:0;box-shadow:none;min-height:100vh}.site-header{border-radius:0;padding:0 16px;height:52px}.site-header .logo-tile{width:28px;height:28px;font-size:13px;border-radius:6px}.main{padding:20px 16px 96px}.settings{grid-template-columns:minmax(0,1fr);gap:16px}.set-nav{position:sticky;top:52px;z-index:15;display:flex;overflow-x:auto;gap:2px;padding:3px;margin:0 -16px;border-radius:0;background:var(--background);border-bottom:1px solid var(--line);scrollbar-width:none;scroll-snap-type:x proximity}.set-nav::-webkit-scrollbar{display:none}.set-nav button{white-space:nowrap;flex:none;height:40px;padding:0 12px;border-radius:0;font-size:13px;color:var(--muted);scroll-snap-align:start;border-bottom:2px solid transparent}.set-nav button:hover{background:none}.set-nav button.on{background:none;color:var(--foreground);border-bottom-color:var(--foreground)}.set-nav button:first-child{margin-left:13px}.set-nav button:last-child{margin-right:13px}.set-nav svg{display:none}.set-head{flex-wrap:wrap;align-items:center;gap:12px}.set-head>div{flex:1 1 200px;min-width:0}.set-head h2{font-size:17px}.set-head p{font-size:13px}.role-cards{grid-template-columns:minmax(0,1fr);gap:8px}.role-card{padding:12px 16px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.role-card>.row{gap:10px}.role-card .role-count{font-size:18px;order:-1}.role-card p{display:none}.role-card .btn{margin:0;justify-self:end}.set-block{padding:16px}.set-foot{padding:12px 16px}.set-foot .btn{width:100%}.card-pad{padding:16px}.user-cell .muted.small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters .input{flex:1 1 140px}.overlay{align-items:flex-end;padding:0}.modal,.modal.wide{max-width:none;border-radius:16px 16px 0 0;border-bottom:0;max-height:92vh;overflow-y:auto;animation:sheet .2s ease-out}.modal-head{padding:20px 16px 0}.modal-body{padding:16px}.modal-foot{padding:0 16px calc(16px + env(safe-area-inset-bottom));position:sticky;bottom:0;background:var(--background);padding-top:12px}.modal-foot .btn{flex:1}.modal .g2{grid-template-columns:minmax(0,1fr)}.seg{max-width:100%;overflow-x:auto}.g2,.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px}.stat .value{font-size:20px}.hide-sm{display:none}.toast{left:16px;right:16px;bottom:88px;min-width:0}.doc-sheet{padding:20px 16px}.doc-sheet .meta,.split-grid{grid-template-columns:1fr}}@media (max-width: 520px){.g2,.g3{grid-template-columns:minmax(0,1fr)}}