:root{--bg:#f6f7f9;--surface:#fff;--border:#e2e5ea;--text:#1a1d23;--muted:#6b7280;--brand:#0f6cff;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;background:var(--bg)}a{color:var(--brand);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-weight:700;margin-bottom:16px;padding:8px}.sidebar a.nav-link{display:block;padding:10px 12px;border-radius:8px;color:var(--text)}.sidebar a.nav-link.active,.sidebar a.nav-link:hover{background:var(--brand);color:#fff}.main{flex:1 1;padding:24px;overflow:auto}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px}button,input,select{font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:8px}input,select{background:var(--surface)}button.primary{background:var(--brand);color:#fff;border:none;cursor:pointer}button.secondary{cursor:pointer}button.secondary,table{background:var(--surface)}table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}td,th{text-align:start;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{background:#f1f3f6;font-weight:600}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:#eef2ff;color:#3730a3}.badge.danger{background:#fee2e2;color:#991b1b}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:100%;max-width:380px}.field{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.error{color:var(--danger);font-size:14px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.scanner-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;grid-gap:18px;gap:18px;align-items:start}.scanner-form{position:-webkit-sticky;position:sticky;top:20px}.photo-drop{min-height:220px;border:2px dashed #b9c4d4;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#f8fafc;overflow:hidden;text-align:center;padding:16px}.photo-drop input{display:none}.photo-drop img{width:100%;height:240px;object-fit:contain}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.big-action{width:100%;padding:13px;margin-top:14px}.small-note{font-size:12px}.scanner-results{display:flex;flex-direction:column;gap:12px}.empty-state{min-height:180px;justify-content:center;text-align:center}.empty-state,.result-card{display:flex;align-items:center}.result-card{justify-content:space-between;gap:16px}.result-number{font-size:20px;font-weight:800}.result-price{text-align:end;min-width:150px}.scan-price{font-size:28px;font-weight:900;color:#1267df}@media(max-width:900px){.scanner-grid{grid-template-columns:1fr}.scanner-form{position:static}.form-grid{grid-template-columns:1fr}.result-card{align-items:flex-start;flex-direction:column}.result-price{text-align:start}}.table-wrap{overflow:auto}.action-row{display:flex;gap:6px;flex-wrap:wrap}.danger{background:#fff;border:1px solid #d92d20;color:#b42318;padding:8px 10px;border-radius:8px;cursor:pointer}.scanner-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin:0 0 18px;border-radius:16px;background:linear-gradient(135deg,#0f6fff,#0049b8);color:#fff;box-shadow:0 10px 28px rgba(15,111,255,.22)}.scanner-hero div{display:flex;flex-direction:column;gap:6px}.scanner-hero strong{font-size:24px}.scanner-hero span{opacity:.9}.scanner-hero b{white-space:nowrap;background:#fff;color:#075fcf;padding:10px 14px;border-radius:10px}@media(max-width:700px){.scanner-hero{align-items:flex-start;flex-direction:column}}.purchase-heading{gap:24px}.purchase-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;min-width:min(520px,50vw)}.purchase-layout{display:grid;grid-template-columns:minmax(330px,430px) minmax(520px,1fr);grid-gap:18px;gap:18px;align-items:start}.purchase-calculator{position:-webkit-sticky;position:sticky;top:18px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-title>span{font-size:25px}.section-title div{display:flex;flex-direction:column}.section-title strong{font-size:19px}.section-title small{color:var(--muted);margin-top:2px}.search-field{position:relative}.catalog-dropdown{position:absolute;z-index:20;inset-inline:0;top:100%;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 35px rgba(18,35,58,.14);max-height:320px;overflow:auto}.catalog-dropdown button{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:start;cursor:pointer;padding:11px}.catalog-dropdown button:hover{background:#f3f7ff}.catalog-dropdown button span:first-child{display:flex;flex-direction:column;gap:3px}.catalog-dropdown small,.dropdown-state{color:var(--muted)}.dropdown-state{padding:16px;text-align:center}.selected-part{display:grid;grid-template-columns:54px 1fr auto;align-items:center;grid-gap:12px;gap:12px;border:1px solid #cfe0ff;background:#f6f9ff;border-radius:12px;padding:12px;margin:14px 0}.selected-part>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.selected-part>div:nth-child(2) strong{font-size:18px}.selected-part>div:nth-child(2) span{color:var(--muted);font-size:13px}.line-image,.part-placeholder{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf2ff;font-size:25px}.part-placeholder{width:54px;height:54px}.purchase-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:20px;text-align:center;color:var(--muted);margin:14px 0}.calculator-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;grid-gap:10px;gap:10px}.money-input,.percent-input{display:flex;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.money-input span,.percent-input span{display:flex;align-items:center;padding:0 9px;background:#f3f5f8;color:#4b5563;font-weight:700}.money-input input,.percent-input input{border:0;border-radius:0;min-width:0;width:100%}.quick-adjustments{display:flex;gap:6px;margin:2px 0 14px;flex-wrap:wrap}.quick-adjustments button{background:#fff;cursor:pointer;min-width:52px}.quick-adjustments button.active{background:#0f6cff;color:#fff;border-color:#0f6cff}.calculation-preview{border-radius:12px;background:#f3f7ff;border:1px solid #d9e6ff;padding:13px;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.calculation-preview>div{display:flex;flex-direction:column;gap:4px}.calculation-preview span{font-size:12px;color:var(--muted)}.calculation-preview strong{font-size:19px}.calculation-preview .grand{text-align:end}.calculation-preview .grand strong{font-size:24px;color:#0b62d6}.add-cart-button{width:100%;margin-top:12px;padding:13px;font-weight:800}.add-cart-button:disabled,.cart-actions button:disabled,.finalize-button:disabled{opacity:.45;cursor:not-allowed}.success-message{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;padding:8px 10px;margin-top:10px}.purchase-cart{min-width:0}.cart-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cart-topbar .section-title{margin:0}.cart-actions{display:flex;gap:7px;flex-wrap:wrap}.cart-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.cart-empty div{font-size:50px}.cart-empty strong{color:var(--text);font-size:18px}.cart-list{display:flex;flex-direction:column;gap:9px}.cart-line{display:grid;grid-template-columns:30px 54px minmax(130px,1.5fr) 82px 125px 120px 30px;grid-gap:9px;gap:9px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px}.line-index{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;font-weight:700}.line-image{width:50px;height:50px}.line-info{display:flex;flex-direction:column;min-width:0}.line-info strong{font-size:15px}.line-info span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-edit{display:flex;flex-direction:column;gap:3px}.line-edit label,.line-sum span{font-size:11px;color:var(--muted)}.line-edit input{width:100%;min-width:0;padding:7px}.line-sum{display:flex;flex-direction:column;text-align:end}.line-sum strong{font-size:16px;color:#08783e}.remove-line{border:0;background:#fff;color:#b42318;font-size:24px;cursor:pointer;padding:2px}.purchase-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;margin-top:14px}.purchase-summary>div{background:#fff;border:1px solid var(--border);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:5px}.purchase-summary span{font-size:12px;color:var(--muted)}.purchase-summary strong{font-size:20px}.purchase-summary .summary-total{background:#ecfdf3;border-color:#a7f3d0}.purchase-summary .summary-total strong{color:#08783e;font-size:25px}.finalize-button{width:100%;margin-top:10px;padding:13px;background:#059447;color:#fff;border:0;border-radius:9px;font-weight:800;cursor:pointer}@media(max-width:1100px){.purchase-layout{grid-template-columns:1fr}.purchase-calculator{position:static}.purchase-meta{min-width:0;width:100%}.purchase-heading{flex-direction:column}.cart-line{grid-template-columns:30px 48px minmax(120px,1fr) 75px 110px 105px 28px}}@media(max-width:760px){.calculator-grid,.purchase-meta{grid-template-columns:1fr}.cart-line{grid-template-columns:32px 50px 1fr 28px}.line-edit,.line-sum{grid-column:span 2}.purchase-summary{grid-template-columns:1fr 1fr}.cart-topbar{align-items:flex-start;flex-direction:column}}@media print{.cart-actions,.finalize-button,.purchase-calculator,.sidebar{display:none!important}.main{padding:0}.purchase-layout{display:block}.purchase-summary{page-break-inside:avoid;break-inside:avoid}}:root{--bg:#0b0d10;--surface:#14181d;--surface-2:#1a2027;--border:#303943;--text:#f4f1e8;--muted:#9aa4af;--brand:#c6a768;--brand-2:#e3cf9f;--danger:#e25b5b;--ok:#32b979;--platinum:#d9dee5;--palladium:#c6a768;--rhodium:#8fc7e8}body,html{background:radial-gradient(circle at 85% -10%,#26313c 0,#11161b 32%,#0b0d10 72%);color:var(--text)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,hsla(42,55%,76%,.035),transparent 32%,rgba(143,199,232,.025));z-index:-1}a{color:var(--brand-2)}.card{background:linear-gradient(145deg,rgba(27,33,40,.98),rgba(16,20,24,.98));border:1px solid #343d46;border-radius:18px;box-shadow:0 16px 42px rgba(0,0,0,.28)}.sidebar{background:linear-gradient(180deg,#11151a,#0c0f13);-webkit-border-end:1px solid #2b333b;border-inline-end:1px solid #2b333b;box-shadow:8px 0 30px rgba(0,0,0,.18)}.sidebar .brand{display:flex;align-items:center;gap:10px;color:#f7f1e4;font-size:17px;letter-spacing:.2px;padding:10px 8px 18px}.sidebar .brand img{width:52px;height:52px;border-radius:14px;object-fit:cover;box-shadow:0 8px 22px hsla(40,45%,59%,.22);border:1px solid hsla(42,55%,76%,.35)}.sidebar a.nav-link{color:#ccd3da;border:1px solid transparent;border-radius:11px}.sidebar a.nav-link:hover{background:#1b2229;color:#fff;border-color:#333d46}.sidebar a.nav-link.active{background:linear-gradient(135deg,#b69555,#d9c48f);color:#11151a;border-color:#d9c48f;box-shadow:0 8px 20px hsla(40,45%,59%,.18);font-weight:800}.main{background:transparent}button,input,select{background:#171c22;color:var(--text);border-color:#343d46}input:focus,select:focus{outline:2px solid hsla(40,45%,59%,.28);border-color:#b99a5e}button.primary{background:linear-gradient(135deg,#b69555,#d8c28a);color:#101317;font-weight:800;box-shadow:0 8px 22px hsla(40,45%,59%,.18)}button.secondary{background:#171c22;color:#e2e7ec}table{background:#13181e;border-color:#303943}th{background:#1b2229;color:#efe7d4}td,th{border-bottom-color:#2b333b}.muted{color:var(--muted)}.badge{background:#242c34;color:#e1d1aa}.badge.danger{background:#3a2022;color:#ffb0b0}.login-wrap{background:radial-gradient(circle at 50% -5%,#313c46,#11161b 38%,#090b0e 82%)}.login-box{max-width:420px;padding:30px;border:1px solid #3d4650;background:linear-gradient(155deg,rgba(28,34,41,.98),rgba(12,15,19,.98));box-shadow:0 28px 80px rgba(0,0,0,.45)}.alhroub-login-brand{text-align:center;margin-bottom:18px}.alhroub-login-brand img{width:118px;height:118px;border-radius:26px;object-fit:cover;box-shadow:0 18px 40px hsla(40,45%,59%,.2);border:1px solid hsla(42,55%,76%,.38)}.alhroub-login-brand strong{display:block;margin-top:12px;font-size:21px;color:#f5ecdb;letter-spacing:.3px}.photo-drop{background:#11171d;border-color:#3b4651}.scanner-hero{background:linear-gradient(135deg,#1b2229,#283540);border:1px solid #3b4651;box-shadow:0 14px 38px rgba(0,0,0,.28)}.calculation-preview .grand strong,.scan-price{color:#e1c785}.calculation-preview,.selected-part{background:#171e24;border-color:#35414c}.cart-line,.catalog-dropdown,.catalog-dropdown button,.money-input,.percent-input,.purchase-summary>div,.quick-adjustments button{background:#141a20;color:var(--text);border-color:#303943}.catalog-dropdown button:hover{background:#202830}.quick-adjustments button.active{background:#b69555;color:#11151a;border-color:#d8c28a}.purchase-summary .summary-total{background:#13241c;border-color:#285a42}@media(max-width:760px){.sidebar{width:210px}.main{padding:16px}}.publicPolicyPage{min-height:100vh;padding:32px 16px;background:var(--background,#0b0d10);color:var(--foreground,#f4f1ea)}.publicPolicyCard{width:min(860px,100%);margin:0 auto;padding:28px;border:1px solid hsla(42,52%,65%,.3);border-radius:20px;background:rgba(20,24,29,.96);box-shadow:0 24px 80px rgba(0,0,0,.28)}.publicPolicyCard h1,.publicPolicyCard h2,.publicPolicyCard h3{margin-top:0}.publicPolicyCard section{margin:24px 0}.publicPolicyCard a{color:#d9bc78}.publicPolicyCard label{display:grid;grid-gap:8px;gap:8px;margin:14px 0}.publicPolicyCard input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid hsla(0,0%,100%,.14);background:#0f1318;color:inherit}.publicPolicyCard button{padding:12px 16px;border:0;border-radius:12px;font-weight:700;cursor:pointer;background:#c7a45d;color:#0b0d10}.publicPolicyCard button:disabled{opacity:.6;cursor:not-allowed}