:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--accent: #2563eb;--app-surface: #ffffff;--app-text: #111827;--muted: #64748b;--line: #d8dee9;--soft: #f4f7fb;--danger: #dc2626;--success: #16a34a;--warning: #ca8a04;--shadow: 0 20px 70px rgba(15, 23, 42, .12);background:var(--soft);color:var(--app-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:linear-gradient(180deg,#fffffff5,#f4f7fbfa)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--app-text);padding:10px 12px;outline:none}textarea{min-height:92px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:13px 12px;text-align:left;vertical-align:top}th{color:#475569;font-size:.82rem;text-transform:uppercase}.login-page{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,430px) minmax(320px,420px);gap:clamp(22px,3.5vw,52px);align-items:center;min-height:100vh;overflow:hidden;background:linear-gradient(120deg,#eff6fff0,#dbeafed1 48%,#ffffffeb),radial-gradient(circle at 70% 18%,rgba(37,99,235,.16),transparent 34%),radial-gradient(circle at 10% 84%,rgba(14,116,144,.13),transparent 32%);padding:clamp(24px,6vw,84px)}.login-copy{display:grid;max-width:660px;gap:16px;align-content:start}.brand-mark,.brand-button svg,.orbit-center svg{color:var(--accent)}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,#fff)}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.login-copy h1,.dashboard-title h1,.view-toolbar h1{margin:0;font-weight:900;letter-spacing:0}.login-copy h1{max-width:620px;font-size:clamp(2.05rem,4vw,3.8rem);line-height:1.07}.login-copy p{max-width:620px;margin:0;color:#475569;font-size:clamp(.98rem,1.35vw,1.12rem);line-height:1.6}.login-showcase{display:grid;align-self:center;justify-self:center;width:min(430px,100%);margin:0}.login-showcase img{display:block;width:100%;height:auto;max-height:min(78vh,720px);filter:drop-shadow(0 30px 50px rgba(37,99,235,.16));object-fit:contain}.seo-text{max-width:720px;border-left:5px solid var(--accent);background:#ffffffbd;padding:16px 18px;line-height:1.6}.login-panel,.form-panel,.detail-panel,.empty-panel,.report-panel{border:1px solid var(--line);border-radius:8px;background:var(--app-surface);box-shadow:var(--shadow)}.login-panel{display:grid;gap:18px;background:#ffffffe0;padding:clamp(22px,4vw,34px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel h2{margin:0;font-size:1.55rem}.login-panel label,.field{display:grid;gap:8px;color:#334155;font-size:.92rem;font-weight:800}.btn,.icon-btn,.brand-button,.side-nav button,.side-config-button,.side-logout,.orbit-button,.card-actions button,.table-actions button,.panel-title button,.theme-choice{border:0;border-radius:8px;background:transparent;color:inherit}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:900}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:color-mix(in srgb,var(--danger) 12%,#fff);color:var(--danger)}.notice,.toast{margin:0;border-radius:8px;background:#111827;color:#fff;padding:12px 14px;font-weight:800}.toast{position:fixed;right:18px;bottom:18px;z-index:40;box-shadow:var(--shadow)}.app-shell{--sidebar-width: 264px;min-height:100vh;background:linear-gradient(180deg,#f8fbfffa,#f0f6fff5)}.app-shell.sidebar-collapsed{--sidebar-width: 78px}.sidebar{position:fixed;z-index:35;top:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;width:var(--sidebar-width);border-right:1px solid rgba(148,163,184,.34);background:#ffffffeb;padding:14px 12px;box-shadow:12px 0 36px #0f172a12;transition:width .22s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-content{width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width);padding:32px clamp(16px,3vw,42px) 42px;transition:margin-left .22s ease}.sidebar-head{display:grid;grid-template-columns:1fr 38px;gap:8px;align-items:center}.brand-button{display:inline-flex;min-width:0;min-height:42px;align-items:center;gap:10px;font-size:1.05rem;font-weight:950}.brand-button span,.side-nav span,.side-config-menu summary span,.side-config-button span,.side-logout span,.sidebar .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{color:var(--accent)}.side-nav{display:grid;align-content:start;gap:8px;min-width:0;padding:22px 0}.side-nav button,.side-config-menu summary,.side-config-button,.side-logout{display:inline-flex;min-height:42px;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:0 12px;color:#475569;font-size:.9rem;font-weight:900}.side-nav button.active,.side-nav button:hover,.side-config-menu summary:hover,.side-config-button:hover,.side-logout:hover{background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}.sidebar-footer{display:grid;gap:9px;min-width:0;border-top:1px solid var(--line);padding-top:12px;color:#475569;font-weight:900}.sidebar .user-name{min-height:28px;padding:0 12px}.side-config-menu{position:relative}.side-config-menu summary{list-style:none;cursor:pointer}.side-config-menu summary::-webkit-details-marker{display:none}.side-config-actions{display:grid;gap:6px;padding:6px 0 0}.sidebar-collapsed .brand-button span,.sidebar-collapsed .side-nav span,.sidebar-collapsed .side-config-menu summary span,.sidebar-collapsed .side-config-button span,.sidebar-collapsed .side-logout span,.sidebar-collapsed .sidebar .user-name{display:none}.sidebar-collapsed .sidebar{padding-right:10px;padding-left:10px}.sidebar-collapsed .sidebar-head{grid-template-columns:1fr}.sidebar-collapsed .brand-button,.sidebar-collapsed .side-nav button,.sidebar-collapsed .side-config-menu summary,.sidebar-collapsed .side-config-button,.sidebar-collapsed .side-logout{justify-content:center;padding:0}.sidebar-collapsed .sidebar-toggle{order:-1;justify-self:center}.sidebar-collapsed .side-config-actions{position:absolute;bottom:0;left:calc(100% + 8px);z-index:45;width:190px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px;box-shadow:var(--shadow)}.sidebar-collapsed .side-config-button{justify-content:flex-start;gap:8px;padding:0 10px}.sidebar-collapsed .side-config-button span{display:inline}.icon-btn,.card-actions button,.table-actions button,.panel-title button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);background:#fff}.view-toolbar,.dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.view-toolbar h1,.dashboard-title h1{line-height:1.04}.view-toolbar h1{max-width:720px;font-size:clamp(1.35rem,2.1vw,2.1rem);line-height:1.12}.dashboard-title h1{font-size:clamp(1.7rem,3vw,3.1rem)}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.search-box{display:flex;width:min(360px,100%);align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px}.search-box input{border:0;box-shadow:none;padding-right:0}.dashboard-view{position:relative;display:grid;gap:18px;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(145deg,#fffffff5,#eff6ffe6 58%,#f4efffc7);padding:clamp(16px,2.4vw,26px);box-shadow:0 26px 80px #0f172a14}.dashboard-view:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(37,99,235,.08),transparent 28%),linear-gradient(300deg,rgba(124,58,237,.07),transparent 34%);content:"";pointer-events:none}.dashboard-view>*{position:relative;z-index:1}.dashboard-hero{display:grid;gap:5px;justify-content:center;text-align:center}.dashboard-hero h1{max-width:560px;margin:0;color:#0f172a;font-size:clamp(1.2rem,1.45vw,1.55rem);font-weight:950;letter-spacing:0;line-height:1.15}.dashboard-hero p{max-width:600px;margin:0;color:#475569;font-size:clamp(.78rem,.88vw,.88rem);font-weight:750;line-height:1.45}.orbit-menu{--orbit-size: 480px;--orbit-radius: 170px;--orbit-arrow-radius: 166px;--orbit-button-size: 92px;--orbit-center-size: 112px;--orbit-ring-inset: 72px;isolation:isolate;position:relative;width:var(--orbit-size);height:var(--orbit-size);max-width:100%;margin:4px auto 0}.orbit-menu:before,.orbit-menu:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.orbit-menu:before{inset:var(--orbit-ring-inset);z-index:0;border:2px solid rgba(96,165,250,.2);background:conic-gradient(from -90deg,#2563eb33,#16a34a2e,#7c3aed2e,#ca8a042e,#db277729,#0f766e2e,#2563eb33);-webkit-mask:radial-gradient(circle,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(circle,transparent calc(100% - 4px),#000 calc(100% - 3px));opacity:.95}.orbit-menu:after{top:26%;right:26%;bottom:26%;left:26%;z-index:0;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 68%);filter:blur(2px)}.orbit-center,.orbit-button{position:absolute;left:50%;top:50%;display:grid;place-items:center;text-align:center;transform:translate(-50%,-50%)}.orbit-arrow{position:absolute;left:50%;top:50%;z-index:1;display:grid;width:24px;height:24px;place-items:center;border:1px solid color-mix(in srgb,var(--arrow-color) 20%,#dbeafe);border-radius:50%;background:#ffffffeb;color:var(--arrow-color);box-shadow:0 10px 24px #0f172a14;transform:translate(-50%,-50%) rotate(var(--arrow-angle)) translate(var(--orbit-arrow-radius)) rotate(calc(-1 * var(--arrow-angle)))}.orbit-arrow svg{transform:rotate(var(--arrow-rotation));stroke-width:2.6}.orbit-center{z-index:4;width:var(--orbit-center-size);height:var(--orbit-center-size);gap:1px;align-content:center;border:1px solid rgba(148,163,184,.35);border-radius:50%;background:linear-gradient(150deg,#fff,#f8fbff 54%,#eef6ff);color:#111827;font-weight:950;box-shadow:0 20px 55px #0f172a1f,inset 0 1px #ffffffe6}.orbit-center svg{width:24px;height:24px}.orbit-center span{font-size:.78rem}.orbit-center small{color:#64748b;font-size:.58rem;font-weight:850}.orbit-button{z-index:3;align-content:center;gap:2px;overflow:visible;width:var(--orbit-button-size);height:var(--orbit-button-size);border:1px solid color-mix(in srgb,var(--step-color) 52%,#fff);border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.34),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--step-color) 86%,#fff),color-mix(in srgb,var(--step-color) 76%,#111827));color:#fff;font-size:.76rem;font-weight:950;box-shadow:0 16px 34px color-mix(in srgb,var(--step-color) 25%,rgba(15,23,42,.2)),inset 0 1px #ffffff4d;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--angle)));transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}.orbit-button:after{position:absolute;bottom:calc(100% + 12px);left:50%;z-index:20;width:min(230px,72vw);border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#111827;color:#fff;content:attr(data-tooltip);font-size:.78rem;font-weight:850;line-height:1.35;opacity:0;padding:9px 10px;pointer-events:none;text-align:left;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease;white-space:normal}.orbit-button:hover:after,.orbit-button:focus-visible:after{opacity:1;transform:translate(-50%)}.orbit-button b{display:grid;width:21px;height:19px;place-items:center;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:#ffffff2e;color:#fff;font-size:.72rem;font-weight:950;line-height:1}.orbit-button svg{width:18px;height:18px}.orbit-button span{max-width:92%;font-size:.66rem;line-height:1.05}.orbit-button:hover{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.42),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--step-color) 96%,#fff),color-mix(in srgb,var(--step-color) 82%,#111827));color:#fff;filter:saturate(1.06) brightness(1.03);box-shadow:0 20px 42px color-mix(in srgb,var(--step-color) 32%,rgba(15,23,42,.22)),inset 0 1px #ffffff61;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--angle))) scale(1.035)}.orbit-button:hover b{color:#fff}.dashboard-guidance{justify-self:center;margin:-2px 0 0;border:1px solid rgba(37,99,235,.14);border-radius:999px;background:#ffffffb8;color:#334155;padding:8px 13px;font-size:.84rem;font-weight:850;text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;align-items:center;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);padding:16px;box-shadow:0 12px 28px #0f172a0f}.metric-icon{display:grid;grid-row:span 3;width:44px;height:44px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--metric-tone) 12%,#fff);color:var(--metric-tone)}.metric-card span{color:#475569;font-size:.84rem;font-weight:850}.metric-card strong{color:#0f172a;font-size:clamp(1.18rem,1.65vw,1.55rem);line-height:1.02}.metric-card small{color:#64748b;font-size:.78rem;font-weight:780;line-height:1.25}.metric-card.mini{padding:13px}.metric-card.mini strong{font-size:1.05rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.section-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.workspace>*,.section-actions,.section-actions>*,.services-control-panel,.service-search-row,.service-search-row>*,.finance-filter-row,.finance-filter-row>*,.client-layout,.client-layout>*,.record-list,.resource-grid,.metric-grid,.metric-grid>*,.reports-grid,.reports-grid>*{min-width:0;max-width:100%}.services-control-panel{display:grid;justify-items:start;gap:10px}.service-search-row{display:flex;width:100%;align-items:center;gap:10px;overflow-x:auto;padding-bottom:2px}.service-search-row .search-box{flex:0 0 330px}.service-search-row select{flex:0 0 220px;width:auto}.activity-filter-row{align-items:end}.finance-filter-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.finance-filter-row .client-filter{flex:0 0 280px}.compact-filter{display:grid;flex:0 0 220px;gap:6px;color:#334155;font-size:.82rem;font-weight:900}.compact-filter span{white-space:nowrap}.compact-filter select{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}.file-upload-button{position:relative;overflow:hidden}.file-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.file-upload-button.disabled{cursor:not-allowed;opacity:.65}.service-button-row{justify-content:flex-start}.client-filter{width:min(320px,100%)}.form-panel{display:grid;gap:18px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{display:inline-flex;align-items:center;gap:10px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field:has(textarea),.field:has(.checkbox-grid),.field:has(.permission-block){grid-column:span 2}.toggle-row,.check-line{display:inline-flex;align-items:center;gap:9px}.toggle-row input,.check-line input{width:18px;min-height:18px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-picker{display:grid;gap:10px}.category-select-row,.category-create-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center}.category-select-row .icon-btn{width:44px;height:44px;color:var(--accent)}.client-services-field{display:grid;grid-column:span 2;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,#fff);padding:14px}.client-services-field>div:first-child{display:grid;gap:4px}.client-services-field>div:first-child span{color:#1f2937;font-size:.98rem;font-weight:950}.client-services-field small{color:#64748b;font-size:.82rem;font-weight:800}.client-service-options{display:grid;gap:10px}.client-service-option{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#1f2937;padding:10px 12px;font-weight:900}.service-option-check{display:flex;align-items:center;gap:10px}.client-service-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#fff)}.service-option-check input{width:18px;min-height:18px;flex:0 0 auto}.service-option-check span{display:grid;min-width:0;gap:2px}.service-option-check b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;align-items:end}.client-contract-grid label,.paid-summary{display:grid;gap:6px;color:#475569;font-size:.78rem;font-weight:850}.client-contract-grid input,.client-contract-grid select{min-height:38px;padding:7px 9px}.paid-summary{min-height:38px;align-content:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px}.paid-summary b{color:#166534;font-size:.92rem}.form-hint{color:#64748b;font-size:.84rem;font-weight:800}.permission-block{display:grid;gap:12px}.document-uploader{display:grid;gap:10px}.document-list{display:grid;gap:8px}.document-list span{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.document-list a{min-width:0;overflow:hidden;color:var(--accent);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.document-list button{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,#fff);color:var(--danger)}.form-actions{display:flex;justify-content:flex-end}.client-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:18px;align-items:start}.record-list,.resource-grid{display:grid;gap:12px}.resource-grid{grid-template-columns:1fr}.record-card,.activity-card{position:relative;display:grid;min-width:0;max-width:100%;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px}.record-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.summary-card{gap:10px;padding:13px 14px}.summary-card-head,.summary-head-actions{display:flex;min-width:0;max-width:100%;align-items:center;gap:10px}.summary-card-head{justify-content:space-between}.summary-card-head h3,.summary-card-head h4{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-details{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:12px}.summary-toggle{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#334155;padding:0 10px;font-size:.8rem;font-weight:900}.summary-toggle svg{transition:transform .16s ease}.summary-toggle.open svg{transform:rotate(180deg)}.summary-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent)}.finance-list{gap:10px}.finance-overdue-card{border-color:#fecaca;box-shadow:inset 3px 0 #dc2626}.signup-approval-panel{gap:14px}.signup-approval-list{display:grid;gap:12px}.signup-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.signup-card h3,.signup-card p{margin:0}.signup-card p,.signup-meta{color:#64748b;line-height:1.45}.signup-meta{display:grid;gap:5px;font-size:.87rem;font-weight:780}.signup-card-actions{justify-content:flex-end}.record-card h3,.activity-card h4,.detail-panel h2,.report-panel h2{margin:0}.record-card p,.activity-card p,.detail-panel p{margin:0;color:#64748b;line-height:1.45}.tag-row,.contact-row,.date-row,.file-links,.table-actions,.card-actions,.reminder-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.contact-row a,.file-links a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:850}.soft-pill,.status-pill,.priority,.status-dot{display:inline-flex;align-items:center;gap:6px;min-height:26px;border-radius:999px;padding:0 9px;font-size:.78rem;font-weight:900}.soft-pill{background:color-mix(in srgb,var(--accent) 9%,#fff);color:#334155}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.paused{background:#fef3c7;color:#92400e}.status-pill.inactive{background:#e5e7eb;color:#374151}.status-pill.pending{background:#fef3c7;color:#92400e}.status-pill.approved{background:#dcfce7;color:#166534}.status-pill.rejected,.status-pill.cancelled{background:#fee2e2;color:#991b1b}.status-pill.finished,.priority.baixa{background:#e0f2fe;color:#075985}.priority.media{background:#eef2ff;color:#3730a3}.priority.alta{background:#fef3c7;color:#92400e}.priority.critica{background:#ffe4e6;color:#be123c}.status-dot:before{display:block;width:9px;height:9px;border-radius:50%;background:var(--dot);content:""}.card-actions{justify-content:flex-end}.panel-subtitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-subtitle h3{margin:0}.tab-row{display:flex;gap:8px;border-bottom:1px solid var(--line)}.tab-row span{display:inline-flex;min-height:36px;align-items:center;border-bottom:3px solid transparent;color:#64748b;font-size:.88rem;font-weight:900}.tab-row span.active{border-color:var(--accent);color:var(--accent)}.detail-panel,.empty-panel,.report-panel{display:grid;gap:16px;padding:18px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-list{display:grid;gap:8px}.compact-list span{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;color:#64748b}.compact-link{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#64748b;padding:0 0 8px;text-align:left}.compact-link b{color:var(--app-text)}.suggestion-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--accent) 7%,#fff);padding:12px}.suggestion-strip span{border-radius:999px;background:#fff;padding:5px 9px;color:#475569;font-size:.82rem;font-weight:850}.kanban-board{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.kanban-column{display:grid;align-content:start;gap:12px;min-height:360px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--status-color) 6%,#fff);padding:12px}.kanban-column header{display:grid;grid-template-columns:10px 1fr max-content;gap:8px;align-items:center}.kanban-column header span{width:10px;height:28px;border-radius:999px;background:var(--status-color)}.kanban-column header h3{margin:0;font-size:.98rem}.activity-card{border-top:6px solid var(--accent);box-shadow:0 10px 24px #0f172a12}.activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.activity-card .summary-card-head h4{flex:1 1 auto;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.activity-card .summary-toggle{width:34px;min-width:34px;padding:0}.activity-card .summary-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.date-row{color:#64748b;font-size:.84rem;font-weight:800}.date-row span,.reminder-row a{display:inline-flex;align-items:center;gap:5px}.reminder-row{justify-content:flex-start}.reminder-row span{display:inline-flex;gap:5px}.reminder-row a{width:30px;height:30px;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.finance-reference-cell{display:grid;gap:6px}.finance-reference-cell .soft-pill{justify-self:start}.finance-due-cell{display:grid;justify-items:start;gap:6px}.finance-overdue-row td{background:#fff7f7}.finance-overdue-row td:first-child{box-shadow:inset 3px 0 #dc2626}.overdue-marker{display:inline-flex;align-items:center;gap:6px;min-height:24px;border-radius:999px;background:#fee2e2;color:#991b1b;padding:0 9px;font-size:.76rem;font-weight:950}.overdue-marker:before{width:8px;height:8px;border-radius:50%;background:#dc2626;content:""}.reports-grid{grid-template-columns:1fr 1fr}.reports-grid .metric-grid,.report-panel.wide{grid-column:1 / -1}.client-portal-shell{display:grid;gap:20px;min-height:100vh;background:linear-gradient(135deg,#f8fbfffa,#eff6fff0 58%,#f4efffd1),radial-gradient(circle at 82% 8%,rgba(37,99,235,.12),transparent 28%);padding:clamp(18px,3vw,34px)}.client-portal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#ffffffd1;padding:10px 12px;box-shadow:0 14px 38px #0f172a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.client-portal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.client-portal-actions select{width:min(260px,100%)}.month-picker{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475569;padding:0 10px}.month-picker input,.month-picker select{width:150px;min-height:40px;border:0;box-shadow:none;padding:0}.client-portal-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(145deg,#fffffff5,#eff6ffe0 60%,#f0fdfabf);padding:clamp(20px,4vw,38px);box-shadow:0 26px 70px #0f172a14}.client-portal-hero h1{margin:0;color:#0f172a;font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.client-portal-hero p:not(.eyebrow){margin:10px 0 0;color:#475569;font-weight:850}.report-stamp{display:grid;min-width:min(280px,100%);gap:6px;border:1px solid rgba(37,99,235,.16);border-radius:12px;background:#fffc;padding:14px 16px}.report-stamp span{color:#64748b;font-size:.82rem;font-weight:900;text-transform:capitalize}.report-stamp b{color:#0f172a;font-size:1.05rem}.client-portal-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.client-portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:16px}.client-portal-grid .wide{grid-column:1 / -1}.portal-summary p{color:#475569;font-weight:780}.portal-year-chart-panel{gap:18px}.portal-chart-title{align-items:flex-start}.portal-chart-title h2,.portal-chart-title p{margin:0}.portal-chart-title p{margin-top:4px;color:#64748b;font-size:.9rem;font-weight:800}.portal-year-chart{display:grid;grid-template-columns:repeat(12,minmax(58px,1fr));gap:10px;align-items:end;overflow-x:auto;padding:4px 2px 2px}.portal-year-month{display:grid;min-width:58px;gap:8px;align-items:end;color:#475569;text-align:center}.portal-bar-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:end;height:150px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbff);padding:8px 8px 0}.portal-bar{position:relative;display:block;height:100%;overflow:hidden;border-radius:999px 999px 0 0;background:#e5e7eb}.portal-bar i{position:absolute;right:0;bottom:0;left:0;height:var(--bar-height);min-height:var(--bar-min-height);border-radius:999px 999px 0 0;content:""}.portal-bar.paid i{background:linear-gradient(180deg,#22c55e,#0f766e)}.portal-bar.expected i{background:linear-gradient(180deg,#60a5fa,#2563eb)}.portal-year-month b{color:#334155;font-size:.78rem;font-weight:950;text-transform:capitalize}.portal-year-month small{color:#64748b;font-size:.68rem;font-weight:800}.portal-chart-legend{display:flex;flex-wrap:wrap;gap:12px;color:#475569;font-size:.86rem;font-weight:900}.portal-chart-legend span{display:inline-flex;align-items:center;gap:7px}.portal-chart-legend span:before{display:block;width:12px;height:12px;border-radius:999px;content:""}.portal-chart-legend .paid:before{background:#0f766e}.portal-chart-legend .expected:before{background:#2563eb}.portal-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.portal-service-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px}.portal-service-card h3,.portal-service-card p{margin:0}.portal-service-card p{color:#64748b;font-size:.86rem;font-weight:850}.portal-service-card strong{color:#0f172a;font-size:1.25rem}.portal-empty-line{margin:0;color:#64748b;font-weight:850}.portal-document-list{display:grid;gap:10px}.portal-document-list a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px}.portal-document-list a svg{color:var(--accent)}.portal-document-list span{display:grid;min-width:0;gap:2px}.portal-document-list b,.portal-document-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-document-list b{color:#0f172a}.portal-document-list small{color:#64748b;font-weight:800}.client-portal-empty{width:min(720px,100%);margin:12vh auto 0}.progress-line{display:grid;gap:8px}.progress-line div{display:flex;justify-content:space-between;gap:12px;color:#475569;font-weight:850}.progress-line i{display:block;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#e5e7eb}.progress-line i:before{display:block;width:var(--bar);height:100%;border-radius:999px;background:var(--bar-color);content:""}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.login-image-settings{align-items:start}.login-image-editor{display:grid;grid-template-columns:minmax(180px,320px) minmax(0,1fr);gap:18px;align-items:center}.login-image-editor img{display:block;width:100%;max-height:320px;border:1px solid var(--line);border-radius:8px;background:#eff6ff;object-fit:contain}.login-image-editor p{margin:0 0 10px;color:#475569;line-height:1.5}.theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid var(--line);background:#fff;padding:14px;text-align:left}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.theme-choice span{height:46px;border:1px solid var(--line);border-radius:8px}.theme-choice b{grid-column:1 / -1}@media(max-width:1180px){.login-page{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.login-showcase{grid-column:1;width:min(360px,100%)}.login-page .login-panel{grid-column:2;grid-row:1 / span 2}.client-layout,.reports-grid,.resource-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.login-page{grid-template-columns:1fr;overflow:auto;padding:22px}.login-showcase,.login-page .login-panel{grid-column:auto;grid-row:auto}.login-showcase{width:min(390px,100%)}.app-shell{--sidebar-width: 72px}.sidebar{width:72px;padding:12px 9px}.sidebar-open .sidebar{width:min(260px,calc(100vw - 28px))}.sidebar-open .sidebar .brand-button span,.sidebar-open .sidebar .side-nav span,.sidebar-open .sidebar .side-config-menu summary span,.sidebar-open .sidebar .side-config-button span,.sidebar-open .sidebar .side-logout span,.sidebar-open .sidebar .user-name{display:inline}.sidebar-open .sidebar-head{grid-template-columns:1fr 38px}.sidebar-open .brand-button,.sidebar-open .side-nav button,.sidebar-open .side-config-menu summary,.sidebar-open .side-config-button,.sidebar-open .side-logout{justify-content:flex-start;gap:10px;padding:0 12px}.app-content{width:calc(100vw - 72px);max-width:calc(100vw - 72px);margin-left:72px;padding:20px 14px 28px}.client-portal-shell{gap:14px;padding:14px}.client-portal-header,.client-portal-hero{align-items:stretch;flex-direction:column}.client-portal-actions,.client-portal-actions .btn,.client-portal-actions select,.month-picker,.month-picker input,.month-picker select{width:100%}.report-stamp{min-width:0}.client-portal-metrics,.client-portal-grid{grid-template-columns:1fr}.sidebar-collapsed .sidebar .user-name{display:none}.view-toolbar,.dashboard-title{align-items:start;flex-direction:column}.dashboard-view{gap:16px;padding:16px 12px 18px}.dashboard-hero h1{font-size:clamp(1.22rem,6vw,1.55rem);line-height:1.18}.dashboard-hero p{font-size:.8rem;line-height:1.4}.toolbar-actions,.toolbar-actions .search-box,.toolbar-actions .btn{width:100%}.orbit-menu{--orbit-size: 310px;--orbit-radius: 98px;--orbit-arrow-radius: 96px;--orbit-button-size: 68px;--orbit-center-size: 82px;--orbit-ring-inset: 58px;display:block;width:var(--orbit-size);height:var(--orbit-size);max-width:100%;margin-top:2px}.orbit-arrow{width:22px;height:22px}.orbit-center,.orbit-button{position:absolute;width:var(--orbit-button-size);height:var(--orbit-button-size);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--angle)))}.orbit-button:hover{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--angle)))}.orbit-center{width:var(--orbit-center-size);height:var(--orbit-center-size);transform:translate(-50%,-50%)}.orbit-button b{width:20px;height:18px;font-size:.68rem}.orbit-button span{font-size:.58rem}.orbit-button svg{width:15px;height:15px}.orbit-button:after{bottom:auto;top:calc(100% + 8px);width:min(210px,78vw)}.orbit-center span{font-size:.68rem}.orbit-center small{font-size:.52rem}.dashboard-guidance{border-radius:10px;padding:7px 10px;font-size:.76rem}.metric-grid,.metric-grid.compact,.mini-grid,.resource-grid,.theme-grid,.login-image-editor,.signup-card,.form-grid,.checkbox-grid{grid-template-columns:minmax(0,1fr)}.service-search-row,.service-search-row .search-box,.compact-filter,.service-search-row select,.section-actions,.section-actions .btn,.finance-filter-row,.finance-filter-row .client-filter,.finance-filter-row .compact-filter,.button-row,.button-row .btn{width:100%}.service-search-row{flex-wrap:wrap;overflow-x:visible}.service-search-row .search-box,.compact-filter,.service-search-row select{flex-basis:100%}.field:has(textarea),.field:has(.checkbox-grid),.field:has(.permission-block){grid-column:auto}.client-services-field{grid-column:auto}.client-service-options,.client-contract-grid{grid-template-columns:minmax(0,1fr)}.kanban-board{grid-template-columns:repeat(6,minmax(260px,82vw))}th,td{min-width:136px}}@media print{.client-portal-shell{background:#fff;padding:0}.client-portal-header,.client-portal-actions,.toast{display:none}.client-portal-hero,.report-panel,.metric-card{break-inside:avoid;box-shadow:none}}@media(max-width:480px){.sidebar-open .sidebar{width:min(248px,calc(100vw - 22px))}}@supports not selector(:has(*)){.field{grid-column:auto}}