:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--surface:#ffffffc7;--surface-strong:#fff;--text:#111827;--muted:#64748b;--line:#0f172a1a;--shadow:0 22px 70px #0f172a1f;--soft-shadow:0 12px 35px #0f172a14;--primary:#334155;--primary-2:#475569;--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{background:radial-gradient(circle at 12% 0%, #3341551f, transparent 28%), radial-gradient(circle at 88% 12%, #47556921, transparent 26%), var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#111827c7;--surface-strong:#101827;--text:#f8fafc;--muted:#94a3b8;--line:#e2e8f01c;--shadow:0 24px 80px #00000059;--soft-shadow:0 12px 40px #0000003d}.landing{min-height:100vh;padding:18px}.landingNav{z-index:20;border:1px solid var(--line);background:var(--surface);max-width:1180px;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:12px 14px;display:flex;position:sticky;top:14px}.topHeader{z-index:20;box-shadow:none;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:18px;padding:12px 14px;display:flex;position:sticky;top:14px}.brand{letter-spacing:0;align-items:center;gap:10px;min-width:max-content;font-weight:800;display:inline-flex}.brandMark{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 24px #33415547}.landingLinks,.navActions,.headerActions,.heroActions,.tableToolbar,.builderActions,.actions,.formRow{align-items:center;gap:10px;display:flex}.landingLinks a{color:var(--muted);padding:8px 10px;font-weight:650}.button,.iconButton,.profileButton,.actions button,.actions a{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--surface-strong);border-radius:12px;justify-content:center;align-items:center;gap:8px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 8px 22px #0f172a0f}.button{padding:0 16px;font-weight:750}.button:hover,.iconButton:hover,.profileButton:hover,.actions button:hover,.actions a:hover,.glassCard:hover{border-color:#33415547;transform:translateY(-2px)}.button.primary{color:#fff;background:var(--primary);border-color:#0000;box-shadow:0 16px 35px #3341553d}.button.secondary{background:#3341551a}.button.ghost{box-shadow:none;background:0 0}.button.full{width:100%}.iconButton,.actions button{width:40px;padding:0}.hero{grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);align-items:center;gap:42px;max-width:1180px;min-height:calc(100vh - 110px);margin:0 auto;padding:62px 0 34px;display:grid}.eyebrow{border:1px solid var(--line);color:var(--primary);background:var(--surface);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;font-weight:760;display:inline-flex}.hero h1{letter-spacing:0;max-width:770px;margin:0;font-size:clamp(42px,8vw,78px);line-height:.98}.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{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface), #ffffff61);min-height:520px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:30px;padding:16px}.previewHeader{gap:8px;padding:8px;display:flex}.previewHeader span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.previewGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.previewCard{border:1px solid var(--line);background:var(--surface-strong);min-height:120px;box-shadow:var(--soft-shadow);border-radius:18px;padding:18px}.previewCard.tall{grid-row:span 2}.previewCard.wide{grid-column:1/-1}.previewCard p,.previewLine{justify-content:space-between;gap:10px;margin:10px 0;display:flex}.intro,.services,.testimonials,.contact{max-width:1180px;margin:28px auto;padding:54px 0}.intro{text-align:center;max-width:760px}h2{letter-spacing:0;margin:0 0 12px;font-size:clamp(28px,4vw,44px)}.featureGrid,.settingsGrid,.metricRow,.statsGrid,.taskSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.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);padding:18px;transition:transform .18s,border-color .18s}.glassCard h3,.taskCard h4{margin:0 0 8px}.glassCard p,.taskCard p{color:var(--muted);line-height:1.55}.services{grid-template-columns:.8fr 1fr;align-items:center;gap:34px;display:grid}.serviceList{grid-template-columns:1fr 1fr;gap:12px;display:grid}.serviceList span{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:14px;font-weight:700;display:flex}.statsBand{color:#fff;background:var(--primary);border-radius:24px;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:28px auto;padding:22px;display:grid}.statsBand div{text-align:center;gap:4px;display:grid}.statsBand strong{font-size:34px}.contact{text-align:center}footer{max-width:1180px;color:var(--muted);text-align:center;margin:0 auto;padding:28px 0 44px}.loginPage{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.loginBrand,.loginPanel{flex-direction:column;justify-content:center;padding:clamp(28px,6vw,76px);display:flex}.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{gap:14px;max-width:460px;margin-top:42px;display:grid}.orbitalCard{border:1px solid var(--line);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:18px;align-items:center;gap:12px;padding:18px;font-weight:760;display:flex}.formCard{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);border-radius:24px;margin:0 auto;padding:26px}label{color:var(--muted);gap:8px;margin-top:14px;font-size:14px;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:var(--surface-strong);border-radius:12px;outline:none;padding:11px 13px}textarea{resize:vertical;min-height:110px}.check,.permission{grid-template-columns:none;justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.check input,.permission input{width:18px;min-height:18px}.segmented{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.segmented button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-weight:800}.segmented button.active{color:#fff;background:var(--primary)}.segmented.compact{width:220px}.dashboardShell{min-height:100vh;display:flex}.sidebar{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;width:286px;height:auto;max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:20px;padding:16px 28px 16px 16px;transition:width .3s ease-in-out,transform .3s ease-in-out;position:fixed;top:50%;left:16px;overflow:hidden auto;transform:translateY(-50%)}.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{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.sideNav{gap:8px;display:grid}.sideLink{min-height:46px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-weight:760;display:flex}.sideLink svg{width:20px;min-width:20px}.sideLink.active,.sideLink:hover{color:var(--text);border-color:var(--line);background:var(--surface-strong);box-shadow:0 10px 26px #0f172a12}.sideButton{justify-content:flex-start;width:100%}.sideButton svg:last-child{margin-left:auto;transition:transform .16s}.rotated{transform:rotate(180deg)}.taskSubnav{gap:6px;max-height:0;padding-left:12px;transition:max-height .22s;display:grid;overflow:hidden}.taskSubnav.open{max-height:230px}.mainArea{flex:1;min-width:0;padding-left:110px}.sidebarToggleBtn{border:1px solid var(--line);background:var(--surface-strong);width:28px;height:28px;color:var(--text);box-shadow:var(--soft-shadow);cursor:pointer;z-index:60;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,transform .3s ease-in-out;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.sidebarToggleBtn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.topHeader{border-top:0;border-left:0;border-right:0;border-radius:0;max-width:none;margin:0;top:0}.searchBar{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;flex:1;align-items:center;gap:9px;max-width:520px;min-height:42px;padding:0 12px;display:flex}.searchBar input{background:0 0;border:0;min-height:auto;padding:0}.searchBar.small{max-width:360px}.profileButton{padding:0 12px}.content{padding:28px;animation:.28s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pageHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.pageHeader h1{letter-spacing:0;margin:0;font-size:clamp(28px,4vw,42px)}.pageHeader p{margin:8px 0 0}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-bottom:16px}.statCard{min-height:178px}.statTop{justify-content:space-between;align-items:center;display:flex}.statIcon{color:#fff;background:var(--primary);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.statCard strong{margin-top:18px;font-size:32px;display:block}.trend{align-items:center;gap:4px;font-weight:800;display:inline-flex}.trend.up{color:#059669}.trend.down{color:#dc2626}.miniProgress{background:#94a3b838;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.miniProgress span{border-radius:inherit;background:var(--primary);height:100%;animation:.9s both grow;display:block}@keyframes grow{0%{width:0}}.dashboardGrid{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.widePanel{grid-column:span 1}.panelTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panelTitle h3{align-items:center;gap:10px;margin:0;display:flex}.panelTitle h3 svg{color:#fff;background:var(--primary);border-radius:10px;width:32px;height:32px;padding:6px}.panelTitle span{color:var(--muted);font-size:13px;font-weight:800}.responsiveTable{width:100%;overflow:visible}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:14px 12px}th{color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr{transition:background .16s}tbody tr:hover{background:#3341550f}.badge{color:#0f172a;background:#e2e8f0;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.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{z-index:10;border:1px solid var(--line);background:var(--surface-strong);min-width:132px;box-shadow:var(--soft-shadow);border-radius:12px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0}.statusDropdown:focus-within .statusMenu,.statusDropdown:hover .statusMenu{gap:4px;display:grid}.statusMenu button{width:100%;box-shadow:none;justify-content:flex-start;padding:0 10px}.pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding-top:16px;font-weight:800;display:flex}.pagination button{border:1px solid var(--line);background:var(--surface-strong);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.pagination button:disabled{cursor:not-allowed;opacity:.45}.builderGrid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;max-width:1180px;margin:0 auto;display:grid}.builderForm{gap:18px;display:grid}.formSection h3{margin:0 0 10px}.formSection>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.formSection label{margin:0}.formSection textarea,.formSection .itemTable{grid-column:1/-1}.itemTable{gap:8px;display:grid}.itemHead,.itemRow{grid-template-columns:2fr .65fr .75fr .9fr 1fr 42px;align-items:center;gap:8px;display:grid}.itemHead{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.previewPanel{position:static;overflow:auto}.docPreview{color:#111827;background:#fff;border:1px solid #d7dee8;border-radius:2px;width:210mm;min-height:297mm;margin:0 auto;padding:18mm;box-shadow:0 18px 50px #0f172a21}.invoiceHeader,.invoiceParties{justify-content:space-between;gap:18px;display:flex}.invoiceHeader{border-bottom:2px solid #111827;align-items:flex-start;padding-bottom:14px}.invoiceHeader h2{color:#111827;text-transform:uppercase;margin:0;font-size:36px;line-height:1}.invoiceHeader>div{text-align:right;grid-template-columns:auto auto;gap:6px 14px;min-width:220px;display:grid}.invoiceHeader span,.invoiceParties h3{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:900}.invoiceParties{margin:22px 0}.invoiceParties>div{border:1px solid #d7dee8;border-radius:0;flex:1;min-height:142px;padding:14px}.invoiceParties h3{margin:0 0 10px}.invoiceParties strong{margin-bottom:8px;font-size:16px;display:block}.invoiceParties p{color:#334155;margin:4px 0}.invoiceTable{color:#111827;border:1px solid #111827;min-width:0}.invoiceTable th,.invoiceTable td{white-space:normal;vertical-align:top;border:1px solid #111827;padding:10px}.invoiceTable th{color:#111827;background:#eef2f7}.invoiceTable th:first-child,.invoiceTable td:first-child,.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}.invoiceTotals{border:1px solid #111827;border-top:0;width:min(100%,330px);margin-left:auto}.invoiceTotals p{color:#111827;border-top:1px solid #111827;justify-content:space-between;gap:18px;margin:0;padding:10px 12px;display:flex}.invoiceTotals .payable{color:#fff;background:#111827;font-size:18px;font-weight:900}.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{border:1px solid var(--line);background:var(--surface-strong);text-align:left;overflow-wrap:break-word;word-wrap:break-word;border-radius:16px;gap:10px;width:100%;padding:16px;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.taskCard *{max-width:100%}.taskCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a1a}.taskCard.compact{gap:7px;padding:12px}.taskCardHeader{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.taskCardHeader h4{flex:1;margin:0;font-size:15px;line-height:1.35}.taskGivenTag{color:#fff;background:var(--primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.taskMeta{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.taskDesc{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.taskBadges{flex-wrap:wrap;gap:8px;display:flex}.taskActions{margin-top:4px}.taskGivenBtn{gap:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:700}.taskGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}.taskListView{flex-direction:column;gap:12px;margin-top:16px;display:flex}.taskEmpty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.taskEmpty svg{opacity:.35}.taskEmpty p{margin:0;font-size:15px}.segmented button svg{vertical-align:middle;margin-right:2px}.createTaskModal{gap:20px;width:min(100%,640px);max-height:calc(100vh - 36px);display:grid;overflow-y:auto}.createTaskForm{gap:14px;display:grid}.createTaskRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.createTaskForm label{color:var(--muted);gap:6px;margin:0;font-size:13px;font-weight:700;display:grid}.createTaskForm input,.createTaskForm textarea,.createTaskForm select{margin:0}.createTaskForm .required{color:#ef4444}.levelField{align-items:center;gap:16px;display:flex}.levelLabel{color:var(--muted);min-width:44px;font-size:13px;font-weight:700}.levelOptions{gap:10px;display:flex}.levelBtn{border:1.5px solid var(--line);background:var(--surface-strong);min-height:36px;color:var(--muted);cursor:pointer;border-radius:10px;padding:0 20px;font-weight:700;transition:all .16s}.levelBtn:hover{color:var(--text);border-color:#33415559}.levelBtn.active.low{color:#065f46;background:#ccfbf1;border-color:#475569}.levelBtn.active.medium{color:#92400e;background:#fef3c7;border-color:#f59e0b}.levelBtn.active.high{color:#991b1b;background:#fee2e2;border-color:#ef4444}.activityList{gap:14px;display:grid}.activityList p{gap:10px;margin:0;display:flex}.activityList span{background:var(--primary-2);border-radius:999px;width:10px;height:10px;margin-top:7px}.modalBackdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface-strong);width:min(100%,560px);box-shadow:var(--shadow);border-radius:22px;padding:20px}.filterModal{gap:12px;display:grid}.invoiceModal{width:min(100%,980px);max-height:calc(100vh - 36px);overflow:auto}.attachmentBox{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px;display:flex}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-bottom:16px}.settingsGrid .glassCard{gap:10px;display:grid}.permission{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);border-radius:14px;padding:12px}.mobileOnly{display:none}@media (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 (width<=780px){.landingLinks,.desktopOnly{display:none}.mobileOnly{display:inline-flex}.sidebar{z-index:50;box-shadow:var(--shadow);position:fixed;transform:translate(-105%)}.sidebar.mobileOpen{transform:translate(0)}.content{padding:18px}.topHeader{padding:10px}.headerActions .profileButton span,.searchBar input{display:none}.searchBar{flex:0;justify-content:center;width:44px;padding:0}.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{border:1px solid var(--line);border-radius:14px;padding:10px}.docPreview{width:210mm;padding:12mm}.invoiceHeader,.invoiceParties{flex-direction:column}.invoiceHeader>div{text-align:left}}.adminDropdownWrap{position:relative}.adminDropdownMenu{z-index:100;border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;min-width:180px;padding:6px;animation:.16s both dropdownIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0f172a2e}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.adminDropdownItem{width:100%;min-height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;padding:0 12px;font-size:14px;font-weight:700;transition:background .14s,color .14s;display:flex}.adminDropdownItem:hover{background:#33415514}.adminDropdownItem.danger{color:#dc2626}.adminDropdownItem.danger:hover{background:#ef444417}.adminDropdownDivider{background:var(--line);height:1px;margin:4px 6px}.profileButton.active{background:#3341550f;border-color:#3341554d}.panelTitleAction{color:var(--muted);font-size:13px;font-weight:800}.empManageLink{min-height:30px;color:var(--primary);cursor:pointer;background:#33415512;border:1px solid #3341554d;border-radius:10px;padding:4px 12px;font-size:13px;font-weight:800;transition:background .16s,transform .16s}.empManageLink:hover{background:#33415524;transform:translateY(-1px)}.empMgmtModal{flex-direction:column;gap:0;width:min(100%,900px);max-height:calc(100vh - 36px);padding:0;display:flex;overflow:hidden}.empModalHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;display:flex}.empModalHeaderLeft{align-items:center;gap:14px;display:flex}.empMgmtIcon,.empAvatarBig{color:#fff;background:var(--primary);border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.empAvatarBig{border-radius:16px;width:48px;height:48px}.empModalTitle{margin:0;font-size:18px;font-weight:800}.empModalSub{color:var(--muted);margin:2px 0 0;font-size:13px}.empMgmtTableWrap{flex:1;overflow:auto}.empMgmtTable{border-collapse:collapse;width:100%;min-width:640px}.empMgmtTable th,.empMgmtTable td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:13px 16px}.empMgmtTable th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#33415508;font-size:11px;position:sticky;top:0}.empTableRow{cursor:pointer;transition:background .14s}.empTableRow:hover{background:#3341550d}.empNameCell{align-items:center;gap:10px;font-weight:700;display:flex}.empAvatar{color:#fff;background:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.empPermTags{flex-wrap:wrap;gap:5px;display:flex}.empPermTag{color:var(--primary);background:#3341551a;border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.empPermTag.muted{color:var(--muted);background:#64748b1f}.empProfileModal{flex-direction:column;gap:0;width:min(100%,680px);max-height:calc(100vh - 36px);padding:0;display:flex;overflow-y:auto}.empProfileForm{gap:18px;padding:20px 24px;display:grid}.empFormRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.empFormLabel{color:var(--muted);gap:7px;margin:0;font-size:13px;font-weight:700;display:grid}.empFormGroup{gap:10px;display:grid}.empFormHint{color:var(--muted);font-size:12px;font-weight:600}.empStatusOptions{flex-wrap:wrap;gap:8px;display:flex}.empStatusBtn{border:1.5px solid var(--line);background:var(--surface-strong);min-height:34px;color:var(--muted);cursor:pointer;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700;transition:all .16s}.empStatusBtn:hover{color:var(--text);border-color:#33415559}.empStatusBtn.active.active{color:#065f46;background:#ccfbf1;border-color:#475569}.empStatusBtn.active.leave{color:#92400e;background:#fef3c7;border-color:#f59e0b}.empStatusBtn.active.onboarding{color:#1d4ed8;background:#dbeafe;border-color:#334155}.empStatusBtn.active.noticeperiod{color:#991b1b;background:#fee2e2;border-color:#ef4444}.empPermissionsGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.empPermBtn{border:1.5px solid var(--line);background:var(--surface-strong);min-height:38px;color:var(--muted);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.empPermBtn:hover{color:var(--text);border-color:#33415559}.empPermBtn.active{color:var(--primary);background:#33415514;border-color:#33415566}.empPermCheck{border:1.5px solid var(--line);background:var(--surface-strong);border-radius:4px;flex-shrink:0;width:15px;height:15px;transition:all .16s;display:inline-block;position:relative}.empPermCheck.checked{background:var(--primary);border-color:#0000}.empPermCheck.checked:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(40deg)}.empModalFooter{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.badge.leave{color:#92400e;background:#fef3c7}.badge.onboarding{color:#1d4ed8;background:#dbeafe}.badge.noticeperiod{color:#991b1b;background:#fee2e2}@media (width<=600px){.empFormRow{grid-template-columns:1fr}.empPermissionsGrid{grid-template-columns:repeat(2,1fr)}}.dashboardCanvas .statsGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboardCanvas .statCard.featured{background:var(--primary);color:#fff;border:none;grid-column:span 2;box-shadow:0 10px 40px #33415533}.dashboardCanvas .statCard.featured .statIcon{color:#fff;background:#ffffff26}.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{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dashboardCanvas table th,.dashboardCanvas table td{border-bottom:1px solid var(--line);padding:16px}.dashboardCanvas table tr:hover{background-color:var(--surface-hover)}.dashboardCanvas .badge{border-radius:99px;padding:6px 12px;font-size:11px;font-weight:700}.dashboardCanvas .badge.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.dashboardCanvas .badge.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dashboardCanvas .badge.info{color:#075985;background:#f0f9ff;border:1px solid #bae6fd}.dashboardCanvas .activityTimeline{flex-direction:column;gap:20px;margin-top:12px;display:flex;position:relative}.dashboardCanvas .activityTimeline:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:5px}.dashboardCanvas .timelineItem{gap:16px;display:flex;position:relative}.dashboardCanvas .timelineDot{z-index:1;border-radius:50%;width:12px;height:12px;margin-top:4px;position:relative}.dashboardCanvas .timelineContent{flex:1}.dashboardCanvas .timelineContent p{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:500}.dashboardCanvas .timelineContent .time{color:var(--muted);font-size:12px}.pwaInstallBanner{z-index:9999;background:var(--surface);border:1px solid var(--line);width:380px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;animation:.4s cubic-bezier(.16,1,.3,1) both slideInUp;position:fixed;bottom:24px;right:24px}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.pwaInstallContent h4{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:700}.pwaInstallContent p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.pwaInstallActions{gap:12px;display:flex}.pwaInstallActions .button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.pwaInstallActions .button.primary{background:var(--primary);color:#fff}.pwaInstallActions .button.primary:hover{opacity:.9;transform:translateY(-1px)}.pwaInstallActions .button.secondary{color:var(--muted);border:1px solid var(--line);background:0 0}.pwaInstallActions .button.secondary:hover{color:var(--text);background:#0f172a0d}@media (width<=480px){.pwaInstallBanner{width:auto;bottom:16px;left:16px;right:16px}}