@font-face{font-family:'DM Sans';src:url('./fonts/dm-sans-regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('./fonts/dm-sans-bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url('./fonts/lora-regular.ttf') format('truetype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'Lora';src:url('./fonts/lora-semibold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--paper:#faf9f6;--ink:#1b2430;--muted:#6b7280;--line:#e1e5eb;--navy:#1f3d63}
html,body{font-family:'DM Sans',sans-serif!important;background:var(--paper);color:var(--ink)}
button,input,select,textarea{font-family:'DM Sans',sans-serif}
.container{padding:28px 40px 40px;background:var(--paper)}
.container>section{max-width:1216px;margin-left:auto;margin-right:auto}
#dashboardPage:before{display:none!important;content:none!important}
.page-heading{padding-bottom:22px;border-bottom:1px solid var(--line);margin:0 0 28px}
.page-kicker{font-family:'DM Sans',sans-serif;font-size:11px;line-height:16px;letter-spacing:1.4px;font-weight:500;color:#647d9d;margin:0 0 6px}
.page-heading h2{font-family:Georgia,serif;font-size:28px;line-height:33px;letter-spacing:-.8px;color:var(--ink);margin:0;font-weight:600}
.page-heading p{font-size:14px;line-height:20px;color:var(--muted);margin:6px 0 0;font-weight:400}
.page-heading-row{align-items:flex-end}
.page-actions{gap:8px;padding-bottom:0}
.container .page-actions button,.container button.q-button{font-size:14px!important;line-height:20px;padding:5px 10px!important;border-radius:10px!important;margin:0!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:500!important;height:32px;box-shadow:none!important}
.container .page-actions button.primary,.container button.q-button.primary{background:var(--navy)!important;border:1px solid var(--navy)!important;color:#fff!important;font-weight:700!important}
.container .page-actions button.secondary,.container button.q-button.secondary{background:transparent!important;border:1px solid #d6dfe9!important;color:var(--ink)!important}
.q-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 30px}
.stat-card{min-height:88px;padding:18px 20px;border:1px solid #e2e1de;border-radius:16px;box-shadow:0 1px 2px #00000005}
.stat-card:before{height:3px;background:#657d9b}
.stat-card p{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:400;line-height:16px;letter-spacing:0;color:#626c79;margin:0}
.stat-card h2{font-family:Georgia,serif;font-size:30px;font-weight:600;line-height:32px;margin:2px 0 0;letter-spacing:0}
.stat-icon{width:40px;height:40px;margin:1px 0 0 10px;background:#edf0f4;color:#264a73}
.stat-icon .q-icon{width:19px;height:19px}
.stat-teal:before{background:#42d5c6}.stat-red:before{background:#ff6476}.stat-green:before{background:#3ed5a0}.stat-orange:before{background:#ffba50}
.stat-teal .stat-icon{background:#e4f8f5;color:#00ad9f}.stat-red .stat-icon{background:#ffe8ec;color:#ff173d}.stat-green .stat-icon{background:#e2f8ef;color:#00b584}.stat-orange .stat-icon{background:#fff2df;color:#ea8100}
.table-card{border:1px solid var(--line);border-radius:15px;box-shadow:0 1px 2px #00000003;overflow:hidden;background:white}
.section-heading{padding:17px 16px;border-bottom:1px solid var(--line)}
.section-heading h3{font-family:Georgia,serif;font-size:16px;line-height:20px;font-weight:400;letter-spacing:-.4px;margin:0;color:var(--ink)}
.text-link{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;margin:0!important;padding:5px 0 0!important;line-height:18px}
.dashboard-recent .section-heading{padding-bottom:16px;min-height:74px}
.dashboard-recent .table-scroll{padding-top:16px}
.table-scroll{overflow-x:auto}
.reference-table{width:100%;border-collapse:collapse;border-spacing:0;margin:0;table-layout:auto;min-width:760px}
.reference-table th{font-family:'DM Sans',sans-serif;color:#616b77;font-size:11px;letter-spacing:0;text-transform:uppercase;font-weight:500;background:#f8f7f4;line-height:16px;height:40px;border:0;padding:12px}
.reference-table td{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:400!important;line-height:20px;padding:14px 12px;color:var(--ink);border-bottom:1px solid var(--line);height:57px;white-space:nowrap}
.reference-table tbody tr:last-child td{border-bottom:0}
.reference-table tbody tr:hover{background:#f6f7f8}
.dashboard-recent .reference-table td,#reportWorkTable td{height:50px;padding-top:13px;padding-bottom:13px}
.reference-table th:first-child,.reference-table td:first-child{text-align:left}
.reference-table td.q-date,.reference-table td.q-category,.reference-table td.q-memo{color:var(--muted)}
.q-category .q-category-divider{color:#d5d9df;margin:0 3px}
.record-pill{font-family:Consolas,'Courier New',monospace;font-size:11px;font-weight:400;padding:2px 6px;background:#f3f2ef;border-radius:7px;line-height:15px;letter-spacing:-.3px}
.dashboard-recent .record-pill,#reportWorkTable .record-pill{padding:0;background:transparent;font-size:12px;color:var(--ink)}
.reference-search,.work-filters input,.work-filters select{height:32px;line-height:20px;border:1px solid #d6dfe9;border-radius:10px;background:transparent;font-size:14px;color:var(--ink);padding:5px 10px;margin:0;box-shadow:none;width:auto}
.reference-search{width:320px;min-width:320px;padding-left:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' stroke='%23616b77' stroke-width='1.5'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}
.reference-search::placeholder{color:#6b7280;opacity:1}
.filter-row{gap:8px;margin:0 0 12px;flex-wrap:wrap}
.filter-row.client-filter-row{gap:10px}
.chip-row{gap:6px}
.filter-chip{font-family:'DM Sans',sans-serif;font-size:13px!important;font-weight:400!important;line-height:18px;padding:4px 10px!important;margin:0!important;border-radius:8px!important;background:transparent!important;color:var(--ink)!important}
.filter-chip.active{background:var(--navy)!important;color:white!important;border-color:var(--navy)!important;font-weight:600!important}
.work-filters{padding:0;margin-bottom:12px;flex-wrap:wrap}
.work-filters .work-search{width:320px;padding-left:32px}
.work-filters select{width:170px}.work-filters input[type=date]{width:150px;min-width:150px}
.check-col{width:40px!important;text-align:center!important;padding:10px 12px!important}
.check-col input{appearance:auto;width:16px;height:16px;margin:0;vertical-align:middle;accent-color:var(--navy);cursor:pointer}
.register-table{min-width:900px}
.register-table td:nth-child(2){width:10%}.register-table td:nth-child(3){width:47%;font-weight:400}.register-table td:nth-child(4){width:11%}.register-table td:nth-child(5){width:20%}
#employeesPage .register-table td:nth-child(3){width:28%}#employeesPage .register-table td:nth-child(4){width:13%}#employeesPage .register-table td:nth-child(5){width:15%}#employeesPage .register-table td:nth-child(6){width:21%}
.client-avatar,.employee-avatar{width:28px;height:28px;margin-right:10px;background:#edf0f3;color:#27486d;font:12px Georgia,serif}
.register-name{align-items:center;white-space:normal}
.type-pill{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:400;line-height:18px;border-radius:99px;padding:1px 9px;color:#4b6080;background:#f0f2f5}
.type-pill.blue{background:#e8f1ff;color:#245bff}.type-pill.purple{background:#f0edff;color:#6744fa}.type-pill.orange{background:#fff0e8;color:#e64d0a}.type-pill.trainee{background:#f7ecff;color:#a218ff}
.action-icons{gap:12px;justify-content:flex-end}
.container .action-icons button{border:0!important;background:transparent!important;color:var(--ink)!important;min-height:24px;width:24px;padding:3px!important;border-radius:5px!important;margin:0!important}
.container .action-icons button.danger{color:#ff173d!important}
.status-badge{display:inline-flex;align-items:center;gap:5px;font-family:'DM Sans',sans-serif;font-size:12px!important;font-weight:400!important;line-height:18px;padding:3px 10px!important;border-radius:99px!important;white-space:nowrap}
.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.status-badge.status-progress{background:#e4f8f6!important;color:#008d88!important}.status-progress .status-dot{background:#04b8a7}
.status-badge.status-billing{background:#ffe8e8!important;color:#e50017!important}.status-billing .status-dot{background:#ff3549}
.status-badge.status-collected{background:#e3f8ef!important;color:#008b68!important}.status-collected .status-dot{background:#00b884}
.status-badge.status-document,.status-badge.status-sent{background:#fff2df!important;color:#cf5a00!important}.status-document .status-dot,.status-sent .status-dot{background:#ff9500}
.status-badge.status-default{background:#f0f2f6!important;color:#526684!important}.status-default .status-dot{background:#92a5bf}
.status-badge.status-suspended{background:#f0f2f6!important;color:#6b83a2!important}.status-suspended .status-dot{background:#cbd5e1}
.work-status-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:185px;position:relative}
.work-status-select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;min-width:0}
.work-status-select:disabled{cursor:default}.work-status-wrap:focus-within{outline:2px solid #809ec0;outline-offset:3px;border-radius:8px}
.work-status-wrap>.q-icon{width:14px;color:#6b7280}
#workPage .reference-table{min-width:1215px}
#workPage .reference-table td:nth-child(4){min-width:285px}#workPage .reference-table td:nth-child(5){min-width:250px}#workPage .reference-table td:nth-child(6){min-width:135px}#workPage .reference-table td:last-child{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.report-tabs,.settings-tabs{gap:0;background:#f3f2ef;border-radius:12px;padding:3px;margin:0 0 24px;width:max-content;max-width:100%;flex-wrap:wrap}
.container .report-tab,.container .settings-tab{font-family:'DM Sans',sans-serif;font-size:14px!important;font-weight:400!important;line-height:20px;padding:4px 7px!important;margin:0!important;border:0!important;border-radius:8px!important;color:#73787e!important}
.container .report-tab.active,.container .settings-tab.active{background:var(--paper)!important;color:var(--ink)!important}
#reportCards{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 24px}
.report-date-range{padding:12px 16px;margin-bottom:24px;background:transparent}
.report-date-range .filter-row{margin:0;gap:12px}
.report-date-range label{display:block;font-size:13px;color:#616b77;margin:0;font-weight:400}
.report-date-range input{display:block;width:160px;height:32px;border:1px solid #d6dfe9;border-radius:10px;padding:5px 10px;margin:5px 0 0;background:#fff;font-size:14px;font-weight:400}
.report-results{background:transparent}.report-results .reference-table th{background:#f7f6f2}.report-results .reference-table td{background:transparent}
.report-summary-heading{margin:0 0 16px;font:18px Georgia,serif}
.settings-tabs{margin-bottom:8px}
.settings-pane>.table-card+.table-card{margin-top:18px}
.current-user-body{display:flex;align-items:center;gap:14px;padding:20px 16px;min-height:84px}
.current-user-body .employee-avatar{width:48px;height:48px;margin:0;background:#edf0f3;border:2px solid #dce2e9;font-size:16px}
.current-user-body strong{font-size:14px;font-weight:500}.current-user-body .user-login{font-size:14px;color:var(--muted);margin-top:2px}
.current-user-body .type-pill{margin-left:auto;background:#f5eedf;color:#5c4c35}
.settings-chip-list{padding:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.settings-chip-list .status-badge{padding:3px 10px!important}.mode-chip{font-size:12px;line-height:18px;background:#edf1f7;color:#354d70;border-radius:99px;padding:1px 9px}
.settings-utilities{margin-top:18px}.settings-utilities summary{cursor:pointer;color:var(--muted);font-size:13px;padding:8px 0}
.settings-utilities-content{padding:16px}.settings-utilities-content label{font-size:13px}
.category-groups{display:flex;flex-direction:column;gap:18px}
.category-header{padding:16px;border-bottom:1px solid var(--line)}
.category-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8f1ff;color:#2563eb;margin-bottom:14px}.category-icon .q-icon{width:19px;height:19px}
.category-header h3{font:16px Georgia,serif;letter-spacing:-.4px;margin:0 0 2px}.category-header p{font-size:13px;color:var(--muted);margin:0}
.category-tiles{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-tile{position:relative;padding:12px 14px;min-height:64px;border:1px solid #e2e4e7;background:#fcfcfc;border-radius:11px}
.category-tile .category-code{display:block;font-family:Consolas,monospace;font-size:11px;font-weight:600;color:#35516e;margin-bottom:4px}
.category-tile .category-name{font-size:14px;line-height:20px;color:#3c434c;display:block;padding-right:20px}
.category-edit{position:absolute;top:7px;right:7px;opacity:0}.category-tile:hover .category-edit,.category-tile:focus-within .category-edit{opacity:1}
.category-edit button{background:transparent;border:0;padding:2px;color:#64748b;cursor:pointer}
.q-search-empty{padding:32px;color:var(--muted);font-size:14px}
.work-row{cursor:pointer}.work-row:focus-visible{outline:2px solid #7894b8;outline-offset:-2px;background:#f1f5f9}
.work-actions-content{max-width:520px}.work-actions-content h2{font-family:'Lora',Georgia,serif;font-size:23px;margin-top:0}.work-actions-client{font-size:15px;color:#536273}.work-actions-content .action-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.q-button.danger{background:#fff1f2!important;border:1px solid #fecdd3!important;color:#dc2626!important}
.dashboard-recent .reference-table{table-layout:fixed}.dashboard-recent th:nth-child(1){width:9.2%}.dashboard-recent th:nth-child(2){width:12.5%}.dashboard-recent th:nth-child(3){width:30.6%}.dashboard-recent th:nth-child(4){width:28.4%}.dashboard-recent th:nth-child(5){width:19.3%}
.dashboard-recent td{overflow:hidden;text-overflow:ellipsis}
#dashboardPage .reference-table th{font-size:11px;padding:12px;height:40px}
#dashboardPage .reference-table td{font-size:14px;padding:14px 12px;height:50px}
#companiesPage .reference-table th:last-child,#employeesPage .reference-table th:last-child{text-align:right}
.page-heading h2,.stat-card h2,.section-heading h3,.category-header h3,.report-summary-heading{font-family:'Lora',Georgia,serif}
.page-heading h2{font-size:26px;font-weight:600;letter-spacing:-.9px}.stat-card h2{font-size:29px;font-weight:600}.section-heading h3,.category-header h3{font-size:15px;font-weight:500}
@media(max-width:1100px){.container{padding:24px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading-row{flex-wrap:wrap}.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container{padding:20px 15px}.page-heading{padding-bottom:20px;margin-bottom:22px}.page-heading-row{display:block}.page-actions{margin-top:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px;min-height:88px}#reportCards{grid-template-columns:1fr}.reference-search,.work-filters .work-search{width:100%;min-width:0}.work-filters select{flex:1}.category-tiles{grid-template-columns:1fr}.report-tabs,.settings-tabs{width:100%;gap:4px}.current-user-body{gap:10px}.current-user-body .type-pill{font-size:11px}}