:root{color-scheme:light;--bg: #F4F6F8;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--text: #0A192F;--muted: #637381;--line: rgba(99, 115, 129, .12);--shadow: 0 16px 40px rgba(10, 25, 47, .06);--soft-shadow: 0 8px 24px rgba(10, 25, 47, .03);--primary: #0A192F;--primary-2: #172A45;--teal: #00A3A6;--sidebar-bg: #FFFFFF;--gradient-teal: linear-gradient(135deg, #0A192F 0%, #172A45 100%);--accent-teal-grad: linear-gradient(135deg, #00A3A6 0%, #00D1B2 100%);--accent: #f59e0b;--danger: #ef4444;--radius: 18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:-10%;right:-10%;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(0,163,166,.05) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;bottom:-10%;left:-10%;width:40vw;height:40vw;border-radius:50%;background:radial-gradient(circle,rgba(10,25,47,.03) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app.dark{color-scheme:dark;--bg: #070F1E;--surface: rgba(17, 34, 64, .78);--surface-strong: #112240;--text: #FFFFFF;--muted: #8892B0;--line: rgba(255, 255, 255, .08);--shadow: 0 20px 50px rgba(2, 12, 27, .5);--soft-shadow: 0 10px 30px rgba(2, 12, 27, .3);--sidebar-bg: #0D1B2A;--teal: #00D1B2;--gradient-teal: linear-gradient(135deg, #0D1B2A 0%, #1B263B 100%);--accent-teal-grad: linear-gradient(135deg, #00D1B2 0%, #00F5D4 100%)}.landing{min-height:100vh;padding:18px}.landingNav{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto;padding:12px 14px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topHeader{position:sticky;top:14px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:12px 14px;background:transparent;border:none;box-shadow:none}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;font-weight:800;letter-spacing:0}.brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:var(--primary);box-shadow:0 10px 24px #33415547}.landingLinks,.navActions,.headerActions,.heroActions,.tableToolbar,.builderActions,.actions,.formRow{display:flex;align-items:center;gap:10px}.landingLinks a{padding:8px 10px;color:var(--muted);font-weight:650}.button,.iconButton,.profileButton,.actions button,.actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-strong);box-shadow:0 8px 22px #0f172a0f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.button{padding:0 16px;font-weight:750}.button:hover,.iconButton:hover,.profileButton:hover,.actions button:hover,.actions a:hover,.glassCard:hover{transform:translateY(-2px);border-color:#33415547}.button.primary{border-color:transparent;color:#fff;background:var(--primary);box-shadow:0 16px 35px #3341553d}.button.secondary{background:#3341551a}.button.ghost{background:transparent;box-shadow:none}.button.full{width:100%}.iconButton,.actions button{width:40px;padding:0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:42px;align-items:center;max-width:1180px;min-height:calc(100vh - 110px);margin:0 auto;padding:62px 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--primary);background:var(--surface);font-weight:760}.hero h1{max-width:770px;margin:0;font-size:clamp(42px,8vw,78px);line-height:.98;letter-spacing:0}.hero p,.intro p,.services p,.contact p,.loginBrand p,.pageHeader p,.formCard p{color:var(--muted);line-height:1.7}.hero p{max-width:650px;font-size:18px}.heroProduct{min-height:520px;padding:16px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,var(--surface),rgba(255,255,255,.38));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.previewHeader{display:flex;gap:8px;padding:8px}.previewHeader span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.previewGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.previewCard{min-height:120px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);box-shadow:var(--soft-shadow)}.previewCard.tall{grid-row:span 2}.previewCard.wide{grid-column:1 / -1}.previewCard p,.previewLine{display:flex;justify-content:space-between;gap:10px;margin:10px 0}.intro,.services,.testimonials,.contact{max-width:1180px;margin:28px auto;padding:54px 0}.intro{max-width:760px;text-align:center}h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);letter-spacing:0}.featureGrid,.settingsGrid,.metricRow,.statsGrid,.taskSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto}.glassCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform .18s ease,border-color .18s ease}.glassCard{padding:18px}.glassCard h3,.taskCard h4{margin:0 0 8px}.glassCard p,.taskCard p{color:var(--muted);line-height:1.55}.services{display:grid;grid-template-columns:.8fr 1fr;gap:34px;align-items:center}.serviceList{display:grid;grid-template-columns:1fr 1fr;gap:12px}.serviceList span{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:700}.statsBand{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:28px auto;padding:22px;border-radius:24px;color:#fff;background:var(--primary)}.statsBand div{display:grid;gap:4px;text-align:center}.statsBand strong{font-size:34px}.contact{text-align:center}footer{max-width:1180px;margin:0 auto;padding:28px 0 44px;color:var(--muted);text-align:center}.loginPage{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.loginBrand,.loginPanel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,76px)}.loginBrand{background:linear-gradient(150deg,#33415529,#14b8a621)}.loginBrand h1{max-width:620px;margin:28px 0 10px;font-size:clamp(36px,5vw,64px);line-height:1.02}.loginIllustration{display:grid;gap:14px;max-width:460px;margin-top:42px}.orbitalCard{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--soft-shadow);font-weight:760}.formCard{width:min(100%,430px);margin:0 auto;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}label{display:grid;gap:8px;margin-top:14px;color:var(--muted);font-size:14px;font-weight:700}input,textarea,select{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-strong);outline:none}textarea{min-height:110px;resize:vertical}.check,.permission{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:10px;margin:0}.check input,.permission input{width:18px;min-height:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.segmented button{min-height:38px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800}.segmented button.active{color:#fff;background:var(--primary)}.segmented.compact{width:220px}.dashboardShell{display:flex;min-height:100vh}.sidebar{position:fixed;top:50%;left:16px;transform:translateY(-50%);width:286px;height:auto;max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;padding:16px 28px 16px 16px;border:1px solid var(--line);border-radius:20px;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:width .3s ease-in-out,transform .3s ease-in-out;z-index:50;box-shadow:var(--shadow)}.sidebar.collapsed{width:82px}.sidebar.collapsed .brand span:last-child,.sidebar.collapsed .sideLink span,.sidebar.collapsed .sideLink .rotated,.sidebar.collapsed .sideButton svg:last-child{display:none}.sideTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.sideTop .brand{color:var(--text)!important}.sideNav{display:grid;gap:8px}.sideLink{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border:1px solid transparent;border-radius:14px;color:#637381;background:transparent;font-weight:760;transition:all .2s ease}.sideLink svg{min-width:20px;width:20px;color:#637381;transition:all .2s ease}.sideLink:hover{color:#00a3a6;background:#00a3a60f}.sideLink:hover svg{color:#00a3a6}.sideLink.active,.sideLink.active:hover{color:#fff!important;background:var(--accent-teal-grad)!important;border-color:transparent!important;box-shadow:0 10px 24px #00a3a638!important}.sideLink.active svg,.sideLink.active:hover svg{color:#fff!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))!important}.app.dark .sideLink{color:#94a3b8}.app.dark .sideLink svg{color:#94a3b8}.app.dark .sideLink:hover{color:#00d1b2;background:#00d1b214}.app.dark .sideLink:hover svg{color:#00d1b2}.app.dark .sideLink.active{color:#fff!important;background:var(--accent-teal-grad)!important}.app.dark .sideLink.active svg{color:#fff!important}.sideButton{justify-content:flex-start;width:100%}.sideButton svg:last-child{margin-left:auto;transition:transform .16s ease}.rotated{transform:rotate(180deg)}.taskSubnav{display:grid;gap:6px;max-height:0;overflow:hidden;padding-left:12px;transition:max-height .22s ease}.taskSubnav.open{max-height:230px}.mainArea{flex:1;min-width:0;padding-left:110px}.sidebarToggleBtn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--surface-strong);color:var(--text);box-shadow:var(--soft-shadow);cursor:pointer;z-index:60;padding:0;transition:background .2s,color .2s,transform .3s ease-in-out}.sidebarToggleBtn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.topHeader{top:0;max-width:none;margin:0;border-radius:0;border-top:0;border-left:0;border-right:0}.searchBar{display:flex;align-items:center;gap:9px;flex:1;max-width:520px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.searchBar input{min-height:auto;padding:0;border:0;background:transparent}.searchBar.small{max-width:360px}.profileButton{padding:0 12px}.content{padding:28px;animation:fadeUp .28s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px;background:linear-gradient(to right,#004d4d,teal,#80e5e5)!important;padding:32px;border-radius:24px;color:#fff;box-shadow:0 16px 40px #00808026!important}.pageHeader h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:0;color:#fff}.pageHeader p{margin:8px 0 0;color:#ffffffd9}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-bottom:16px}.statCard{min-height:178px}.statTop{display:flex;align-items:center;justify-content:space-between}.statIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:var(--primary)}.statCard strong{display:block;margin-top:18px;font-size:32px}.trend{display:inline-flex;align-items:center;gap:4px;font-weight:800}.trend.up{color:#059669}.trend.down{color:#dc2626}.miniProgress{height:8px;margin-top:16px;overflow:hidden;border-radius:999px;background:#94a3b838}.miniProgress span{display:block;height:100%;border-radius:inherit;background:var(--primary);animation:grow .9s ease both}@keyframes grow{0%{width:0}}.dashboardGrid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.widePanel{grid-column:span 1}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panelTitle h3{display:flex;align-items:center;gap:10px;margin:0}.panelTitle h3 svg{width:32px;height:32px;padding:6px;border-radius:10px;color:#fff;background:var(--primary)}.panelTitle span{color:var(--muted);font-size:13px;font-weight:800}.responsiveTable{width:100%;overflow:visible}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--primary);background:#f1f5f9;font-size:12px;font-weight:700;text-transform:uppercase}tbody tr{transition:background .16s ease}tbody tr:hover{background:#3341550f}.badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;color:#0f172a;background:#e2e8f0;font-size:12px;font-weight:900}.badge.paid,.badge.completed,.badge.active,.badge.accepted,.badge.low{color:#065f46;background:#ccfbf1}.badge.partial,.badge.inprogress,.badge.review,.badge.medium,.badge.invited{color:#92400e;background:#fef3c7}.badge.due,.badge.pending,.badge.draft,.badge.high{color:#1d4ed8;background:#dbeafe}.badge.overdue{color:#991b1b;background:#fee2e2}.actions button,.actions a{width:32px;min-height:32px}.invoiceActions{flex-wrap:nowrap}.statusDropdown{position:relative}.statusMenu{position:absolute;right:0;top:calc(100% + 8px);z-index:10;display:none;min-width:132px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface-strong);box-shadow:var(--soft-shadow)}.statusDropdown:focus-within .statusMenu,.statusDropdown:hover .statusMenu{display:grid;gap:4px}.statusMenu button{width:100%;justify-content:flex-start;padding:0 10px;box-shadow:none}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;color:var(--muted);font-weight:800}.pagination button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface-strong)}.pagination button:disabled{cursor:not-allowed;opacity:.45}.builderGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;max-width:1180px;margin:0 auto}.builderForm{display:grid;gap:18px}.formSection h3{margin:0 0 10px}.formSection>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.formSection label{margin:0}.formSection textarea,.formSection .itemTable{grid-column:1 / -1}.itemTable{display:grid;gap:8px}.itemHead,.itemRow{display:grid;grid-template-columns:2fr .65fr .75fr .9fr 1fr 42px;gap:8px;align-items:center}.itemHead{color:var(--muted);font-size:12px;font-weight:900;text-transform:capitalize}.previewPanel{position:static;overflow:auto}.docPreview{--invoice-accent: #2563eb;--invoice-primary: #333333;--invoice-text: #333333;--invoice-font: Inter;width:210mm;min-height:297mm;margin:0 auto;padding:16mm 17mm;border:1px solid #d7dee8;border-radius:4px;color:var(--invoice-text);background:#fff;box-shadow:0 20px 40px #0f172a14;font-family:var(--invoice-font),Inter,system-ui,-apple-system,sans-serif}.invoiceHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:14px}.invoiceLogoHeaderGroup{display:flex;align-items:center;gap:18px}.companyLogoBlock{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--invoice-accent) 0%,var(--invoice-primary) 100%);box-shadow:0 4px 12px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.companyLogoBlock:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.logoMonogram{color:#fff;font-size:24px;font-weight:800;font-family:var(--invoice-font),sans-serif;letter-spacing:-1px}.invoiceLogoImage{width:100%;height:100%;object-fit:contain;border-radius:inherit}.invoiceSignatureImage{max-height:48px;max-width:140px;position:absolute;bottom:2px;object-fit:contain}.invoiceIdentity h1{margin:0;max-width:460px;color:var(--invoice-primary);font-size:29px;line-height:1.12;font-weight:850;letter-spacing:0}.invoiceIdentity p{margin:7px 0 0;color:#64748b;font-size:13px;line-height:1.45}.invoiceAccentBar{position:relative;height:16px;margin:2px 0 34px;background:var(--invoice-accent)}.invoiceTitleBox{position:absolute;right:0;top:-13px;min-width:150px;padding:9px 18px;border:2px solid var(--invoice-accent);color:var(--invoice-primary);background:#fff;text-align:center;text-transform:uppercase;font-size:24px;font-weight:800;letter-spacing:0}.invoiceDetails{display:grid;grid-template-columns:1.1fr .8fr;gap:26px;align-items:start;margin-bottom:28px}.recipientBlock h3{margin:0 0 9px;color:var(--invoice-primary);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:0}.recipientBlock strong{display:block;margin-bottom:5px;color:var(--invoice-primary);font-size:15px;font-weight:800}.recipientBlock p{max-width:390px;margin:3px 0;color:#475569;font-size:12.5px;line-height:1.5}.invoiceMetaStacked{justify-self:end;min-width:245px;padding-top:2px;text-align:right}.metaRow{display:flex;justify-content:space-between;gap:18px;margin:0;padding:7px 0;border-bottom:1px solid #e5e7eb;color:#475569;font-size:12.5px}.metaLabel{text-transform:uppercase;color:var(--invoice-primary);font-size:11px;font-weight:800}.metaValue{color:var(--invoice-primary);font-weight:800}.invoiceTable{width:100%;min-width:0;margin:0 0 24px;border:1px solid #d9dee7;border-collapse:collapse;table-layout:fixed}.invoiceTable th:nth-child(1),.invoiceTable td:nth-child(1){width:13%}.invoiceTable th:nth-child(2),.invoiceTable td:nth-child(2){width:37%}.invoiceTable th:nth-child(3),.invoiceTable td:nth-child(3),.invoiceTable th:nth-child(4),.invoiceTable td:nth-child(4){width:12%}.invoiceTable th:nth-child(5),.invoiceTable td:nth-child(5),.invoiceTable th:nth-child(6),.invoiceTable td:nth-child(6){width:13%}.invoiceTable thead{background:#3f3f46}.invoiceTable tr:nth-child(2n) td{background:#f8fafc}.invoiceTable tr:hover{background:transparent}.invoiceTable tr:hover td{background:inherit}.invoiceTable tr:nth-child(2n):hover td{background:#f8fafc}.invoiceTable tr:nth-child(odd):hover td{background:#fff}.invoiceTable th,.invoiceTable td{border:1px solid #d9dee7}.invoiceTable th{padding:11px 10px;color:#fff;background:#3f3f46;font-size:10.5px;font-weight:800;letter-spacing:0;text-align:left;text-transform:uppercase}.invoiceTable td{padding:11px 10px;color:var(--invoice-text);font-size:12.5px;line-height:1.45;white-space:normal;vertical-align:top;background:#fff}.invoiceTable th:nth-child(1),.invoiceTable td:nth-child(1),.invoiceTable th:nth-child(3),.invoiceTable td:nth-child(3),.invoiceTable th:nth-child(4),.invoiceTable td:nth-child(4){text-align:center}.invoiceTable th:nth-child(5),.invoiceTable td:nth-child(5),.invoiceTable th:nth-child(6),.invoiceTable td:nth-child(6){text-align:right}.invoiceBottomGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:28px;align-items:start;margin-top:26px}.invoiceThanks{padding:16px 18px;border:1px solid #e5e7eb;background:#f8fafc}.invoiceThanks h4,.invoiceThanks h5{margin:0 0 9px;color:var(--invoice-primary);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:0}.invoiceThanks h5{margin-top:16px;color:var(--invoice-accent)}.invoiceNote,.bankDetails p,.mutedSmall{margin:3px 0;color:#475569;font-size:12px;line-height:1.5}.bankDetails strong{color:var(--invoice-primary)}.mutedSmall{color:#94a3b8;font-style:italic}.invoiceTotals{width:100%;margin:0;border:1px solid #e5e7eb;background:#fff}.invoiceTotals p{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin:0;padding:9px 13px;border-bottom:1px solid #edf1f7;color:#475569;font-size:12.5px}.invoiceTotals p span{font-weight:750}.invoiceTotals p strong{color:var(--invoice-primary);font-weight:850;text-align:right}.invoiceTotals .payable{margin:0;padding:13px;border-bottom:0;color:#fff;background:var(--invoice-accent)}.invoiceTotals .payable span,.invoiceTotals .payable strong{color:#fff}.invoiceTotals .payable span{text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:0}.invoiceTotals .payable strong{font-size:17px}.invoiceFooter{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:end;margin-top:46px;padding-top:16px;border-top:2px solid var(--invoice-primary)}.footerContact{color:#475569;font-size:11.5px;line-height:1.6;text-align:left}.signatureBlock{display:grid;gap:7px;color:var(--invoice-primary);font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}.signatureBlock span{display:block;height:36px;border-bottom:1.5px solid var(--invoice-primary)}.invoiceParties,.partyCard,.invoiceLogo,.invoiceLogoFallback,.logoDot,.logoText{display:none}.wysiwygWorkspace{display:flex;justify-content:center;padding:8px 0 96px;overflow-x:auto}.invoiceEditorCanvas{outline:1px solid rgba(37,99,235,.12)}.editableSection,.editableInvoiceTable,.editableTotals{position:relative}.editableSection:hover,.editableInvoiceTable:hover,.editableTotals:hover,.invoiceThanks:hover{outline:1px dashed rgba(37,99,235,.32);outline-offset:4px}.inlineField,.tableField,.miniInlineInput,.amountInlineInput{min-height:0;border:1px solid transparent;border-radius:6px;color:inherit;background:transparent;box-shadow:none}.inlineField:focus,.tableField:focus,.miniInlineInput:focus,.amountInlineInput:focus{border-color:color-mix(in srgb,var(--invoice-accent) 62%,white);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--invoice-accent) 14%,transparent)}.inlineField{display:block;width:min(100%,390px);margin:2px 0;padding:4px 6px;font-size:12.5px;line-height:1.45}.clientNameField{color:var(--invoice-primary);font-size:15px;font-weight:800}.addressField{min-height:54px;resize:none}.metaInput{width:130px;padding:2px 4px;color:var(--invoice-primary);font-weight:800;text-align:right}.editableInvoiceTable th:nth-child(1),.editableInvoiceTable td:nth-child(1){width:8%}.editableInvoiceTable th:nth-child(2),.editableInvoiceTable td:nth-child(2){width:34%}.editableInvoiceTable th:nth-child(3),.editableInvoiceTable td:nth-child(3),.editableInvoiceTable th:nth-child(4),.editableInvoiceTable td:nth-child(4){width:10%}.editableInvoiceTable th:nth-child(5),.editableInvoiceTable td:nth-child(5){width:12%}.editableInvoiceTable th:nth-child(6),.editableInvoiceTable td:nth-child(6){width:16%}.editableInvoiceTable th:nth-child(7),.editableInvoiceTable td:nth-child(7){width:42px;text-align:center}.tableField{width:100%;padding:4px 5px;font-size:12.5px}.descriptionField{min-height:38px;resize:none}.numericField{text-align:right}.rowIconButton,.addItemRow button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;color:#64748b;background:transparent;box-shadow:none}.rowIconButton{width:28px;min-height:28px}.rowIconButton:hover,.addItemRow button:hover{color:var(--invoice-accent);border-color:color-mix(in srgb,var(--invoice-accent) 32%,white);background:color-mix(in srgb,var(--invoice-accent) 8%,white)}.addItemRow td{padding:8px 10px;background:#fff!important;text-align:left!important}.addItemRow button{min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.configurableLine{position:relative}.miniInlineInput{width:46px;padding:2px 4px;color:var(--invoice-primary);font-weight:800;text-align:right}.amountInlineInput{width:112px;padding:2px 4px;color:var(--invoice-primary);font-weight:850;text-align:right}.lineConfig{position:absolute;right:10px;top:-26px;display:none;min-height:22px;padding:0 8px;border-radius:999px;color:#fff;background:var(--invoice-primary);font-size:10px;font-weight:850}.configurableLine:hover .lineConfig{display:inline-flex;align-items:center}.floatingActionDock{position:fixed;right:28px;bottom:22px;z-index:120;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:0 18px 50px #0f172a33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.floatingActionDock>div{display:grid;min-width:132px;padding:0 10px}.floatingActionDock span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.floatingActionDock strong{color:var(--text);font-size:16px}.invoiceThemeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:12px}.themePanel{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong)}.themePanel h4{margin:0;color:var(--text);font-size:13px;font-weight:850}.themePanel p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.colorPicker.expanded{flex-wrap:wrap}.fontStyleList{display:flex;flex-wrap:wrap;gap:8px}.fontStyleList button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:transparent;font-weight:750}.fontStyleList button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.invoiceThemeGrid .footerTextEditor{grid-column:1 / -1}.metricRow{grid-template-columns:repeat(3,1fr);max-width:none;margin-bottom:16px}.taskSummary{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.taskCard{display:grid;gap:10px;width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);text-align:left;transition:transform .16s ease,box-shadow .16s ease;overflow:hidden;overflow-wrap:break-word;word-wrap:break-word}.taskCard *{max-width:100%}.taskCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a1a}.taskCard.compact{padding:12px;gap:7px}.taskCardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.taskCardHeader h4{margin:0;font-size:15px;line-height:1.35;flex:1}.taskGivenTag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;color:#fff;background:var(--primary);white-space:nowrap}.taskMeta{display:flex;align-items:center;gap:5px;margin:0;color:var(--muted);font-size:13px}.taskDesc{color:var(--text);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.taskBadges{display:flex;flex-wrap:wrap;gap:8px}.taskActions{margin-top:4px}.taskGivenBtn{min-height:34px;padding:0 14px;font-size:13px;font-weight:700;gap:6px}.taskGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.taskListView{display:flex;flex-direction:column;gap:12px;margin-top:16px}.taskEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;color:var(--muted);text-align:center}.taskEmpty svg{opacity:.35}.taskEmpty p{margin:0;font-size:15px}.segmented button svg{margin-right:2px;vertical-align:middle}.createTaskModal{width:min(100%,640px);max-height:calc(100vh - 36px);overflow-y:auto;display:grid;gap:20px}.createTaskForm{display:grid;gap:14px}.createTaskRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.createTaskForm label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700;margin:0}.createTaskForm input,.createTaskForm textarea,.createTaskForm select{margin:0}.createTaskForm .required{color:#ef4444}.levelField{display:flex;align-items:center;gap:16px}.levelLabel{color:var(--muted);font-size:13px;font-weight:700;min-width:44px}.levelOptions{display:flex;gap:10px}.levelBtn{min-height:36px;padding:0 20px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface-strong);color:var(--muted);font-weight:700;cursor:pointer;transition:all .16s ease}.levelBtn:hover{border-color:#33415559;color:var(--text)}.levelBtn.active.low{background:#ccfbf1;border-color:#475569;color:#065f46}.levelBtn.active.medium{background:#fef3c7;border-color:#f59e0b;color:#92400e}.levelBtn.active.high{background:#fee2e2;border-color:#ef4444;color:#991b1b}.activityList{display:grid;gap:14px}.activityList p{display:flex;gap:10px;margin:0}.activityList span{width:10px;height:10px;margin-top:7px;border-radius:999px;background:var(--primary-2)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:40px 18px;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{margin:auto;width:min(100%,560px);padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--surface-strong);box-shadow:var(--shadow);position:relative}.filterModal{display:grid;gap:12px}.invoiceModal{width:min(100%,980px);position:relative}.attachmentBox{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:14px}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-bottom:16px}.settingsGrid .glassCard{display:grid;gap:10px}.permission{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-strong);color:var(--text)}.mobileOnly{display:none}@media (max-width: 1060px){.hero,.loginPage,.services,.dashboardGrid,.builderGrid{grid-template-columns:1fr}.heroProduct{min-height:auto}.featureGrid,.statsGrid,.metricRow,.settingsGrid,.taskSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.previewPanel{position:static}}@media (max-width: 780px){.landingLinks,.desktopOnly{display:none}.mobileOnly{display:inline-flex}.sidebar{position:fixed;z-index:50;transform:translate(-105%);box-shadow:var(--shadow)}.sidebar.mobileOpen{transform:translate(0)}.content{padding:18px}.topHeader{padding:10px}.headerActions .profileButton span,.searchBar input{display:none}.searchBar{flex:0;width:44px;padding:0;justify-content:center}.pageHeader,.tableToolbar,.builderActions{flex-direction:column;align-items:stretch}.featureGrid,.statsGrid,.metricRow,.settingsGrid,.taskSummary,.kanban,.statsBand,.previewGrid,.serviceList,.formSection>div,.itemHead,.itemRow{grid-template-columns:1fr}.hero{min-height:auto;padding-top:46px}.hero h1{font-size:42px}.itemHead{display:none}.itemRow{padding:10px;border:1px solid var(--line);border-radius:14px}.docPreview{width:210mm;padding:12mm}.invoiceThemeGrid{grid-template-columns:1fr}.floatingActionDock{right:12px;left:12px;bottom:12px;justify-content:space-between;flex-wrap:wrap}.floatingActionDock>div{min-width:100%}.invoiceHeader>div{text-align:left}}.adminDropdownWrap{position:relative}.adminDropdownMenu{position:absolute;right:0;top:calc(100% + 10px);z-index:100;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);box-shadow:0 20px 60px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:dropdownIn .16s ease both}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.adminDropdownItem{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:11px;color:var(--text);background:transparent;font-weight:700;font-size:14px;cursor:pointer;transition:background .14s ease,color .14s ease}.adminDropdownItem:hover{background:#33415514}.adminDropdownItem.danger{color:#dc2626}.adminDropdownItem.danger:hover{background:#ef444417}.adminDropdownDivider{height:1px;margin:4px 6px;background:var(--line)}.profileButton.active{border-color:#3341554d;background:#3341550f}.panelTitleAction{color:var(--muted);font-size:13px;font-weight:800}.empManageLink{padding:4px 12px;min-height:30px;border:1px solid rgba(51,65,85,.3);border-radius:10px;color:var(--primary);background:#33415512;font-weight:800;font-size:13px;cursor:pointer;transition:background .16s ease,transform .16s ease}.empManageLink:hover{background:#33415524;transform:translateY(-1px)}.empMgmtModal{width:min(100%,900px);max-height:calc(100vh - 36px);display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.empModalHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}.empModalHeaderLeft{display:flex;align-items:center;gap:14px}.empMgmtIcon,.empAvatarBig{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:var(--primary);flex-shrink:0}.empAvatarBig{width:48px;height:48px;border-radius:16px}.empModalTitle{margin:0;font-size:18px;font-weight:800}.empModalSub{margin:2px 0 0;color:var(--muted);font-size:13px}.empMgmtTableWrap{flex:1;overflow:auto}.empMgmtTable{width:100%;min-width:640px;border-collapse:collapse}.empMgmtTable th,.empMgmtTable td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.empMgmtTable th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#33415508;position:sticky;top:0}.empTableRow{cursor:pointer;transition:background .14s ease}.empTableRow:hover{background:#3341550d}.empNameCell{display:flex;align-items:center;gap:10px;font-weight:700}.empAvatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--primary);font-size:13px;font-weight:800;flex-shrink:0}.empPermTags{display:flex;flex-wrap:wrap;gap:5px}.empPermTag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;background:#3341551a;color:var(--primary);font-size:11px;font-weight:800}.empPermTag.muted{background:#64748b1f;color:var(--muted)}.empProfileModal{width:min(100%,820px);max-height:calc(100vh - 36px);overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:0}.empProfileForm{display:grid;gap:16px;padding:20px 24px}.empFormRow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empFormLabel{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700;margin:0}.empFormGroup{display:grid;gap:8px}.empFormHint{color:var(--muted);font-weight:600;font-size:12px}.empStatusOptions{display:flex;flex-wrap:wrap;gap:8px}.empStatusBtn{min-height:34px;padding:0 16px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface-strong);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;transition:all .16s ease}.empStatusBtn:hover{border-color:#33415559;color:var(--text)}.empStatusBtn.active.active{background:#ccfbf1;border-color:#475569;color:#065f46}.empStatusBtn.active.leave{background:#fef3c7;border-color:#f59e0b;color:#92400e}.empStatusBtn.active.onboarding{background:#dbeafe;border-color:#334155;color:#1d4ed8}.empStatusBtn.active.noticeperiod{background:#fee2e2;border-color:#ef4444;color:#991b1b}.empPermissionsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.empPermBtn{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border:1.5px solid var(--line);border-radius:11px;background:var(--surface-strong);color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;transition:all .16s ease;text-align:left}.empPermBtn:hover{border-color:#33415559;color:var(--text)}.empPermBtn.active{background:#33415514;border-color:#33415566;color:var(--primary)}.empPermCheck{display:inline-block;width:15px;height:15px;border:1.5px solid var(--line);border-radius:4px;background:var(--surface-strong);flex-shrink:0;position:relative;transition:all .16s ease}.empPermCheck.checked{background:var(--primary);border-color:transparent}.empPermCheck.checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)}.empModalFooter{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.badge.leave{color:#92400e;background:#fef3c7}.badge.onboarding{color:#1d4ed8;background:#dbeafe}.badge.noticeperiod{color:#991b1b;background:#fee2e2}@media (max-width: 600px){.empFormRow{grid-template-columns:1fr}.empPermissionsGrid{grid-template-columns:repeat(2,1fr)}}.dashboardCanvas .statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dashboardCanvas .statCard.featured{grid-column:span 2;background:var(--gradient-teal);color:#fff;border:none;box-shadow:0 16px 40px #06b6d440}.dashboardCanvas .statCard.featured .statIcon{background:#ffffff26;color:#fff}.dashboardCanvas .statCard.featured strong,.dashboardCanvas .statCard.featured p,.dashboardCanvas .statCard.featured .trend{color:#fff}.dashboardCanvas .statCard.featured .miniProgress{background:#fff3}.dashboardCanvas .statCard.featured .miniProgress span{background:#475569}.dashboardCanvas .chartsRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dashboardCanvas table th,.dashboardCanvas table td{padding:16px;border-bottom:1px solid var(--line)}.dashboardCanvas table tr:hover{background-color:var(--surface-hover)}.dashboardCanvas .badge{padding:6px 12px;border-radius:99px;font-weight:700;font-size:11px}.dashboardCanvas .badge.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.dashboardCanvas .badge.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.dashboardCanvas .badge.info{background:#f0f9ff;color:#075985;border:1px solid #bae6fd}.dashboardCanvas .activityTimeline{display:flex;flex-direction:column;gap:20px;margin-top:12px;position:relative}.dashboardCanvas .activityTimeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--line)}.dashboardCanvas .timelineItem{display:flex;gap:16px;position:relative}.dashboardCanvas .timelineDot{width:12px;height:12px;border-radius:50%;margin-top:4px;position:relative;z-index:1}.dashboardCanvas .timelineContent{flex:1}.dashboardCanvas .timelineContent p{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text)}.dashboardCanvas .timelineContent .time{font-size:12px;color:var(--muted)}.pwaInstallBanner{position:fixed;bottom:24px;right:24px;z-index:9999;width:380px;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInUp .4s cubic-bezier(.16,1,.3,1) both}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.pwaInstallContent h4{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--text)}.pwaInstallContent p{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.5}.pwaInstallActions{display:flex;gap:12px}.pwaInstallActions .button{flex:1;font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.pwaInstallActions .button.primary{background:var(--primary);color:#fff}.pwaInstallActions .button.primary:hover{opacity:.9;transform:translateY(-1px)}.pwaInstallActions .button.secondary{background:transparent;color:var(--muted);border:1px solid var(--line)}.pwaInstallActions .button.secondary:hover{background:#0f172a0d;color:var(--text)}@media (max-width: 480px){.pwaInstallBanner{bottom:16px;right:16px;left:16px;width:auto}}.modal.empProfileModal{background:var(--surface)!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}.empProfileModal .empModalHeader{border-bottom:1px solid var(--line)!important;background:transparent!important}.empProfileModal .empModalFooter{border-top:1px solid var(--line)!important;background:transparent!important}.empProfileModal .empProfileForm input,.empProfileModal .empProfileForm select,.empProfileModal .empProfileForm textarea{background:#ffffff4d!important;border:1.5px solid var(--line)!important;color:var(--text)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.app.dark .empProfileModal .empProfileForm input,.app.dark .empProfileModal .empProfileForm select,.app.dark .empProfileModal .empProfileForm textarea{background:#0f172a59!important;border-color:#ffffff1a!important}.empProfileModal .empStatusBtn{background:#ffffff40!important;border:1.5px solid var(--line)!important;color:var(--muted)!important}.app.dark .empProfileModal .empStatusBtn{background:#0f172a4d!important;border-color:#ffffff1a!important}.empProfileModal .empStatusBtn:hover{border-color:#33415559!important;color:var(--text)!important}.empProfileModal .empStatusBtn.active.probation{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.badge.probation{color:#991b1b;background:#fee2e2}.empProfileModal .empPermBtn{background:#ffffff40!important;border:1.5px solid var(--line)!important;color:var(--muted)!important}.app.dark .empProfileModal .empPermBtn{background:#0f172a4d!important;border-color:#ffffff1a!important}.empProfileModal .empPermBtn:hover{border-color:#33415559!important;color:var(--text)!important}.empProfileModal .empPermBtn.active{background:#3341551a!important;border-color:#33415566!important;color:var(--primary)!important}.profileInfoText{display:grid;gap:12px;padding:8px 0;font-family:inherit}.profileInfoText p{margin:0;font-size:14px;color:var(--text);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px}.profileInfoText p:last-child{border-bottom:none}.profileInfoText p strong{color:var(--muted);font-weight:600}.companyLogoDisplay,.logo240{width:240px!important;height:240px!important;max-width:240px!important;max-height:240px!important;object-fit:contain!important;border-radius:12px;background:var(--surface-strong);border:1px dashed var(--line);padding:10px;margin:0 auto 16px;display:block}.button.ghost{outline:none!important;box-shadow:none!important;border:none!important}.button.ghost:focus,.button.ghost:active,.button.ghost:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.colorPicker{display:flex;gap:12px;margin:12px 0 20px;flex-wrap:wrap}.colorOption{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease}.colorOption:hover{transform:scale(1.15)}.colorOption.active{border-color:var(--text);transform:scale(1.1)}.footerTextEditor{display:flex;flex-direction:column;gap:10px;margin-top:14px}.footerTextEditor textarea{width:100%;min-height:80px;resize:vertical}.settingsSectionSpacing{margin-top:24px}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start}@media (max-width: 900px){.settingsGrid{grid-template-columns:1fr!important}}.inlineSettingsInput{background:transparent;border:none;border-bottom:1px dashed var(--line);color:var(--text);font-family:inherit;font-size:14px;padding:2px 4px;width:60%;text-align:right;outline:none;transition:border-color .2s,background-color .2s}.inlineSettingsInput:focus{border-bottom-color:var(--primary);background:#ffffff0a}.settingsLogo{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;object-fit:contain!important;border-radius:12px;background:var(--surface-strong);border:1px dashed var(--line);padding:8px;margin:0 auto 12px;display:block}.templateSplitLayout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}@media (max-width: 1100px){.templateSplitLayout{grid-template-columns:1fr}}.miniPreviewContainer{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#f1f5f9;padding:16px;display:flex;justify-content:center;max-height:600px}.miniPreviewScale{transform:scale(.48);transform-origin:top center;width:210mm;height:297mm;margin-bottom:-154.4mm;margin-right:-109.2mm;margin-left:-109.2mm;flex-shrink:0;box-shadow:0 10px 30px #00000026}.dark .miniPreviewScale{box-shadow:0 10px 30px #0006}.designerSplitLayout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;position:relative;width:100%}.designerLeftPanel{display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 160px);overflow-y:auto;padding-right:8px}.designerLeftPanel::-webkit-scrollbar{width:6px}.designerLeftPanel::-webkit-scrollbar-track{background:transparent}.designerLeftPanel::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.designerRightPanel{position:sticky;top:24px;height:calc(100vh - 160px);display:flex;flex-direction:column;background:var(--bg);background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)}.designerRightPanelHeader{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between}.designerRightPanelHeader h4{margin:0;font-size:13px;font-weight:700;color:var(--muted)}.designerPreviewCanvas{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}.designerPreviewScale{transform:scale(.6);transform-origin:top center;width:210mm;height:297mm;margin-bottom:-118.8mm;margin-left:-84mm;margin-right:-84mm;flex-shrink:0;box-shadow:0 12px 40px #0000001f;background:#fff;border-radius:4px}.dark .designerPreviewScale{box-shadow:0 12px 40px #0006}.accordionSection{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--soft-shadow);overflow:hidden;transition:border-color .2s,box-shadow .2s}.accordionSection.open{border-color:var(--primary);box-shadow:0 8px 30px #0000000d}.accordionHeader{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 22px;background:transparent;border:none;cursor:pointer;text-align:left;outline:none}.accordionTitle{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:750;color:var(--text)}.accordionChevron{font-size:11px;color:var(--muted);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.accordionSection.open .accordionChevron{transform:rotate(90deg)}.accordionBody{padding:0 22px 22px;border-top:1px solid var(--line);background:#ffffff40;animation:accordionSlideDown .22s cubic-bezier(.16,1,.3,1) both}.dark .accordionBody{background:#0000001f}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.saveBannerFloating{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;width:calc(100% - 48px);max-width:680px;animation:slideUpBanner .35s cubic-bezier(.34,1.56,.64,1) both}.saveBannerContent{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border:1px solid var(--primary);border-radius:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000026}.dark .saveBannerContent{background:#0f172ad9;border-color:var(--line);box-shadow:0 20px 50px #00000080}.saveBannerText{font-size:14px;font-weight:700;color:var(--text)}.saveBannerButtons{display:flex;gap:10px}@keyframes slideUpBanner{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1024px){.designerSplitLayout{grid-template-columns:1fr}.designerLeftPanel{max-height:none}.designerRightPanel{position:static;height:520px}}.settingsDenseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin-bottom:24px}@media (max-width: 900px){.settingsDenseGrid{grid-template-columns:1fr}}.horizontalThemeBuilder{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;align-items:start;margin-top:18px}@media (max-width: 1024px){.horizontalThemeBuilder{grid-template-columns:1fr;gap:20px}}.horizontalColorPickers{display:flex;flex-direction:column;gap:12px}.horizontalColorPickerRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 12px;background:#94a3b80d;border:1px solid var(--line);border-radius:12px}.dark .horizontalColorPickerRow{background:#0000001f}.horizontalColorPickerRow h5{margin:0;font-size:13px;font-weight:700;color:var(--muted);min-width:100px}.floatingPreviewTab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;display:flex;align-items:center;gap:8px;padding:14px 20px 14px 16px;background:var(--primary);color:#fff;border:1px solid var(--line);border-right:none;border-radius:20px 0 0 20px;font-weight:800;font-size:13px;box-shadow:-4px 10px 30px #00000026;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .22s}.floatingPreviewTab:hover{transform:translate(-6px,-50%);background:var(--primary-2)}.drawerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeInBackdrop .25s ease both}.dark .drawerBackdrop{background:#0009}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.drawerContainer{position:fixed;top:0;right:0;bottom:0;width:min(100%,540px);background:var(--bg);border-left:1px solid var(--line);box-shadow:-12px 0 40px #0003;z-index:10001;display:flex;flex-direction:column;animation:slideInDrawer .35s cubic-bezier(.16,1,.3,1) both}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}.drawerHeader{padding:18px 24px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between}.drawerHeader h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.drawerBody{flex:1;overflow-y:auto;padding:24px;background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:flex-start;justify-content:center}.drawerPreviewScale{transform:scale(.6);transform-origin:top center;width:210mm;height:297mm;margin-bottom:-118.8mm;margin-left:-84mm;margin-right:-84mm;flex-shrink:0;box-shadow:0 12px 40px #0000001f;background:#fff;border-radius:4px}.dark .drawerPreviewScale{box-shadow:0 12px 40px #0006}.miniHeaderStrip{display:inline-flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--soft-shadow);margin-left:12px}.miniMetricItem{display:flex;align-items:center;font-size:13px;font-weight:650;white-space:nowrap}.miniMetricLabel{color:var(--muted);margin-right:4px}.miniMetricValue{color:var(--text);font-weight:750}.miniMetricDivider{width:1px;height:14px;background:var(--line)}.tableToolbar.sticky-toolbar{position:sticky;top:0;z-index:15;background:var(--surface-strong);border-bottom:1px solid var(--line);padding:14px 18px;margin:-18px -18px 18px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);box-shadow:0 4px 20px #00000008}.dark .tableToolbar.sticky-toolbar{box-shadow:0 4px 20px #0003}.statusCell{position:relative;overflow:visible!important}.responsiveTable,.responsiveTable table{overflow:visible!important}.statusBadgeContainer{opacity:1;transition:opacity .22s cubic-bezier(.4,0,.2,1)}tr:hover .statusBadgeContainer{opacity:0;pointer-events:none}.rowHoverActions{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.34,1.56,.64,1)}tr:hover .rowHoverActions{opacity:1;pointer-events:auto}.button.mini,.iconButton.mini{width:28px;height:28px;min-height:28px;border-radius:8px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);border:1px solid var(--line);color:var(--text);box-shadow:var(--soft-shadow);transition:transform .15s ease,background .15s ease,border-color .15s ease}.button.mini:hover,.iconButton.mini:hover{transform:scale(1.05);background:var(--surface);border-color:var(--primary);color:var(--primary)}.quickStatusDropdown{position:relative;display:inline-block}.quickStatusMenu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--surface-strong);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:5px;display:none;flex-direction:column;gap:4px;min-width:105px;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:scaleInQuickMenu .18s cubic-bezier(.34,1.56,.64,1) both}.quickStatusDropdown:hover .quickStatusMenu,.quickStatusDropdown:focus-within .quickStatusMenu{display:flex}@keyframes scaleInQuickMenu{0%{opacity:0;transform:scale(.92) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.quickStatusMenu button{width:100%;text-align:left;background:transparent;border:none;padding:6px 12px;font-size:12px;font-weight:700;border-radius:8px;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.quickStatusMenu button:hover{background:#33415514;color:var(--primary)}.dark .quickStatusMenu button:hover{background:#ffffff14}.iconButton.mini.danger:hover{color:#ef4444!important;border-color:#ef444433!important;background:#ef444414!important}.glassCard,.statCard,.taskCard,.formCard,.themePanel,.accordionSection,.orbitalCard,.previewCard{background:var(--surface-strong)!important;border:1px solid var(--line)!important;box-shadow:var(--soft-shadow)!important;color:var(--text)!important;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .22s,box-shadow .22s!important}.glassCard:hover,.statCard:hover,.taskCard:hover,.formCard:hover,.themePanel:hover,.accordionSection:hover,.orbitalCard:hover,.previewCard:hover{transform:translateY(-4px) scale(1.005)!important;border-color:#00a3a64d!important;box-shadow:0 16px 32px #0a192f14!important}.glassCard h1,.glassCard h2,.glassCard h3,.glassCard h4,.glassCard h5,.glassCard h6,.glassCard strong,.statCard h1,.statCard h2,.statCard h3,.statCard h4,.statCard h5,.statCard h6,.statCard strong,.taskCard h1,.taskCard h2,.taskCard h3,.taskCard h4,.taskCard h5,.taskCard h6,.taskCard strong,.formCard h1,.formCard h2,.formCard h3,.formCard h4,.formCard h5,.formCard h6,.formCard strong,.themePanel h1,.themePanel h2,.themePanel h3,.themePanel h4,.themePanel h5,.themePanel h6,.themePanel strong,.accordionSection h1,.accordionSection h2,.accordionSection h3,.accordionSection h4,.accordionSection h5,.accordionSection h6,.accordionSection strong,.orbitalCard h1,.orbitalCard h2,.orbitalCard h3,.orbitalCard h4,.orbitalCard h5,.orbitalCard h6,.orbitalCard strong,.previewCard h1,.previewCard h2,.previewCard h3,.previewCard h4,.previewCard h5,.previewCard h6,.previewCard strong,.accordionTitle{color:var(--text)!important}.glassCard p,.glassCard span,.glassCard label,.statCard p,.statCard span,.statCard label,.taskCard p,.taskCard .taskMeta,.taskCard .taskDesc,.formCard p,.formCard span,.formCard label,.themePanel p,.themePanel span,.themePanel label,.accordionSection p,.accordionSection span,.accordionSection label,.accordionChevron,.orbitalCard p,.orbitalCard span,.previewCard p,.previewCard span{color:var(--muted)!important}.statIcon{background:var(--teal)!important;color:#fff!important;box-shadow:0 4px 12px #00a3a626!important;border-radius:12px!important}.app.dark .statIcon{background:var(--teal)!important;color:#fff!important;box-shadow:0 4px 12px #00d1b240!important}.dashboardCanvas .statCard.featured{background:var(--surface-strong)!important;border:1px solid var(--line)!important;box-shadow:var(--soft-shadow)!important;color:var(--text)!important}.dashboardCanvas .statCard.featured h3,.dashboardCanvas .statCard.featured strong,.dashboardCanvas .statCard.featured p,.dashboardCanvas .statCard.featured span,.dashboardCanvas .statCard.featured svg,.dashboardCanvas .statCard.featured .trend{color:inherit!important}.dashboardCanvas .statCard.featured .miniProgress{background:#6373811f!important}.dashboardCanvas .statCard.featured .miniProgress span{background:var(--teal)!important}.app.dark .dashboardCanvas .statCard.featured .miniProgress{background:#fff3!important}.app.dark .dashboardCanvas .statCard.featured .miniProgress span{background:#fff!important}.statCard .trend.up{color:#059669!important;text-shadow:none!important}.statCard .trend.down{color:#dc2626!important;text-shadow:none!important}.statCard .miniProgress{background:#6373811f!important}.statCard .miniProgress span{background:var(--teal)!important;box-shadow:none!important}.glassCard .segmented{background:#f4f6f8!important;border-color:var(--line)!important}.glassCard .segmented button{color:var(--muted)!important}.glassCard .segmented button.active{background:var(--surface-strong)!important;color:var(--text)!important;box-shadow:var(--soft-shadow)!important}.formCard input,.formCard select,.formCard textarea,.glassCard input,.glassCard select,.glassCard textarea{background:var(--surface-strong)!important;border:1px solid var(--line)!important;color:var(--text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.formCard input::placeholder,.formCard textarea::placeholder,.glassCard input::placeholder,.glassCard textarea::placeholder{color:#919eab!important}.formCard input:focus,.formCard select:focus,.formCard textarea:focus,.glassCard input:focus,.glassCard select:focus,.glassCard textarea:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px #00a3a629!important}.glassCard select option,.formCard select option{color:var(--text)!important;background-color:var(--surface-strong)!important}.taskGivenTag{background:#00a3a614!important;border:1px solid rgba(0,163,166,.15)!important;color:#00a3a6!important}.empPermTag{background:#63738114!important;color:var(--text)!important}.empPermTag.muted{background:#6373810d!important;color:var(--muted)!important}.glassCard .button.primary,.taskCard .button.primary,.formCard .button.primary,.accordionSection .button.primary,.glassCard .button.primary:active,.taskCard .button.primary:active,.formCard .button.primary:active,.accordionSection .button.primary:active{background:var(--teal)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 16px #00a3a62e!important;text-shadow:none!important}.glassCard .button.primary:hover,.taskCard .button.primary:hover,.formCard .button.primary:hover,.accordionSection .button.primary:hover{background:#008f91!important;box-shadow:0 12px 20px #00a3a647!important;transform:translateY(-2px)!important}.glassCard .button:not(.primary),.taskCard .button:not(.primary),.formCard .button:not(.primary),.accordionSection .button:not(.primary){background:var(--surface-strong)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:var(--soft-shadow)!important}.glassCard .button:not(.primary):hover,.taskCard .button:not(.primary):hover,.formCard .button:not(.primary):hover,.accordionSection .button:not(.primary):hover{background:#f4f6f8!important;border-color:var(--line)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0a192f1f,#00a3a64d)!important;border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0a192f38,#00a3a680)!important;border:2px solid transparent;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff1a,#00a3a64d)!important;border:2px solid transparent;background-clip:padding-box}.responsiveTable{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--soft-shadow);overflow:hidden!important;background:var(--surface-strong)}.responsiveTable table th{background:#00a3a60d!important;color:var(--primary)!important;border-bottom:1.5px solid rgba(0,163,166,.15)!important;font-weight:800;letter-spacing:.02em}.responsiveTable table tbody tr:hover{background:#00a3a608!important}.app.dark .responsiveTable table th{background:#00d1b214!important;color:#fff!important;border-bottom:1.5px solid rgba(0,209,178,.2)!important}.app.dark .responsiveTable table tbody tr:hover{background:#00d1b20a!important}.app.dark .taskGivenTag{background:#e0a96d14!important;border:1px solid rgba(224,169,109,.2)!important;color:#e0a96d!important}.app.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0d1b2a4d,#00d1b259)!important}.app.dark .glassCard svg,.app.dark .statCard svg,.app.dark .taskCard svg,.app.dark .formCard svg,.app.dark .themePanel svg,.app.dark .accordionSection svg,.app.dark .orbitalCard svg,.app.dark .previewCard svg{color:#fff!important}.panelTitle h3 svg{color:#fff!important;background:var(--teal)!important;box-shadow:0 4px 12px #00a3a61f!important}.app.dark .panelTitle h3 svg{color:#fff!important;background:var(--teal)!important;box-shadow:0 4px 12px #00d1b240!important}.sideTop .brand{color:#fff!important;background:var(--accent-teal-grad)!important;padding:8px 16px;border-radius:14px;box-shadow:0 10px 24px #00a3a638!important}.app.dark .sideTop .brand{box-shadow:0 10px 24px #00d1b238!important}.sideLink:not(.active){background:#fff!important}.app.dark .sideLink:not(.active){background:var(--surface-strong)!important}.mobileOnly{display:none!important}@media (max-width: 768px){.mobileOnly{display:flex!important}.desktopOnly,.sidebar{display:none!important}.mainArea{padding-left:0!important;padding-bottom:80px!important}.bottomNav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0d1b2a;z-index:50;display:flex!important;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0003}.bottomNavLink{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8892b0;font-size:11px;font-weight:600;gap:4px;min-width:60px;min-height:44px;padding:6px;text-decoration:none;transition:all .2s ease}.bottomNavLink.active,.bottomNavLink:active{color:#00d1b2}.app:not(.dark) .bottomNav{background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #0000000d}.app:not(.dark) .bottomNavLink{color:#637381}.app:not(.dark) .bottomNavLink.active{color:#00a3a6}.pageHeader{padding:16px!important}.pageHeader h1{font-size:20px!important}.pageHeader p{display:none!important}.statsGrid,.metricRow,.featureGrid,.settingsGrid{grid-template-columns:repeat(1,minmax(0,1fr))!important}.responsiveTable table,.responsiveTable thead,.responsiveTable tbody,.responsiveTable th,.responsiveTable td,.responsiveTable tr{display:block!important}.responsiveTable thead tr{display:none!important}.responsiveTable tr{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:16px;background:var(--surface-strong);box-shadow:var(--soft-shadow)}.responsiveTable td{border:none!important;padding:8px 0!important;position:relative;text-align:right!important;min-height:32px;display:flex!important;align-items:center;justify-content:flex-end}.responsiveTable td:before{content:"Data";position:absolute;left:0;font-weight:600;color:var(--muted)}.responsiveTable td:nth-of-type(1):before{content:"Sr. No."}.responsiveTable td:nth-of-type(2):before{content:"ID / Name"}.responsiveTable td:nth-of-type(3):before{content:"Detail 1"}.responsiveTable td:nth-of-type(4):before{content:"Detail 2"}.responsiveTable td:nth-of-type(5):before{content:"Status"}.responsiveTable td:nth-of-type(6):before{content:"Date"}.content{padding:16px!important}.button,.iconButton,.sideLink,.bottomNavLink,td{min-height:44px!important}}