:root{color:#2d2d39;background:#f6f7f9;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar,.footer{background:#2e2d3a;color:#fff}.topbar{min-height:78px;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;line-height:.92;font-size:.76rem;letter-spacing:0}.brand strong{color:#2f8cff;border-bottom:2px solid #fff;width:fit-content}.brand.small{font-size:.7rem}.topbar-user{display:inline-flex;align-items:center;gap:8px;font-weight:700}.role-pill{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:14px;background:#ffffff1f;color:#e8ecf4;font-size:.78rem;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-button{min-height:32px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff14;color:#fff;padding:0 10px;font-weight:800}.workspace{width:min(100%,1760px);margin:0 auto;padding:28px 58px 72px;flex:1}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid #dcdfe5}.tab{border:0;background:transparent;color:#6a6d78;min-height:42px;padding:0 2px;border-bottom:3px solid transparent}.tab.active{color:#252631;border-bottom-color:#252631}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 20px}h1,h2,p{margin:0}h1{color:#1473f8;font-size:1.55rem;letter-spacing:0}h2{font-size:1.08rem;letter-spacing:0}.page-heading p{margin-top:4px;color:#717481}.dashboard-grid{display:grid;gap:18px;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);grid-template-areas:"stats stats" "short assigned" "clock assigned"}.stat-grid{grid-area:stats;display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:18px}.stat,.panel{background:#fff;border:1px solid #dfe3ea;border-radius:8px;box-shadow:0 1px 2px #1519220d}.stat{padding:18px 22px;min-height:82px}.stat span,.field-label{color:#686d7a;font-size:.86rem}.stat strong{display:block;margin-top:6px;font-size:1.45rem}.panel{padding:20px}.panel.compact{grid-area:short}.clock-panel{grid-area:clock}.assigned-panel{grid-area:assigned}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.short-list{display:grid;gap:10px}.short-list-item{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;background:#f0f2f5;border-radius:8px}.short-list-item span{min-width:24px;height:24px;display:inline-grid;place-items:center;border-radius:12px;background:#d8dce4;font-weight:800}.stack{display:grid;gap:16px}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) max-content;gap:12px;align-items:center}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.toolbar-actions>select,.toolbar-actions>input{width:auto;min-width:150px}.toolbar-actions>.primary-button,.toolbar-actions>.secondary-button{width:auto}.review-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.review-bar>span{margin-right:auto;color:#626876;font-weight:800}.search-field{min-height:42px;display:flex;align-items:center;gap:9px;border-radius:8px;background:#edf0f3;color:#757b86;padding:0 12px}.search-field input{flex:1;border:0;min-width:140px;padding:0;background:transparent}input,select,textarea{width:100%;min-width:0;border:1px solid #d8dde6;border-radius:8px;background:#f3f5f7;color:#2b2d38;min-height:42px;padding:0 12px}textarea{min-height:112px;padding-top:10px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #2f80ed;outline-offset:1px;background:#fff}input[type=file]{padding:9px 12px;background:#fff}.form-help{margin:-6px 0 0;color:#626876;font-size:.9rem}.primary-button,.secondary-button,.icon-button{border-radius:8px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;white-space:nowrap;font-weight:800}.primary-button{padding:0 16px;background:#2e2d3a;color:#fff}.secondary-button{padding:0 14px;background:#fff;border-color:#d8dde6;color:#2e2d3a}.icon-button{width:42px;padding:0;background:#fff;border-color:#d8dde6;color:#2e2d3a}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;padding:0;border:0;background:transparent;color:#1d6fe8;cursor:pointer;font:inherit;font-weight:700;text-align:left;overflow-wrap:anywhere}.icon-button.dark{background:#2e2d3a;color:#fff;border-color:#2e2d3a}.result-count{color:#6d7280;font-size:.9rem}.ticket-list{display:grid;gap:16px}.ticket-list.dense{gap:12px}.ticket-card{background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:20px;box-shadow:0 1px 2px #1519220d}.ticket-card-top{min-height:44px;display:grid;grid-template-columns:190px 180px 110px 80px minmax(120px,1fr) max-content;align-items:center;gap:14px;border-bottom:1px solid #eceff3;padding-bottom:14px}.client-chip{font-size:1.08rem}.tag,.status,.flag{width:fit-content;max-width:100%;display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:5px;font-size:.8rem;background:#eef1f5}.tag.strong{font-weight:800}.status.open,.status.not-paid{background:#d82430;color:#fff}.status.closed,.status.paid,.status.approved{background:#22956d;color:#fff}.status.submitted{background:#e8ebf0;color:#343642}.status.rejected,.flag{background:#d82430;color:#fff}.date-cell{color:#626876;justify-self:end}.row-actions{display:flex;justify-self:end;justify-content:flex-end;gap:8px;flex-wrap:nowrap}.ticket-body{display:grid;grid-template-columns:.9fr 1fr 1fr 1.3fr;gap:22px;padding-top:16px}.ticket-body p,.detail-grid p,.detail-block p{margin-top:5px;white-space:pre-wrap}.ticket-subject{margin-top:12px;color:#5e6370}.table{border:1px solid #dfe3ea;border-radius:8px;overflow:hidden;background:#fff}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr .6fr;align-items:center;gap:14px;min-height:46px;padding:0 14px;border-top:1px solid #eef0f4}.table-row:first-child{border-top:0}.table-head{background:#f8f9fb;color:#626876;font-weight:800}.hours-table{grid-template-columns:150px 170px 120px minmax(240px,1fr) 90px}.my-hours-table{grid-template-columns:150px 140px minmax(240px,1fr) 120px 90px}.admin-hours-table{grid-template-columns:130px 160px 110px minmax(220px,1fr) 120px 80px 190px}.admin-hours-table.with-selection{grid-template-columns:38px 130px 160px 110px minmax(220px,1fr) 120px 80px 150px}.admin-hours-table input[type=checkbox]{width:18px;min-height:18px;justify-self:center}.client-config-table{grid-template-columns:180px 130px 140px minmax(200px,1fr) 110px 48px}.summary-grid{display:grid;grid-template-columns:260px repeat(2,minmax(260px,1fr));gap:16px;align-items:start}.summary-panel{min-height:120px}.admin-summary-grid{grid-template-columns:220px minmax(0,1fr);margin-bottom:16px}.distribution-panel{min-height:360px;min-width:0}.distribution-legend{display:flex;flex-wrap:wrap;gap:12px 18px;color:#555b67;font-size:.82rem;margin-bottom:8px}.distribution-legend span{display:inline-flex;align-items:center;gap:6px}.distribution-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid rgba(46,45,58,.08)}.distribution-chart-frame{overflow-x:auto;padding-bottom:2px}.distribution-chart-svg{display:block;min-width:760px;width:100%;height:auto}.distribution-gridline{stroke:#edf0f4;stroke-width:1}.distribution-axis-line{stroke:#dfe3ea;stroke-width:1}.distribution-axis-text{fill:#646a77;font-size:12px}.distribution-label,.distribution-total{fill:#525966;font-size:12px}.distribution-total{font-weight:800}.distribution-bar-segment{shape-rendering:crispEdges}.monthly-breakdown-panel{margin-top:0}.monthly-breakdown-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin-top:12px}.summary-row{display:flex;justify-content:space-between;gap:16px;min-height:34px;align-items:center;border-top:1px solid #edf0f4}.admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.admin-finance-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.invoice-panel{min-width:0}.invoice-table{grid-template-columns:110px 90px 130px 120px 120px 110px minmax(140px,1fr) 210px}.invoice-stats{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:14px}.invoice-stats .stat{min-height:74px;padding:14px 16px}.invoice-stats .stat strong{font-size:1.25rem}.invoice-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:14px}.invoice-actions{display:grid;grid-template-columns:repeat(2,minmax(92px,1fr));gap:8px}.compact-select,.compact-input{min-height:34px;padding:0 8px}.panel>.toolbar{margin-bottom:16px}.auth-panel{display:grid;gap:14px;width:min(100%,460px)}.auth-panel p{color:#626876}.form-panel,.modal-form{display:grid;gap:14px;min-width:0}.form-panel label,.modal-form label{display:grid;gap:6px;color:#343642;font-weight:700;min-width:0}.fieldset-panel{min-width:0;margin:0;padding:0;border:0}.fieldset-panel legend{margin-bottom:8px;color:#343642;font-weight:700}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-panel .primary-button{width:100%}.bar-list{display:grid;gap:10px;margin-top:10px}.bar-row{display:grid;gap:5px}.bar-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#4d5360;font-size:.9rem}.bar-track{height:8px;border-radius:4px;background:#e8ebf0;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:#2e2d3a}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px}.project-item p{color:#5e6370;min-height:44px}.project-edit-button{width:36px;min-height:36px;border-radius:7px}.meta-row{margin-top:16px;display:flex;justify-content:space-between;gap:14px;color:#6b707c}.document-list{display:grid;gap:12px}.work-brief-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.document-row{min-height:64px;background:#fff;border:1px solid #dfe3ea;border-radius:8px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 16px}.document-row div{display:grid;gap:2px}.document-row span{color:#686d7a}.document-row .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#2729316b;display:grid;place-items:start center;overflow:auto;padding:42px 20px}.modal{width:min(100%,560px);background:#fff;border-radius:8px;box-shadow:0 18px 48px #181d2833;overflow:hidden}.modal.wide{width:min(100%,860px)}.modal-header{min-height:58px;padding:0 18px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.ticket-detail{display:grid;gap:18px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:18px}.detail-block{border-top:1px solid #edf0f4;padding-top:14px}.file-list{display:grid;gap:8px;margin:12px 0 16px}.file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid #e1e5eb;border-radius:8px;background:#fafbfc;color:#565c69}.file-details{display:grid;gap:2px;min-width:0}.file-details strong{overflow:hidden;color:#2d2d39;text-overflow:ellipsis;white-space:nowrap}.file-details span{color:#747b88;font-size:.8rem}.file-visibility{padding:4px 8px;border-radius:999px;background:#e7f3eb;color:#287545;font-size:.76rem;font-weight:700;white-space:nowrap}.file-visibility.internal{background:#f2eafa;color:#70419a}.file-visibility-select{width:142px;min-height:32px;padding:4px 8px;border:1px solid #d8dde5;border-radius:6px;background:#fff;color:#343642;font-size:.8rem;font-weight:700}.file-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.file-actions .link-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0}.file-upload-form{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;align-items:center;gap:8px;padding:12px;border:1px dashed #cbd2dc;border-radius:8px;background:#f8f9fb}.file-upload-form input[type=file]{min-width:0;width:100%;padding:7px;border:1px solid #d8dde5;border-radius:6px;background:#fff}.file-upload-form select{min-width:0}.muted-text{color:#707684}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;min-height:72px;padding:12px;border:1px solid #e3e7ee;border-radius:8px;background:#f8f9fb}.history-item strong{display:block;margin-top:4px}.history-item p{margin-top:3px;color:#686d7a}.preserve-lines{white-space:pre-wrap}.history-delta-list{display:grid;gap:8px;margin-top:10px}.history-delta{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start;font-size:.88rem}.history-delta>span{color:#686d7a;font-weight:800;text-transform:capitalize}.history-delta div{display:grid;gap:3px;min-width:0}.history-delta del,.history-delta strong{overflow-wrap:anywhere}.history-delta del{color:#8b929f}.history-meta{display:grid;justify-items:end;gap:8px;color:#686d7a;font-size:.86rem;max-width:260px;text-align:right}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.checkbox-grid label{min-height:40px;display:flex;align-items:center;gap:8px;border:1px solid #dfe3ea;border-radius:8px;padding:0 12px}.checkbox-grid input{min-height:0;width:18px;height:18px}.modal-form label.inline-checkbox{min-height:42px;display:flex;align-items:center;gap:10px;border:1px solid #dfe3ea;border-radius:8px;padding:0 12px}.inline-checkbox input{width:18px;min-height:18px}.empty-state{min-height:148px;color:#707684;display:grid;place-items:center;align-content:center;gap:10px}.footer{min-height:116px;padding:26px 58px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1100px){.topbar,.workspace,.footer{padding-left:24px;padding-right:24px}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"stats" "short" "clock" "assigned"}.admin-grid,.admin-finance-grid{grid-template-columns:1fr}.stat-grid,.summary-grid,.admin-summary-grid,.work-brief-layout,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-card-top{grid-template-columns:1fr 1fr}.row-actions{justify-content:flex-start}.ticket-body,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar,.workspace,.footer{padding-left:16px;padding-right:16px}.tabs{gap:10px}.toolbar,.stat-grid,.summary-grid,.admin-summary-grid,.invoice-stats,.invoice-filters,.monthly-breakdown-list,.admin-finance-grid,.work-brief-layout,.project-grid,.form-two,.checkbox-grid,.ticket-body,.detail-grid{grid-template-columns:1fr}.toolbar-actions{width:100%}.toolbar-actions>*,.primary-button,.secondary-button{width:100%}.ticket-card-top,.history-delta,.file-row,.file-upload-form{grid-template-columns:1fr}.file-row>svg{display:none}.file-actions{justify-content:flex-start}.file-visibility-select{width:100%}.table{overflow-x:auto}.table-row{min-width:720px}.document-row{grid-template-columns:28px 1fr}.document-row>span{grid-column:2}.document-row .row-actions{grid-column:2;justify-content:flex-start}.history-item{grid-template-columns:1fr}.history-meta{justify-items:start;text-align:left}}