.clientPortal{--bg-primary:#f5f5f3;--bg-secondary:#f5f5f3;--bg-app:#f5f5f3;--card-bg:#ffffff;--card-border:#e8e8e6;--border:#e8e8e6;--border-hover:#d0d0ce;--text-primary:#111111;--text-secondary:#555555;--text-muted:#888c99;--text-xmuted:#aaaaaa;--status-pill-bg:#f0f0ee;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:#f5f5f3;color:#111111}.portalNav{background:#ffffff;border-bottom:1px solid #e8e8e6;height:64px;position:sticky;top:0;z-index:50}.portalNav,.portalNavInner{display:flex;align-items:center}.portalNavInner{max-width:1200px;width:100%;margin:0 auto;padding:0 32px;justify-content:space-between;gap:16px}.portalNavBrand{gap:10px}.portalNavBrand,.portalNavLogo{display:flex;align-items:center;flex-shrink:0}.portalNavLogo{width:32px;height:32px;border-radius:8px;justify-content:center;font-size:14px;font-weight:700;color:#ffffff}.portalNavClientName{font-size:14px;font-weight:600;color:#111111;white-space:nowrap}.portalNavLinks{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.portalNavLink{padding:6px 12px;font-size:13px;font-weight:500;color:#888c99;text-decoration:none;border-radius:6px;white-space:nowrap;transition:color .12s ease}.portalNavLink:hover{color:#111111}.portalNavLink.active{color:#000000;background:#ffffff;box-shadow:0 1px 4px rgba(0,0,0,.08),0 0 0 1px #e8e8e6}.portalNavRight{display:flex;align-items:center;gap:8px;flex-shrink:0}.portalNavHelpBtn{padding:6px 12px;font-size:13px;font-weight:500;color:#888c99;background:transparent;border:1px solid #e8e8e6;border-radius:6px;text-decoration:none;transition:color .12s ease,border-color .12s ease}.portalNavHelpBtn:hover{color:#111111;border-color:#d0d0ce}.portalNavAvatar{width:32px;height:32px;border-radius:8px;background:#f0f0ee;border:1px solid #e8e8e6;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .12s ease}.portalNavAvatar:hover{background:#e8e8e6}.portalContent{flex:1;padding:32px}.portalContentInner{max-width:1200px;margin:0 auto}.portalPageHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px}.portalPageTitle{font-size:22px;font-weight:600;color:#111111;margin:0 0 4px}.portalPageSubtitle{font-size:13px;color:#888c99;margin:0}.portalSectionLabel{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#888c99;margin-bottom:10px}.portalTable{width:100%;background:#ffffff;border:1px solid #e8e8e6;border-radius:8px;overflow:hidden}.portalTableHead{display:grid;grid-template-columns:160px 1fr 160px 120px;padding:0 20px;border-bottom:1px solid #e8e8e6;background:#ffffff}.portalTableHeadCell{padding:12px 0;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#888c99}.portalTableRow{display:grid;grid-template-columns:160px 1fr 160px 120px;padding:0 20px;border-bottom:1px solid #e8e8e6;min-height:72px;align-items:center;text-decoration:none;transition:background .1s ease;background:#ffffff}.portalTableRow:last-child{border-bottom:none}.portalTableRow:hover{background:#fafaf8}.portalTableCell{font-size:14px;color:#111111;font-weight:400;padding:4px 0}.portalTableCellMuted{font-size:13px;color:#888c99;padding:4px 0}.portalTableCellSub{font-size:12px;color:#888c99;margin-top:2px}.portalStatusPill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;background:#f0f0ee;color:#555555;white-space:nowrap}.portalStatusPill.active{background:rgba(34,197,94,.1);color:#16a34a}.portalStatusPill.urgent{background:rgba(245,158,11,.1);color:#d97706}.portalStatusPill.done{background:rgba(34,197,94,.08);color:#888c99}.portalStatsBar{display:flex;gap:32px;padding:16px 20px;border-top:1px solid #e8e8e6;background:#ffffff;border-radius:0 0 8px 8px}.portalStatItem{display:flex;flex-direction:column;gap:2px}.portalStatValue{font-size:20px;font-weight:600;color:#111111;line-height:1}.portalStatLabel{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#888c99}.portalProjectGrid{display:grid;gap:var(--space-3)}.portalCard{padding:16px 18px;background:#ffffff;border:1px solid #e8e8e6;border-radius:8px;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.portalCard:hover{border-color:#d0d0ce;box-shadow:0 2px 8px rgba(0,0,0,.04)}.portalActionCard{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:#ffffff;border:1px solid #e8e8e6;border-radius:8px;text-decoration:none;transition:border-color .15s ease}.portalActionCard:hover{border-color:#d0d0ce}.portalListContainer{background:#ffffff;border:1px solid #e8e8e6;border-radius:8px;overflow:hidden}.portalListRow{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e8e8e6;text-decoration:none;transition:background .1s ease}.portalListRow:last-child{border-bottom:none}.portalListRow:hover{background:#fafaf8}.portalEmptyState{padding:40px 20px;text-align:center;font-size:14px;color:#888c99;background:#ffffff;border-radius:8px;border:1px solid #e8e8e6}.portalBtn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity .12s ease;text-decoration:none;white-space:nowrap}.portalBtn:hover{opacity:.88}.portalBtnSecondary{background:#ffffff;color:#555555;border:1px solid #e8e8e6}.portalBtnSecondary:hover{border-color:#d0d0ce;opacity:1}.portalFilterBtn{padding:5px 10px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #e8e8e6;background:transparent;color:#888c99;cursor:pointer;transition:all .12s ease}.portalFilterBtn:hover{color:#111111;border-color:#d0d0ce}.portalModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.portalModalContent{background:#ffffff;border:1px solid #e8e8e6;border-radius:12px;width:100%;max-width:480px;padding:24px;box-shadow:0 16px 48px rgba(0,0,0,.12)}.portalModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.portalModalTitle{font-size:16px;font-weight:600;color:#111111;margin:0}.portalModalClose{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:20px;color:#888c99;cursor:pointer;border-radius:4px;line-height:1}.portalModalClose:hover{background:#f0f0ee;color:#111111}.portalFormField{margin-bottom:16px}.portalFormLabel{display:block;font-size:12px;font-weight:500;color:#555555;margin-bottom:6px;letter-spacing:.02em}.portalFormInput{width:100%;padding:9px 12px;font-size:14px;color:#111111;background:#ffffff;border:1px solid #e8e8e6;border-radius:6px;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .12s ease}.portalFormInput:focus{border-color:#888c99}.portalFooter{padding:16px 32px;border-top:1px solid #e8e8e6;background:#ffffff}.portalFooterInner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.portalNavLinks{display:none}.portalTableHead,.portalTableRow{grid-template-columns:1fr 100px}.portalTableHead .portalTableHeadCell:first-child,.portalTableHead .portalTableHeadCell:nth-child(3),.portalTableRow .portalTableCell:first-child,.portalTableRow .portalTableCellMuted:nth-child(3){display:none}.portalProjectGrid{grid-template-columns:1fr!important}.portalStatsBar{flex-wrap:wrap;gap:16px}.portalContent{padding:16px}}