:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:radial-gradient(circle at top,#f3f6fb 0%,#e6ecf5 45%,#dde5f1 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}main{width:100%;margin:0 auto;padding:64px 24px}.page-shell{max-width:none;margin:0 auto;padding:40px 20px 72px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title{color:#0f172a;font-size:24px;font-weight:700}.page-subtitle{color:#64748b;margin-top:4px;font-size:13px}a{color:inherit}.dashboard{max-width:none;padding:40px 20px 72px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;display:grid}.dashboard-grid.single{grid-template-columns:minmax(0,1fr)}.stack{gap:18px;display:grid}.panel{background:#f7f9fc;border:1px solid rgba(148,163,184,.26);border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.16)}.panel-header{color:#f8fafc;background:linear-gradient(#2b3856 0%,#1c2742 100%);border-bottom:1px solid rgba(15,23,42,.5);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.panel-title-group{align-items:center;gap:10px;display:flex}.panel-dot{background:#e2e8f0;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px rgba(148,163,184,.25)}.panel-title{letter-spacing:.01em;font-size:13px;font-weight:600}.panel-subtitle{color:rgba(226,232,240,.72);font-size:12px}.panel-icons{gap:8px;display:flex}.panel-icon{background:rgba(226,232,240,.35);border:1px solid rgba(226,232,240,.5);border-radius:999px;width:11px;height:11px}.panel-body{background:#f7f9fc;padding:16px}.panel-body.soft{background:#f3f6fb}.summary-panel .panel-body{gap:16px;display:grid}.quick-stats{background:#f3f6fb;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:12px}.summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summary-card{background:#f8fafc;border:1px solid rgba(148,163,184,.25);border-radius:12px;flex-direction:column;gap:6px;min-height:92px;padding:12px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.5)}.summary-card:hover{border-color:rgba(148,163,184,.4);transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.18)}.summary-card.accent-blue{background:linear-gradient(#edf5ff,#f8fbff)}.summary-card.accent-orange{background:linear-gradient(#fff5e7,#fff9f1)}.summary-card.accent-slate{background:linear-gradient(#eff3fb,#f9fbff)}.summary-title{color:#1f2937;font-size:11px}.summary-value{color:#1e293b;font-size:22px;font-weight:700}.summary-subtitle{color:#6b7280;font-size:11px}.summary-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.summary-card-icon{background:linear-gradient(#e2e8f0,#cbd5e1);border-radius:8px;width:24px;height:24px;box-shadow:inset 0 1px rgba(255,255,255,.6)}.summary-card.accent-blue .summary-card-icon{background:linear-gradient(#cfe3ff,#93c5fd)}.summary-card.accent-orange .summary-card-icon{background:linear-gradient(#ffe3c2,#f4b172)}.summary-card.accent-slate .summary-card-icon{background:linear-gradient(#e2e8f0,#b6c2d1)}.quick-stats h3{color:#1f2937;margin-bottom:6px;font-size:12px}.stat-title{margin-bottom:6px;font-size:12px;font-weight:600}.stat-row{color:#1f2937;grid-template-columns:1fr 3fr auto;align-items:center;gap:8px;font-size:11px;display:grid}.stat-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.stat-bar span{background:#3b82f6;border-radius:999px;height:100%;display:block}.panel-actions{align-items:center;gap:8px;display:flex}.pill-button{color:#f8fafc;background:rgba(226,232,240,.12);border:1px solid rgba(226,232,240,.35);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex;box-shadow:inset 0 1px rgba(255,255,255,.2)}.pill-button.ghost{background:rgba(226,232,240,.06)}.pill-icon{border:1px solid rgba(226,232,240,.7);border-radius:4px;width:12px;height:12px;position:relative}.pill-icon:before,.pill-icon:after{content:"";background:rgba(226,232,240,.9);height:1px;position:absolute;left:2px;right:2px}.pill-icon:before{top:4px}.pill-icon:after{bottom:4px}.search-field{position:relative}.search-field input{color:#f8fafc;background:rgba(15,23,42,.35);border:1px solid rgba(226,232,240,.25);border-radius:999px;width:160px;padding:6px 10px 6px 26px;font-size:12px}.search-field.light input{color:#0f172a;background:#fff;border-color:#cbd5e1}.search-field.light input::placeholder{color:#94a3b8}.search-field input::placeholder{color:rgba(226,232,240,.7)}.search-icon{border:2px solid rgba(226,232,240,.8);border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-icon:after{content:"";background:rgba(226,232,240,.8);width:6px;height:2px;position:absolute;bottom:-4px;right:-4px;transform:rotate(45deg)}.quote-inbox-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.table-wrap{background:#fff;border:1px solid rgba(148,163,184,.3);border-radius:12px;overflow:auto;box-shadow:inset 0 1px rgba(255,255,255,.6)}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:12px}.data-table th{text-align:left;color:#4b5563;letter-spacing:.02em;text-transform:uppercase;background:#eef2f7;padding:10px 12px;font-size:11px;font-weight:600}.data-table td{color:#1f2937;border-top:1px solid #e2e8f0;padding:10px 12px}.data-table tbody tr:nth-child(2n){background:#f8fafc}.data-table tbody tr:hover{background:#f1f5ff}.status-badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.status-pending{color:#b45309;background:#fef3c7}.status-accepted,.status-success{color:#15803d;background:#dcfce7}.status-email{color:#0369a1;background:#e0f2fe}.status-warning{color:#b45309;background:#fef3c7}.status-neutral{color:#475569;background:#e2e8f0}.inbox-summary{background:#f3f6fb;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:12px}.summary-bars{gap:10px;display:grid}.summary-bar-row{grid-template-columns:1fr 2fr auto;align-items:center;gap:8px;font-size:11px;display:grid}.summary-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.summary-bar span{background:#60a5fa;height:100%;display:block}.composer-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.section-title{color:#1f2937;margin-bottom:8px;font-size:12px;font-weight:600}.code-block{color:#e2e8f0;white-space:pre-wrap;background:#1f2a44;border:1px solid rgba(148,163,184,.25);border-radius:10px;margin-bottom:12px;padding:12px;font-size:11px}.code-block-soft{color:#334155;background:#f1f5f9}.form-card{background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.7)}.form-grid{gap:12px;display:grid}.form-row{gap:6px;display:grid}.form-card label{color:#475569;font-size:11px}.form-card input{color:#0f172a;background:#f8fafc;border:1px solid #d6deea;border-radius:8px;padding:7px 10px}.form-card input:focus,.form-card select:focus,.search-field input:focus,.policy-form input:focus,.otp-field input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px rgba(147,197,253,.35)}.button-stack{gap:8px;display:grid}.button-row{flex-wrap:wrap;gap:8px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:7px 12px;font-size:12px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.16)}.btn-primary{color:#f8fafc;background:#1f2a44}.btn-secondary{color:#fff;background:#3b82f6}.btn-muted{color:#fff;background:#0f172a}.btn-light{color:#1e293b;background:#e6ebf3;border:1px solid #cbd5e1}.btn-outline{color:#1e3a8a;background:0 0;border:1px solid #cbd5f5}.btn-outline.dark{color:#1f2a44;border-color:#1f2a44}.btn-ghost{color:#0f172a;background:rgba(148,163,184,.2)}.event-meta{color:#475569;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.status-pill{color:#15803d;background:#dcfce7;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.otp-field{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.otp-field input{width:90px;padding:6px 8px}.otp-chip{background:#e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.icon-button{color:#fff;background:#1f2937;border:none;border-radius:6px;padding:2px 6px;font-size:10px}.toast{color:#fff;background:#16a34a;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:12px;display:inline-flex;box-shadow:0 10px 22px rgba(22,163,74,.25)}.toast-icon{background:rgba(255,255,255,.3);border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.policy-form{gap:8px;margin-bottom:16px;display:grid}.policy-form label{color:#475569;font-size:11px}.policy-form input{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.info-banner{color:#475569;background:#f3f6fb;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px 12px;font-size:12px}.status-banner{border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.status-banner.error{color:#b91c1c;background:#fee2e2}.status-banner.success{color:#15803d;background:#dcfce7}.empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:16px;font-size:12px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-inbox-grid,.composer-grid{grid-template-columns:1fr}}@media (max-width:840px){.dashboard-grid,.summary-cards{grid-template-columns:1fr}.panel-actions{flex-direction:column;align-items:stretch}.search-field,.search-field input{width:100%}.panel-body{padding:14px}.page-header{flex-direction:column;align-items:flex-start}}@media (max-width:600px){main{padding:32px 16px 56px}.dashboard,.page-shell{padding:28px 16px 56px}.panel-header{flex-direction:column;align-items:flex-start}.summary-value{font-size:20px}.btn,button{justify-content:center;width:100%}.button-row{flex-direction:column;align-items:stretch}}h1{margin-bottom:16px;font-size:36px;line-height:1.1}p{color:#475569;font-size:14px}label{color:#2f2f2f;flex-direction:column;gap:6px;margin-bottom:16px;font-weight:500;display:flex}input,select,textarea,button{font:inherit}input,select,textarea{background:#fff;border:1px solid #d6deea;border-radius:10px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#1f2a44;border:none;border-radius:10px;padding:10px 16px;font-weight:600}button[disabled]{opacity:.6;cursor:not-allowed}