:root{--bg: #08111f;--bg-soft: #111d31;--panel: rgba(10, 20, 37, .88);--panel-2: rgba(16, 28, 47, .92);--line: rgba(148, 163, 184, .18);--text: #e5edf8;--muted: #8da1bf;--accent: #26c6da;--accent-2: #f59e0b;--success: #22c55e;--danger: #ef4444;--shadow: 0 24px 80px rgba(1, 6, 16, .42)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(38,198,218,.15),transparent 24%),radial-gradient(circle at top right,rgba(245,158,11,.12),transparent 18%),linear-gradient(160deg,#07101d,#091726 48%,#0b1422)}button,input,textarea,select{font:inherit}a{color:#7dd3fc;text-decoration:none}.auth-page,.app-shell{min-height:100vh}.auth-page{display:grid;place-items:center;padding:24px}.auth-card,.panel,.hero-panel,.stat-card{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card{width:min(560px,100%);border-radius:28px;padding:32px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#26c6da24;color:#8be6f1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.auth-card h1,.hero-panel h1{margin:14px 0 12px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.auth-card p,.topbar p,.panel-header p,.hero-panel p,.empty-state{color:var(--muted)}.auth-form,.form-grid{display:grid;gap:16px}.auth-form{margin-top:24px}label{display:grid;gap:8px}label span{color:#b9c8de;font-size:14px}input,textarea,select{width:100%;border:1px solid rgba(148,163,184,.18);background:#070e19d9;color:var(--text);border-radius:14px;padding:12px 14px}textarea{min-height:110px;resize:vertical}.primary-button,.ghost-button,.menu-button,.nav-item{border:0;cursor:pointer}.primary-button{padding:13px 18px;border-radius:14px;background:linear-gradient(135deg,#1fb9cf,#0f7f93);color:#fff;font-weight:600}.ghost-button,.menu-button{padding:12px 14px;border-radius:14px;background:#111d31b8;color:var(--text);border:1px solid var(--line)}.ghost-button.full{width:100%}.message{margin-bottom:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--line)}.message.success{background:#22c55e26;color:#c9f7d7}.message.error{background:#ef444426;color:#ffd2d2}.app-shell{display:grid;grid-template-columns:280px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:16px;background:#040a12f2;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sidebar-top{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1 1 auto}.menu-section{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}.brand,.topbar-left,.topbar-right,.stat-card,.metric-card,.panel-header,.invoice-rules,.rule-card,.split-actions,.action-row,.item-card-head,.quote-totals,.inline-actions{display:flex;align-items:center}.brand{gap:14px}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#26c6da33,#f59e0b33)}.brand strong,.user-chip strong{display:block}.brand span,.user-chip span{color:var(--muted);font-size:13px}.nav-list{display:flex;flex-direction:column;gap:10px;align-items:stretch}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:16px;background:transparent;color:#dce7f7;white-space:nowrap}.nav-item.active{background:linear-gradient(135deg,#26c6da38,#f59e0b24);border:1px solid rgba(38,198,218,.22)}.nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.bottom-section{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding-top:4px}.bottom-nav-list{gap:10px}.main-content{padding:22px;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.topbar-left{gap:14px}.topbar-right{justify-content:flex-end;flex:0 0 auto}.topbar h2{margin:0;font-size:1.6rem}.topbar p{margin:6px 0 0}.menu-button{display:none}.user-chip{gap:8px;padding:12px 14px;border-radius:16px;background:#111d31b8;border:1px solid var(--line);justify-content:flex-end;text-align:right;min-width:220px}.user-chip span{font-size:14px}.hero-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;border-radius:30px;padding:28px;margin-bottom:18px}.hero-grid,.stats-grid,.grid-two,.invoice-rules{display:grid;gap:16px}.hero-grid{grid-template-columns:repeat(2,1fr)}.metric-card{justify-content:space-between;padding:16px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.metric-card span,.stat-card span{display:block;color:var(--muted);font-size:14px}.metric-card strong,.stat-card strong{font-size:1.55rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.stat-card{gap:14px;border-radius:24px;padding:18px}.stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#26c6da24;color:#9be6ef}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:26px;padding:22px;margin-bottom:18px}.panel-header{justify-content:space-between;gap:14px;margin-bottom:18px}.panel-header h3{margin:0;font-size:1.1rem}.panel-header p{margin:6px 0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-field{min-width:180px;flex:1 0 180px}.filter-actions{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto;align-self:flex-end;padding-bottom:1px;white-space:nowrap}.span-2{grid-column:span 2}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#070e19b8}.toggle-field input{width:auto}.form-actions{display:flex;justify-content:flex-end}.split-actions{justify-content:space-between;gap:12px}.inline-actions{gap:12px}.action-row{flex-wrap:wrap;gap:8px}.action-button{padding:9px 12px;white-space:nowrap}.item-stack{display:grid;gap:16px}.item-card{padding:16px;border-radius:20px;border:1px solid var(--line);background:#070e1980}.item-card-head{justify-content:space-between;margin-bottom:14px}.compact-grid{gap:14px}.quote-preview{display:grid}.quote-totals{gap:14px;flex-wrap:wrap;color:var(--text)}.table-shell{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.14);vertical-align:top;white-space:nowrap}th{color:#aac0de;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}td small{display:inline;margin-left:6px;color:var(--muted)}.link-button{display:inline-flex;align-items:center;color:var(--text);text-decoration:none}.status-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.status-blue{background:#3b82f629;color:#b7d5ff}.status-slate{background:#64748b29;color:#d5deea}.status-gold{background:#f59e0b29;color:#ffe2a8}.status-violet{background:#a855f729;color:#ecd1ff}.status-cyan{background:#06b6d429;color:#bdf3fb}.status-green{background:#22c55e29;color:#c7f9d5}.status-orange{background:#f9731629;color:#ffd6b3}.status-red{background:#ef444429;color:#ffd0d0}.empty-state{padding:18px 4px 4px}.filter-panel{margin-bottom:18px}.invoice-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-card{gap:10px;align-items:flex-start;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:18px;background:#070e19ad}.rule-card.selected{border-color:#26c6da59;box-shadow:inset 0 0 0 1px #26c6da33}.rule-card span{color:var(--muted)}.disabled-field{opacity:.6}@media(max-width:1120px){.hero-panel,.grid-two{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:20;transform:translate(-100%);width:280px;transition:transform .2s ease;max-width:calc(100vw - 24px)}.sidebar.open{transform:translate(0)}.menu-button{display:inline-flex}}@media(max-width:720px){.main-content{padding:16px}.form-grid,.hero-grid,.invoice-rules{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar,.topbar-left,.topbar-right{align-items:flex-start}.topbar{flex-direction:column}.topbar-right{width:100%;justify-content:flex-start}.user-chip{min-width:0;width:100%;text-align:left;justify-content:flex-start}.hero-panel,.panel,.auth-card{border-radius:22px;padding:18px}.sidebar{padding:14px;gap:10px}.menu-section{overflow-y:auto}.split-actions,.inline-actions{width:100%;flex-direction:column;align-items:stretch}.filter-row{align-items:flex-end}.filter-field{min-width:160px}.action-row{flex-direction:column;align-items:stretch}}