@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--sidebar:#323a45;--sidebar-hover:#394452;--sidebar-text:#bec8d4;--background:#f4f4f5;--card:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--blue:#2563eb;--blue-dark:#1d4ed8}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}input:focus,select:focus,textarea:focus{border-color:#93b4fc!important;box-shadow:0 0 0 3px #2563eb18;outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:25px;font-weight:700;letter-spacing:-.7px;margin-bottom:7px}h2{font-size:16px;font-weight:650;letter-spacing:-.2px}h3{font-size:14px}small{font-size:11px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--sidebar);z-index:40;display:flex;flex-direction:column;color:white}.sidebar-brand{height:69px;display:flex;align-items:center;gap:11px;padding:0 24px;border-bottom:1px solid #ffffff13;font-size:18px;letter-spacing:-.5px}.brand-mark{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:#2670ef;color:#fff;font-size:23px;font-weight:800;box-shadow:0 2px 5px #19263829}.sidebar-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#64748b44 transparent;flex:1 1;padding:13px 10px 20px}.sidebar-profile{display:flex;align-items:center;gap:9px;margin:7px 4px 15px;padding:11px 10px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff0c;color:#e8eef5}.avatar,.small-avatar{background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;flex:none;font-weight:700;border-radius:50%;width:35px;height:35px;font-size:14px}.profile-copy{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:5px}.profile-copy small,.profile-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-copy strong{font-size:12px}.profile-copy small{color:#aeb9c7;font-size:10px}.nav-menu{display:flex;flex-direction:column}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:1.15px;padding:18px 14px 7px;font-weight:700;color:#8392a6}.nav-link{display:flex;align-items:center;gap:13px;min-height:39px;padding:10px 13px;border-radius:6px;color:#bdc7d5;font-weight:500;margin:1px 0;transition:background .13s}.nav-link svg{stroke-width:1.7}.nav-link:hover{background:var(--sidebar-hover);color:white}.nav-link.selected{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 0 #68a0ff}.sidebar-bottom{border-top:1px solid #ffffff19;padding:18px 17px;color:#8392a6;font-size:10px}.main-wrap{margin-left:240px;min-width:0;flex:1 1}.topbar{height:69px;background:#fff;border-bottom:1px solid #e9edf1;display:flex;align-items:center;justify-content:space-between;padding:0 31px;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.topbar-left{min-width:0}.topbar-right{flex:none}.topbrand{font-weight:700;color:#2d3748;font-size:15px}.crumb-divider{color:#c4cad5}.crumb-current{color:#6b7280}.top-icon{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;width:34px;height:34px;border-radius:6px}.quiet-icon:hover,.top-icon:hover{background:#f1f5f9}.topbar-profile{display:flex;gap:8px;align-items:center;font-weight:600;color:#374151;white-space:nowrap}.small-avatar{width:29px;height:29px;font-size:12px}.content-area{padding:32px 33px 60px;max-width:1680px;margin:0 auto}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:15px}.heading-row p{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.eyebrow{font-size:10px;color:#7a879a;font-weight:700;letter-spacing:1.05px;text-transform:uppercase;display:block;margin-bottom:9px}.outline-btn,.primary-btn{height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:5px;border:1px solid transparent;font-weight:600;white-space:nowrap;transition:background .12s;text-decoration:none}.primary-btn{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb1c}.primary-btn:hover{background:#1d4ed8}.outline-btn{background:#fff;border-color:#d8dfe7;color:#334155}.outline-btn:hover{background:#f8fafc}.icon-button,.quiet-icon{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;padding:7px;border-radius:5px}.icon-button{gap:7px}.card{border:1px solid #e5e7eb;background:white;border-radius:8px;box-shadow:0 1px 2px #0f172a08}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:17px;gap:17px;margin-bottom:19px}.metric{padding:21px 21px 18px;transition:box-shadow .12s}.metric:hover{box-shadow:0 3px 12px #0f172a13}.metric-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:500;color:#64748b}.metric-icon{display:flex;background:#eff6ff;border-radius:9px;color:#2563eb;padding:9px}.metric-num{font-size:30px;line-height:1.2;font-weight:700;margin:5px 0 13px;letter-spacing:-1px}.metric-foot{display:flex;align-items:center;gap:5px;font-size:11px;color:#2563eb}.finance-metrics{margin-top:0;margin-bottom:23px}.finance-card{padding:20px 21px}.finance-card strong{display:block;font-size:22px;font-weight:700;margin:13px 0 10px;letter-spacing:-.6px;white-space:nowrap}.finance-card small{color:#94a3b8}.dash-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:20px;gap:20px}.panel{padding:21px 23px}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f4;padding-bottom:15px;color:#64748b;margin-bottom:12px}.panel-title h2{margin:0;color:#1e293b}.activity-row{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px solid #f1f3f6;line-height:1.5;color:#64748b}.activity-row b{font-weight:600;color:#334155}.activity-dot{width:8px;height:8px;background:#60a5fa;border-radius:50%;margin-top:7px;flex:none}.muted-small{color:#94a3b8;font-size:11px;margin-top:5px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #f1f3f6}.task-row strong{font-size:12px}.task-row p{margin:5px 0 0;color:#64748b}.plain-link{color:#2563eb;display:inline-flex;align-items:center;gap:5px;font-size:12px;margin-top:18px;font-weight:600}.list-card{overflow:hidden}.list-tools{gap:14px;justify-content:space-between;padding:18px;border-bottom:1px solid #edf0f4}.list-tools,.searchbox{display:flex;align-items:center}.searchbox{gap:9px;min-width:190px;max-width:330px;flex:1 1;border:1px solid #e2e8f0;background:#fff;border-radius:6px;padding:0 12px;height:36px;color:#94a3b8}.searchbox input{background:transparent;border:0;outline:none!important;box-shadow:none!important;width:100%;height:100%;color:#334155}.tools-right{display:flex;align-items:center;gap:9px}.filter-select{height:35px;background:white;color:#475569;padding:0 10px}.filter-select,.toggle-group{border:1px solid #dbe2eb;border-radius:5px}.toggle-group{display:flex;overflow:hidden}.toggle-group button{height:33px;width:36px;border:0;background:white;color:#94a3b8}.toggle-group button.active{background:#eff6ff;color:#2563eb}.table-scroll{overflow:auto;width:100%}.data-table{border-collapse:collapse;min-width:680px;width:100%;text-align:left}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-weight:650;color:#64748b;background:#f8fafc;border-bottom:1px solid #e9edf3}.data-table td,.data-table th{white-space:nowrap;padding:13px 18px}.data-table td{color:#475569;border-bottom:1px solid #eef0f4;vertical-align:middle;max-width:290px;overflow:hidden;text-overflow:ellipsis}.data-table tr:hover td{background:#fbfdff}.data-table tbody tr:last-child td{border-bottom:0}.table-anchor{color:#2563eb;background:none;border:0;padding:0;font-weight:600;text-align:left}.table-anchor:hover{text-decoration:underline}.index-cell{color:#9ca3af!important;width:43px}.actions-cell{white-space:nowrap;width:115px}.actions-cell .quiet-icon{padding:5px}.table-footer{justify-content:space-between;padding:17px 19px;color:#6b7280;border-top:1px solid #eceff4}.pager,.table-footer{display:flex;align-items:center}.pager{gap:10px}.pager button{border:1px solid #e2e8f0;border-radius:4px;background:white;padding:4px 6px;display:flex}.status{display:inline-flex;border-radius:15px;padding:5px 10px;font-size:10px;font-weight:650;background:#f1f5f9;color:#475569;white-space:nowrap}.status-accepted,.status-active,.status-complete,.status-finished,.status-paid,.status-won{background:#dcfce7;color:#15803d}.status-cancelled,.status-lost,.status-overdue,.status-unpaid,.status-urgent{background:#fee2e2;color:#b91c1c}.status-in-progress,.status-open,.status-partially-paid,.status-qualified{background:#dbeafe;color:#1d4ed8}.status-contacted,.status-on-hold,.status-sent,.status-testing{background:#fef3c7;color:#92400e}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:65px 16px;text-align:center;color:#94a3b8}.empty p{margin:0;max-width:380px;line-height:1.6}.loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;color:#64748b}.loader{width:17px;height:17px;border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.kanban{padding:19px;display:flex;gap:13px;overflow:auto;min-height:340px}.kanban-col{background:#f8fafc;border-radius:7px;min-width:240px;width:250px;padding:12px;border:1px solid #e9edf3}.kanban-col header{display:flex;align-items:center;justify-content:space-between;color:#475569;font-weight:650;margin-bottom:12px}.kanban-col header span{background:#e2e8f0;border-radius:100px;padding:2px 6px;color:#475569}.kanban-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:14px;width:100%;display:block;margin-bottom:10px;box-shadow:0 1px 3px #1e293b08}.kanban-card strong{display:block;font-size:12px}.kanban-card p{font-size:11px;color:#64748b;line-height:1.4;margin:8px 0}.kanban-card span{color:#2563eb;font-size:10px}.overlay{position:fixed;z-index:100;inset:0;background:#0f172a80;display:flex;justify-content:flex-end;animation:fade .12s ease-in}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{width:min(730px,100%);background:white;box-shadow:-10px 0 30px #0002;display:flex;flex-direction:column;height:100vh;max-height:100vh}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid #e5e7eb;gap:18px}.drawer-head h2{font-size:20px;margin:0}.drawer-body{overflow-y:auto;flex:1 1;padding:27px;display:block}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:19px 20px;gap:19px 20px}.auth-form label,.field,.stack-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#475569;font-weight:600;min-width:0}.auth-form input,.field input,.field select,.field textarea,.stack-form input,.stack-form select{width:100%;height:37px;padding:9px 11px;border:1px solid #dbe0e8;background:white;border-radius:5px;font-size:12px;color:#1f2937;font-weight:400}.field textarea{resize:vertical;height:auto;min-height:95px}.field-full{grid-column:1/-1}.field i{color:#ef4444;font-style:normal}.check-field{display:flex;align-items:center;gap:8px!important;color:#475569;font-weight:500}.check-field input{width:auto;height:auto}.drawer-actions{display:flex;justify-content:flex-end;align-items:center;gap:11px;border-top:1px solid #e5e7eb;margin-top:25px;padding-top:22px}.error-inline{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;font-size:12px;line-height:1.4}.error-inline,.success-inline{display:flex;gap:8px;align-items:center;margin:10px 0;padding:11px}.success-inline{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px}.items-table-wrapper{overflow:auto}.line-items{grid-column:1/-1;min-width:0;border-top:1px solid #edf0f4;padding-top:17px}.items-heading{font-weight:650;margin-bottom:12px}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;color:#64748b;font-weight:500;font-size:11px;padding:6px}.items-table input{width:100%;min-width:65px;border:1px solid #dbe0e8;border-radius:4px;padding:8px}.items-table td{padding:6px}.items-table td:first-child{width:43%}.items-table td:nth-child(2){width:13%}.items-table td:nth-child(3){width:19%}.items-table td:nth-child(4){width:17%}.line-items .outline-btn{margin:12px 0}.items-total{text-align:right;color:#334155;font-weight:650}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.danger{color:#dc2626}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px}.detail-field{padding-bottom:12px;border-bottom:1px solid #f1f3f5;display:flex;flex-direction:column;gap:7px;min-width:0}.detail-field span{color:#94a3b8;font-size:11px}.detail-field strong{color:#334155;font-size:12px;font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere}.detail-wide{grid-column:1/-1}.notes-section,.preview-document,.timer-section{margin-top:27px;padding-top:20px;border-top:1px solid #e8edf3}.notes-section h3,.preview-document h3,.timer-section h3{margin-bottom:14px}.notes-section form textarea{width:100%;border:1px solid #dbe0e8;border-radius:5px;padding:10px;font-size:12px;resize:vertical}.notes-section form button{margin:9px 0 13px}.note-card{padding:13px;border:1px solid #eef0f5;border-radius:5px;margin:10px 0}.note-card strong{margin-right:9px}.note-card small{color:#94a3b8}.note-card p{white-space:pre-wrap;margin:10px 0 0;line-height:1.6;color:#475569}.timer-section p{color:#64748b}.auth-bg{min-height:100vh;background:linear-gradient(115deg,#f8fafc,#e9eff6);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:min(445px,100%);padding:39px;background:white;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 18px 70px #0f172a12}.auth-mark{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:750;color:#1e293b;margin-bottom:38px}.auth-card h1{font-size:25px}.auth-card p{color:#64748b;line-height:1.6;margin-bottom:26px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form input{height:41px}.auth-submit{height:42px;margin-top:7px}.auth-foot{text-align:center;margin-top:28px;color:#94a3b8;font-size:11px}.fatal-error{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#64748b;padding:30px}.fatal-error h2{margin-top:15px;color:#0f172a}.staff-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);grid-gap:20px;gap:20px}.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form .primary-btn{align-self:start}.permission-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);grid-gap:8px;gap:8px;margin:16px 0 24px;max-height:260px;overflow-y:auto}.permission-grid>b{font-size:11px;color:#64748b;text-transform:capitalize}.permission-row label,.permission-row span{padding:6px 0;border-bottom:1px solid #eef2f7}.permission-row input{cursor:pointer}.settings-form{max-width:840px}.settings-form>.primary-btn{margin-top:22px}.hamburger,.mobile-backdrop{display:none}.refresh-btn{padding:0;width:36px}@media(max-width:1180px){.sidebar{width:212px}.main-wrap{margin-left:212px}.content-area{padding:25px 21px}.metric-grid{gap:12px}.finance-card,.metric{padding:16px}.finance-card strong{font-size:18px}.topbar{padding:0 20px}.staff-grid{grid-template-columns:1fr}}@media(max-width:900px){.sidebar{width:245px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.hamburger{display:inline-flex}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:30;background:#0f172a66;border:0;width:100%;height:100%}.dash-grid{grid-template-columns:1fr}.topbar{height:62px}}@media(max-width:660px){.content-area{padding:20px 12px 55px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row>.primary-btn{align-self:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-num{font-size:23px}.finance-card strong{font-size:17px}.topbar{padding:0 11px}.topbar-left,.topbar-right{gap:9px}.crumb-divider,.topbar-profile span:not(.small-avatar),.topbrand{display:none}.list-tools{flex-direction:column;align-items:stretch;padding:12px}.searchbox{max-width:none}.tools-right{justify-content:space-between;flex-wrap:wrap}.refresh-btn{display:none}.detail-grid,.form-grid{grid-template-columns:1fr}.detail-wide,.field-full{grid-column:auto}.drawer-body,.drawer-head{padding:18px}.drawer{width:100%}.staff-grid{grid-template-columns:1fr}.finance-metrics{margin-bottom:14px}.panel{padding:17px}.auth-card{padding:27px 20px}.detail-actions{gap:7px}}@media print{body{background:white}body *{visibility:hidden}.detail-drawer,.detail-drawer *{visibility:visible}.detail-drawer{position:absolute;top:0;left:0;width:100%;height:auto;max-height:none;box-shadow:none}.detail-drawer .drawer-body{overflow:visible}.detail-drawer .detail-actions,.detail-drawer .notes-section,.detail-drawer .quiet-icon,.detail-drawer .timer-section{display:none!important}.overlay{background:white;position:static}.detail-drawer .drawer-head{border-bottom:2px solid #000}.detail-drawer .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.source-logo{height:34px;width:150px;object-fit:contain}.login-edition{font-size:11px;color:#94a3b8;font-weight:500;margin-left:auto}.password-drawer{width:min(430px,100%)}.password-drawer .drawer-body{flex:none}.entry-sections{margin:24px 0;display:grid;grid-gap:24px;gap:24px}.entry-section{border-top:1px solid #e3e8ee;padding-top:18px}.entry-section h3{margin:0 0 12px}.entry-row{justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9edf2;gap:12px}.entry-main,.entry-row{display:flex;align-items:flex-start}.entry-main{gap:10px;min-width:0;overflow-wrap:anywhere}.entry-main input{margin-top:5px}.entry-main small{display:block;color:#687587;margin-top:5px}.entry-complete{text-decoration:line-through;color:#7c8795}.entry-form{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:12px}.entry-form textarea{width:100%;min-height:66px;resize:vertical;border:1px solid #cdd5df;border-radius:7px;padding:10px;font:inherit}.entry-form label{font-size:13px;display:flex;align-items:center;gap:8px}.entry-form input[type=date]{padding:6px;border:1px solid #cdd5df;border-radius:6px}.operation-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.operation-toolbar label{display:flex;flex-direction:column;gap:7px;flex:1 1;min-width:130px;font-size:12px}.operation-toolbar input,.operation-toolbar select{border:1px solid #dbe0e8;border-radius:5px;padding:10px;min-height:38px;background:white}.operation-toolbar h2{margin:auto}.operation-results{display:grid;grid-gap:8px;gap:8px}.operation-result{padding:15px;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;gap:15px}.operation-result:hover{background:#eff6ff}.operation-result span{color:#64748b}.calendar-scroll{overflow-x:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:700px;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.calendar-cell,.calendar-weekday{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:9px}.calendar-cell{min-height:110px;background:#fff}.calendar-cell.outside{background:#f8fafc;color:#94a3b8}.calendar-event{display:block;background:#eff6ff;color:#1d4ed8;border-left:2px solid #2563eb;font-size:11px;padding:5px;margin:5px 0;overflow-wrap:anywhere}.timeline-row{display:grid;grid-template-columns:minmax(140px,28%) 1fr;grid-gap:15px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4}.timeline-row small{display:block;color:#64748b;margin-top:5px;font-size:10px}.timeline-track{position:relative;background:repeating-linear-gradient(90deg,#f1f5f9 0,#f1f5f9 9.9%,#e2e8f0 10%);height:25px;border-radius:4px;overflow:hidden}.timeline-track span{position:absolute;top:5px;height:15px;background:#2563eb;border-radius:3px}.sort-button{border:0;padding:0;background:none;color:inherit;text-transform:inherit;font-weight:inherit;text-align:left}.kanban-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.kanban-col.drag-target{outline:2px dashed #2563eb}.record-summary{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #edf0f4}.record-summary button{border:1px solid #e2e8f0;border-radius:5px;padding:7px 10px;background:#f8fafc;color:#475569}.operation-toolbar .primary-btn{min-height:38px}.topbar-right .reminder-count{font-size:10px;color:#b91c1c}.entry-form .field{width:100%}@media(max-width:660px){.operation-result{flex-direction:column}.operation-toolbar h2{font-size:15px}.timeline-row{grid-template-columns:minmax(110px,40%) 1fr}}.portal-shell{min-height:100vh;background:#f4f4f5}.portal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:24px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.portal-header strong{font-size:21px;color:#1e293b}.portal-header p{margin:8px 0 0;color:#64748b}.portal-shell main{max-width:1120px;margin:auto;padding:28px 24px}.portal-shell .card{margin-bottom:20px}.preserve-lines{white-space:pre-wrap}.document-designer{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(420px,1.2fr);grid-gap:22px;gap:22px;align-items:start}.design-controls{display:grid;grid-gap:16px;gap:16px}.design-controls .panel{padding:22px}.design-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.design-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.design-presets button{font-size:11px}.design-presets span{width:17px;height:17px;border-radius:50%;border-width:3px;border-style:solid}.design-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px;margin-bottom:16px}.design-color>span{display:block;font-size:12px;margin-bottom:7px;font-weight:600;color:#475569}.design-color>div{display:flex;gap:5px}.design-color input[type=color]{width:40px;height:35px;padding:2px;border:1px solid #dbe0e8;border-radius:5px;background:white}.design-color input:not([type=color]){min-width:0;width:100%;border:1px solid #dbe0e8;border-radius:5px;padding:7px;font-size:12px}.design-upload-grid{display:grid;grid-gap:18px;gap:18px}.design-image{border-bottom:1px solid #e5e7eb;padding-bottom:16px;display:grid;grid-gap:10px;gap:10px}.design-image strong{font-size:12px}.design-image img{max-width:180px;max-height:90px;object-fit:contain;background:#f1f5f9;border-radius:5px;padding:8px}.design-image-empty{padding:18px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;font-size:12px;color:#94a3b8}.design-controls small,.design-image small{color:#64748b;line-height:1.5;font-size:11px}.design-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.design-switches label{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:#475569}.design-switches input{margin-top:2px}.design-controls details summary{cursor:pointer;color:#1e293b}.design-controls summary h2{display:inline;font-size:15px}.design-controls details[open] summary{margin-bottom:20px}.design-controls .field{margin-bottom:16px}.design-controls .field input[type=range]{padding:0}.design-preview{position:-webkit-sticky;position:sticky;top:90px;overflow:hidden}.design-preview-tools{padding:19px;border-bottom:1px solid #e5e7eb;display:grid;grid-gap:12px;gap:12px}.design-preview-tools .field{margin:0}.design-preview-tools .design-inline{justify-content:space-between;font-size:11px;color:#64748b}.design-preview-tools .plain-link{margin:0;font-size:11px}.design-preview iframe{display:block;width:100%;height:780px;border:0;background:#e2e8f0}.design-preview-help{padding:0 18px 12px}.document-designer .error-inline{margin:0}.document-designer textarea{white-space:pre-wrap}@media(max-width:1150px){.document-designer{grid-template-columns:1fr}.design-preview{position:static}.design-preview iframe{height:720px}}@media(max-width:660px){.design-color-grid,.design-switches{grid-template-columns:1fr}.design-controls .panel{padding:18px}.design-preview iframe{height:540px}}.app-shell{background:var(--page-background,#f3f4f6)}.primary-btn{border-color:var(--brand-primary,#2563eb)}.primary-btn,.primary-btn:hover{background:var(--brand-primary,#2563eb)}.primary-btn:hover{filter:brightness(.93)}.plain-link,.table-anchor,.table-scroll a{color:var(--brand-primary,#2563eb)}.brand-mark{background:var(--brand-primary,#2563eb)}.sidebar-logo{max-width:48px;max-height:44px;object-fit:contain}.sidebar-brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-expand{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;text-align:left;cursor:pointer}.crm-logo-preview{max-width:240px;max-height:100px;object-fit:contain}.auth-brand{font-size:24px;font-weight:700;display:flex;gap:12px;align-items:center}.finance-setting-links{display:flex;gap:10px;flex-wrap:wrap}.settings-form,.workflow-rule{margin-top:18px}.rule-condition{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.rule-condition input,.rule-condition select{flex:1 1;min-width:130px}.permission-grid{grid-template-columns:1.4fr repeat(5,minmax(76px,1fr));overflow:auto}.permission-row{display:contents}.permission-row label select{width:100%;font-size:11px;padding:6px}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0}.compact-kpi{padding:17px}.compact-kpi>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.compact-kpi progress,.overview-status progress{width:100%;height:5px;display:block;border:0;margin-top:12px;accent-color:var(--brand-primary,#2563eb)}progress::-webkit-progress-bar{background:#edf0f4;border-radius:8px}progress::-webkit-progress-value{background:currentColor;border-radius:8px}.reference-dashboard{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);grid-gap:18px;gap:18px;align-items:start}.dashboard-main,.dashboard-side{min-width:0;display:grid;grid-gap:18px;gap:18px}.dashboard-widget{overflow:hidden}.dashboard-widget h2{font-size:13px;margin-bottom:18px}.dashboard-widget.panel{padding:18px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.overview-column h3{font-size:12px;margin-top:0;margin-bottom:25px}.overview-status{display:block;margin:0 0 18px;font-size:11px}.overview-status>div{display:flex;justify-content:space-between;gap:8px}.dashboard-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:18px 0}.dashboard-finance>div{border:1px solid #e6eaf0;border-radius:5px;padding:12px;min-width:0}.dashboard-finance strong{display:block;margin:7px 0;font-size:13px;overflow-wrap:anywhere}.dashboard-finance small{color:#64748b}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;font-size:10px;margin:15px 0}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:12px;height:7px;display:inline-block}.donut-chart{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:25px auto}.donut-chart>span{width:106px;height:106px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:25px;font-weight:600;color:#475569}.donut-chart small{font-size:10px;font-weight:400}.workspace-tabs{display:flex;border-bottom:1px solid #e2e8f0;overflow:auto;gap:5px;margin-bottom:16px}.workspace-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:14px 15px;white-space:nowrap;color:#64748b}.workspace-tabs button.active{color:var(--brand-primary,#2563eb);border-bottom-color:var(--brand-primary,#2563eb)}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:10px;border-top:1px solid #e9edf3;border-left:1px solid #e9edf3}.month-calendar>b{padding:10px 2px;text-align:center;color:#64748b}.calendar-blank,.month-cell{min-height:90px;border-bottom:1px solid #e9edf3;border-right:1px solid #e9edf3;padding:5px;min-width:0}.month-cell>small{display:block;text-align:right;color:#64748b;margin-bottom:5px}.month-cell a{display:block;color:white;font-size:9px;padding:4px;margin:3px 0;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:12px;gap:12px;margin:30px 0 8px;border-bottom:1px solid #e2e8f0;text-align:center}.bar-pair{height:180px;display:flex;align-items:end;justify-content:center;gap:4px}.bar-pair span{width:22px;border:1px solid #0000000a}.customer-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.customer-stats>div{padding:15px;font-size:11px}.customer-workspace{width:min(1250px,96vw);max-width:none}.customer-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 90px)}.customer-nav{background:#f8fafc;padding:15px;overflow:auto}.customer-nav button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;color:#475569;text-align:left;padding:11px 12px;border-radius:5px}.customer-nav button.active{color:var(--brand-primary,#2563eb);background:white}.customer-content{min-width:0;padding:25px;max-height:calc(100vh - 90px)}.customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.customer-details>div{border-bottom:1px solid #e9edf3;padding:9px 0}.customer-details dt{font-size:11px;color:#64748b}.customer-details dd{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-content small,.hr-review small{display:block;margin-top:8px;color:#64748b}.hr-review{margin:14px 0}.office-code strong{display:block;font-size:32px;letter-spacing:6px}.office-code small{display:block}.payment-entry{padding-top:20px}.app-shell .card.panel+.card.panel{margin-top:18px}@media(max-width:1100px){.reference-dashboard{grid-template-columns:minmax(0,1fr) 270px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{gap:10px}.overview-column h3{font-size:11px}.customer-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.reference-dashboard{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-layout{grid-template-columns:165px minmax(0,1fr)}.customer-content{padding:16px}.customer-details,.dashboard-finance{grid-template-columns:1fr}.calendar-blank,.month-cell{min-height:65px}.permission-grid{min-width:620px}}@media(max-width:540px){.dashboard-side,.overview-grid{grid-template-columns:1fr}.customer-layout{display:block}.customer-nav{display:flex;overflow:auto;padding:5px}.customer-nav button{white-space:nowrap;width:auto;gap:9px}.customer-content{max-height:calc(100vh - 155px)}.customer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpis{grid-template-columns:1fr}.month-cell a{font-size:8px}.month-cell{padding:2px}.compact-kpi>div{font-size:12px}}.app-shell .card,.app-shell .topbar{background:var(--crm-surface,#fff)}.app-shell,.app-shell .data-table td,.app-shell .topbrand,.app-shell h1,.app-shell h2,.app-shell h3{color:var(--crm-text,#334155)}.app-shell .nav-link,.app-shell .sidebar-brand{color:var(--sidebar-text,#fff)}.app-shell .nav-section,.app-shell .sidebar-bottom{color:var(--sidebar-text,#fff);opacity:.75}.sidebar-profile{color:var(--sidebar-text,#fff)}.sidebar-profile small{color:inherit;opacity:.7}.sidebar .nav-link:hover{background:#80808030}.customer-active-toggle{width:38px;height:22px;border:0;border-radius:14px;background:#cbd5e1;padding:3px;display:flex;align-items:center}.customer-active-toggle span{display:block;width:16px;height:16px;background:white;border-radius:50%;transition:transform .15s}.customer-active-toggle.on{background:var(--brand-primary,#2563eb)}.customer-active-toggle.on span{transform:translateX(16px)}.app-shell .brand-mark,.app-shell .primary-btn{color:var(--brand-on-primary,#fff)}.permission-grid>div:nth-of-type(2n)>label,.permission-grid>div:nth-of-type(2n)>span{background:#f8fafc}.permission-row>label,.permission-row>span{padding:8px 4px;border-bottom:1px solid #edf0f4}.permission-grid{gap:0 5px;align-items:center}.customer-workspace>.drawer-head{flex-shrink:0}.customer-layout{flex:1 1;min-height:0;overflow:hidden}.customer-nav{min-height:0}.customer-content{min-height:0;max-height:none;overflow:auto}@media(max-width:540px){.customer-layout{display:flex;flex-direction:column}.customer-nav{flex:0 0 auto}.customer-content{flex:1 1;max-height:none}}.gst-period-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:18px}.gst-period-bar .field{min-width:210px;flex:1 1}.gst-scope-line{font-size:12px;color:#64748b;margin:20px 0}.gst-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:start}.gst-two-col .card.panel{margin-top:0!important}.gst-small-table{min-width:0}.gst-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0}.gst-toolbar label{display:flex;flex-direction:column;gap:8px}.gst-toolbar h3{margin:0 auto 0 0}.gst-review-item{padding:15px 0;border-bottom:1px solid #e2e8f0}.gst-review-item ul{margin-bottom:0;line-height:1.8;color:#64748b}.gst-line-editor{min-width:1040px}.gst-line-editor input{min-width:65px;width:100%}.gst-line-editor td{padding:8px;white-space:normal}.gst-line-editor td:first-child,.gst-line-editor th:first-child{width:220px}.gst-line-editor td:nth-child(2){min-width:90px}.gst-filing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:start}.gst-filing-grid>.card.panel{margin-top:0!important}.gst-filing-details{display:grid;grid-template-columns:145px minmax(0,1fr);grid-gap:12px;gap:12px}.gst-filing-details dt{color:#64748b;font-size:11px}.gst-filing-details dd{margin:0;overflow-wrap:anywhere}.gst-filing-form{border-top:1px solid #e2e8f0;padding-top:20px;margin-top:20px}.gst-filing-form fieldset{border:1px solid #e2e8f0;line-height:2}.gst-filing-form fieldset label{white-space:normal;overflow-wrap:anywhere}.gst-mfa{max-width:600px;margin:30px auto}.gst-mfa label{display:flex;flex-direction:column;gap:8px;margin:15px 0}.gst-mfa-secret{display:block;overflow-wrap:anywhere;background:#f1f5f9;border:1px solid #cbd5e1;padding:14px;letter-spacing:1.5px;font-size:15px}.gst-note{border-left:4px solid var(--brand-primary,#2563eb)}.gst-period-bar+.workspace-tabs{margin-top:22px}.gst-filing-grid h2{margin:0}.gst-filing-grid .heading-row{align-items:start}.gst-filing-grid .status{white-space:normal}.gst-line-editor+.form-grid{margin-top:20px}.content-area>.card.table-scroll small{display:block;margin-top:6px;color:#64748b}@media(max-width:1000px){.gst-filing-grid,.gst-two-col{grid-template-columns:1fr}}@media(max-width:560px){.gst-period-bar{display:block}.gst-period-bar .field{margin-bottom:15px}.gst-filing-details{grid-template-columns:110px minmax(0,1fr)}}.gst-toolbar input,.gst-toolbar select{height:35px;border:1px solid #d8dfe7;border-radius:5px;padding:7px 10px;background:var(--crm-surface,#fff);color:var(--crm-text,#334155)}