:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e1a;--surface-0:#ffffff05;--surface-1:#141928d9;--surface-2:#1c2132e6;--surface-page:#131826c7;--surface-section:#1116239e;--surface-group:#ffffff06;--surface-summary:#ffffff0a;--border:#ffffff12;--border-strong:#ffffff21;--text:#e8ecf8;--text-muted:#8591b0;--accent:#3b6ef0;--accent-hover:#5582ff;--accent-border:#5a8cff59;--danger:#c03358;--danger-border:#c0335859;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-card:0 6px 20px #0000002e;--shadow-card-strong:0 18px 44px #00000052;--shadow-modal:0 16px 60px #0009;--transition:.15s ease}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 20% -10%,#3b6ef01f 0%,#0000 60%),radial-gradient(60% 40% at 80% 110%,#643cc812 0%,#0000 60%);margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh;padding:12px 16px 32px}.page-content{flex-direction:column;gap:12px;max-width:1280px;margin:16px auto 0;display:flex}.card{background:linear-gradient(180deg, #191f2ff0 0%, var(--surface-page) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px}.surface-panel{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.surface-panel--page{background:linear-gradient(180deg, #191f2feb 0%, var(--surface-page) 100%);border-color:var(--border-strong);box-shadow:var(--shadow-card);padding:16px}.surface-panel--section{background:linear-gradient(180deg, #141928e0 0%, var(--surface-section) 100%);box-shadow:none;padding:16px}.surface-panel--group{background:var(--surface-group);border-radius:var(--radius);padding:12px;box-shadow:inset 0 1px #ffffff08}.surface-strip{border-radius:var(--radius);border:1px solid #ffffff0d}.surface-strip--toolbar{background:#ffffff06;padding:10px 12px}.surface-strip--toolbar.filter-row,.surface-strip--toolbar .tab-row{margin-bottom:0}.surface-strip--table{background:#00000024;overflow:hidden}.surface-strip--table .table-wrap{border-radius:inherit;border:none}.top-nav{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:1280px;box-shadow:var(--shadow-card);background:linear-gradient(#161c2ae6 0%,#111623cc 100%);justify-content:space-between;align-items:center;gap:4px;margin:0 auto;padding:7px 10px;display:flex}.nav-links{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius);letter-spacing:.01em;transition:color var(--transition), background var(--transition);border:1px solid #0000;padding:6px 11px;font-size:13px;font-weight:500}.nav-link:hover{color:var(--text);background:#ffffff0d}.nav-link.active{background:var(--accent);border-color:var(--accent-border);color:#fff}.nav-actions{gap:6px;display:flex}.org-pill{border-radius:var(--radius);border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;background:#ffffff0d;padding:6px 10px;font-size:13px;font-weight:600}.ghost-btn,.primary-btn,.danger-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);background:#ffffff0d;outline:none;padding:6px 12px;font-size:13px;font-weight:500}.ghost-btn:hover{border-color:var(--border-strong);background:#ffffff1a}.primary-btn{background:var(--accent);border-color:var(--accent-border);color:#fff}.primary-btn:hover{background:var(--accent-hover);box-shadow:0 0 0 3px #5a8cff2e}.danger-btn{border-color:var(--danger-border);color:#f07090;background:#c0335826}.danger-btn:hover{background:#c033584d;box-shadow:0 0 0 3px #c0335826}.ghost-btn:focus-visible,.primary-btn:focus-visible,.danger-btn:focus-visible{box-shadow:0 0 0 3px #5a8cff59}.ghost-btn:disabled,.primary-btn:disabled,.danger-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.section-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.45rem;font-weight:700}.subtle{color:var(--text-muted);font-size:13px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field>span,.field>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);background:#00000040;outline:none;padding:7px 10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5a8cff2e}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 12px}td{font-size:13px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#0003;font-size:11px;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff06}tr.running td{background:#3b6ef014}.row-actions{flex-wrap:wrap;gap:5px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge.draft{color:#a0aece;background:#6474a033;border-color:#6474a059}.badge.submitted{color:#80b0f0;background:#1e5ab433;border-color:#3c78dc59}.badge.approved,.badge.paid{color:#50d090;background:#20b46426;border-color:#20b4644d}.badge.rejected{border-color:var(--danger-border);color:#f07090;background:#c0335826}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.summary-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0a 0%, var(--surface-summary) 100%);padding:14px 16px;box-shadow:inset 0 1px #ffffff0a}.summary-card.summary-card--flat{border-color:var(--border-strong)}.summary-value{letter-spacing:-.02em;color:var(--text);margin-top:4px;font-size:1.6rem;font-weight:700}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.auth-wrap{max-width:400px;margin:80px auto 40px;padding:0 16px}.auth-wrap .card{padding:28px 24px}.resource-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.resource-card{text-align:left;cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition)}.resource-card:hover{border-color:var(--accent-border);background:#3b6ef01f;transform:translateY(-1px)}.tab-row{border-radius:var(--radius);background:#00000029;flex-wrap:wrap;gap:4px;width:fit-content;margin-bottom:14px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:1px solid #0000;padding:6px 14px;font-size:13px;font-weight:500}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--accent);border-color:var(--accent-border);color:#fff}.empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);padding:24px 16px;font-size:13px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050712b8;justify-content:center;align-items:center;padding:20px;animation:.12s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-height:calc(100vh - 40px);box-shadow:var(--shadow-card-strong), var(--shadow-modal);background:linear-gradient(#1c2132fa 0%,#151b2e 100%);flex-direction:column;animation:.16s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);background:0 0;border:1px solid #0000;padding:3px 7px;font-size:15px;line-height:1}.modal-close:hover{color:var(--text);background:#ffffff12}.modal-body{flex:1;padding:18px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}h3,h4{letter-spacing:-.01em;margin-top:0;margin-bottom:12px;font-weight:600}h3{font-size:15px}h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px}p{margin:0 0 8px}@media (max-width:920px){.top-nav{flex-direction:column;align-items:stretch;gap:8px}.nav-actions{justify-content:flex-end}}.modal-header-actions{align-items:center;gap:6px;display:flex}.mode-btns{gap:4px;display:flex}.mode-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.mode-btn:hover{color:var(--text);background:#ffffff1a}.mode-btn--timer.active{color:#4ade80;background:#22c55e2e;border-color:#22c55e73}.mode-btn--entry.active{border-color:var(--accent-border);color:#6b9fff;background:#3b6ef038}.mode-btn--total.active{color:#c084fc;background:#8b5cf633;border-color:#8b5cf673}.form-selects{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.line-item-with-play{align-items:flex-end;gap:6px;display:flex}.play-btn{border-radius:var(--radius-sm);color:#4ade80;cursor:pointer;width:35px;height:35px;transition:background var(--transition), box-shadow var(--transition);background:#22c55e2e;border:1px solid #22c55e73;flex-shrink:0;justify-content:center;align-items:center;display:flex}.play-btn:hover{background:#22c55e4d;box-shadow:0 0 0 3px #22c55e26}.play-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.form-sep{border:none;border-top:1px solid var(--border);margin:14px 0 10px}.form-rows{flex-direction:column;gap:6px;display:flex}.form-row{grid-template-columns:72px 1fr;align-items:center;gap:10px;display:grid}.form-row-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.form-row-input{border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);background:#00000040;outline:none;padding:7px 10px;font-size:13px}.form-row-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5a8cff2e}.form-row-input--readonly{opacity:.45;cursor:default}.required{color:var(--danger)}.inv-modal-panel{height:calc(100vh - 48px);max-width:min(1300px,100vw - 32px)!important}.inv-modal-body{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.inv-pdf-pane{border-right:1px solid var(--border);flex-direction:column;flex:0 0 60%;display:flex;overflow:hidden}.inv-document-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.inv-document-view--split{gap:12px;padding-bottom:12px}.inv-pdf-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 16px;font-size:12px;font-weight:600}.inv-pdf-iframe{border:none;flex:1;width:100%;min-height:0;display:block}.inv-document-view--split .inv-pdf-iframe{min-height:320px}.inv-document-table-wrap{flex:1;min-height:0;margin-top:0}.inv-review-pane{flex-direction:column;flex:1;gap:0;min-width:0;padding:16px;display:flex;overflow:hidden}.inv-line-items-content,.inv-comments-content{flex:1;padding-right:4px;overflow-y:auto}.inv-review-history{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.inv-review-item{align-items:flex-start;gap:12px;display:flex}.inv-avatar{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.inv-review-item-body{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;flex:1;min-width:0;padding:10px 12px}.inv-review-item-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.inv-review-name{font-size:13px;font-weight:600}.inv-review-comment{color:var(--text-muted);margin:6px 0 0;font-size:13px}.inv-action-panel{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px;padding-top:16px;display:flex}.inv-action-select,.inv-action-textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);resize:vertical;background:#00000040;outline:none;padding:7px 10px;font-size:13px}.inv-action-select:focus,.inv-action-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5a8cff2e}.inv-action-select option{background:#151b2e}