@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-app:#fcfcf9;--bg-card:#fff;--bg-sidebar:#f5f5f2;--accent:#1a1a1a;--accent-soft:rgba(26,26,26,.05);--text-main:#1a1a1a;--text-muted:#6b7280;--text-faint:#9ca3af;--border-light:rgba(0,0,0,.06);--border-medium:rgba(0,0,0,.1);--radius-subtle:8px;--radius-standard:12px;--shadow-soft:0 1px 3px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.03);--bg-base:var(--bg-app);--bg-surface:var(--bg-card);--bg-surface-hover:#f9f9f7;--bg-inset:#f3f4f6;--color-primary:#1a1a1a;--color-primary-hover:#333;--color-primary-light:rgba(26,26,26,.06);--color-primary-glow:rgba(26,26,26,.12);--color-accent:#7c3aed;--color-accent-light:rgba(124,58,237,.08);--color-success:#059669;--color-success-light:rgba(5,150,105,.08);--color-warning:#d97706;--color-warning-light:rgba(217,119,6,.1);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,.08);--text-primary:var(--text-main);--text-secondary:#4b5563;--text-muted:var(--text-faint);--border-default:var(--border-light);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-card:var(--shadow-soft);--shadow-primary:0 4px 14px rgba(26,26,26,.15);--font-inter:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Outfit,Inter,sans-serif;font-weight:600;letter-spacing:-.02em}.sp-layout{display:flex;flex-direction:column;min-height:100vh}.sp-header{height:64px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 40px!important;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.sp-brand{display:flex;align-items:center;gap:12px;font-family:Outfit;font-weight:700;font-size:1.2rem;color:var(--accent)}.sp-brand-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.sp-nav-tabs{display:flex!important;gap:24px!important;margin-left:40px}.sp-nav-tab{font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:8px 0;position:relative;transition:color .2s}.sp-nav-tab--active,.sp-nav-tab:hover{color:var(--text-main)}.sp-nav-tab--active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent);border-radius:2px}.sp-user-control{display:flex;align-items:center;gap:16px}.sp-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);object-fit:cover}.sp-main{flex:1 1;padding:48px 40px;max-width:1400px;margin:0 auto;width:100%}.sp-glass-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-standard);box-shadow:var(--shadow-soft);overflow:hidden}.sp-card-header{padding:32px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.sp-title-group{display:flex;flex-direction:column}.sp-subtitle{font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:4px}.sp-card-actions{display:flex;gap:12px}.sp-input{background:#fdfdfd;border:1px solid var(--border-medium);border-radius:var(--radius-subtle);padding:10px 16px;font-size:14px;outline:none;transition:border-color .2s}.sp-input:focus{border-color:var(--accent)}.sp-button{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-subtle);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.sp-button:hover{opacity:.9}.sp-button--secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-medium)}.sp-button--secondary:hover{background:#f9f9f9}.sp-table{width:100%;border-collapse:collapse}.sp-table th{padding:16px 40px;text-align:left;font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.sp-table td,.sp-table th{border-bottom:1px solid var(--border-light)}.sp-table td{padding:20px 40px;font-size:14px;color:var(--text-main)}.sp-table-row:hover{background:#fafafa}.sp-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#f3f4f6;color:#374151}.sp-badge--success{background:#ecfdf5;color:#065f46}.sp-footer{padding:24px 40px;justify-content:space-between;background:#fcfcfc}.sp-empty-state,.sp-footer{display:flex;align-items:center}.sp-empty-state{padding:80px;text-align:center;flex-direction:column}.sp-empty-icon{font-size:40px;margin-bottom:16px;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease-out}@media print{body,html{height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}#pre-quote-print-area,#pre-quote-print-area *,.compare-modal-overlay,.compare-modal-overlay *{visibility:visible!important}.no-print,.no-print *{visibility:hidden!important}#modal-footer-to-hide,#modal-header-to-hide,#quotations-header-to-hide,#quotations-table-to-hide,.no-print,.no-print *,nav{display:none!important}#pre-quote-print-area{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;background:#fff!important;box-sizing:border-box!important;display:block!important}.compare-modal-overlay{position:absolute!important;min-height:auto!important;background:none!important;display:block!important;z-index:auto!important}#printable-compare-modal,.compare-modal-overlay{left:0!important;top:0!important;width:100%!important;height:auto!important;padding:0!important;margin:0!important}#printable-compare-modal{position:relative!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;background:#fff!important;color:#000!important;display:flex!important;flex-direction:column!important}.compare-modal-overlay table{width:100%!important;table-layout:fixed!important}.compare-modal-overlay tr{page-break-inside:avoid!important;break-inside:avoid!important}.compare-modal-overlay td,.compare-modal-overlay th{color:#000!important;border-bottom:1px dashed #ccc!important;font-size:8.5px!important;padding:6px 4px!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}.compare-modal-overlay td:first-child,.compare-modal-overlay th:first-child{width:10%!important}.compare-modal-overlay td:nth-child(2),.compare-modal-overlay th:nth-child(2){width:23%!important}.compare-modal-overlay td:nth-child(3),.compare-modal-overlay th:nth-child(3){width:12%!important}.compare-modal-overlay td:nth-child(4),.compare-modal-overlay th:nth-child(4){width:25%!important}.compare-modal-overlay td:nth-child(5),.compare-modal-overlay td:nth-child(6),.compare-modal-overlay td:nth-child(7),.compare-modal-overlay th:nth-child(5),.compare-modal-overlay th:nth-child(6),.compare-modal-overlay th:nth-child(7){width:10%!important}#dashboard-root-layout,#modal-card-to-print,#modal-card-to-print>.print-area,#modal-overlay-to-print,#quotations-section-card,main{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important;position:static!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}@page{size:A4 portrait;margin:15mm}}