:root{--ink:#172238;--muted:#6c7586;--line:#e1e6ef;--cream:#f5f7fb;--gold:#bd852b;--brown:#15345f;--white:#fff;--green:#34785a;--shadow:0 8px 28px rgba(21,52,95,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--brown);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 30px}.brand-mark{width:40px;height:40px;border:1px solid #ddb763;color:#f3d58f;border-radius:50% 50% 42% 42%;display:grid;place-items:center;font-family:Georgia;font-size:25px}.brand strong,.brand small,.sidebar-foot strong,.sidebar-foot small{display:block}.brand small,.sidebar-foot small{color:#c2d0df;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#d6e2ef;text-align:left;padding:13px 14px;border-radius:9px;cursor:pointer}.nav-item span{display:inline-block;width:27px;font-size:17px}.nav-item.active,.nav-item:hover{background:#285486;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #365a82;padding:20px 8px 0;display:flex;gap:10px;align-items:center;font-size:12px}.status-dot{width:9px;height:9px;background:#7bd39f;border-radius:50%}main{margin-left:242px;min-height:100vh}header{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:16px}header h1{margin:0;font-size:21px}header p{margin:5px 0 0;color:var(--muted);font-size:12px}.rate-chip{margin-left:auto;border-left:1px solid var(--line);padding-left:24px}.rate-chip small,.rate-chip strong{display:block}.rate-chip small{color:var(--muted);font-size:10px}.rate-chip strong{margin-top:3px}.icon-button{display:none;border:0;background:transparent;font-size:24px}.page{display:none;padding:32px 38px 50px}.page.active{display:block}.hero{background:linear-gradient(120deg,#15345f,#286295);color:white;border-radius:16px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.hero h2{font-family:Georgia,serif;font-weight:500;font-size:28px;margin:6px 0}.hero p{margin:0;color:#d4e3f2}.eyebrow{font:700 10px Inter!important;letter-spacing:1.7px;color:#e8c77c!important}.primary,.secondary{border:0;border-radius:8px;padding:12px 17px;cursor:pointer;font-weight:650}.primary{background:#d09a3e;color:#fff}.primary:hover{background:#bc852d}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;gap:13px;box-shadow:0 2px 10px rgba(21,52,95,.035)}.stats small,.stats strong,.stats em{display:block}.stats small{font-size:11px;color:var(--muted)}.stats strong{font-size:20px;margin:5px 0}.stats em{font-size:10px;color:var(--green);font-style:normal}.stat-icon{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:10px;font-weight:700}.gold{background:#fff4dd;color:#a66b11}.rose{background:#fae9e4;color:#a45942}.green{background:#e4f3eb;color:#34785a}.blue{background:#e7eef8;color:#4b6695}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 15px rgba(21,52,95,.03)}.panel-head{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:14px;margin:0}.panel p{font-size:11px;color:var(--muted);margin:5px 0 0}.text-button{background:none;border:0;color:#a86f18;cursor:pointer;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}th,td{padding:13px 20px;border-bottom:1px solid #edf1f6;white-space:nowrap}.badge{padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700}.confirmed{background:#e6f4ec;color:#34785a}.pending{background:#fff2d8;color:#996811}.draft{background:#eeeae8;color:#6f625d}.rate-list{padding:7px 21px}.rate-list label{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f6;font-size:12px}.rate-list span{color:var(--muted);font-size:10px}.rate-list b{color:var(--ink);font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-head h2{font-family:Georgia,serif;font-size:25px;margin:0}.section-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.estimate-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px}.form-card{padding:24px}.form-card h3{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px}.form-grid .wide{grid-column:1/-1}input,select{width:100%;border:1px solid #d7e0ea;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:#bd852b;box-shadow:0 0 0 3px #bd852b18}.estimate-result{background:#15345f;color:white;border-radius:14px;padding:26px;align-self:start;box-shadow:var(--shadow)}.result-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #37628f;padding-bottom:21px}.result-title small,.result-title strong{display:block}.result-title small{color:#c3d5e8;font-size:10px;letter-spacing:1px}.result-title strong{font-family:Georgia,serif;font-size:31px;margin-top:8px}.result-title span{background:#315b88;color:#dceafa;border-radius:20px;padding:5px 9px;font-size:9px}.breakdown{padding:13px 0}.breakdown div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;color:#c7d8e9}.breakdown b{color:#fff}.full{width:100%}.fine-print{text-align:center;color:#afc5dc;font-size:9px}.toolbar{display:flex;gap:15px;margin-bottom:20px}.toolbar>input{max-width:340px}.filters{display:flex;gap:7px;overflow-x:auto}.filter{border:1px solid var(--line);background:#fff;border-radius:20px;padding:9px 13px;white-space:nowrap;font-size:11px;cursor:pointer}.filter.active{background:var(--brown);color:white;border-color:var(--brown)}.catalogue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 15px rgba(21,52,95,.03)}.product-art{height:165px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#fff 0,#edf3fa 72%);font-size:70px;color:#c08c31}.product-body{padding:15px}.product-body h3{font:500 16px Georgia;margin:0}.product-body small{color:var(--muted)}.product-meta{display:flex;justify-content:space-between;margin-top:12px}.product-meta b{font-size:13px}.stock{color:var(--green);font-size:9px}.low{color:#b2553f}.report-stats{grid-template-columns:repeat(3,1fr)}.toast{position:fixed;right:24px;bottom:24px;background:#102b4c;color:#fff;border-radius:8px;padding:13px 18px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.catalogue-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar.open:after{content:"";position:fixed;inset:0 0 0 242px;background:#0006;width:100vw}main{margin-left:0}header{padding:0 20px}.icon-button{display:block}.page{padding:24px 20px}.dashboard-grid,.estimate-grid{grid-template-columns:1fr}.catalogue-grid{grid-template-columns:1fr 1fr}.toolbar{display:block}.toolbar>input{max-width:none;margin-bottom:12px}}
@media(max-width:540px){header{height:76px}.rate-chip{padding-left:12px}.rate-chip small{display:none}.hero{padding:24px;align-items:flex-start;gap:20px;flex-direction:column}.hero h2{font-size:24px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.catalogue-grid{grid-template-columns:1fr}.page{padding:20px 14px}.section-head{align-items:flex-start;gap:12px}.report-stats{grid-template-columns:1fr}.toolbar{margin-top:8px}}
.product-art{position:relative;overflow:hidden;font-size:inherit}.catalogue-image{width:100%;height:100%;object-fit:contain;cursor:zoom-in;background:#fff}.catalogue-image-fallback{display:none;color:var(--muted);font-size:12px}.catalogue-image-fallback.visible{display:block}.product-body h3{margin-top:3px}.product-weights{display:flex;gap:12px;margin-top:10px;color:var(--muted);font-size:10px}.product-meta{align-items:flex-end;gap:8px}.stock{text-align:right}.catalogue-message{grid-column:1/-1;margin:12px 0;color:var(--muted)}.catalogue-error{color:#b42a2a}.catalogue-limit{text-align:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px}
.catalogue-toolbar{align-items:flex-end;flex-wrap:wrap}.catalogue-toolbar>input{min-width:250px}.catalogue-combos{display:flex;gap:10px}.catalogue-combos label{display:grid;gap:5px;min-width:180px;color:var(--muted);font-size:10px}.catalogue-combos select{padding:9px 34px 9px 11px}.catalogue-image.is-placeholder{cursor:default;background:#f5f1e8}.catalogue-vendor{margin-top:7px;color:#66758a;font-size:10px}.catalogue-toolbar .filters{width:100%}
@media(max-width:820px){.catalogue-combos{width:100%;margin-bottom:12px}.catalogue-combos label{min-width:0;flex:1}.catalogue-toolbar>input{min-width:0}.catalogue-toolbar .filters{margin-top:0}}
@media(max-width:540px){.catalogue-combos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalogue-combos select{padding:10px}.catalogue-toolbar{display:flex}.catalogue-toolbar>input{margin-bottom:0}}