:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#132235;background:#eef3f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #132235;--muted: #66778e;--muted-2: #8a98aa;--navy: #08243a;--navy-2: #0c3552;--gold: #d9b35f;--green: #0c876f;--red: #b42336;--glass: rgba(255,255,255,.7);--glass-strong: rgba(255,255,255,.86);--glass-line: rgba(255,255,255,.72);--line: rgba(125,145,168,.28);--shadow: 0 24px 70px rgba(19,34,53,.13);--soft-shadow: 12px 12px 32px rgba(54,78,105,.13), -12px -12px 30px rgba(255,255,255,.82);--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;color:var(--ink);overflow-x:hidden;background:radial-gradient(circle at 12% 8%,rgba(89,154,202,.34),transparent 32vw),radial-gradient(circle at 84% 0%,rgba(217,179,95,.24),transparent 30vw),linear-gradient(135deg,#eef4fa,#f8fafc 48%,#edf2f8)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(12,53,82,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,53,82,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 75%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 75%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(217,179,95,.42);outline-offset:3px}.app-shell{position:relative;z-index:1;width:100%;min-height:100vh;display:grid;grid-template-columns:284px minmax(0,1fr);gap:22px;padding:18px}.side-rail{position:sticky;top:18px;min-width:0;height:calc(100vh - 36px);color:#eef7ff;padding:20px;display:flex;flex-direction:column;gap:26px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(155deg,#071827eb,#0d334ed1),radial-gradient(circle at 20% 5%,rgba(217,179,95,.22),transparent 40%);box-shadow:0 24px 60px #07182733,inset 0 1px #ffffff2e;overflow:hidden}.side-rail:after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:80px;border-radius:50%;background:#d9b35f1f;filter:blur(4px)}.side-rail>*{position:relative;z-index:1}.brand-mark{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:52px;height:52px;border:1px solid rgba(217,179,95,.72);border-radius:18px;display:grid;flex:0 0 auto;place-items:center;background:linear-gradient(145deg,#ffffff24,#ffffff0a);color:#f2ca75;font-weight:1000;box-shadow:inset 0 1px #ffffff29,0 16px 34px #0003}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{letter-spacing:-.01em}.brand-mark span,.rail-card p{color:#e5f0f9b8;font-size:13px;line-height:1.5}.side-rail nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;color:#eef7ffd1;text-decoration:none;border:1px solid transparent;border-radius:17px;font-weight:800;transition:.18s ease}.nav-item svg{flex:0 0 auto}.nav-item.active,.nav-item:hover{background:#ffffff21;border-color:#ffffff29;color:#fff;box-shadow:inset 0 1px #ffffff24}.rail-card{border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:16px;margin-top:auto;background:#ffffff17;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff29}.rail-card span{color:#f2ca75;font-size:11px;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.rail-card strong{display:block;margin-top:8px}.workspace{min-width:0;width:100%;padding:10px 10px 24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:4px 0 18px}.topbar h1{margin:0;max-width:780px;color:#071827;font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.055em}.topbar p{margin:12px 0 0;color:var(--muted);max-width:760px;line-height:1.55;font-size:15px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:280px}.language-switch{display:inline-flex;min-height:42px;overflow:hidden;border:1px solid rgba(125,145,168,.25);border-radius:999px;background:#ffffff9e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #fffc}.language-switch button{min-width:74px;border:0;border-right:1px solid rgba(125,145,168,.22);padding:0 14px;background:transparent;color:var(--muted);font-weight:950}.language-switch button:last-child{border-right:0}.language-switch .selected{background:linear-gradient(135deg,var(--navy-2),#0f4d70);color:#fff}.button{border:1px solid rgba(125,145,168,.28);border-radius:999px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffffb8;color:var(--ink);font-weight:900;white-space:nowrap;box-shadow:0 12px 30px #1322350f,inset 0 1px #ffffffd9;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px);border-color:#d9b35fb8;box-shadow:0 16px 34px #1322351a,inset 0 1px #ffffffe6}.button.primary{background:linear-gradient(135deg,#08243a,#145276);border-color:#08243acc;color:#fff}.icon-button{width:44px;height:44px;border:1px solid rgba(125,145,168,.28);border-radius:15px;display:grid;place-items:center;background:#ffffffc2;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #13223512}.icon-button.danger{color:var(--red)}.status-strip{min-height:58px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:18px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px;color:var(--muted);box-shadow:var(--soft-shadow);font-size:14px}.status-strip span:not(.status-pill){padding:4px 0}.status-strip a{color:var(--navy-2);font-weight:950;text-decoration:none}.status-strip a:hover{text-decoration:underline}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:1000;text-transform:uppercase;color:#06745f;background:#0c876f1f;border:1px solid rgba(12,135,111,.18)}.status-draft{color:#8b6100;background:#d9b35f2b;border-color:#d9b35f57}.status-cancelled{color:var(--red);background:#fee2e2b8;border-color:#b4233629}.split-layout{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:20px;align-items:start}.split-layout.public-only{grid-template-columns:minmax(0,980px);justify-content:center}.editor-panel,.preview-wrap{min-width:0;width:100%;border:1px solid var(--glass-line);border-radius:var(--radius);padding:20px;background:var(--glass-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow),inset 0 1px #ffffffe0}.preview-wrap{position:sticky;top:18px;background:#ffffff9e}.section-title{display:flex;align-items:center;gap:9px;margin:24px 0 13px;color:#071827;font-size:15px;letter-spacing:-.01em}.section-title:first-child{margin-top:0}.section-title svg{color:#bd9138}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;min-width:0}.field span{min-width:0;color:var(--muted);font-size:11px;font-weight:1000;letter-spacing:.055em;text-transform:uppercase}.field input,.field select,.field textarea,.add-row select{width:100%;min-width:0;border:1px solid rgba(125,145,168,.25);border-radius:16px;min-height:46px;padding:11px 13px;color:var(--ink);background:#ffffffb8;box-shadow:inset 1px 1px 2px #1322350f,inset -1px -1px 1px #ffffffbf}.field textarea{min-height:92px;resize:vertical}.wide{grid-column:1 / -1}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(125,145,168,.22);border-radius:18px;overflow:hidden;background:#ffffff8a;box-shadow:inset 0 1px #ffffffd9}.segmented button{border:0;border-right:1px solid rgba(125,145,168,.2);min-height:46px;padding:0 8px;background:transparent;font-weight:950;color:var(--muted)}.segmented button:last-child{border-right:0}.segmented .selected{background:linear-gradient(135deg,#08243a,#145276);color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.metric{min-width:0;border:1px solid rgba(125,145,168,.2);border-radius:19px;padding:14px;background:#ffffff94;box-shadow:inset 0 1px #ffffffd6,0 12px 28px #1322350d}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:900;line-height:1.25}.metric strong{display:block;margin-top:8px;color:#071827;font-size:clamp(14px,1.25vw,18px);word-break:break-word}.metric.strong{background:linear-gradient(135deg,#09263d,#145276);border-color:#08243a99}.metric.strong span,.metric.strong strong{color:#fff}.add-row{margin-bottom:12px}.item-editor-list{display:grid;gap:13px}.item-editor{min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;border:1px solid rgba(125,145,168,.2);border-radius:22px;padding:13px;background:#ffffff85;box-shadow:inset 0 1px #ffffffd1}.item-editor img{width:112px;height:112px;border-radius:18px;object-fit:cover;background:#e8edf3;box-shadow:0 14px 28px #1322351c}.item-fields{display:grid;gap:10px;min-width:0}.line-grid{display:grid;grid-template-columns:minmax(68px,.6fr) minmax(74px,.7fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr);gap:10px;min-width:0}.item-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--navy-2);font-weight:950}.item-total-row span{min-width:0}.preview-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.quotation-document{min-width:0;overflow:hidden;background:#fffffff0;color:var(--ink);border:1px solid rgba(125,145,168,.24);border-radius:26px;padding:34px;box-shadow:0 26px 70px #1322351f,inset 0 1px #ffffffeb}.document-header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(8,36,58,.16);padding-bottom:22px}.doc-logo{width:126px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#071827,#145276);color:#f2ca75;border-radius:16px;font-weight:1000;letter-spacing:1.5px;box-shadow:0 14px 30px #07182738}.document-header p,.document-band p,.terms p{color:#53657a;line-height:1.55;margin:8px 0 0}.doc-meta{text-align:right}.doc-meta h2{margin:0 0 10px;font-size:30px;text-transform:uppercase;letter-spacing:-.04em}.doc-meta strong,.doc-meta span{display:block}.doc-meta span{color:var(--muted);margin-top:4px}.document-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;background:linear-gradient(135deg,#eff6fddb,#ffffffc7);border:1px solid rgba(125,145,168,.22);border-radius:22px;padding:18px;margin:22px 0}.document-band span{display:block;color:var(--muted);font-size:11px;font-weight:1000;letter-spacing:.055em;text-transform:uppercase}.document-band strong{display:block;color:#071827;font-size:18px;margin-top:6px}.quote-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;font-size:13px;overflow:hidden;border-radius:18px}.quote-table th{text-align:left;color:#eaf4fb;background:#0d334e;padding:12px}.quote-table th:first-child{border-top-left-radius:18px}.quote-table th:last-child{border-top-right-radius:18px}.quote-table td{vertical-align:top;border-bottom:1px solid rgba(125,145,168,.2);padding:12px;background:#ffffffb8}.quote-table th:last-child,.quote-table td:last-child{text-align:right}.doc-item{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;min-width:0}.doc-item img{width:60px;height:60px;border-radius:14px;object-fit:cover;background:#e8edf3}.doc-item strong,.doc-item span,.doc-item em{display:block;min-width:0}.doc-item span{color:var(--muted);margin-top:3px}.doc-item em{color:#8b6100;font-style:normal;margin-top:6px;font-size:12px}.document-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:24px;margin-top:24px}.terms{border:1px solid rgba(125,145,168,.2);border-radius:20px;padding:16px;background:#f8fbfde6}.totals-box{border:1px solid rgba(125,145,168,.22);border-radius:20px;overflow:hidden;align-self:start;background:#ffffffd6}.total-row{display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(125,145,168,.18)}.total-row.strong{background:linear-gradient(135deg,#071827,#145276);color:#fff;font-size:18px}.vat-note{padding:10px 14px;color:#8b6100;background:#d9b35f24;font-weight:950;font-size:12px;text-transform:uppercase}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.signature-row div{border-top:1px solid rgba(125,145,168,.65);padding-top:10px;color:var(--muted)}@media(max-width:1320px){.split-layout{grid-template-columns:minmax(0,1fr)}.preview-wrap{position:static}}@media(max-width:1180px){.app-shell{grid-template-columns:1fr;padding:12px}.side-rail{position:static;height:auto;padding:16px;border-radius:24px}.side-rail nav{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:2px;-webkit-overflow-scrolling:touch}.nav-item{flex:0 0 auto;padding:11px 13px;white-space:nowrap}.rail-card{display:none}.topbar{margin-top:2px}}@media(max-width:760px){.app-shell{gap:12px;padding:10px}.workspace{padding:0 0 16px}.side-rail{gap:16px}.brand-icon{width:46px;height:46px;border-radius:16px}.brand-mark strong{font-size:15px}.brand-mark span{font-size:12px}.side-rail nav{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;overflow:visible}.side-rail .nav-item{flex:initial;white-space:normal}.side-rail .nav-item:last-child{grid-column:1 / -1}.topbar{display:block}.topbar h1{font-size:clamp(30px,10vw,40px)}.topbar-actions{min-width:0;justify-content:flex-start;margin-top:16px}.topbar-actions .button{flex:1 1 calc(50% - 6px);padding:0 12px}.language-switch{width:100%}.language-switch button{flex:1;min-width:0}.status-strip{border-radius:18px;padding:11px 13px}.editor-panel,.preview-wrap{border-radius:22px;padding:14px;overflow:hidden}.form-grid,.summary-grid,.document-band,.document-summary,.signature-row,.segmented{grid-template-columns:1fr}.segmented button{border-right:0;border-bottom:1px solid rgba(125,145,168,.2)}.segmented button:last-child{border-bottom:0}.line-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-editor{grid-template-columns:1fr}.item-editor img{width:100%;height:176px}.item-total-row{align-items:flex-start}.quotation-document{padding:16px;border-radius:22px}.document-header{display:block}.doc-meta{text-align:left;margin-top:16px}.quote-table,.quote-table thead,.quote-table tbody,.quote-table tr,.quote-table th,.quote-table td{display:block;width:100%}.quote-table thead{display:none}.quote-table tr{border:1px solid rgba(125,145,168,.2);border-radius:18px;overflow:hidden;margin-bottom:12px;background:#ffffffc7}.quote-table td{display:flex;justify-content:space-between;gap:14px;text-align:right;border-bottom:1px solid rgba(125,145,168,.14)}.quote-table td:before{content:"";flex:0 0 92px;color:var(--muted);font-size:11px;font-weight:1000;letter-spacing:.055em;text-align:left;text-transform:uppercase}.quote-table td:nth-child(1){display:block;text-align:left}.quote-table td:nth-child(1):before{content:"Item";display:block;margin-bottom:8px}.quote-table td:nth-child(2):before{content:"Qty"}.quote-table td:nth-child(3):before{content:"Unit"}.quote-table td:nth-child(4):before{content:"Discount"}.quote-table td:nth-child(5):before{content:"Total"}.quote-table td:last-child{border-bottom:0}}@media(max-width:430px){.topbar-actions .button{flex-basis:100%}.line-grid{grid-template-columns:1fr}.summary-grid{gap:8px}.document-band{padding:14px}}@media print{:root,body{background:#fff}body:before{display:none}.app-shell{display:block;padding:0}.side-rail,.topbar,.status-strip,.editor-panel,.preview-toolbar{display:none!important}.workspace,.split-layout{display:block;padding:0}.preview-wrap{border:0;box-shadow:none;padding:0;background:#fff}.quotation-document{border:0;border-radius:0;padding:0;box-shadow:none}}