:root{color-scheme:light;--bg: #f2f3f5;--panel: #ffffff;--panel-alt: #f7f9fc;--input-bg: #ffffff;--row-hover: #fafafb;--bell-bg: #f1f4f9;--border: #e3e5ea;--border-strong: #cfd3da;--text: #16181d;--text-secondary: #424853;--muted: #636975;--primary: #2953e0;--primary-dark: #1d3fb0;--primary-light: #eaf0ff;--primary-contrast: #ffffff;--ink: #16181d;--ink-hover: #2b2e36;--ink-contrast: #ffffff;--danger: #c53f36;--danger-light: #fbe6e4;--danger-soft: #fdf1f0;--danger-border: #f3d2d2;--danger-text: #b42318;--warning: #915d17;--warning-light: #fdf0da;--warning-soft: #fff8e8;--warning-border: #f0d9a8;--warning-text: #8a5800;--success: #1c7a51;--success-light: #e3f5eb;--success-soft: #f0fbf4;--success-border: #b6e6c9;--success-text: #17683f;--info-light: #eef2ff;--info-border: #c7d2fe;--purple-light: #f0d9ff;--purple-text: #6b17a8;--chip-neutral: #eef0f4;--chip-neutral-text: #4f5561;--sidebar-bg: #2953e0;--sidebar-active-bg: rgba(255, 255, 255, .95);--sidebar-active-text: #1d3fb0;--hero-start: #2953e0;--hero-end: #4a3fd9;--overlay: rgba(15, 20, 30, .45);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 1px rgba(16, 24, 40, .03);--shadow-lg: 0 12px 28px rgba(16, 24, 40, .12);--theme-chrome: #2953e0}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--panel: #181b21;--panel-alt: #1f232b;--input-bg: #12151b;--row-hover: #1e2229;--bell-bg: #252a33;--border: #2a2f38;--border-strong: #3b414d;--text: #e8eaf0;--text-secondary: #bcc2cd;--muted: #98a0ad;--primary: #7da2ff;--primary-dark: #a6c0ff;--primary-light: #222c47;--primary-contrast: #0b1020;--ink: #e8eaf0;--ink-hover: #ffffff;--ink-contrast: #12141a;--danger: #ff8a82;--danger-light: #3b2020;--danger-soft: #2a1819;--danger-border: #5e2d2d;--danger-text: #ffa39d;--warning: #f2bb63;--warning-light: #3a2f18;--warning-soft: #2a2312;--warning-border: #5e4b1f;--warning-text: #f5c97a;--success: #5ddba0;--success-light: #14342a;--success-soft: #12271f;--success-border: #21593f;--success-text: #77e6b2;--info-light: #1d2642;--info-border: #36457c;--purple-light: #2d2042;--purple-text: #d6b0ff;--chip-neutral: #272c35;--chip-neutral-text: #b4bac6;--sidebar-bg: #12151b;--sidebar-active-bg: rgba(125, 162, 255, .2);--sidebar-active-text: #ffffff;--hero-start: #2b4fc7;--hero-end: #4a3fd9;--overlay: rgba(0, 0, 0, .65);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 32px rgba(0, 0, 0, .6);--theme-chrome: #12151b}:root[data-theme=midnight]{color-scheme:dark;--bg: #0a1020;--panel: #111a2e;--panel-alt: #16213a;--input-bg: #0d1527;--row-hover: #15203a;--bell-bg: #1b2744;--border: #1f2c48;--border-strong: #31426b;--text: #e6ecff;--text-secondary: #b8c4e6;--muted: #93a2cc;--primary: #6cb0ff;--primary-dark: #a0cdff;--primary-light: #1a2c52;--primary-contrast: #06101f;--ink: #e6ecff;--ink-hover: #ffffff;--ink-contrast: #0a1020;--danger: #ff8a95;--danger-light: #3a1c26;--danger-soft: #2a1520;--danger-border: #5e2b3a;--danger-text: #ffa3ac;--warning: #f2bb63;--warning-light: #392f1b;--warning-soft: #2a2314;--warning-border: #5e4b22;--warning-text: #f5c97a;--success: #5ddba0;--success-light: #123a30;--success-soft: #10291f;--success-border: #1f5a45;--success-text: #77e6b2;--info-light: #1a2c52;--info-border: #34508f;--purple-light: #2b2150;--purple-text: #cdb4ff;--chip-neutral: #1d2946;--chip-neutral-text: #b4c0e0;--sidebar-bg: #0c1630;--sidebar-active-bg: rgba(108, 176, 255, .22);--sidebar-active-text: #ffffff;--hero-start: #1f46c4;--hero-end: #5636d1;--overlay: rgba(2, 6, 18, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 14px 32px rgba(0, 0, 0, .65);--theme-chrome: #0c1630}:root[data-theme=ocean]{--bg: #eaf4f6;--panel: #ffffff;--panel-alt: #f2f9fa;--row-hover: #f3fafb;--bell-bg: #e3f1f4;--border: #d6e7eb;--border-strong: #bfd6dc;--text: #0e2a33;--text-secondary: #38535c;--muted: #54707a;--primary: #0a7482;--primary-dark: #075763;--primary-light: #dcf2f5;--sidebar-active-text: #075763;--info-light: #e1f3f6;--info-border: #b3dce3;--sidebar-bg: #0b3b47;--hero-start: #0a7482;--hero-end: #0b5a8f;--theme-chrome: #0b3b47}:root[data-theme=forest]{--bg: #eef4ee;--panel: #ffffff;--panel-alt: #f5f9f4;--row-hover: #f6faf5;--bell-bg: #e6f0e6;--border: #dbe6da;--border-strong: #c4d4c3;--text: #15261a;--text-secondary: #3d5243;--muted: #576d5c;--primary: #2b7a4b;--primary-dark: #1e5c37;--primary-light: #e0f2e6;--sidebar-active-text: #1e5c37;--info-light: #e3f3e8;--info-border: #b8dcc4;--sidebar-bg: #1c3a29;--hero-start: #2b7a4b;--hero-end: #1d6a6b;--theme-chrome: #1c3a29}:root[data-theme=sunset]{--bg: #fbf2ec;--panel: #fffdfb;--panel-alt: #fff7f1;--input-bg: #ffffff;--row-hover: #fff6ef;--bell-bg: #fbe9de;--border: #f0e0d4;--border-strong: #e3cbbb;--text: #2b1a14;--text-secondary: #5a3f33;--muted: #7a5b4d;--primary: #c2410c;--primary-dark: #9a3412;--primary-light: #ffe8dc;--sidebar-active-text: #9a3412;--info-light: #fff0e6;--info-border: #f5c9ad;--sidebar-bg: #7a2b10;--hero-start: #c2410c;--hero-end: #be185d;--theme-chrome: #7a2b10}:root[data-theme=contrast]{--bg: #ffffff;--panel: #ffffff;--panel-alt: #f0f0f0;--input-bg: #ffffff;--row-hover: #e8e8e8;--bell-bg: #e8e8e8;--border: #5a5a5a;--border-strong: #000000;--text: #000000;--text-secondary: #111111;--muted: #2b2b2b;--primary: #0033cc;--primary-dark: #001f80;--primary-light: #dfe6ff;--primary-contrast: #ffffff;--ink: #000000;--ink-hover: #222222;--ink-contrast: #ffffff;--danger: #a30000;--danger-light: #ffd9d9;--danger-soft: #fff0f0;--danger-border: #a30000;--danger-text: #8a0000;--warning: #6b4500;--warning-light: #ffe9b3;--warning-soft: #fff6dc;--warning-border: #6b4500;--warning-text: #5c3b00;--success: #005c2e;--success-light: #cdf3de;--success-soft: #e8faf0;--success-border: #005c2e;--success-text: #004d27;--info-light: #dfe6ff;--info-border: #0033cc;--purple-light: #ecd6ff;--purple-text: #50007f;--chip-neutral: #e0e0e0;--chip-neutral-text: #1a1a1a;--sidebar-bg: #000000;--sidebar-active-bg: #ffffff;--sidebar-active-text: #000000;--hero-start: #001f80;--hero-end: #000000;--overlay: rgba(0, 0, 0, .7);--shadow-sm: none;--shadow: none;--shadow-lg: 0 0 0 2px #000;--theme-chrome: #000000}:root[data-theme=contrast] .panel,:root[data-theme=contrast] input,:root[data-theme=contrast] select,:root[data-theme=contrast] textarea{border-color:#000}:root[data-theme=contrast] :focus-visible{outline:3px solid #0033cc;outline-offset:2px}:root{--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--sidebar-width: 248px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:700;letter-spacing:-.01em;margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:10px}.rail-toggle{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.rail-toggle:hover{background:#fff3}.sidebar-brand .logo-mark{width:34px;height:34px;border-radius:9px;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;flex-shrink:0}.sidebar-brand .brand-text{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#fff}.sidebar-brand .brand-sub{font-size:11px;color:#ffffffd1;font-weight:500}.sidebar-nav{flex:1;min-height:0;padding:14px 10px;overflow-y:auto}.nav-module{margin-bottom:4px}.nav-module-header{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffffffe0;cursor:pointer;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;background:none;border:none;width:100%;text-align:left}.nav-module-header:hover{background:#ffffff14;color:#ffffffd9}.nav-module-header .chevron{margin-left:auto;color:#ffffffe0;transition:transform .15s ease;flex-shrink:0}.nav-module-header .chevron.open{transform:rotate(90deg)}.nav-links{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border-radius:var(--radius-sm);color:#ffffffd1;font-size:11.5px;font-weight:500;text-align:center;transition:background .12s ease,color .12s ease}.nav-link .nav-link-icon{font-size:19px;line-height:1}.nav-link:hover{background:#ffffff1a;color:#fff;text-decoration:none}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:700}.sidebar-footer{border-top:1px solid rgba(255,255,255,.14);padding:14px 16px}.version-tag{font-size:10.5px;color:#ffffffe0;text-align:center}.rail-logout{width:100%;display:flex;align-items:center;justify-content:center}.sidebar.rail-collapsed{width:76px}.sidebar.rail-collapsed .sidebar-brand{justify-content:center;padding:16px 8px}.sidebar.rail-collapsed .nav-link{padding:12px 4px}.sidebar.rail-collapsed .nav-module{margin-bottom:10px}.sidebar.rail-collapsed .nav-links{gap:6px}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-user .avatar{width:32px;height:32px;border-radius:50%;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.sidebar-user .who{min-width:0}.sidebar-user .name{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .role-badge{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 7px;border-radius:999px;background:#fff3;color:#fff;margin-top:2px}.sidebar-user .role-badge.employee{background:#fff3;color:#fff}.sidebar-footer button.secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.sidebar-footer button.secondary:hover{background:#fff3}.top-header{background:var(--panel);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:15}.top-header .welcome{display:flex;flex-direction:column;line-height:1.25}.top-header .welcome .hi{font-size:12px;color:var(--muted)}.top-header .welcome .app-name{font-size:16px;font-weight:700;color:var(--text)}.top-header .right-cluster{display:flex;align-items:center;gap:14px}.top-header .role-chip{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark)}.top-header .role-chip.employee{background:var(--success-light);color:var(--success)}.top-header .install-app-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:none;border-radius:999px;background:var(--primary-light);color:var(--primary-dark);font-size:13px;font-weight:600;white-space:nowrap}.top-header .install-app-btn:hover{filter:brightness(.96)}@media (max-width: 640px){.top-header .install-app-btn{width:36px;padding:0;justify-content:center}.top-header .install-app-btn span{display:none}}.top-header .bell{width:34px;height:34px;border-radius:50%;background:var(--bell-bg);display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;flex-shrink:0}.top-header .bell .dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--panel)}.top-header .avatar-chip{display:flex;align-items:center;gap:8px}.top-header .avatar-chip .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex-shrink:0}.top-header .avatar-chip .name{font-size:13px;font-weight:600;color:var(--text)}.top-header .avatar-chip .sub{font-size:11px;color:var(--muted)}.hamburger-btn{display:none;background:none;border:1px solid var(--border-strong);color:var(--text);padding:7px 11px;font-size:16px}.main-content{flex:1;min-width:0;padding:28px 32px 60px;max-width:1280px;width:100%;margin:0 auto}.page-header{margin-bottom:22px}.page-header-title{display:flex;align-items:center;gap:12px}.page-icon{width:26px;height:26px;border-radius:7px;background:var(--primary);flex-shrink:0}.page-header h1{font-size:24px;color:var(--text)}.page-header .page-subtitle{margin-top:6px;font-size:14.5px;color:var(--muted);max-width:780px}.page-header .page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.login-wrapper{min-height:100vh;display:flex;position:relative}.hero-frame{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--hero-start) 0%,var(--hero-end) 100%)}.hero-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.hero-frame img.fit-contain{object-fit:contain;padding:4%;box-sizing:border-box}.login-showcase{flex:1.1;min-height:100vh}.login-banner{display:none;height:clamp(200px,50vw,380px);flex:0 0 auto}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--panel)}.login-box{width:100%;max-width:380px}.login-box .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.login-box h2{font-size:20px;margin-bottom:4px}.login-box p.subtitle{color:var(--muted);font-size:13.5px;margin-top:0;margin-bottom:22px}@media (max-width: 860px){.login-showcase{display:none}.login-wrapper{flex-direction:column}.login-banner{display:block}.login-wrapper .login-form-side{flex:1;align-items:flex-start;padding:28px 20px 40px;position:static}.login-wrapper .login-theme{top:12px;right:12px}.login-wrapper .login-theme .theme-btn{background:#ffffffeb;color:#16181d;box-shadow:0 2px 8px #0003}}@media (max-width: 860px) and (max-height: 520px){.login-banner{height:120px}}label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;margin-top:14px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--text);background:var(--input-bg);transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;margin:0;flex-shrink:0;vertical-align:middle}td input[type=checkbox],th input[type=checkbox]{display:block;margin:0 auto}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:9px 16px;font-size:13.5px;font-weight:600;font-family:inherit;background:var(--ink);color:var(--ink-contrast);transition:background .12s ease,box-shadow .12s ease,transform .05s ease}button:hover{background:var(--ink-hover)}button:active{transform:translateY(.5px)}button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border-strong)}button.secondary:hover{background:var(--panel-alt)}button:disabled{opacity:.45;cursor:not-allowed}.error-text{color:var(--danger);font-size:13px;margin-top:8px}.btn-icon-label{display:inline-flex;align-items:center;gap:7px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--primary-light);border:none;border-radius:var(--radius);padding:20px 22px}.stat-card .label{font-size:13.5px;color:var(--text-secondary);font-weight:500}.stat-card .value{font-size:26px;font-weight:800;margin-top:8px;letter-spacing:-.01em;color:var(--text)}.stat-card.commission .label{color:var(--warning);font-weight:600}.stat-card.commission .value{color:var(--warning)}.stat-card.hero{background:linear-gradient(135deg,var(--hero-start),var(--hero-end));border:none;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:150px}.stat-card.hero .label{color:#fffffff0;font-size:14px}.stat-card.hero .value{color:#fff;font-size:34px;margin-top:10px}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:500;font-size:12.5px;background:transparent}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:after{content:" ⇅";font-size:10px;color:var(--muted);opacity:.65;margin-left:4px}th.sortable:hover{color:var(--text)}th.sortable:hover:after{color:var(--muted)}th.sortable:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}th.sortable.sorted{color:var(--text);font-weight:700}th.sortable[aria-sort=ascending]:after{content:" ▲";color:var(--primary);font-size:9px}th.sortable[aria-sort=descending]:after{content:" ▼";color:var(--primary);font-size:9px}tbody tr:last-child td{border-bottom:none}tr:hover td{background:var(--row-hover)}.table-wrap{overflow-x:auto}.table-wrap table{border:none}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em}.badge.unpaid{background:var(--danger-light);color:var(--danger-text)}.badge.partially-paid{background:var(--warning-light);color:var(--warning)}.badge.fully-paid{background:var(--success-light);color:var(--success)}.badge.disputed{background:var(--purple-light);color:var(--purple-text)}.badge.cancelled,.badge.other{background:var(--chip-neutral);color:var(--chip-neutral-text)}.flag-chip{display:inline-block;background:var(--warning-light);color:var(--warning);border-radius:999px;padding:1px 9px;font-size:11px;font-weight:600;margin-left:6px}.filters-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}.filters-row>div{flex:1;min-width:150px}.filters-row label{margin-top:0}.section-title{font-size:16.5px;font-weight:700;margin:0 0 14px;letter-spacing:-.01em}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}@media (max-width: 800px){.two-col{grid-template-columns:1fr}}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 20px;font-size:13.5px}.kv-grid .k{color:var(--muted);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kv-grid .v{font-weight:600;margin-top:3px}.detail-rows{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-row .k{color:var(--muted)}.detail-row .v{color:var(--text);font-weight:500}.detail-row.total{border-top:1px solid var(--border-strong);border-bottom:none;margin-top:6px;padding-top:14px}.detail-row.total .k{color:var(--text);font-weight:700;font-size:15px}.detail-row.total .v{font-weight:800;font-size:20px;letter-spacing:-.01em}.profile-hero{background:linear-gradient(135deg,var(--hero-start),var(--hero-end));border-radius:var(--radius-lg);padding:24px 28px;display:flex;align-items:center;gap:18px;color:#fff;margin-bottom:20px}.profile-hero .avatar-ring{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0}.profile-hero h2{font-size:22px;display:flex;align-items:center;gap:10px}.profile-hero .pill{font-size:11.5px;font-weight:700;text-transform:uppercase;background:#fff3;padding:3px 11px;border-radius:999px}.profile-hero .sub{font-size:13px;color:#fffffff0;margin-top:4px}.icon-detail-list{display:flex;flex-direction:column}.icon-detail-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.icon-detail-row:last-child{border-bottom:none}.icon-detail-row .icon-chip{width:38px;height:38px;border-radius:10px;background:var(--warning-light);color:var(--warning);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.icon-detail-row .main{font-size:14.5px;font-weight:600;color:var(--text)}.icon-detail-row .caption{font-size:12px;color:var(--muted);margin-top:1px}.card-title-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700}.form-row{margin-bottom:10px}.pill-link{font-size:12.5px;color:var(--primary);cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font-weight:500}.muted{color:var(--muted)}.limitation-banner{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--text);border-radius:var(--radius);padding:12px 16px;font-size:13.5px;margin-bottom:18px;line-height:1.5}.pagination{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:13px}.tab-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:14px}.tab-bar button{font-size:13px;padding:8px 16px;border-radius:999px}@media (max-width: 980px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;top:0;left:0;z-index:50;box-shadow:var(--shadow-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center}.top-header{padding:12px 16px}.top-header .welcome .app-name{font-size:14px}.top-header .avatar-chip .name,.top-header .avatar-chip .sub{display:none}.app-shell{flex-direction:column}.main-content{padding:20px 16px 48px}}.master-layout{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 960px){.master-layout{grid-template-columns:1fr}}.master-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.master-list-scroll{max-height:68vh;overflow-y:auto}.master-list-item{padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;border-left:3px solid transparent}.master-list-item:hover{background:var(--panel-alt)}.master-list-item.active{background:var(--primary-light);border-left-color:var(--primary)}.master-list-item .t{font-weight:600;font-size:14px;word-break:break-word}.master-list-item .s{font-size:12px;color:var(--muted);margin-top:2px;word-break:break-word}.master-record{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:20px 24px}.vform{display:flex;flex-direction:column;gap:14px;max-width:620px}.vfield label{display:block;margin-bottom:4px}.vfield input,.vfield select,.vfield textarea{width:100%;box-sizing:border-box}.vfield .hint{font-size:12px;color:var(--muted);margin-top:3px}.vsection{margin-top:26px;padding-top:16px;border-top:1px solid var(--border)}.vsection>h4{margin:0 0 14px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.record-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.ss-wrap{position:relative}.ss-wrap input{width:100%;box-sizing:border-box;padding-right:28px}.ss-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px}.ss-clear:hover{color:var(--text)}.ss-list{position:absolute;z-index:30;left:0;right:0;min-width:240px;top:calc(100% + 4px);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 24px #10182824;max-height:280px;overflow-y:auto}.ss-item{padding:8px 12px;cursor:pointer;font-size:14px;white-space:normal;word-break:break-word}.ss-item.active{background:var(--primary-light)}.ss-item.selected{font-weight:700}.ss-empty{padding:8px 12px;font-size:12px;color:var(--muted)}td.wrap,th.wrap{white-space:normal;overflow-wrap:break-word;word-break:normal;min-width:120px}td.client-cell,th.client-cell{min-width:210px;max-width:300px}.table-wrap.sticky-first th:first-child,.table-wrap.sticky-first td:first-child{position:sticky;left:0;z-index:2;background:var(--panel);box-shadow:1px 0 0 var(--border)}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}.context-block h3{margin:2px 0 10px;font-size:17px}.context-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.context-rows{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:13.5px}.context-rows .k{color:var(--muted)}.context-rows .v{word-break:break-word}.context-totals{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:13.5px}.context-totals strong{font-size:15px}table.compact th,table.compact td{padding-left:10px;padding-right:10px}.attach-cell{display:flex;flex-wrap:wrap;gap:3px 12px;min-width:120px;max-width:280px}.attach-cell button{white-space:nowrap;text-align:left}.viewer-page{display:flex;flex-direction:column;height:100vh;background:var(--bg)}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--border)}.viewer-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-body{flex:1;min-height:0;display:flex;flex-direction:column}.viewer-note{margin:24px auto;max-width:620px;font-size:15px;line-height:1.5;padding:0 20px}.viewer-hint{margin:0;padding:6px 20px;font-size:12.5px;color:var(--muted);background:var(--warning-soft);border-bottom:1px solid #f3e6b3}.viewer-frame{flex:1;width:100%;border:none;min-height:0}.viewer-image{max-width:100%;max-height:100%;margin:16px auto;object-fit:contain}a.viewer-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}a.viewer-btn.primary{background:var(--ink);color:var(--ink-contrast)}.build-note{margin-top:26px;padding-top:14px;border-top:1px solid var(--border);text-align:center;font-size:12.5px;color:var(--muted);letter-spacing:.02em}.main-content:has(.wide-page){max-width:none}table.compact{font-size:13px}table.compact th,table.compact td{padding:9px 7px}table.compact td.wrap,table.compact th.wrap{min-width:78px}table.compact td.client-cell,table.compact th.client-cell{min-width:165px;max-width:230px}table.compact .attach-cell{min-width:70px;max-width:150px}table.compact .flag-chip{display:inline-block;margin:3px 4px 0 0}table.compact td:last-child,table.compact th:last-child{white-space:normal;min-width:88px;max-width:120px}.theme-switcher{position:relative}.theme-btn{width:36px;height:36px;padding:0;border-radius:50%;background:var(--bell-bg);color:var(--text);display:inline-flex;align-items:center;justify-content:center;border:none}.theme-btn:hover{background:var(--primary-light)}.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:240px;max-width:92vw;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px}.theme-menu-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px 6px}.theme-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:var(--text);font-weight:500;padding:9px 10px;border-radius:var(--radius-sm)}.theme-item:hover{background:var(--panel-alt)}.theme-item.selected{background:var(--primary-light)}.theme-item-label{flex:1}.theme-check{color:var(--primary-dark);font-weight:700}.theme-swatch{display:inline-flex;width:38px;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--border-strong);flex:0 0 auto}.theme-swatch span{flex:1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.theme-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel-alt);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:12px;font-weight:400}.theme-card:hover{border-color:var(--primary);background:var(--panel-alt)}.theme-card.selected{border-color:var(--primary);background:var(--primary-light)}.theme-card .theme-swatch{width:52px;height:32px}.theme-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-card-text strong{font-size:14px}.theme-card-text span{font-size:12px;color:var(--text-secondary);line-height:1.35}.login-theme{position:absolute;top:16px;right:16px;z-index:5}.login-form-side{position:relative}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}button,a,select,.nav-link{touch-action:manipulation}.table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}body.drawer-open{overflow:hidden}@media (pointer: coarse){button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px}input,select,textarea{font-size:16px}input[type=checkbox],input[type=radio]{width:22px;height:22px}input[type=file]{padding:8px}.theme-btn,.hamburger-btn{width:44px;height:44px}.nav-link{min-height:46px}.nav-module-header{min-height:44px}.theme-item{min-height:46px}td button,th.sortable{min-height:40px}.pill-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 6px}details>summary{min-height:40px;display:flex;align-items:center}}@media (max-width: 980px){.sidebar.mobile-open{width:min(86vw,300px);height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}}@media (min-width: 701px) and (max-width: 1100px){.main-content{padding:20px 20px 48px}.filters-row>div{min-width:170px}}@media (max-width: 700px){.main-content{padding:14px 12px 40px}.panel{padding:14px;border-radius:10px;margin-bottom:14px}.page-header{margin-bottom:14px}.page-header h1{font-size:22px}.filters-row{gap:10px}.filters-row>div{flex:1 1 100%;min-width:0}.filters-row button[type=submit]{width:100%}.tab-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{flex:0 0 auto;white-space:nowrap}th,td{padding:10px}.top-header .role-chip{display:none}.top-header .right-cluster{gap:8px}.theme-menu{position:fixed;left:12px;right:12px;top:68px;width:auto;max-width:none}.login-theme{top:10px;right:10px}.theme-grid{grid-template-columns:1fr}.mobile-filters-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mf-count{margin-left:10px;font-size:12px;font-weight:700;background:var(--primary-light);color:var(--primary-dark);padding:2px 9px;border-radius:999px}}@media (max-width: 400px){.top-header .welcome .hi{display:none}.top-header{padding-left:10px;padding-right:10px}}@media (max-height: 520px) and (orientation: landscape){.sidebar-brand{padding:10px 12px}.nav-link{padding-top:8px;padding-bottom:8px}}.inv-sort{display:flex;gap:8px;margin-bottom:10px;align-items:center}.inv-sort select{flex:1}.inv-cards{display:flex;flex-direction:column;gap:10px}.inv-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm)}.inv-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.inv-card-client{font-weight:700;font-size:15px;line-height:1.3;color:var(--text)}a.inv-card-client{color:var(--primary)}.inv-card-meta{font-size:12.5px;color:var(--text-secondary);margin-top:4px;overflow-wrap:anywhere}.inv-card-amounts{display:flex;gap:24px;margin-top:10px}.inv-card-amounts span{display:block;font-size:11.5px;color:var(--muted)}.inv-card-amounts strong{font-size:16px}.inv-card-more summary{cursor:pointer;font-size:12.5px;color:var(--primary);padding-top:8px}.inv-card-more dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0 0;font-size:13px}.inv-card-more dt{color:var(--muted)}.inv-card-more dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.badge,.pagination button{white-space:nowrap}@media (pointer: coarse){.top-header .bell,.top-header .avatar-chip .avatar{width:44px;height:44px}}@media (max-width: 700px){.pagination{flex-direction:column;align-items:stretch!important;gap:10px}.pagination>div{display:grid!important;grid-template-columns:1fr 1fr}.pagination button{width:100%}}.inv-sort{margin-top:12px}.brand-previews{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin:10px 0 14px}.brand-previews figure{margin:0}.brand-previews figcaption{font-size:12px;color:var(--muted);margin-top:6px}.brand-preview-panel{width:220px;height:220px;border-radius:var(--radius)}.brand-preview-banner{width:300px;height:154px;border-radius:var(--radius)}.brand-fit{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 12px}.brand-fit label{display:flex;align-items:center;gap:8px;margin:0;font-weight:500;font-size:13.5px}.brand-fit input[type=radio]{width:auto}