:root{--bg:#eef3f8;--card:#ffffff;--line:#d8e2ee;--text:#102033;--muted:#5d6b82;--primary:#0f766e;--warning:#d97706;--radius:22px}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f5f8fc,#edf3f8);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0b132b,#111d3b);padding:24px;display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand-row{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;border-radius:16px;background:#ffffff10;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff20}.brand-logo img{width:100%;height:100%;object-fit:cover}.sidebar nav{display:grid;grid-gap:8px;gap:8px}.nav-link{color:#d4daea;transition:.15s ease}.nav-link.active,.nav-link:hover{background:#ffffff14}.main{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.topbar h1{font-size:clamp(1.5rem,2vw,2rem)}.topbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search{background:var(--card);border:1px solid var(--line);padding:12px 14px;border-radius:16px;min-width:280px}.page-grid{display:grid;grid-gap:20px;gap:20px}.grid-4{grid-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3,.grid-4{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.card-premium{background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(15,23,42,.03))}.card-title{font-size:18px;font-weight:700;margin:0 0 8px}.muted{color:var(--muted)}.stat{font-size:30px;font-weight:800;margin:8px 0}.table-wrap{border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;background:var(--card)}td,th{text-align:left;padding:14px;border-bottom:1px solid #eef2f7;vertical-align:top}th{color:var(--muted);font-weight:600;background:#f8fafc;position:-webkit-sticky;position:sticky;top:0}.badge{display:inline-block;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.badge.DRAFT,.badge.NEW{background:#e2e8f0;color:#334155}.badge.CONTACTED,.badge.SENT{background:#dbeafe;color:#1d4ed8}.badge.PAID,.badge.QUALIFIED{background:#dcfce7;color:#15803d}.badge.PARTIAL,.badge.PROPOSAL_SENT{background:#fef3c7;color:#b45309}.badge.NEGOTIATION,.badge.OVERDUE{background:#ffe4e6;color:#be123c}.badge.WON{background:#ccfbf1;color:#0f766e}.badge.CANCELLED,.badge.LOST{background:#f1f5f9;color:#475569}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;grid-gap:8px;gap:8px;min-width:0}label{font-weight:600;font-size:14px}input,select,textarea{border-radius:14px;border:1px solid var(--line);background:#fff}textarea{min-height:100px;resize:vertical}.btn{border:none;padding:12px 16px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#0f172a;color:#fff}.btn-soft{background:#eef6f5;color:var(--primary)}.btn-danger{background:#fff1f2;color:var(--danger)}.stack{display:grid;grid-gap:12px;gap:12px}.flex,.flex-between{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.flex-between{justify-content:space-between}.invoice-preview{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(15,23,42,.07)}.invoice-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.kpi-strip{display:flex;gap:12px;flex-wrap:wrap}.kpi{padding:10px 12px;border-radius:16px;background:#f8fafc;border:1px solid var(--line)}.empty{padding:24px;text-align:center;color:var(--muted)}.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.switch{display:flex;gap:10px;align-items:center;font-weight:600}.switch input{display:none}.switch-slider{width:48px;height:28px;background:#cbd5e1;position:relative;flex:0 0 auto}.switch-slider,.switch-slider:after{border-radius:999px;transition:.2s ease}.switch-slider:after{content:"";width:22px;height:22px;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px rgba(15,23,42,.18)}.switch input:checked+.switch-slider{background:var(--primary)}.switch input:checked+.switch-slider:after{transform:translateX(20px)}.hero-panel{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px}.metric-card{padding:18px;border-radius:20px;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid var(--line);box-shadow:0 10px 25px rgba(15,23,42,.04)}.metric-label{color:var(--muted);font-size:14px}.metric-value{font-size:32px;font-weight:800;margin-top:8px}.responsive-actions{display:flex;gap:8px;flex-wrap:wrap}.qr-card{display:grid;grid-gap:10px;gap:10px;place-items:center;text-align:center}.qr-card img{width:220px;max-width:100%;border-radius:18px;background:#fff;padding:8px}.inline-code,.qr-card img{border:1px solid var(--line)}.inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#f8fafc;padding:8px 10px;border-radius:12px;word-break:break-all}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}}@media (max-width:1100px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}}@media (max-width:720px){.form-grid,.form-grid-3,.grid-2,.grid-3,.grid-4,.invoice-meta,.share-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.responsive-actions,.topbar-actions{width:100%}.responsive-actions>*,.topbar-actions>*{flex:1 1 auto}.search{min-width:0;width:100%}.main{padding:14px}.card,.invoice-preview,.metric-card{padding:14px;border-radius:18px}td,th{padding:10px}.table-wrap table{min-width:720px}}.brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:8px}.brand-logo-large{width:72px;height:72px;border-radius:22px;background:#ffffff16}.brand-logo-large img{object-fit:contain;background:#fff}.brand-copy{min-width:0}.brand-title{font-weight:800;font-size:1.9rem;line-height:1.1;color:#fff;word-break:break-word}.mobile-title{font-size:1.1rem;color:var(--text)}.brand-subtitle{color:#9fb1d9;font-size:13px;margin-top:4px}.sidebar-card{margin-top:auto;margin-bottom:12px}.mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 14px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.dashboard-hero{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:16px;gap:16px;padding:24px;border-radius:28px;background:linear-gradient(135deg,#0b132b,#102348 55%,#123b5a);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16)}.eyebrow{display:inline-flex;background:#ffffff14;color:#dbe7ff;border:1px solid #ffffff1d;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.hero-copy{color:#d5def1;max-width:60ch}.hero-summary{background:#ffffff10;border-color:#ffffff20;color:#fff}.hero-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:16px}.hero-number{font-size:1.5rem;font-weight:800;margin-top:8px}.soft-pill{background:#ffffff14;color:#dbe7ff;border:1px solid #ffffff1d;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700}.collections-card{background:linear-gradient(180deg,#ffffff,#f8fbff)}@media (max-width:1100px){.mobile-brand{display:flex}.brand-title{font-size:1.25rem;color:var(--text)}.brand-subtitle{color:var(--muted)}.mobile-menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mobile-menu .nav-link{background:#fff;color:var(--text);border:1px solid var(--line)}.mobile-menu .nav-link.active{background:#0f172a;color:#fff}.dashboard-hero{grid-template-columns:1fr;padding:18px}}@media (max-width:720px){.brand-logo-large{width:64px;height:64px}.brand-title{font-size:1rem}.dashboard-hero{border-radius:22px}.hero-summary-grid{grid-template-columns:1fr}}.detail-shell{display:grid;grid-gap:18px;gap:18px}.detail-hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:16px;gap:16px;padding:22px;border-radius:28px;background:linear-gradient(135deg,#0b132b,#102348 50%,#135e57);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16)}.detail-hero-copy h1{margin:8px 0 6px;font-size:clamp(1.7rem,2.5vw,2.4rem)}.detail-hero-copy p{margin:0;color:#d8e2f5;max-width:62ch}.detail-hero-copy .eyebrow{background:#ffffff12;color:#e2e8f0}.detail-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.detail-stat{background:#ffffff10;border:1px solid #ffffff20;border-radius:20px;padding:14px}.detail-stat-label{color:#c7d2fe;font-size:13px}.detail-stat-value{margin-top:8px;font-size:1.25rem;font-weight:800}.surface-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.06)}.surface-title{margin:0 0 6px;font-size:1.1rem;font-weight:800}.surface-subtitle{margin:0;color:var(--muted);font-size:14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-gap:18px;gap:18px;align-items:start}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:#f8fbff}.summary-item .label{color:var(--muted);font-size:13px}.summary-item .value{margin-top:8px;font-weight:800}.section-stack{grid-gap:14px;gap:14px}.info-list{display:grid;grid-gap:12px;gap:12px}.info-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f7}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--muted)}.info-row .value{font-weight:700;text-align:right}.doc-preview-card{background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 16px 36px rgba(15,23,42,.08)}.doc-preview-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.doc-preview-header h2{margin:0;font-size:1.15rem}.sticky-col{position:-webkit-sticky;position:sticky;top:18px}.note-box{border:1px dashed #cbd5e1;border-radius:18px;padding:14px;background:#fbfdff}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.success-banner{border-radius:16px;background:#ecfdf5;border:1px solid #bbf7d0}.error-banner,.success-banner{padding:12px 14px;font-weight:700}.error-banner{border-radius:16px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.brand-block{align-items:center;text-align:left}.brand-copy{width:100%}.brand-title{font-size:1.7rem}@media (max-width:1100px){.detail-grid,.detail-hero{grid-template-columns:1fr}.sticky-col{position:static}}@media (max-width:720px){.detail-hero,.doc-preview-card,.surface-card{padding:16px;border-radius:22px}.action-grid,.detail-stat-grid,.summary-grid{grid-template-columns:1fr}.info-row{flex-direction:column}.brand-block{align-items:flex-start}.brand-title{font-size:1.35rem}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dff3ef 0,#f6f9fb 42%,#eef3fb 100%)}.login-grid{width:min(1120px,100%);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:22px;gap:22px;align-items:stretch}.login-brand-panel{padding:28px;border-radius:30px;background:linear-gradient(135deg,#0b132b,#102348 55%,#135e57);color:#fff;box-shadow:0 20px 60px rgba(15,23,42,.16)}.login-brand-panel h1{margin:16px 0 10px;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.06}.login-brand-panel p{margin:0;color:#dbe4f6;max-width:58ch}.login-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:22px}.login-card{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:26px;box-shadow:0 20px 60px rgba(15,23,42,.1);display:grid;grid-gap:18px;gap:18px}.login-brand-block{align-items:center;text-align:left}.login-logo-frame{width:92px;height:92px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #dbeafe}.login-logo-frame img{width:100%;height:100%;object-fit:contain;background:#fff}.login-brand-title{color:var(--text);font-size:clamp(1.35rem,2.2vw,2rem)}.login-brand-subtitle{color:var(--muted)}.settings-hero{background:linear-gradient(135deg,#0b132b,#102348 55%,#0f766e)}.payments-hero{background:linear-gradient(135deg,#0b132b,#102348 55%,#123b5a)}.sidebar-brand-block{gap:14px;padding-bottom:12px}.sidebar-logo-frame{width:88px;height:88px;border-radius:26px;background:linear-gradient(180deg,#ffffff0f,#ffffff10);border:1px solid #ffffff1f;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.sidebar-logo-frame img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:22px}.sidebar-brand-copy{width:100%}.sidebar-brand-copy .brand-title{font-size:1.75rem;text-align:center;line-height:1.08}.sidebar-brand-copy .brand-subtitle{text-align:center}.mobile-logo-frame{width:64px;height:64px;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid #dbeafe}.mobile-logo-frame img{width:100%;height:100%;object-fit:contain;background:#fff}@media (max-width:1100px){.login-grid{grid-template-columns:1fr}}@media (max-width:720px){.login-shell{padding:14px}.login-brand-panel,.login-card{padding:18px;border-radius:22px}.login-feature-grid{grid-template-columns:1fr}.sidebar-logo-frame{width:72px;height:72px;border-radius:22px}.sidebar-brand-copy .brand-title{font-size:1.15rem}}.logout-btn{display:inline-flex;padding:10px 14px;border-radius:14px;border:1px solid #dbeafe}@media (max-width:1100px){.mobile-brand{display:flex;align-items:center}.mobile-brand .logout-btn{margin-left:auto}}.sidebar-nav{display:grid;grid-gap:8px;gap:8px;margin-top:8px;flex:1 1 auto;align-content:start}.sidebar-card{margin-top:18px;flex:0 0 auto;position:relative;z-index:1;max-width:100%;overflow:hidden}.sidebar{padding-bottom:24px}.sidebar-brand-copy .brand-title{word-break:normal;overflow-wrap:anywhere}@media (max-width:1280px){.app-shell{grid-template-columns:240px 1fr}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand,.mobile-menu{display:flex}}@media (max-height:820px){.sidebar-card{display:none}.sidebar{gap:14px}.sidebar-logo-frame{width:64px;height:64px}.sidebar-brand-copy .brand-title{font-size:1.1rem}}.sidebar-scroll{flex:1 1;min-height:0;padding-bottom:16px}.sidebar-logout{padding-top:12px}.logout-btn{border:none;background:#fff;padding:12px 22px;cursor:pointer}.content-shell{padding:24px}@media (max-width:1100px){.content-shell{padding:14px}}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input{flex:1 1 140px;min-width:0}.invoice-pdf-note{font-size:12px;color:#475569}.sidebar-brand-label{align-self:center;padding:6px 10px;border:1px solid rgba(255,255,255,.12);font-weight:700;letter-spacing:.04em}.sidebar-user-meta{margin-top:6px;color:#c8d4f2;font-size:12px;font-weight:600}.mobile-brand{justify-content:space-between;gap:16px;flex-wrap:wrap}.mobile-brand-main{display:flex;align-items:center;gap:12px;min-width:0}.mobile-subtitle{color:var(--muted);margin-top:2px}.mobile-menu{display:none;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mobile-menu .nav-link{background:#fff;color:var(--text);border:1px solid var(--line)}.mobile-menu .nav-link.active{background:#0f172a;color:#fff}@media (max-width:900px){.mobile-menu .nav-link{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);text-align:center}}@media (max-width:720px){.mobile-brand{padding:12px;border-radius:18px}.mobile-brand .logout-btn{width:100%}.mobile-menu .nav-link{flex:1 1 100%}}.user-card-row,.user-list{display:grid;grid-gap:14px;gap:14px}.user-card-row{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(180deg,#ffffff,#fbfdff);min-width:0}.user-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.user-name{font-size:1.05rem;font-weight:800}.user-email{word-break:break-word;overflow-wrap:anywhere}.user-meta-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-role-pill{background:#eef2ff;color:#334155;border-color:#dbe4ff}.user-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;min-width:0}.user-action-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;min-width:0}.user-action-form input{min-width:0;width:100%}.user-action-form .btn{white-space:nowrap}.user-action-delete,.user-action-toggle{grid-template-columns:1fr}.user-action-delete .btn,.user-action-toggle .btn{width:100%}@media (max-width:1280px){.user-actions-grid{grid-template-columns:1fr}}@media (max-width:720px){.user-card-row{padding:14px;border-radius:18px}.user-action-form{grid-template-columns:1fr}.user-action-form .btn{width:100%}}.mobile-bottom-nav,.mobile-drawer,.mobile-drawer-backdrop,.mobile-fab,.mobile-topbar{display:none}body.mobile-nav-open,html.mobile-nav-open{overflow:hidden;height:100%}@media (max-width:900px){.content-shell{padding:76px 12px 96px;overflow:visible;min-height:calc(100dvh - 76px)}.app-shell{min-height:100dvh}.mobile-brand,.mobile-menu{display:none!important}.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:1300;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;background:rgba(11,19,43,.96);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.mobile-topbar-btn{width:42px;height:42px;border:none;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;flex:0 0 auto}.mobile-topbar-create{font-size:24px;line-height:1;text-decoration:none}.mobile-topbar-title-wrap{min-width:0;flex:1 1 auto}.mobile-topbar-subtitle,.mobile-topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-title{font-size:15px;font-weight:800}.mobile-topbar-subtitle{font-size:12px;color:rgba(255,255,255,.72);margin-top:2px}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:1390}.mobile-drawer-backdrop.open{display:block;opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:linear-gradient(180deg,#0b132b,#111d3b);color:#fff;z-index:1400;transform:translateX(-104%);transition:transform .25s ease;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(15,23,42,.28)}.mobile-drawer.open{display:flex;transform:translateX(0)}.mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-drawer-user{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 auto}.mobile-drawer-logo{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.mobile-drawer-role{color:#c8d4f2}.mobile-drawer-nav{display:grid;grid-gap:8px;gap:8px;overflow:auto;padding-right:2px}.mobile-drawer-nav .nav-link{color:#dbe7ff}.mobile-drawer-nav .nav-link.active{background:rgba(255,255,255,.14);color:#fff}.mobile-drawer-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.mobile-drawer-footer .logout-btn{width:100%}.mobile-fab{position:fixed;right:16px;bottom:86px;z-index:1250;width:58px;height:58px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#14857b);color:#fff;box-shadow:0 14px 30px rgba(15,118,110,.35);display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px;background:rgba(255,255,255,.96);border:1px solid rgba(216,226,238,.95);border-radius:22px;box-shadow:0 18px 40px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-bottom-link{min-width:0;border-radius:16px;padding:8px 6px;display:grid;grid-gap:4px;gap:4px;justify-items:center;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.mobile-bottom-link.active{background:#ecfdf5;color:var(--primary)}.mobile-bottom-icon{font-size:16px;line-height:1}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.card,.content-shell,.dashboard-hero,.detail-grid,.detail-hero,.detail-shell,.doc-preview-card,.page-grid,.surface-card{min-width:0}.flex-between>.btn,.flex>.btn,.responsive-actions>.btn,.topbar-actions>.btn{min-height:44px}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap table{min-width:680px}.btn,input,select,textarea{min-height:44px}.flex,.flex-between,.inline-form{min-width:0}}@media (max-width:720px){.content-shell{padding-left:12px;padding-right:12px;padding-bottom:104px}.page-grid{gap:14px}.detail-hero-copy h1,.topbar h1{word-break:break-word}.flex,.flex-between,.responsive-actions,.topbar-actions{gap:10px}.flex-between>*,.flex>*,.responsive-actions>*,.topbar-actions>*{width:100%;min-width:0}.btn,.logout-btn{width:100%}.mobile-topbar{padding-left:12px;padding-right:12px}.mobile-drawer{width:min(88vw,340px);padding-bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.mobile-fab{right:14px;bottom:90px;width:56px;height:56px}.mobile-bottom-nav{left:10px;right:10px;bottom:10px;gap:6px;padding:8px;border-radius:20px}.mobile-bottom-link{padding:8px 4px;font-size:10px}.mobile-bottom-icon{font-size:15px}.table-wrap table{min-width:620px}}.users-layout{align-items:start}.users-layout>.card{height:auto;align-self:start}.users-layout form.card.stack{grid-auto-rows:max-content}html.force-mobile-layout .app-shell{grid-template-columns:1fr;min-height:100dvh}html.force-mobile-layout .mobile-brand,html.force-mobile-layout .mobile-menu,html.force-mobile-layout .sidebar{display:none!important}html.force-mobile-layout .content-shell{padding:76px 12px 96px;min-height:calc(100dvh - 76px)}html.force-mobile-layout .mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:1300;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;background:rgba(11,19,43,.96);border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}html.force-mobile-layout .mobile-topbar-btn{width:42px;height:42px;border:none;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;flex:0 0 auto}html.force-mobile-layout .mobile-topbar-title-wrap{min-width:0;flex:1 1 auto}html.force-mobile-layout .mobile-topbar-subtitle,html.force-mobile-layout .mobile-topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.force-mobile-layout .mobile-topbar-title{font-size:15px;font-weight:800}html.force-mobile-layout .mobile-topbar-subtitle{font-size:12px;color:rgba(255,255,255,.72);margin-top:2px}html.force-mobile-layout .mobile-drawer-backdrop.open{display:block;opacity:1;pointer-events:auto}html.force-mobile-layout .mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(88vw,340px);background:linear-gradient(180deg,#0b132b,#111d3b);color:#fff;z-index:1400;transform:translateX(-104%);transition:transform .25s ease;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(15,23,42,.28)}html.force-mobile-layout .mobile-drawer.open{display:flex;transform:translateX(0)}html.force-mobile-layout .mobile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}html.force-mobile-layout .mobile-drawer-user{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 auto}html.force-mobile-layout .mobile-drawer-logo{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}html.force-mobile-layout .mobile-drawer-nav{display:grid;grid-gap:8px;gap:8px;overflow:auto;padding-right:2px}html.force-mobile-layout .mobile-drawer-nav .nav-link{color:#dbe7ff}html.force-mobile-layout .mobile-drawer-nav .nav-link.active{background:rgba(255,255,255,.14);color:#fff}html.force-mobile-layout .mobile-drawer-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}html.force-mobile-layout .mobile-drawer-footer .logout-btn{width:100%}html.force-mobile-layout .mobile-fab{position:fixed;right:14px;bottom:90px;z-index:1250;width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#14857b);color:#fff;box-shadow:0 14px 30px rgba(15,118,110,.35);display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}html.force-mobile-layout .mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:1200;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;padding:8px;background:rgba(255,255,255,.96);border:1px solid rgba(216,226,238,.95);border-radius:20px;box-shadow:0 18px 40px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html.force-mobile-layout .mobile-bottom-link{min-width:0;border-radius:16px;padding:8px 4px;display:grid;grid-gap:4px;gap:4px;justify-items:center;color:var(--muted);font-size:10px;font-weight:700;text-align:center}html.force-mobile-layout .mobile-bottom-link.active{background:#ecfdf5;color:var(--primary)}html.force-mobile-layout .mobile-bottom-icon{font-size:15px;line-height:1}html.force-mobile-layout .action-grid,html.force-mobile-layout .dashboard-hero,html.force-mobile-layout .detail-grid,html.force-mobile-layout .detail-hero,html.force-mobile-layout .detail-stat-grid,html.force-mobile-layout .form-grid-3,html.force-mobile-layout .grid-2,html.force-mobile-layout .grid-3,html.force-mobile-layout .grid-4,html.force-mobile-layout .hero-summary-grid,html.force-mobile-layout .summary-grid{grid-template-columns:1fr}html.force-mobile-layout .flex,html.force-mobile-layout .flex-between,html.force-mobile-layout .responsive-actions,html.force-mobile-layout .topbar-actions{gap:10px}html.force-mobile-layout .flex-between>*,html.force-mobile-layout .flex>*,html.force-mobile-layout .responsive-actions>*,html.force-mobile-layout .topbar-actions>*{width:100%;min-width:0}html.force-mobile-layout .btn,html.force-mobile-layout .logout-btn{width:100%}html.force-mobile-layout .sticky-col{position:static}html.force-mobile-layout .table-wrap table{min-width:620px}html.force-mobile-layout .detail-hero-copy h1,html.force-mobile-layout .topbar h1{word-break:break-word}.item-editor-card,.items-editor{min-width:0}.item-editor-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:14px;gap:14px;min-width:0}.item-editor-grid>.field,.item-editor-grid>.item-editor-remove{min-width:0}.item-editor-description{grid-column:1/-1}.item-editor-grid>.field:nth-child(2),.item-editor-grid>.field:nth-child(3),.item-editor-grid>.field:nth-child(4),.item-editor-grid>.field:nth-child(5){grid-column:span 3}.item-editor-remove{grid-column:10/-1;display:flex;align-items:end}.item-editor-remove .btn{width:100%;white-space:nowrap}@media (max-width:900px){.item-editor-grid{grid-template-columns:1fr 1fr}.item-editor-description,.item-editor-grid>.field:nth-child(2),.item-editor-grid>.field:nth-child(3),.item-editor-grid>.field:nth-child(4),.item-editor-grid>.field:nth-child(5),.item-editor-remove{grid-column:auto}.item-editor-description,.item-editor-remove{grid-column:1/-1}}@media (max-width:560px){.item-editor-grid{grid-template-columns:1fr}}.detail-grid>*,.doc-preview-card,.invoice-meta>div,.section-stack,.sticky-col{min-width:0}.detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.doc-preview-card{overflow:hidden}.invoice-meta-compact{align-items:start}.invoice-meta-compact>div{overflow-wrap:anywhere}.doc-preview-card .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.doc-preview-card .table-wrap table{min-width:560px}.doc-preview-card td,.doc-preview-card th{padding:12px 10px;font-size:14px}.invoice-preview-totals{margin-top:16px;text-align:right;display:grid;grid-gap:4px;gap:4px}.invoice-preview-payable{font-size:clamp(1.35rem,2vw,2rem);font-weight:800;line-height:1.12;overflow-wrap:anywhere}@media (max-width:1440px){.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.doc-preview-card{padding:18px}.doc-preview-header h2{font-size:1.05rem}.invoice-preview-payable{font-size:1.7rem}}@media (max-width:1280px){.invoice-meta-compact{grid-template-columns:1fr;gap:12px}.doc-preview-card .table-wrap table{min-width:520px}}@media (max-width:1100px){.detail-grid{grid-template-columns:1fr}}@media (max-width:720px){.doc-preview-card td,.doc-preview-card th{padding:10px 8px;font-size:13px}.doc-preview-card .table-wrap table{min-width:500px}.invoice-preview-payable{font-size:1.45rem}}.sales-report-card{display:grid;grid-gap:10px;gap:10px;align-content:start}.sales-report-card--primary{background:linear-gradient(135deg,#fff7ed,#ffffff 45%,#f8fafc)}.sales-report-split{display:flex;gap:14px;flex-wrap:wrap;padding-top:4px}.sales-report-split>div{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.trend-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;font-weight:800;font-size:.92rem;white-space:nowrap}.trend-pill.up{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.trend-pill.down{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.trend-pill.neutral{background:#f8fafc;color:#334155;border:1px solid #e2e8f0}@media (max-width:900px){.invoices-report-grid{grid-template-columns:1fr}}.report-export-actions{gap:10px}.sales-report-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-gap:18px;gap:18px;padding:22px;border-radius:28px;background:linear-gradient(135deg,#0b132b,#102348 54%,#0f766e);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.12)}.sales-report-hero h2{margin:10px 0 8px;font-size:clamp(1.5rem,2.4vw,2.2rem)}.sales-report-hero p{margin:0 0 16px;color:#d7e4f8;max-width:64ch}.sales-report-hero__content .report-export-actions .btn.btn-soft{background:#ffffff;color:#0f172a;border-color:#ffffff}.sales-report-hero__content .report-export-actions .btn.btn-primary{background:#f59e0b;border-color:#f59e0b;color:#111827}.sales-trend-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px;display:grid;grid-gap:18px;gap:18px}.sales-trend-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sales-mini-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;grid-gap:10px;gap:10px;min-height:170px}.sales-mini-chart__item{display:grid;grid-gap:10px;gap:10px;justify-items:center;min-width:0}.sales-mini-chart__bar{width:100%;max-width:32px;min-height:12px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#f8fafc,#f59e0b);box-shadow:0 12px 28px rgba(15,23,42,.2)}.sales-mini-chart__item span{font-size:11px;color:#dbeafe;text-align:center}@media (max-width:1100px){.sales-report-hero{grid-template-columns:1fr}}@media (max-width:720px){.sales-mini-chart{gap:6px;min-height:140px}.report-export-actions{width:100%}.report-export-actions .btn{flex:1 1 100%;text-align:center}}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;align-items:start}.pipeline-column{background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:240px}.pipeline-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pipeline-column-body{display:flex;flex-direction:column;gap:10px}.pipeline-card{display:block;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.95));border:1px solid rgba(15,23,42,.07);box-shadow:0 10px 24px rgba(15,23,42,.06);text-decoration:none;color:inherit}.pipeline-card-title{font-weight:800;margin-bottom:4px}.pipeline-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;font-size:.92rem}.compact{padding:14px 10px}.dashboard-analytics-grid,.dashboard-detail-grid{align-items:start}.mini-chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));grid-gap:12px;gap:12px;align-items:end;min-height:180px}.mini-chart-col{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.mini-chart-bar-wrap{height:130px;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 6px}.mini-chart-bar{width:100%;max-width:34px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,var(--primary),var(--secondary));box-shadow:0 10px 18px rgba(15,23,42,.12)}.mini-chart-label{font-size:.74rem;color:var(--muted);text-align:center;line-height:1.25;word-break:break-word}.progress-row{display:flex;flex-direction:column;gap:8px}.progress-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}.progress-track{height:11px;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.donut-card{display:grid;grid-template-columns:minmax(220px,260px) 1fr;grid-gap:20px;gap:20px;align-items:center}.donut-ring{width:220px;height:220px;place-items:center;margin:auto;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04),0 14px 32px rgba(15,23,42,.08)}.donut-hole,.donut-ring{border-radius:50%;display:grid}.donut-hole{width:132px;height:132px;background:#fff;place-items:center;text-align:center;padding:14px;box-shadow:0 12px 24px rgba(15,23,42,.08)}.donut-total-label{font-size:.78rem;color:var(--muted)}.donut-total-value{font-weight:800;line-height:1.2}.donut-legend{gap:10px}.legend-item{display:grid;grid-template-columns:12px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.legend-dot{width:12px;height:12px;border-radius:999px;display:inline-block}.line-chart-card{display:flex;flex-direction:column;gap:10px}.line-chart{width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:rgba(15,23,42,.08);stroke-width:1}.chart-area-path{fill:rgba(15,118,110,.12)}.chart-line-path{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--secondary);stroke:#fff;stroke-width:2}.line-chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));grid-gap:8px;gap:8px;color:var(--muted);font-size:.78rem;text-align:center}.kpi-strip-vertical{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.metric-card-strong{background:linear-gradient(180deg,rgba(15,118,110,.12),rgba(255,255,255,.9))}@media (max-width:900px){.donut-card{grid-template-columns:1fr}.donut-ring{width:200px;height:200px}.pipeline-board{grid-template-columns:1fr 1fr}}@media (max-width:640px){.pipeline-board{grid-template-columns:1fr}.mini-chart-row{grid-template-columns:repeat(3,minmax(0,1fr))}.donut-ring{width:180px;height:180px}.donut-hole{width:112px;height:112px}}.premium-page{padding-bottom:48px}.dashboard-hero-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,118,110,.92));color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px rgba(2,6,23,.22)}.dashboard-hero-premium .hero-copy,.dashboard-hero-premium .muted{color:rgba(255,255,255,.78)}.dashboard-hero-premium .eyebrow{color:#cffafe}.dashboard-hero-premium:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);pointer-events:none}.card-glow{box-shadow:0 24px 80px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.5)}.premium-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card-strong{background:linear-gradient(135deg,rgba(15,118,110,.16),rgba(15,23,42,.05));border-color:rgba(15,118,110,.2)}.premium-panel{box-shadow:0 12px 30px rgba(15,23,42,.08)}.rank-row .rank-label{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-fill{background:linear-gradient(90deg,var(--primary),rgba(15,23,42,.7))}.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.grid-5{grid-template-columns:1fr}}.detail-grid-wide{grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)}.card-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.compact-form-grid .form-grid,.two-col-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.78)}.task-card.task-overdue{border-color:rgba(220,38,38,.22);box-shadow:0 12px 32px rgba(220,38,38,.08)}.task-main{flex:1 1;min-width:0}.task-topline{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.task-badges{display:flex;gap:8px;flex-wrap:wrap}.task-meta{color:#64748b;font-size:.9rem;margin-top:6px}.task-note{color:#334155;font-size:.92rem;margin-top:8px;line-height:1.45}.compact-task-card,.compact-task-list .task-card{padding:12px 14px}.compact-task-card .task-topline strong,.compact-task-list .task-topline strong{font-size:.95rem}.timeline-list{display:flex;flex-direction:column;gap:14px}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));margin-top:6px;box-shadow:0 0 0 4px rgba(15,118,110,.09)}.timeline-content{flex:1 1;min-width:0;padding:0 0 12px;border-bottom:1px solid rgba(148,163,184,.18)}.timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.timeline-head span{font-size:.8rem;color:#64748b}.timeline-subhead{margin-top:4px;font-size:.84rem;color:#64748b}.timeline-content p{margin:8px 0 0;color:#334155;line-height:1.5}.badge.HIGH{background:rgba(220,38,38,.1);color:#b91c1c}.badge.MEDIUM{background:rgba(245,158,11,.12);color:#b45309}.badge.LOW{background:rgba(15,118,110,.12);color:#0f766e}.badge.badge-soft{background:rgba(148,163,184,.12);color:#475569}.premium-dashboard-grid .card{min-height:100%}@media (max-width:1024px){.card-grid-2,.detail-grid-wide{grid-template-columns:1fr}}@media (max-width:720px){.card-grid-2,.compact-form-grid .form-grid,.two-col-compact{grid-template-columns:1fr}.task-card{flex-direction:column}.task-topline,.timeline-head{flex-direction:column;align-items:flex-start}}.section-divider{height:1px;background:rgba(148,163,184,.18);margin:16px 0}.notification-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.notification-read{opacity:.72}.notification-main{display:grid;grid-gap:6px;gap:6px;min-width:0;flex:1 1}.notification-actions{display:flex;gap:10px;align-items:center}.compact-notification-card{padding:12px 14px;border-radius:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.calendar-head{padding:10px 8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.calendar-cell{min-height:160px;padding:10px;border:1px solid rgba(148,163,184,.14);border-radius:20px;background:rgba(15,23,42,.42);display:flex;flex-direction:column;gap:8px}.calendar-muted{opacity:.55}.calendar-today{outline:2px solid rgba(20,184,166,.55);box-shadow:0 0 0 4px rgba(20,184,166,.08)}.calendar-date{font-weight:700;font-size:14px}.calendar-events{display:grid;grid-gap:8px;gap:8px}.calendar-event{display:grid;grid-gap:4px;gap:4px;padding:8px 10px;border-radius:14px;background:rgba(15,118,110,.12);border:1px solid rgba(45,212,191,.18);text-decoration:none;color:inherit}.calendar-event strong{font-size:12px;line-height:1.3}.calendar-event span{font-size:11px;color:var(--muted)}.calendar-event.is-done{opacity:.6;background:rgba(100,116,139,.16);border-color:rgba(148,163,184,.16)}.calendar-more{font-size:12px;color:var(--muted);padding:4px 2px}.summary-item-active{border-color:rgba(45,212,191,.32);box-shadow:inset 0 0 0 1px rgba(45,212,191,.24)}@media (max-width:900px){.calendar-grid{grid-template-columns:1fr}.calendar-head{display:none}.calendar-cell{min-height:auto}}:root{--shell-bg:linear-gradient(180deg,#f4f8fc,#eef4fa);--card-shadow:0 18px 48px rgba(15,23,42,.08);--card-shadow-soft:0 10px 24px rgba(15,23,42,.05)}.content-shell{padding:28px;min-width:0}.page-stack{display:grid;grid-gap:20px;gap:20px}.stats-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.card-span-12{grid-column:span 12}.card-span-9{grid-column:span 9}.card-span-8{grid-column:span 8}.card-span-6{grid-column:span 6}.card-span-5{grid-column:span 5}.card-span-4{grid-column:span 4}.card-span-3{grid-column:span 3}.calendar-cell,.card,.doc-preview-card,.hero-summary,.invoice-preview,.metric-card,.notification-card,.pipeline-column,.summary-item,.surface-card,.task-card{overflow:hidden}.card,.doc-preview-card,.invoice-preview,.metric-card,.surface-card{box-shadow:var(--card-shadow-soft)}.premium-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-gap:20px;gap:20px;padding:28px;background:linear-gradient(135deg,#081226,#102348 52%,#0f766e);color:#fff;box-shadow:0 28px 70px rgba(15,23,42,.16);overflow:hidden}.premium-hero:before{content:"";position:absolute;right:-100px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);pointer-events:none}.premium-hero>*{position:relative;z-index:1}.premium-hero h1{margin:10px 0 12px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.06;letter-spacing:-.03em}.premium-hero p{margin:0;max-width:68ch;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.55}.hero-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;align-content:start}.hero-metric-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0}.hero-metric-card span{display:block;color:rgba(222,236,255,.84);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.hero-metric-card strong{display:block;margin-top:10px;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.1;font-weight:800;letter-spacing:-.02em}.hero-metric-card small{display:block;margin-top:8px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.4}.premium-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.premium-stat-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid rgba(216,226,238,.9);border-radius:24px;padding:18px;box-shadow:var(--card-shadow-soft)}.stat-label{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.01em}.stat-value{margin-top:10px;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;word-break:break-word}.stat-help{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}.dashboard-grid .card,.premium-dashboard-grid .card{border-radius:26px;border:1px solid rgba(216,226,238,.92);background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:var(--card-shadow-soft)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.card-head h3,.card-title,.surface-title{margin:0;font-size:1.15rem}.card-head p,.muted,.surface-subtitle{line-height:1.5}.table-wrap{border-radius:22px}.table-wrap table{min-width:100%}.table-wrap td,.table-wrap th{white-space:normal}.btn{min-height:44px}.btn-soft{background:#f1f7f6;color:#0f766e}.btn-primary{box-shadow:0 10px 22px rgba(15,118,110,.18)}.sidebar{width:272px;padding:22px 18px 18px;background:linear-gradient(180deg,#07112a,#0b1737 56%,#0c1838)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.sidebar-brand-block{gap:12px;padding:6px 8px 16px}.sidebar-logo-frame{width:74px;height:74px;border-radius:22px}.sidebar-brand-copy .brand-title{font-size:1.06rem;line-height:1.2;max-width:170px;margin:0 auto}.sidebar-brand-copy .brand-subtitle{margin-top:8px;font-size:12px;color:#9fb1d9;text-transform:uppercase;letter-spacing:.05em}.sidebar-user-meta{margin-top:10px;display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#e6efff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.sidebar-logout{padding:14px 8px 0}.logout-btn{min-height:48px}.calendar-cell{min-height:170px;background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid rgba(216,226,238,.9)}.calendar-event{background:rgba(15,118,110,.08);border-color:rgba(15,118,110,.18)}.calendar-event span{color:#526277}.donut-card,.kpi-strip-vertical,.legend-item,.line-chart-card,.mini-chart-row,.pipeline-board,.task-list,.timeline-list{min-width:0}@media (max-width:1400px){.premium-stats-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1200px){.premium-hero{grid-template-columns:1fr}.card-span-3,.card-span-4,.card-span-5,.card-span-6,.card-span-8,.card-span-9{grid-column:span 12}}@media (max-width:1100px){.content-shell{padding:16px}.premium-hero{padding:22px;border-radius:24px}}@media (max-width:900px){.premium-stats-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-metrics-grid{grid-template-columns:1fr}}@media (max-width:640px){.grid-2,.grid-3,.grid-4,.premium-stats-grid,.stats-grid{grid-template-columns:1fr}.premium-hero h1{font-size:1.8rem}.premium-hero{padding:18px}.dashboard-grid .card,.premium-dashboard-grid .card,.premium-hero,.premium-stat-card{border-radius:22px}.content-shell{padding:12px}}.warning-banner{border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.12);color:#92400e;padding:14px 16px;border-radius:16px;font-weight:600}.dark .warning-banner{color:#f59e0b}:root{--shell-bg:linear-gradient(180deg,#f4f7fb,#edf3f9);--surface-soft:#f6fafc;--surface-accent:#eef7f6}body,html{background:var(--shell-bg)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.content-shell{width:100%;max-width:100%;overflow-x:clip}.card-head,.dashboard-grid,.dashboard-grid>*,.detail-grid,.detail-grid-wide,.detail-shell,.form-grid,.form-grid-3,.form-grid-3>*,.form-grid>*,.grid-2,.grid-2>*,.grid-3,.grid-3>*,.grid-4,.grid-4>*,.hero-metrics-grid,.hero-metrics-grid>*,.invoice-meta,.page-stack,.page-stack>*,.section-stack,.stack,.stats-grid,.stats-grid>*,.task-list,.timeline-list{min-width:0}.hero-number,.metric-value,.stat-value,a,h1,h2,h3,h4,label,p,small,span,strong,td,th{overflow-wrap:anywhere}.section-stack{display:grid;grid-gap:16px;gap:16px}.calendar-cell,.card,.doc-preview-card,.hero-summary,.invoice-preview,.metric-card,.notification-card,.premium-stat-card,.surface-card,.task-card{border-radius:24px}.card,.doc-preview-card,.invoice-preview,.metric-card,.premium-stat-card,.surface-card{border:1px solid rgba(210,222,236,.9);background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 12px 30px rgba(15,23,42,.06)}.card-head h3{font-size:1.08rem;line-height:1.25}.card-head p,.metric-label,.muted,.stat-help{color:#607086}.premium-hero{gap:22px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#081225,#0d1f44 48%,#12726b)}.premium-hero h1{max-width:14ch}.hero-metric-card{min-height:132px;display:grid;align-content:start}.hero-metric-card strong{word-break:break-word}.premium-stat-card{min-height:148px}.metric-value,.stat-value{line-height:1}.compact-form-grid .form-grid,.form-grid,.form-grid-3{align-items:start}label{color:#17263d}input,select,textarea{width:100%;min-height:46px;border:1px solid #d8e3ef;background:#f8fbfd;color:var(--text);padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}textarea{min-height:118px}input:focus,select:focus,textarea:focus{border-color:rgba(15,118,110,.45);background:#ffffff;box-shadow:0 0 0 4px rgba(15,118,110,.1)}.btn{white-space:nowrap}.btn-soft{background:#eef7f6;border:1px solid rgba(15,118,110,.14)}.btn-secondary{background:#102033}.flex-end{display:flex;justify-content:flex-end;flex-wrap:wrap}.error-banner,.success-banner,.warning-banner{padding:14px 16px;font-weight:700;border:1px solid transparent}.success-banner{background:rgba(21,128,61,.09);border-color:rgba(21,128,61,.14);color:#166534}.error-banner{background:rgba(190,24,93,.08);border-color:rgba(190,24,93,.14);color:#be123c}.warning-banner{background:rgba(217,119,6,.1);border-color:rgba(217,119,6,.18);color:#9a3412}.table-wrap{border:1px solid rgba(216,226,238,.95);background:#fff}.table-wrap table{min-width:820px}td,th{padding:14px 16px}.notification-card,.task-card{align-items:flex-start;background:linear-gradient(180deg,#ffffff,#f8fbfd)}.task-topline,.timeline-head{gap:12px}.task-badges{justify-content:flex-end}.badge-soft{background:#eef3f8;color:#334155}.timeline-content{padding-bottom:14px}.calendar-grid{gap:12px}.calendar-cell{min-height:180px}.calendar-date{color:#17263d}.sidebar-scroll{min-height:calc(100vh - 96px)}.sidebar-nav{gap:6px;margin-top:14px}.nav-link{display:flex;align-items:center}.sidebar-brand-block{align-items:center;text-align:center}.sidebar-brand-copy .brand-title{max-width:none;font-size:1.18rem}.sidebar-user-meta{margin-top:12px}.mobile-bottom-nav,.mobile-fab,.mobile-topbar{box-shadow:0 12px 30px rgba(15,23,42,.12)}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.premium-hero h1{max-width:none}}@media (max-width:768px){.table-wrap table{min-width:700px}.task-badges{justify-content:flex-start}}@media (max-width:640px){.dashboard-grid,.form-grid,.form-grid-3,.hero-metrics-grid,.premium-stats-grid,.stats-grid{grid-template-columns:1fr}.calendar-cell,.card,.notification-card,.premium-hero,.premium-stat-card,.task-card{border-radius:22px}.premium-hero{padding:20px}.table-wrap{margin:0 -2px}}:root{--crm-shell-bg:linear-gradient(180deg,#eaf1f5,#e5edf3 55%,#e2ebf2);--crm-hero-bg:linear-gradient(135deg,#0a142c,#0f2447 48%,#17756d);--crm-hero-bg-soft:linear-gradient(135deg,rgba(10,20,44,.98),rgba(15,36,71,.96) 48%,rgba(23,117,109,.94));--crm-card-bg:linear-gradient(180deg,#ffffff,#fbfdff);--crm-text-soft:rgba(255,255,255,.82)}body,html{background:var(--crm-shell-bg)}.content-shell,.main{background:transparent}.login-shell{background:radial-gradient(circle at top right,rgba(23,117,109,.16) 0,transparent 32%),var(--crm-shell-bg)}.login-brand-panel,.mobile-drawer,.mobile-topbar,.sidebar{background:var(--crm-hero-bg)}.card.dashboard-hero,.card.detail-hero,.card.payments-hero,.card.sales-report-hero,.card.settings-hero,.dashboard-hero,.detail-hero,.payments-hero,.premium-hero,.sales-report-hero,.settings-hero{background:var(--crm-hero-bg)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important}.dashboard-hero:before,.detail-hero:before,.premium-hero:before,.sales-report-hero:before{content:"";position:absolute;inset:auto -90px -90px auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);pointer-events:none}.dashboard-hero>*,.detail-hero>*,.premium-hero>*,.sales-report-hero>*{position:relative;z-index:1}.dashboard-hero .hero-copy,.dashboard-hero .muted,.dashboard-hero p,.detail-hero .hero-copy,.detail-hero .muted,.detail-hero p,.detail-stat-label,.hero-metric-card small,.hero-metric-card span,.hero-summary .muted,.premium-hero .hero-copy,.premium-hero .muted,.premium-hero p,.sales-report-hero .hero-copy,.sales-report-hero .metric-label,.sales-report-hero .muted,.sales-report-hero p,.sales-trend-card .metric-label,.sales-trend-card .muted{color:var(--crm-text-soft)!important}.dashboard-hero h1,.detail-hero h1,.detail-stat-value,.hero-metric-card strong,.hero-number,.hero-summary .card-title,.premium-hero h1,.sales-report-hero h1,.sales-report-hero h2,.sales-trend-card,.sales-trend-card *{color:#fff}.eyebrow,.soft-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#d9f6f1}.detail-stat,.hero-metric-card,.hero-summary,.sales-trend-card{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none}.dashboard-hero .btn.btn-primary,.dashboard-hero .btn.btn-soft,.premium-hero .btn.btn-primary,.premium-hero .btn.btn-soft,.sales-report-hero__content .report-export-actions .btn.btn-primary,.sales-report-hero__content .report-export-actions .btn.btn-soft{min-height:46px}.dashboard-hero .btn.btn-soft,.premium-hero .btn.btn-soft,.sales-report-hero__content .report-export-actions .btn.btn-soft{background:rgba(255,255,255,.96)!important;color:#0d203b!important;border:1px solid rgba(255,255,255,.8)!important}.dashboard-hero .btn.btn-primary,.premium-hero .btn.btn-primary,.sales-report-hero__content .report-export-actions .btn.btn-primary{background:#0f766e!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 28px rgba(7,18,42,.22)}.calendar-cell,.card,.doc-preview-card,.invoice-preview,.kpi,.metric-card,.notification-card,.pipeline-card,.premium-page .card,.premium-page .metric-card,.premium-stat-card,.summary-item,.surface-card,.table-wrap,.task-card,.track-sales-page .card{background:var(--crm-card-bg)}.sales-mini-chart__item span{color:#dff7f2!important}.sales-mini-chart__bar{background:linear-gradient(180deg,#bff7ec,#fbbf24)}.mobile-bottom-nav{background:rgba(255,255,255,.98);border-color:rgba(191,208,224,.9)}.mobile-bottom-link.active{background:rgba(15,118,110,.12);color:#0f766e}.calendar-date,.card-title,.info-row .value,.metric-value,.stat-value,.summary-item .value,.surface-title,.topbar h1,label{color:#102033}.card-head p,.metric-label,.muted,.stat-help,.surface-subtitle{color:#62748a}@media (max-width:900px){.content-shell{padding-top:78px;padding-bottom:98px}.card.sales-report-hero,.dashboard-hero,.detail-hero,.premium-hero,.sales-report-hero{padding:20px;border-radius:24px}.responsive-actions,.sales-report-hero__content .report-export-actions{width:100%}}:root{--ultra-shell-top:#edf4f8;--ultra-shell-bottom:#e4edf3;--ultra-sidebar-top:#081226;--ultra-sidebar-bottom:#0e2242;--ultra-hero-start:#091327;--ultra-hero-mid:#103053;--ultra-hero-end:#158076;--ultra-card:rgba(255,255,255,.96);--ultra-card-strong:#ffffff;--ultra-line:rgba(185,201,218,.72);--ultra-text:#10233d;--ultra-muted:#66788d;--ultra-shadow:0 18px 54px rgba(15,23,42,.09);--ultra-shadow-soft:0 10px 28px rgba(15,23,42,.06)}body,html{background:radial-gradient(circle at top right,rgba(21,128,118,.1),transparent 28%),linear-gradient(180deg,var(--ultra-shell-top) 0,var(--ultra-shell-bottom) 100%);color:var(--ultra-text)}body{min-height:100vh}.app-shell,.content-shell{background:transparent}.content-shell{padding:30px}.card.dashboard-hero,.card.detail-hero,.card.payments-hero,.card.sales-report-hero,.card.settings-hero,.dashboard-hero,.detail-hero,.login-brand-panel,.mobile-drawer,.mobile-topbar,.payments-hero,.premium-hero,.sales-report-hero,.settings-hero,.sidebar{background:linear-gradient(145deg,var(--ultra-hero-start) 0,var(--ultra-hero-mid) 54%,var(--ultra-hero-end) 100%)!important}.sidebar{width:274px;padding:20px 18px 18px;color:#fff;border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 0 rgba(255,255,255,.02)}.sidebar-brand-block{padding:6px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo-large.sidebar-logo-frame,.sidebar-logo-frame{width:78px;height:78px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.sidebar-brand-copy .brand-title{font-size:1.2rem;line-height:1.15;color:#fff}.sidebar-brand-copy .brand-subtitle{color:rgba(222,236,255,.72);letter-spacing:.08em}.sidebar-user-meta{background:rgba(255,255,255,.1);color:#eaf7ff;border:1px solid rgba(255,255,255,.1)}.nav-link{min-height:46px;padding:12px 14px;border-radius:16px;color:rgba(220,232,255,.82);font-weight:700;letter-spacing:.01em}.nav-link.active,.nav-link:hover{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.1));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.08)}.logout-btn{background:rgba(255,255,255,.96);color:#0f766e;border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 22px rgba(0,0,0,.08)}.dashboard-grid,.form-grid,.form-grid-3,.grid-2,.grid-3,.grid-4,.page-stack,.stats-grid{gap:18px}.calendar-cell,.card,.doc-preview-card,.invoice-preview,.kpi,.metric-card,.notification-card,.pipeline-column,.premium-stat-card,.summary-item,.surface-card,.table-wrap,.task-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,252,255,.98))!important;border:1px solid var(--ultra-line)!important;box-shadow:var(--ultra-shadow-soft)!important;border-radius:24px!important;color:var(--ultra-text)}th{background:#f5f8fc;color:#698093}.calendar-date,.card-title,.detail-stat-value,.hero-metric-card strong,.info-row .value,.metric-value,.notification-main strong,.stat-value,.summary-item .value,.surface-title,.task-topline strong,.timeline-head strong,.topbar h1,label,td{color:var(--ultra-text)}.calendar-event span,.card-head p,.info-row .label,.metric-label,.muted,.notification-main .task-meta,.stat-help,.summary-item .label,.surface-subtitle,.task-meta,.timeline-subhead{color:var(--ultra-muted)!important}.dashboard-hero,.detail-hero,.payments-hero,.premium-hero,.sales-report-hero,.settings-hero{position:relative;overflow:hidden;padding:30px!important;border-radius:30px!important;color:#fff!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 26px 68px rgba(15,23,42,.18)!important}.dashboard-hero:before,.detail-hero:before,.payments-hero:before,.premium-hero:before,.sales-report-hero:before,.settings-hero:before{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-90px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);pointer-events:none}.dashboard-hero>*,.detail-hero>*,.payments-hero>*,.premium-hero>*,.sales-report-hero>*,.settings-hero>*{position:relative;z-index:1}.dashboard-hero h1,.detail-hero h1,.payments-hero h1,.premium-hero h1,.premium-hero h2,.sales-report-hero h1,.sales-report-hero h2,.settings-hero h1{color:#fff!important;font-size:clamp(2rem,3vw,3rem);line-height:1.04;letter-spacing:-.03em;margin:10px 0 12px}.dashboard-hero .muted,.dashboard-hero p,.detail-hero .muted,.detail-hero p,.detail-stat-label,.hero-copy,.hero-metric-card small,.hero-metric-card span,.hero-summary .muted,.payments-hero .muted,.payments-hero p,.premium-hero .muted,.premium-hero p,.sales-report-hero .muted,.sales-report-hero p,.settings-hero .muted,.settings-hero p{color:rgba(235,244,255,.82)!important}.detail-stat,.hero-metric-card,.hero-summary,.sales-trend-card{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important;color:#fff!important}.detail-stat-value,.hero-metric-card strong,.hero-number,.hero-summary .card-title,.sales-trend-card,.sales-trend-card *{color:#fff!important}.eyebrow,.soft-pill{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.14)!important;color:#d9fbf5!important}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-stat-card{min-height:142px;display:grid;align-content:start}.card-head{align-items:center;margin-bottom:18px}.card-head h3,.card-title,.surface-title{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.btn{min-height:46px;padding:12px 18px;border-radius:14px;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn-primary{background:linear-gradient(135deg,#0f766e,#179184)!important;color:#fff!important;box-shadow:0 14px 26px rgba(15,118,110,.22)!important}.btn-secondary{background:linear-gradient(135deg,#10233d,#183354)!important;color:#fff!important}.btn-soft{background:#eef8f6!important;border-color:rgba(15,118,110,.14)!important;color:#0f766e!important}input,select,textarea{background:#f8fbfd!important;color:var(--ultra-text)!important;border:1px solid #d8e3ef!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}input:focus,select:focus,textarea:focus{background:#fff!important;border-color:rgba(15,118,110,.4)!important;box-shadow:0 0 0 4px rgba(15,118,110,.1)!important}.error-banner,.success-banner,.warning-banner{border-radius:18px;font-weight:800}.notification-card,.task-card{background:linear-gradient(180deg,#ffffff,#f8fbfd)!important}.timeline-dot{box-shadow:0 0 0 5px rgba(15,118,110,.08)}.mobile-topbar{min-height:66px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(15,23,42,.18)}.mobile-drawer .mobile-subtitle,.mobile-drawer .mobile-title,.mobile-drawer-role,.mobile-topbar-btn,.mobile-topbar-subtitle,.mobile-topbar-title{color:#fff!important}.mobile-topbar-btn{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.12)!important}.mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border:1px solid rgba(199,213,226,.9)!important;box-shadow:0 18px 40px rgba(15,23,42,.14)!important}.mobile-bottom-link{color:#6a7b8c!important;font-weight:800}.mobile-bottom-link.active{background:rgba(15,118,110,.1)!important;color:#0f766e!important}.mobile-fab{background:linear-gradient(135deg,#0f766e,#179184)!important;box-shadow:0 16px 32px rgba(15,118,110,.28)!important}.login-shell{background:radial-gradient(circle at top right,rgba(21,128,118,.18),transparent 30%),linear-gradient(180deg,#edf4f8,#e5edf3)}.login-brand-panel{border-radius:32px;box-shadow:0 28px 70px rgba(15,23,42,.18)}.login-card{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,255,.98));border:1px solid rgba(214,225,236,.9);box-shadow:var(--ultra-shadow)}@media (max-width:1280px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.content-shell{padding:78px 12px 98px}.dashboard-hero,.detail-hero,.payments-hero,.premium-hero,.sales-report-hero,.settings-hero{padding:20px!important;border-radius:24px!important}.hero-metrics-grid,.premium-stats-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.calendar-cell,.card,.doc-preview-card,.invoice-preview,.notification-card,.premium-stat-card,.surface-card,.task-card{border-radius:22px!important}.dashboard-hero h1,.detail-hero h1,.payments-hero h1,.premium-hero h1,.sales-report-hero h1,.settings-hero h1{font-size:1.9rem}}:root{--bg:#edf3f8;--card:rgba(255,255,255,.92);--line:rgba(148,163,184,.22);--line-strong:rgba(148,163,184,.34);--muted:#64748b;--primary:#0f8b7d;--primary-dark:#0b6a60;--secondary:#102348;--secondary-soft:#e8eefc;--radius:26px;--shadow-xl:0 24px 70px rgba(15,23,42,.10);--shadow-lg:0 18px 46px rgba(15,23,42,.08);--shadow-md:0 12px 28px rgba(15,23,42,.06)}body,html{background:radial-gradient(circle at top left,rgba(15,139,125,.07),transparent 28%),radial-gradient(circle at right top,rgba(16,35,72,.06),transparent 25%),linear-gradient(180deg,#f7fafc,#eef4f9)}.content-shell,.main{max-width:1720px;margin:0 auto}.sidebar{background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 26%),linear-gradient(180deg,#081122,#102348 52%,#0c6f66);box-shadow:inset -1px 0 0 rgba(255,255,255,.04)}.nav-link{position:relative;padding:13px 15px;border:1px solid transparent;font-weight:600}.nav-link.active,.nav-link:hover{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.calendar-cell,.card,.doc-preview-card,.invoice-preview,.metric-card,.mobile-brand,.notification-card,.summary-item,.surface-card,.table-wrap,.task-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.92));border:1px solid var(--line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card,.doc-preview-card,.invoice-preview,.metric-card,.surface-card{border-radius:28px}.dashboard-hero,.detail-hero,.login-brand-panel,.payments-hero,.premium-hero,.settings-hero{box-shadow:0 28px 80px rgba(15,23,42,.16)}.card,.doc-preview-card,.invoice-preview,.metric-card,.surface-card{padding:22px}.card-title,.detail-hero-copy h1,.doc-preview-header h2,.surface-title,.topbar h1{letter-spacing:-.03em}.form-grid,.form-grid-3,.two-col-compact{gap:16px}.field{gap:9px}label{color:#0f172a;font-size:13px;font-weight:800;letter-spacing:.01em}.search,input,select,textarea{min-height:56px;padding:15px 16px;border-radius:18px;border:1px solid rgba(191,203,217,.95);background:linear-gradient(180deg,#ffffff,#f8fbff);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}textarea{min-height:132px;line-height:1.5}input::placeholder,textarea::placeholder{color:#94a3b8}.search:hover,input:hover,select:hover,textarea:hover{border-color:rgba(148,163,184,.52)}.search:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(15,139,125,.55);box-shadow:0 0 0 4px rgba(15,139,125,.1),0 8px 18px rgba(15,23,42,.06);background:#fff}input[type=date],input[type=datetime-local],input[type=time]{min-width:0;line-height:1.2}select{padding-right:42px;white-space:nowrap;text-overflow:ellipsis}.btn{min-height:54px;padding:14px 20px;border-radius:18px;font-size:15px;font-weight:800;letter-spacing:-.01em;box-shadow:0 12px 26px rgba(15,23,42,.08)}.btn:hover{box-shadow:0 16px 30px rgba(15,23,42,.12)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#149783 100%)}.btn-secondary{background:linear-gradient(135deg,#102348,#0b132b)}.btn-soft{background:linear-gradient(180deg,#f2fbf8,#e7f8f3);color:var(--primary-dark);border:1px solid rgba(15,139,125,.12)}.flex-between .btn,.flex-end .btn,.flex-end form,.responsive-actions .btn,.responsive-actions form{min-width:0}.table-wrap{border-radius:24px;overflow:auto}th{background:linear-gradient(180deg,#fbfdff,#f3f7fb);color:#475569;font-size:12px;letter-spacing:.04em;text-transform:uppercase}td{color:#0f172a}tr:hover td{background:rgba(15,139,125,.02)}.badge{padding:7px 11px;border-radius:999px}.detail-grid-wide{grid-template-columns:minmax(0,1.5fr) minmax(360px,.82fr)}.card-grid-2{gap:20px;align-items:start}.notification-card,.summary-item,.task-card{border-radius:22px}.task-card{padding:16px 18px}.timeline-content{padding-bottom:16px}.detail-stat-value,.metric-value,.stat,.summary-item .value{letter-spacing:-.03em}.error-banner,.success-banner{border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-md)}@media (max-width:1280px){.premium-stats-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.dashboard-hero,.detail-grid-wide,.detail-hero,.premium-hero{grid-template-columns:1fr}}@media (max-width:720px){.content-shell,.main{padding:14px}.card,.detail-hero,.doc-preview-card,.invoice-preview,.metric-card,.premium-hero,.surface-card{padding:16px;border-radius:22px}.detail-stat-grid,.grid-5,.hero-metrics-grid,.premium-stats-grid,.stats-grid,.summary-grid{grid-template-columns:1fr}.btn,.search,input,select,textarea{min-height:52px}textarea{min-height:120px}}.donut-card-vertical{display:flex;flex-direction:column;align-items:center;gap:18px;min-height:auto}.donut-card-vertical .donut-ring{width:min(220px,100%);height:220px;flex:0 0 auto}.donut-legend-below{width:100%;max-width:320px;gap:12px;margin-top:2px}.legend-item-below{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f7fafc);border:1px solid rgba(216,226,238,.96);box-shadow:0 8px 20px rgba(15,23,42,.05)}.legend-copy{display:flex;align-items:center;gap:10px;min-width:0}.legend-label{font-weight:700;color:#20314f;white-space:nowrap}.legend-value{font-size:1rem;color:#0f172a;white-space:nowrap;text-align:right}.sidebar{padding-bottom:28px}.sidebar-logout{padding:18px 10px;margin-top:16px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,10,24,0),rgba(5,10,24,.18));border-radius:20px 20px 24px 24px}.logout-btn{box-shadow:0 14px 30px rgba(3,10,25,.18)}@media (max-width:900px){.sidebar-logout{padding-bottom:24px}.mobile-drawer-footer{padding:16px 0 22px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08)}.mobile-drawer-footer .logout-btn{width:100%;min-height:50px;border-radius:18px}}.mobile-drawer-footer,.sidebar-logout{flex-shrink:0}.mobile-drawer-footer form,.sidebar-logout form{width:100%;display:block}.sidebar-logout{padding:14px 8px 10px}.logout-btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 16px;background:transparent!important;color:#f8fbff!important;box-shadow:none!important;font-size:15px;font-weight:700;letter-spacing:.01em}.logout-btn:focus-visible,.logout-btn:hover{background:rgba(255,255,255,.08)!important;outline:none}.mobile-drawer-footer .logout-btn,html.force-mobile-layout .logout-btn{background:transparent!important;color:#f8fbff!important}.sidebar-logout{position:-webkit-sticky;position:sticky;bottom:0;z-index:3;margin-top:14px;padding:14px 10px calc(16px + env(safe-area-inset-bottom, 0px));background:linear-gradient(180deg,rgba(7,17,42,0),rgba(7,17,42,.88) 28%,rgba(8,25,54,.98));border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-drawer-footer form,.sidebar-logout form{margin:0}.logout-btn{min-height:52px;padding:13px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16)!important}.logout-btn:focus-visible,.logout-btn:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.34)}.soft-pill{background:#ecfeff!important;color:#115e59!important;border-color:rgba(13,148,136,.22)!important}.dashboard-hero .soft-pill,.detail-hero .soft-pill,.premium-hero .soft-pill,.sales-report-hero .soft-pill{background:rgba(255,255,255,.16)!important;color:#f8fffd!important;border-color:rgba(255,255,255,.18)!important}.trend-pill.up{background:#ecfdf5!important;color:#166534!important;border-color:#86efac!important}.trend-pill.down{background:#fff1f2!important;color:#be123c!important;border-color:#fda4af!important}.trend-pill.neutral{background:#f8fafc!important;color:#334155!important;border-color:#cbd5e1!important}.card .muted,.doc-preview-card .muted,.invoice-preview .muted,.metric-card .muted,.surface-card .muted,.table-wrap .muted{color:#5f718b!important}.sales-report-card .metric-label,.sales-report-card .muted{color:#d7e7ff!important}.share-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.share-grid .btn{width:100%;text-align:center}@media (max-width:900px){.mobile-drawer-footer{padding:16px 0 calc(20px + env(safe-area-inset-bottom, 0px))}.share-grid{grid-template-columns:1fr}}.sidebar-footer{margin-top:auto;padding:20px 16px 30px}.logout-btn{padding:12px;background:linear-gradient(180deg,#1f2937,#111827);color:#fff;border:1px solid rgba(255,255,255,.1)}.invoice-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.status-badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px}.status-badge.partial{background:rgba(255,193,7,.15);color:#f59e0b;border:1px solid rgba(255,193,7,.3)}.sidebar{padding-bottom:20px!important}.sidebar-scroll{padding-bottom:110px!important}.sidebar-footer,.sidebar-logout{position:relative!important;bottom:auto!important;margin-top:22px!important;padding:12px 10px 20px!important;border-top:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(180deg,rgba(7,17,42,0),rgba(7,17,42,.35))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sidebar-footer form,.sidebar-logout form{margin:0}.logout-btn{width:100%!important;min-height:56px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05))!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.18)!important}.invoice-actions-row{align-items:center;gap:14px!important}.invoice-status-pill{min-height:48px;padding:0 18px;font-size:.9rem;border:1px solid transparent}.invoice-status-pill.partial{border-color:rgba(146,64,14,.18)}.invoice-status-pill.paid{border-color:rgba(22,101,52,.18)}.invoice-status-pill.sent{border-color:rgba(29,78,216,.18)}.invoice-status-pill.cancelled,.invoice-status-pill.draft,.invoice-status-pill.overdue{background:rgba(255,255,255,.88);color:#334155;border-color:rgba(51,65,85,.12)}@media (max-width:900px){.sidebar-scroll{padding-bottom:24px!important}.invoice-actions-row{width:100%;flex-wrap:wrap}.invoice-actions-row>*{flex:1 1 100%}.invoice-status-pill{width:100%}}.sidebar{overflow:hidden;padding:24px 18px 20px!important}.sidebar-scroll{min-height:100%;overflow-y:auto;padding-right:6px;padding-bottom:24px!important}.sidebar-nav{gap:10px}.sidebar-nav .nav-link:last-child{margin-bottom:22px}.sidebar-logout-inline{margin-top:10px;padding:18px 0 6px;border-top:1px solid rgba(255,255,255,.1);background:transparent!important}.sidebar-logout-inline .logout-btn{min-height:58px;color:#ffffff!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.18)!important}.doc-preview-header>div:last-child{display:flex;flex-direction:column;align-items:flex-end}.invoice-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font-size:.86rem;font-weight:800;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap}.invoice-status-pill.partial{background:linear-gradient(180deg,#fef3c7,#fde68a);color:#92400e;border:1px solid rgba(146,64,14,.14)}.invoice-status-pill.paid{background:linear-gradient(180deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid rgba(22,101,52,.14)}.invoice-status-pill.sent{background:linear-gradient(180deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:1px solid rgba(29,78,216,.14)}.invoice-status-pill.draft{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);color:#334155;border:1px solid rgba(51,65,85,.12)}.invoice-status-pill.overdue{background:linear-gradient(180deg,#ffe4e6,#fecdd3);color:#be123c;border:1px solid rgba(190,18,60,.14)}.invoice-status-pill.cancelled{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid rgba(71,85,105,.14)}@media (max-height:820px){.sidebar-scroll{padding-bottom:18px!important}.sidebar-logout-inline{margin-top:14px;padding-top:14px}}.marketing-shell{min-height:100vh;padding:32px;background:linear-gradient(180deg,#f8fbff,#eef3f9);color:var(--text)}.marketing-hero{max-width:1280px;margin:0 auto 28px;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:26px;gap:26px;align-items:center;padding:34px;border-radius:34px;background:linear-gradient(135deg,#08152d,#0f2749 48%,#17756d);color:#fff;box-shadow:0 28px 70px rgba(8,21,45,.16)}.marketing-hero__copy h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:.98;margin:10px 0 16px}.marketing-lead{max-width:700px;font-size:1.08rem;color:rgba(255,255,255,.82)}.marketing-actions,.marketing-contact-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.marketing-actions{margin-top:24px}.marketing-contact-row{margin-top:18px;color:rgba(255,255,255,.8);font-size:.95rem}.marketing-hero__card{display:flex;justify-content:center}.marketing-window{width:min(100%,480px);padding:18px;border-radius:28px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marketing-window__top{margin-bottom:14px}.marketing-dot{width:12px;height:12px;background:rgba(255,255,255,.7)}.marketing-window__body{grid-gap:14px;gap:14px}.marketing-stat{padding:18px;border-radius:22px;background:rgba(8,21,45,.34);border:1px solid rgba(255,255,255,.1)}.marketing-stat span{display:block;font-size:.88rem;color:rgba(255,255,255,.72);margin-bottom:8px}.marketing-stat strong{font-size:1.4rem;line-height:1.15}.marketing-mini-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.marketing-mini-card span{font-size:.82rem;color:rgba(255,255,255,.74)}.marketing-mini-card strong{font-size:1rem}.marketing-section{max-width:1280px;margin:0 auto 24px;padding:8px 0}.section-head h2{margin:10px 0 0;font-size:clamp(1.8rem,2.8vw,2.8rem);color:#102348}.marketing-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.marketing-feature-card,.pricing-card{background:#fff;border:1px solid #d7e3ef;border-radius:24px;padding:22px;box-shadow:0 18px 40px rgba(15,35,72,.06)}.marketing-feature-card h3,.pricing-card__name{margin:0 0 10px;color:#102348;font-size:1.08rem}.marketing-feature-card p,.pricing-card p{margin:0;color:#5b6b85;line-height:1.6}.marketing-section--pricing{padding-top:10px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.pricing-card--featured{background:linear-gradient(180deg,#0d2344,#13335c 50%,#15756c);border-color:rgba(255,255,255,.1)}.pricing-card--featured .pricing-card__name,.pricing-card--featured .pricing-card__price,.pricing-card--featured li,.pricing-card--featured p{color:#fff}.pricing-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.pricing-card__price{font-size:2rem;font-weight:800;color:#0f2749;line-height:1.05}.pricing-list{padding-left:18px;margin:16px 0 0;color:#5b6b85;display:grid;grid-gap:10px;gap:10px}.pricing-card--featured .pricing-list{color:rgba(255,255,255,.86)}.pricing-card__cta{margin-top:18px;width:100%;justify-content:center}.pricing-pill{color:#0f2749;background:#e9f7f2;border-color:#c9ebde}.login-feature-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:20px}.login-feature-card{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-weight:600}.soft-pill{color:#0f2749;background:#eef7f3;border-color:#d7ebe1}@media (max-width:1100px){.marketing-feature-grid,.marketing-hero,.pricing-grid{grid-template-columns:1fr}.marketing-shell{padding:18px}}@media (max-width:720px){.marketing-hero{padding:22px;border-radius:24px}.marketing-stat-grid{grid-template-columns:1fr}.marketing-contact-row{font-size:.9rem}}.empty-state-card{display:grid;justify-items:center;text-align:center;grid-gap:10px;gap:10px;padding:28px 20px;border:1px dashed #cbd5e1;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff);color:var(--text)}.empty-state-card.compact{padding:20px 16px;border-radius:18px;gap:8px}.empty-state-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#0f766e);color:#fff;font-size:20px;box-shadow:0 12px 22px rgba(15,23,42,.16)}.empty-state-title{font-size:1rem;font-weight:800}.empty-state-copy{color:var(--muted);max-width:56ch}.empty-state-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.premium-empty-hero{padding:28px;border-radius:28px;background:linear-gradient(135deg,#0b132b,#102348 55%,#135e57);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16);display:grid;grid-gap:18px;gap:18px}.premium-empty-hero h2{margin:0;font-size:clamp(1.6rem,2.5vw,2.4rem)}.premium-empty-hero p{margin:0;color:#dbe4f6;max-width:64ch}.premium-empty-hero .eyebrow{background:#ffffff12;color:#e2e8f0}.premium-empty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.premium-empty-point{padding:16px;border-radius:20px;background:#ffffff10;border:1px solid #ffffff1d}.premium-empty-point strong{display:block;font-size:1rem;margin-bottom:6px}.table-empty-cell{padding:18px 0}@media (max-width:900px){.premium-empty-grid{grid-template-columns:1fr}.empty-state-actions{flex-direction:column;align-items:stretch}.empty-state-actions .btn{width:100%;justify-content:center}}.sidebar{background:radial-gradient(circle at top,rgba(15,118,110,.18),transparent 28%),linear-gradient(180deg,#08111f,#0d1730 42%,#101f43);border-right:1px solid rgba(255,255,255,.06)}.sidebar-scroll{display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.sidebar-section-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9fb4df;font-weight:800;margin-top:4px}.sidebar-nav .nav-link{position:relative;display:flex;align-items:center;min-height:46px;border:1px solid transparent;background:rgba(255,255,255,.02)}.sidebar-nav .nav-link:hover{border-color:rgba(255,255,255,.08);transform:translateX(2px)}.sidebar-nav .nav-link.active{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(15,118,110,.18));border-color:rgba(255,255,255,.12);box-shadow:0 12px 22px rgba(2,6,23,.24)}.sidebar-sales-card{margin-top:14px;border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sidebar-sales-card-head{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px}.sidebar-sales-card-head span{color:#9fb4df;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-sales-card-head strong{color:#fff;font-size:1rem}.sidebar-action-stack{display:grid;grid-gap:10px;gap:10px}.sidebar-action-link{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:14px;background:#fff;color:#0f172a;font-weight:800;border:1px solid rgba(255,255,255,.3)}.sidebar-action-link:hover{transform:translateY(-1px)}.sidebar-action-link-secondary{background:transparent;color:#e8efff;border-color:rgba(255,255,255,.14)}.sidebar-support-line{margin-top:12px;color:#c8d4f2;font-size:12px;line-height:1.45}.sidebar-logout{margin-top:8px;padding-top:16px}.sidebar-logout form{width:100%}.logout-btn{width:100%;min-height:46px;border-radius:16px;box-shadow:0 12px 22px rgba(2,6,23,.22)}.login-shell{background:radial-gradient(circle at top left,#d8f4eb 0,#edf3fb 36%,#f8fbff 100%)}.login-brand-panel{position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%)}.login-hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.login-hero-pills span,.login-trust-strip span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.login-hero-pills span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#eef5ff}.login-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:20px}.login-stat-card{display:grid;grid-gap:6px;gap:6px;padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.login-stat-card strong{font-size:15px}.login-stat-card span{color:#dbe4f6;font-size:13px;line-height:1.5}.login-card{align-content:start}.login-card-topline{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0f766e;background:#ecfdf5;border:1px solid #bbf7d0}.login-form-stack{gap:14px}.login-field input{min-height:48px;border-radius:16px;background:#fff;border:1px solid #d7e3f4;box-shadow:inset 0 1px 1px rgba(15,23,42,.03)}.login-submit-btn{min-height:50px;border-radius:16px;font-size:15px;font-weight:800;box-shadow:0 14px 26px rgba(15,118,110,.16)}.login-trust-strip{display:flex;flex-wrap:wrap;gap:8px}.login-trust-strip span{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.premium-hero-dashboard{position:relative;overflow:hidden}.premium-hero-dashboard:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 64%)}.dashboard-quick-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.dashboard-quick-card{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f6fbff);border:1px solid var(--line);box-shadow:0 16px 36px rgba(15,23,42,.06)}.dashboard-quick-card strong{color:var(--text);font-size:1rem}.dashboard-quick-card small{color:var(--muted);line-height:1.5}.dashboard-quick-label{color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dashboard-quick-card:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(15,23,42,.08)}@media (max-width:1100px){.dashboard-quick-strip,.login-stat-grid{grid-template-columns:1fr}}@media (max-width:720px){.sidebar-sales-card{display:none}.login-hero-pills,.login-trust-strip{gap:6px}.login-card-topline{width:100%}}.sales-report-card .metric-label,.sales-report-card .metric-label span,.sales-report-card .metric-label strong{color:#475569!important;font-weight:700}.sales-report-card .metric-value,.sales-report-card .metric-value span,.sales-report-card .metric-value strong{color:#0f172a!important}.sales-report-card .muted,.sales-report-card .muted span,.sales-report-card .muted strong{color:#64748b!important;font-weight:600}.sales-report-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border-color:#d7e2ef}.sales-report-card .trend-pill{color:#334155}.social-layout{grid-template-columns:1.05fr 1.15fr 1.2fr;align-items:start}.social-detail-card,.social-sidebar-card,.social-thread-card{min-height:100%}.social-conversation-list{display:flex;flex-direction:column;gap:12px}.social-conversation-row{display:flex;justify-content:space-between;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.88);text-decoration:none;color:inherit}.social-conversation-row.active{border-color:rgba(15,118,110,.45);box-shadow:0 10px 24px rgba(15,23,42,.08)}.social-preview{margin-top:8px;color:#64748b;font-size:13px;line-height:1.5}.chat-thread{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;padding-right:4px}.chat-bubble{max-width:88%;padding:14px 16px;border-radius:18px;background:#eef2ff;color:#0f172a}.chat-bubble-out{align-self:flex-end;background:#dcfce7}.chat-bubble-in{align-self:flex-start;background:#f8fafc}.chat-meta{margin-bottom:8px;font-size:12px;color:#64748b}.calendar-group{display:flex;flex-direction:column;gap:14px}.calendar-group-title{margin:0;font-size:18px;color:#0f172a}.soft-pill-success{background:rgba(16,185,129,.12);color:#047857}@media (max-width:1180px){.social-layout{grid-template-columns:1fr}}.social-page-shell{gap:18px}.social-page-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.social-page-title{margin:6px 0 8px;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.04}.social-page-copy{max-width:68ch}.social-panel{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 18px 40px rgba(15,23,42,.06)}.social-gradient-panel{background:linear-gradient(135deg,#0b132b,#102348 55%,#0f766e);color:#fff;border-color:transparent}.social-gradient-panel .surface-title,.social-gradient-panel h2{color:#fff}.social-gradient-panel .surface-subtitle,.social-gradient-panel p{color:#d9e5f6}.social-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.social-metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.social-stat-card{background:#fff;border:1px solid #e3ebf5;border-radius:22px;padding:16px;display:grid;grid-gap:6px;gap:6px}.social-gradient-panel .social-stat-card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:#fff}.social-stat-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.social-gradient-panel .social-stat-card small,.social-gradient-panel .social-stat-card span{color:#dce8ff}.social-stat-card strong{font-size:1.9rem;line-height:1}.social-stat-card small{color:var(--muted)}.social-form-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);grid-gap:18px;gap:18px;align-items:start}.social-inline-grid,.social-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.social-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.social-mini-card{border:1px solid var(--line);background:#f8fbff;border-radius:18px;padding:14px;display:grid;grid-gap:8px;gap:8px}.social-mini-card span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.social-mini-card strong{font-size:14px;line-height:1.4}.social-channel-card,.social-filter-card{border:1px solid var(--line);border-radius:22px;padding:16px;background:#f9fbff;display:grid;grid-gap:12px;gap:12px}.social-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.channel-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dbe6f2;background:#fff;border-radius:16px;font-weight:700}.channel-option input{width:16px;height:16px}.notice-card{padding:14px 16px;border-radius:18px;background:#f8fbff;border:1px solid #dbe8f5;color:#3b4b63}.inbox-board{display:grid;grid-template-columns:350px 380px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.inbox-column{min-height:320px}.social-conversation-list{display:grid;grid-gap:10px;gap:10px;max-height:780px;overflow:auto;padding-right:4px}.social-conversation-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start;border:1px solid #e4ebf3;border-radius:18px;padding:14px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.social-conversation-row.active,.social-conversation-row:hover{border-color:#bfd2ee;box-shadow:0 10px 24px rgba(15,23,42,.08);transform:translateY(-1px)}.conversation-avatar{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#475569,#0f172a)}.conversation-avatar.large{width:60px;height:60px;border-radius:20px}.conversation-avatar.facebook{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.conversation-avatar.instagram{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.conversation-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.conversation-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.conversation-meta{text-align:right;display:grid;grid-gap:8px;gap:8px}.social-preview{color:#49586f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.inbox-thread-head{display:flex;gap:14px;align-items:center;padding-bottom:8px;border-bottom:1px solid #edf2f7}.message-stream{display:grid;grid-gap:12px;gap:12px;max-height:460px;overflow:auto;padding-right:4px}.message-bubble{border-radius:20px;display:grid;grid-gap:8px;gap:8px;box-shadow:0 8px 22px rgba(15,23,42,.06)}.message-bubble.inbound{background:#f8fbff;border:1px solid #dbe7f4}.message-bubble.outbound{margin-left:auto;background:linear-gradient(135deg,#0f766e,#115e59);color:#fff}.message-author{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.8}.message-meta{opacity:.72}.social-bulk-layout{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:18px;gap:18px}.social-bulk-hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px;align-items:center;background:linear-gradient(135deg,#0b132b,#102348 55%,#0f766e);color:#fff;border-color:transparent}.social-bulk-hero h2{margin:6px 0 10px;font-size:clamp(1.6rem,3vw,2.3rem)}.social-bulk-hero p{margin:0;color:#d7e5f7}.social-bulk-hero .social-stat-card{background:rgba(255,255,255,.96);border-color:rgba(203,213,225,.9);box-shadow:0 18px 38px rgba(15,23,42,.18)}.social-bulk-hero .social-stat-card span{color:#64748b}.social-bulk-hero .social-stat-card strong{color:#0f172a}.social-bulk-hero .social-stat-card small{color:#475569}.bulk-textarea{min-height:220px;width:100%;border-radius:18px;border:1px solid #d9e5f2;padding:14px 16px;resize:vertical;background:#fff;color:var(--text)}.social-checklist{display:grid;grid-gap:10px;gap:10px}.check-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid #dfe7f2;background:#fff}.check-item strong{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#0f172a}.integration-checklist .check-item strong{background:#ecfeff;color:#0f766e}.social-bulk-table{display:grid;grid-gap:10px;gap:10px}.social-bulk-head,.social-bulk-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,.9fr) minmax(160px,.75fr) 130px 150px;grid-gap:12px;gap:12px;align-items:start}.social-bulk-head{padding:0 4px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.social-bulk-row{border:1px solid #e4ebf3;border-radius:22px;padding:14px;background:#fff}.social-bulk-main{display:grid;grid-gap:10px;gap:10px}.social-bulk-row input,.social-bulk-row textarea{width:100%}.social-bulk-row textarea{min-height:96px}.social-row-actions{display:grid;grid-gap:8px;gap:8px}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent}.status-pill.ok{background:#ecfdf5;color:#166534;border-color:#bbf7d0}.status-pill.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.status-pill.error{background:#fff1f2}.danger-outline,.status-pill.error{color:#9f1239;border-color:#fecdd3}.calendar-card-list,.social-queue-list{display:grid;grid-gap:12px;gap:12px}.calendar-post-card,.social-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;border:1px solid #e4ebf3;border-radius:20px;padding:14px;background:#fff}.queue-title{font-weight:800;margin-bottom:4px}.queue-side{text-align:right;display:grid;grid-gap:8px;gap:8px;align-items:start}.calendar-post-card{grid-template-columns:90px minmax(0,1fr) 140px;align-items:start}.calendar-post-time{font-weight:800;color:#0f172a;padding:10px 12px;border-radius:16px;background:#f8fbff;border:1px solid #dbe7f4;text-align:center}.calendar-post-copy{margin-top:8px;color:#475569;line-height:1.55}.calendar-board{display:grid;grid-gap:18px;gap:18px}.integration-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.premium-scroll::-webkit-scrollbar{width:10px}.premium-scroll::-webkit-scrollbar-thumb{background:#dbe4ef;border-radius:999px}@media (max-width:1280px){.inbox-board{grid-template-columns:320px minmax(0,1fr)}.inbox-thread{grid-column:span 2}.social-bulk-head,.social-bulk-row{grid-template-columns:1fr}.social-bulk-head{display:none}}@media (max-width:1100px){.inbox-board,.social-bulk-hero,.social-bulk-layout,.social-form-layout,.social-metric-grid,.social-metric-grid.compact{grid-template-columns:1fr}.inbox-thread{grid-column:auto}.calendar-post-card,.social-channel-grid,.social-inline-grid,.social-mini-grid,.social-two-col{grid-template-columns:1fr}.conversation-meta,.queue-side{text-align:left}}@media (max-width:720px){.social-panel{padding:16px;border-radius:22px}.social-page-title{font-size:1.75rem}.social-conversation-row{grid-template-columns:44px minmax(0,1fr)}.conversation-meta{grid-column:2}.conversation-avatar{width:44px;height:44px;border-radius:14px}}.social-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.social-bulk-preview-thumb,.social-media-preview{border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}.social-bulk-preview-thumb img,.social-media-preview img{width:100%;max-height:280px;object-fit:cover;display:block}.social-media-preview .soft-pill{margin:12px;display:inline-flex}.realtime-inbox-board{min-height:72vh}.realtime-message-stream{min-height:420px;max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:84%;padding:14px 16px;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc}.message-bubble.outbound{align-self:flex-end;background:#ecfeff;border-color:#99f6e4}.message-bubble.inbound{align-self:flex-start;background:#ffffff}.message-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:12px;color:#64748b}.message-attachment-link{display:inline-block;margin-top:8px;font-weight:700}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:root{--bg:#f4f7fb;--card:rgba(255,255,255,0.92);--line:#dde6f1;--text:#0f172a;--muted:#5f6f86;--primary:#4f46e5;--secondary:#0f172a;--success:#15803d;--danger:#be123c;--radius:24px}body,html{background:radial-gradient(circle at top left,rgba(79,70,229,.08),transparent 26%),radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 26%),linear-gradient(180deg,#f8fbff,#f3f7fb)}body{color:var(--text);letter-spacing:-.01em}.app-shell.premium-shell{grid-template-columns:300px 1fr;background:transparent}.premium-sidebar{background:linear-gradient(180deg,#0f172a,#131d38 40%,#162443);box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}.sidebar-scroll{display:grid;grid-gap:18px;gap:18px}.premium-sidebar-brand{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 18px 40px rgba(3,7,18,.24)}.sidebar-brand-label{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dbe7ff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.sidebar-nav-group{grid-gap:8px;gap:8px}.premium-nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid transparent;border-radius:18px;color:#d8e1f1}.premium-nav-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08);transform:translateX(2px)}.premium-nav-link.active{background:linear-gradient(135deg,rgba(79,70,229,.85),rgba(99,102,241,.65));color:#fff;box-shadow:0 12px 24px rgba(79,70,229,.26)}.nav-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:14px;flex:0 0 auto}.premium-nav-link.active .nav-icon{background:rgba(255,255,255,.16)}.premium-content-shell{padding:20px}.page-grid,.page-grid.premium-page{gap:22px}.card,.invoice-preview,.metric-card,.mobile-brand,.social-panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(221,230,241,.9);box-shadow:0 12px 32px rgba(15,23,42,.06)}.card:hover,.social-panel:hover{box-shadow:0 18px 44px rgba(15,23,42,.09)}.btn{border-radius:16px;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1)}.btn-soft{background:#eef2ff;color:#4338ca}input,select,textarea{border-radius:16px;border:1px solid #dbe5f0;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(79,70,229,.35);box-shadow:0 0 0 4px rgba(79,70,229,.08)}.social-bulk-table,.table-wrap{border-radius:24px;overflow:hidden}th{background:#f8fbff;color:#6b7b93}.premium-glass-card{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 20px 38px rgba(2,6,23,.22)}.check-item,.dashboard-quick-card,.notification-card,.sidebar-action-link,.sidebar-action-link-secondary,.social-mini-card,.social-stat-card,.status-pill,.summary-item,.task-card{border-radius:18px}.social-stat-card{background:linear-gradient(180deg,#ffffff,#f7faff);border:1px solid #dce5f0;box-shadow:0 10px 28px rgba(15,23,42,.05)}.premium-composer-shell,.premium-inbox-shell,.social-bulk-layout,.social-form-layout{gap:20px}.composer-hero-panel{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#312e81);color:#fff}.composer-hero-panel p{color:rgba(255,255,255,.82)}.composer-tip-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.composer-hero-panel .social-mini-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);color:#fff}.premium-upload-card{padding:16px;border:1px dashed #c7d3e3;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f9fbff)}.premium-social-media-preview{display:grid;grid-template-columns:180px 1fr;grid-gap:16px;gap:16px;align-items:center;padding:16px;border:1px solid #dbe5f0;border-radius:22px;background:linear-gradient(180deg,#ffffff,#f8fbff)}.premium-social-media-preview img{width:100%;height:160px;object-fit:cover;border-radius:18px;border:1px solid #dde6f1}.social-media-preview-copy{display:grid;grid-gap:8px;gap:8px}.premium-surface-muted{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #dfe8f2}.premium-inbox-board{display:grid;grid-template-columns:340px 1fr 320px;grid-gap:18px;gap:18px}.premium-inbox-list,.premium-side-info,.premium-thread-panel{min-height:76vh}.premium-conversation-row{border:1px solid #e1e8f1;border-radius:20px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbff)}.premium-conversation-row.active{border-color:rgba(79,70,229,.35);box-shadow:0 12px 24px rgba(79,70,229,.1)}.premium-message-stream{background:linear-gradient(180deg,#f8fbff,#f4f8fd);border:1px solid #dde6f1;border-radius:24px;padding:16px}.premium-message-bubble{max-width:min(72%,620px);border-radius:20px;padding:14px 16px;margin-bottom:12px;box-shadow:0 10px 18px rgba(15,23,42,.06)}.premium-message-bubble.inbound{background:#fff;border:1px solid #dde6f1}.premium-message-bubble.outbound{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;margin-left:auto}.premium-message-bubble.outbound .message-meta,.premium-message-bubble.outbound a{color:rgba(255,255,255,.9)}.premium-reply-box{padding-top:8px;border-top:1px solid #e6edf5}.mobile-bottom-nav,.mobile-fab,.mobile-topbar{z-index:60}@media (max-width:1280px){.premium-inbox-board{grid-template-columns:300px 1fr}.premium-side-info{grid-column:1/-1;min-height:auto}}@media (max-width:1100px){.app-shell.premium-shell{grid-template-columns:1fr}.premium-content-shell{padding:14px}.composer-hero-panel,.composer-tip-grid,.premium-inbox-board{grid-template-columns:1fr}}@media (max-width:720px){.premium-social-media-preview{grid-template-columns:1fr}.premium-message-bubble{max-width:92%}}.premium-sidebar .sidebar-scroll{height:100%}.lead-followup-card{align-items:center;gap:16px}.lead-followup-main{min-width:0;display:grid;grid-gap:8px;gap:8px}.lead-followup-topline{flex-wrap:wrap;align-items:center}.lead-followup-topline strong{flex:1 1 240px;min-width:0;line-height:1.45;word-break:break-word}.lead-followup-action{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end}.lead-followup-action .btn{min-width:110px;white-space:nowrap}.empty-notification-state{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:320px;text-align:center}.empty-notification-state strong{font-size:1.05rem;color:var(--text)}.empty-notification-state span{max-width:560px;color:var(--muted);line-height:1.65}@media (max-width:1280px){.lead-followup-card{align-items:stretch}.lead-followup-action{width:100%;justify-content:flex-start}}@media (max-width:1100px){.premium-sidebar{position:static;height:auto}.premium-sidebar .sidebar-scroll{height:auto;overflow:visible}}.app-shell.premium-shell{align-items:start}.premium-sidebar{display:flex;flex-direction:column;min-height:100vh;padding:18px 16px 16px}.premium-sidebar .sidebar-scroll{height:auto;padding-right:6px;padding-bottom:18px;display:grid;grid-gap:18px;align-content:start}.premium-sidebar .sidebar-scroll::-webkit-scrollbar{width:8px}.premium-sidebar .sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}.premium-sidebar .sidebar-nav{gap:10px;align-content:start}.premium-sidebar .sidebar-sales-card{margin-top:8px}.sidebar-logout-inline{flex:0 0 auto;margin-top:12px;padding:14px 6px 4px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,12,28,0),rgba(7,12,28,.28))}.sidebar-logout-inline form{width:100%;margin:0}.sidebar-logout-inline .logout-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:0 20px;border-radius:22px;font-size:1.05rem;font-weight:800}@media (max-width:1100px){.premium-sidebar{position:static;height:auto;min-height:0;padding:0}.premium-sidebar .sidebar-scroll{overflow:visible;padding-right:0}.sidebar-logout-inline{margin-top:10px;padding:10px 0 0;background:none;border-top:none}}.premium-sidebar .sidebar-scroll{scroll-behavior:smooth}.premium-sidebar .sidebar-nav-group{scroll-margin-top:18px}@media (min-width:1101px){.premium-sidebar .sidebar-scroll{padding-right:10px}}body,html{overflow-x:hidden;overflow-y:auto}.app-shell.premium-shell{align-items:stretch;min-height:100vh}.premium-content-shell{min-width:0;min-height:100vh;overflow:visible}.premium-sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;max-height:100vh;overflow:hidden}.premium-sidebar .sidebar-scroll{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px;padding-bottom:20px}.premium-sidebar .sidebar-logout-in-flow,.premium-sidebar .sidebar-nav-group,.premium-sidebar .sidebar-sales-card{flex:0 0 auto}.sidebar-logout-inline.sidebar-logout-in-flow{margin-top:4px}@media (max-width:1100px){.app-shell.premium-shell{min-height:auto}.premium-sidebar{position:static;top:auto;height:auto;max-height:none;overflow:visible}.premium-sidebar .sidebar-scroll{overflow:visible;padding-right:0;padding-bottom:0}.premium-content-shell{min-height:auto}}.app-shell.premium-shell{grid-template-columns:288px minmax(0,1fr)!important;min-height:100vh!important;align-items:stretch!important}.premium-sidebar{position:-webkit-sticky!important;position:sticky!important;top:0!important;align-self:start!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important;z-index:40!important}.premium-sidebar .sidebar-scroll{display:flex!important;flex-direction:column!important;gap:16px!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px!important;padding-bottom:20px!important}.sidebar-nav-group{display:grid;grid-gap:10px;gap:10px}.premium-content-shell{min-width:0!important;width:100%!important;overflow-x:hidden!important}.content-shell{min-height:100vh!important;overflow-x:hidden!important}.invoice-share-primary{width:100%;min-height:68px;border-radius:22px;font-size:1.05rem}.invoice-share-grid,.share-grid.invoice-share-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:14px!important;gap:14px!important;align-items:stretch!important}.invoice-share-btn,.share-grid .invoice-share-btn{width:100%!important;min-width:0!important;min-height:58px!important;padding:14px 16px!important;border-radius:18px!important;font-size:1rem!important;font-weight:800!important;line-height:1.2!important;white-space:normal!important;text-align:center!important}.invoice-share-btn-whatsapp{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;color:#065f46!important;border:1px solid #a7f3d0!important}.invoice-share-note{margin-top:4px;line-height:1.6}@media (max-width:1100px){.app-shell.premium-shell{grid-template-columns:1fr!important}.premium-sidebar{display:none!important}.premium-content-shell{min-height:100vh;padding:16px 14px 110px!important}}@media (max-width:720px){.invoice-share-grid,.share-grid.invoice-share-grid{grid-template-columns:1fr!important}.invoice-share-btn,.share-grid .invoice-share-btn{min-height:56px!important;font-size:.98rem!important}.invoice-share-primary{min-height:62px}}@media (min-width:1101px){.app-shell.premium-shell{display:block!important;min-height:100vh!important}.premium-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:300px!important;height:100vh!important;max-height:100vh!important;z-index:60!important}.premium-content-shell{margin-left:300px!important;width:calc(100% - 300px)!important;min-height:100vh!important}.premium-sidebar .sidebar-scroll{height:100%!important;padding-bottom:28px!important}.sidebar-logout-inline.sidebar-logout-in-flow{margin-top:10px!important;padding-bottom:12px!important}}.invoice-share-grid,.share-grid.invoice-share-grid{margin-top:2px}.invoice-share-note{display:block;padding-top:4px}.marketing-shell--saas{padding:32px 24px 48px;display:grid;grid-gap:28px;gap:28px;max-width:1280px;margin:0 auto}.marketing-hero--saas{display:grid;grid-template-columns:1.08fr .92fr;grid-gap:24px;gap:24px;align-items:stretch;padding:18px 0}.marketing-lead{max-width:62ch;font-size:1.02rem;line-height:1.75;color:var(--muted)}.marketing-benefits-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.marketing-benefit-pill,.marketing-industry-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05);font-size:13px;font-weight:700;color:var(--text)}.marketing-window--saas{height:100%;background:linear-gradient(180deg,#ffffff,#f7fbff);border:1px solid #dbe7f2;border-radius:28px;box-shadow:0 22px 54px rgba(15,23,42,.08);overflow:hidden}.marketing-window__top{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid #e8eef6;background:#fbfdff}.marketing-dot{width:10px;height:10px;border-radius:999px;background:#d4dbe6;display:inline-block}.marketing-window__body{padding:22px;display:grid;grid-gap:18px;gap:18px}.marketing-stat--primary{padding:18px;border-radius:22px;background:linear-gradient(135deg,#0b132b,#102348 55%,#135e57);color:#fff}.marketing-stat--primary span{display:block;color:#d8e4f7;font-size:13px;margin-bottom:8px}.marketing-stat--primary strong{font-size:1.08rem;line-height:1.6}.marketing-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.marketing-mini-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}.marketing-mini-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.marketing-mini-card strong{font-size:.98rem;line-height:1.5}.marketing-section{background:transparent}.section-head{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.12}.section-copy{margin:0;color:var(--muted);max-width:68ch;line-height:1.7}.marketing-feature-grid--saas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.marketing-feature-card--saas{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 14px 38px rgba(15,23,42,.05)}.marketing-feature-card--saas h3{margin:0 0 10px;font-size:1.04rem}.marketing-feature-card--saas p{margin:0;color:var(--muted);line-height:1.7}.marketing-section--split{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:18px;gap:18px;align-items:stretch}.marketing-cta-card,.marketing-split-card{padding:24px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f9fbff);border:1px solid var(--line);box-shadow:0 16px 42px rgba(15,23,42,.06)}.marketing-cta-card h2,.marketing-split-card h2{margin:14px 0 10px;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.14}.marketing-cta-card p,.marketing-split-card p{margin:0;color:var(--muted);line-height:1.75;max-width:62ch}.marketing-industry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-content:start}.marketing-industry-chip{justify-content:center;min-height:54px;border-radius:20px}.marketing-section--cta{padding-bottom:8px}.marketing-cta-card{background:linear-gradient(135deg,#0b132b,#102348 55%,#135e57);border-color:#142646;color:#fff}.marketing-cta-card p{color:#dbe4f5}.login-hero-pills--neutral span{background:#ffffff14;border:1px solid #ffffff1d;color:#e8efff}@media (max-width:1100px){.marketing-feature-grid--saas,.marketing-hero--saas,.marketing-section--split{grid-template-columns:1fr}}@media (max-width:720px){.marketing-shell--saas{padding:20px 14px 36px;gap:22px}.marketing-industry-grid,.marketing-stat-grid{grid-template-columns:1fr}.marketing-cta-card,.marketing-feature-card--saas,.marketing-split-card,.marketing-window__body{padding:18px}}.product-form-card{align-self:start;height:min(760px,calc(100vh - 180px));overflow-y:auto}.product-preset-card{align-self:start;max-height:min(760px,calc(100vh - 180px));overflow-y:auto}.product-form-card .form-grid{align-content:start}@media (max-width:1100px){.product-form-card,.product-preset-card{height:auto;max-height:none;overflow:visible}}