@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top left,#e6fffb,#f4f6f8 55%,#eef2f7)}h2,h3,p{margin-top:0}:root{--bg: #f6f8fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-strong: #0f172a;--text: #0f172a;--muted: #475569;--primary: #0f766e;--primary-dark: #0d625c;--primary-soft: #d9f5f1;--border: #e2e8f0;--border-strong: #cbd5e1;--error: #b91c1c;--success: #166534;--radius: 12px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 10px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#fff 0,#f6f8fb 45%,#f3f6fb);color:var(--text)}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}.app-shell{min-height:100vh;width:100%;max-width:none;margin:0 auto;padding:1rem;display:block}.app-shell-auth{grid-template-columns:1fr}.side-nav{position:fixed;top:1rem;left:1rem;bottom:1rem;width:270px;background:linear-gradient(180deg,#0f172a,#111f37);color:#e2e8f0;border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #1e293b;box-shadow:var(--shadow-md);overflow:auto;z-index:30}.side-brand{padding:.6rem;border-bottom:1px solid #1f2d46}.side-brand .brand-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#5eead4;margin-bottom:.35rem}.side-brand h1{font-size:1.2rem;font-weight:800;color:#f8fafc;margin-bottom:.2rem}.side-brand p{font-size:.82rem;color:#94a3b8}.tab-nav{display:grid;gap:.35rem}.tab-nav button{border:1px solid transparent;background:transparent;color:#cbd5e1;padding:.68rem .72rem;border-radius:10px;text-align:left;font-weight:600;font-size:.9rem;display:flex;gap:.5rem;align-items:center;cursor:pointer}.tab-nav button span{width:1.35rem;height:1.35rem;border-radius:999px;display:grid;place-items:center;font-size:.7rem;border:1px solid rgba(148,163,184,.35);background:#94a3b81f}.tab-nav button:hover{background:#94a3b81f;border-color:#94a3b833}.tab-nav button.active{background:linear-gradient(90deg,#14b8a633,#0f766e1a);border-color:#2dd4bf61;color:#ecfeff}.tab-nav button.active span{border-color:#5eead4a6;background:#2dd4bf38}.side-nav-footer{margin-top:auto;padding:.7rem;border:1px solid #223047;background:#0f172a5c;border-radius:12px;display:grid;gap:.3rem}.user-line{font-size:.86rem;color:#f8fafc;font-weight:700}.user-role{font-size:.78rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.workspace{min-width:0;margin-left:286px}.topbar{min-height:84px;background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:.9rem 1.1rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:1rem}.workspace-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-weight:800;margin-bottom:.25rem}.topbar h2{font-size:1.08rem;font-weight:700;color:#0f172a}.topbar-actions{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.84rem}.content{margin-top:1rem;display:grid;gap:1rem}section{display:grid;gap:1rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.section-header h2{font-size:1.35rem;font-weight:800;letter-spacing:-.01em}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.45rem;box-shadow:var(--shadow-sm);margin-bottom:1rem}.card h3{font-size:1rem;font-weight:700;margin-bottom:.75rem}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.panel-head h3{margin:0}.panel-head p{color:var(--muted);font-size:.82rem}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:999px;background:linear-gradient(135deg,#2dd4bf42,#0f766e0d)}.metric-icon{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-size:.9rem;margin-bottom:.35rem;background:var(--primary-soft);color:#0f766e;border:1px solid #b8ece3}.metric-icon svg{width:1rem;height:1rem}.metric{margin-top:.3rem;font-size:1.65rem;letter-spacing:-.02em;font-weight:800}.split-grid{display:grid;grid-template-columns:1fr;gap:1rem}.toolbar{margin-bottom:.25rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}table{width:100%;min-width:760px;border-collapse:collapse}th,td{text-align:left;padding:.92rem .95rem;border-bottom:1px solid var(--border);font-size:.9rem}thead th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#334155;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}tbody tr:hover{background:#fbfdff}.form-grid{display:grid;gap:.9rem}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-grid label{display:flex;flex-direction:column;gap:.42rem;font-size:.8rem;font-weight:700;letter-spacing:.01em;color:#334155}.form-actions{display:flex;justify-content:flex-end;gap:.5rem}.inline-form{display:flex;flex-wrap:wrap;gap:.5rem}.inline-form>*{flex:1 1 220px}.inline-form label{display:flex;flex-direction:column;gap:.42rem;font-size:.8rem;font-weight:700;letter-spacing:.01em;color:#334155}.inline-actions{display:flex;flex-wrap:wrap;gap:.45rem}.icon-actions{display:flex;align-items:center;gap:.35rem}.icon-action-btn{width:2rem;height:2rem;display:grid;place-items:center;padding:0;border-radius:8px;border:1px solid var(--border-strong);background:#fff;color:#334155;font-size:.95rem;line-height:1}.icon-action-btn:hover{background:#f8fafc}.icon-action-btn.danger{color:#991b1b;border-color:#fecaca}.icon-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.lifecycle-select{min-width:140px}input,select,button,textarea{border-radius:8px;border:1px solid var(--border-strong);padding:.62rem .72rem;font:inherit}input,select,textarea{background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e29}button{background:var(--primary);border-color:var(--primary);color:#fff;cursor:pointer;font-weight:700;transition:background .15s ease,border-color .15s ease}button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}button.ghost{background:#fff;color:#334155;border-color:var(--border-strong)}button.ghost:hover{background:#f8fafc}button:disabled{opacity:.62;cursor:not-allowed}.remove-position-btn{background:#fff;color:var(--error);border:1px solid #fecaca}.remove-position-btn:hover{background:#fef2f2;border-color:#fca5a5}.offer-delete-btn{color:#991b1b!important;border-color:#fecaca!important}.offer-delete-btn:hover{background:#fef2f2!important;border-color:#fca5a5!important}.error{color:var(--error)}.success{color:var(--success)}.muted{color:var(--muted)}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.26rem .62rem;font-size:.75rem;border:1px solid transparent;font-weight:800}.status-draft{background:#f1f5f9;border-color:#dbe4ee;color:#475569}.status-sent{background:#dcfce7;border-color:#bbf7d0;color:#166534}.status-accepted{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.status-rejected{background:#fef2f2;border-color:#fecaca;color:#991b1b}.status-expired{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.status-actions{display:flex;flex-wrap:wrap;gap:.3rem}.status-actions button{padding:.3rem .48rem;font-size:.78rem}.status-actions .status-active{background:var(--primary);color:#fff;border-color:var(--primary)}.customers-layout{display:grid;gap:1rem}.side-panel{margin-bottom:0}.active-row{background:#f0fdfa}.link-btn{border:none;padding:0;background:transparent;color:var(--primary-dark);cursor:pointer;font-weight:700;text-decoration:none}.compact-block{margin-top:1.2rem}.compact-block h4{margin:0 0 .55rem}.simple-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.simple-list li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--border);border-radius:10px;padding:.62rem .72rem}.notes-list li{display:block}.notes-list p{margin:0}.page-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.45rem}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.detail-header h2{flex:1;margin:0}.detail-section{margin-bottom:1.5rem}.detail-section h3{margin:0 0 .75rem;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.detail-grid{display:grid;gap:.75rem}.detail-field{display:flex;flex-direction:column;gap:.25rem}.detail-field .label{color:var(--muted);font-size:.85rem}.offers-list table{min-width:auto}.offers-list th,.offers-list td{padding:.5rem;font-size:.9rem}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.timeline li{border-left:3px solid #99f6e4;background:var(--surface-soft);padding:.62rem .78rem}.timeline p{margin:.3rem 0}.timeline-head{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.84rem}.btn-link{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;padding:.52rem .74rem;color:var(--text);text-decoration:none;background:var(--surface-soft)}.totals{margin-top:1rem;text-align:right;font-weight:700;color:#1e293b}.login-shell{min-height:calc(100vh - 2rem);display:grid;place-items:center}.login-card{width:min(420px,100%)}.editor-section-card+.editor-section-card{margin-top:1rem}.editor-section-title{margin-bottom:1rem}.editor-section-title h3{margin:0;font-size:1rem}.editor-section-title p{margin:.3rem 0 0;color:var(--muted);font-size:.88rem}.settings-stack{display:grid;gap:1rem}.settings-stack .card{max-width:780px}.settings-form-grid{max-width:560px}.modal-backdrop{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;z-index:20}.modal{width:min(680px,100%);background:#fff;border-radius:12px;border:1px solid var(--border);padding:1.5rem;box-shadow:0 30px 60px #0f172a33}.offer-paper{background:#fff;width:min(100%,210mm);margin:0 auto 1rem;min-height:297mm;padding:18mm 14mm;border:1px solid #cbd5e1;box-shadow:0 20px 40px #0f172a1a}.offer-paper-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding-bottom:.85rem;border-bottom:3px solid #0f766e}.offer-paper-head h3{margin:0;font-size:1.45rem;letter-spacing:.01em}.offer-paper-head p{margin:.35rem 0 0;color:#334155}.offer-paper-meta p{margin:.15rem 0;font-size:.92rem}.offer-paper-customer{margin:1.4rem 0 1rem}.offer-paper-customer p{margin:.2rem 0}.offer-paper-title{margin:1rem 0 .6rem;padding-left:.55rem;border-left:4px solid #0f766e;font-size:1.05rem}.offer-paper-table{width:100%;min-width:0;border-collapse:collapse}.offer-paper-table thead th{background:#f0fdfa;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.offer-paper-table th,.offer-paper-table td{border:1px solid #dbe4ed;padding:.5rem;vertical-align:top;font-size:.88rem}.offer-paper-totals{margin-top:1rem;margin-left:auto;width:min(100%,320px);background:#f8fafc;border:1px solid #dbe4ed;border-radius:10px;padding:.7rem .85rem}.offer-paper-totals p{margin:.3rem 0;display:flex;justify-content:space-between;gap:.5rem}.offer-paper-total{padding-top:.45rem;border-top:1px solid #cbd5e1;font-size:1rem;font-weight:700}.offer-paper-notes{margin-top:1rem;padding:.7rem .85rem;border:1px solid #dbe4ed;border-radius:10px;background:#fbfdff}.offer-paper-notes p{margin:.2rem 0}.offer-paper-footer{margin-top:1.2rem;padding-top:.7rem;border-top:1px solid #dbe4ed;font-size:.84rem;color:#475569}.offer-paper-footer p{margin:.2rem 0}@media print{@page{size:A4;margin:10mm}body{background:#fff}.app-shell{max-width:none;margin:0;padding:0;display:block}.side-nav,.topbar,.no-print{display:none!important}.content{margin:0}.offer-paper{width:100%;max-width:none;min-height:0;margin:0;padding:0;border:0;box-shadow:none}}@media(max-width:1100px){.app-shell{display:block}.side-nav{position:static;width:auto;bottom:auto;padding:.8rem}.tab-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-nav button{justify-content:center;text-align:center}.side-nav-footer{margin-top:0}.workspace{margin-left:0}}@media(max-width:840px){.app-shell{padding:.7rem}.tab-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.customers-layout{grid-template-columns:1fr}table{min-width:640px}}