@font-face{font-family:Cairo;src:url('/fonts/cairo-variable.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{font-family:Cairo,sans-serif;--radius:18px;--surface:#f4f7fc}
body,button,input,select,textarea,.brand,.brand small,.sidebar-footer small,.metric strong,.art-label,.steps article>span{font-family:Cairo,sans-serif}
[hidden]{display:none!important}
h1{font-weight:800;letter-spacing:0}h2,h3{font-weight:700}.brand{letter-spacing:1px}.brand small{font-weight:400}.main-content{padding-top:38px}.sidebar{background:linear-gradient(170deg,#12396d,#102d50);position:sticky;top:0;height:100vh;overflow:auto}.nav-link{transition:background .2s,transform .2s;min-height:50px}.nav-link:hover{transform:translateX(-3px)}.topbar{background:#ffffffed;backdrop-filter:blur(12px)}.panel,.metric{box-shadow:0 4px 24px #16396304}.metric{transition:transform .25s,box-shadow .25s;border-top:3px solid #1e5aa719}.metric:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1e5aa710}.metric strong{font-weight:800}.button{transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1339691a}.button:active{transform:translateY(0)}.button:disabled{cursor:wait;opacity:.7;transform:none}.field input,.field select,.field textarea{transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 4px #1e5aa70a}.hero{position:relative;background:radial-gradient(ellipse at 15% 20%,#2867b0 0,transparent 50%),linear-gradient(120deg,#103157,#164582);border-radius:0 0 38px 38px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 50%,#ffffff04 50%,#ffffff04 70%,transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;animation:enter-up .65s ease both}.hero h1{font-size:clamp(32px,4vw,48px);line-height:1.6}.hero-art{border-radius:24px;background:#ffffff09;box-shadow:0 30px 60px #071b3030;animation:enter-up .9s ease both}.hero-art:after{animation:float-shape 6s ease-in-out infinite}.public-header{min-height:104px}.public-header nav>a:not(.button){font-weight:600}.intro-section{padding-top:95px;padding-bottom:95px}.steps article{padding:22px;border:1px solid #e5eaf0;border-radius:18px;transition:transform .25s,box-shadow .25s;background:#fff}.steps article:hover{transform:translateY(-5px);box-shadow:0 15px 32px #1738630a}.steps article>span{color:var(--blue);font-weight:800}.contact-banner{background:linear-gradient(115deg,#eef4fe,#f7f9fc);border:1px solid #e2eaf5}.auth-copy{background:radial-gradient(circle at 0 100%,#2867b0,transparent 70%),var(--blue-dark)}.page-heading{animation:enter-up .4s ease both}.page-progress{position:fixed;top:0;left:0;height:3px;background:var(--yellow);width:0;opacity:0;z-index:200;pointer-events:none}.is-loading .page-progress{opacity:1;animation:progress-loading 12s ease-out forwards}.page-loader{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:201;display:flex;gap:12px;align-items:center;background:#fff;padding:15px 24px;border:1px solid #d7e3f2;border-radius:15px;box-shadow:0 12px 50px #0e2a5426;font-size:13px;max-width:90vw}.loader-ring{width:21px;height:21px;border:3px solid #dce7f5;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.is-visible{opacity:1;transform:none}.hero-slide.is-active .hero-copy{animation:enter-up .5s ease both}.slide-image{width:100%;height:355px;object-fit:cover;border-radius:24px;box-shadow:0 25px 70px #001d3940}.slider-controls{position:relative;display:flex;align-items:center;gap:14px;padding-bottom:26px;justify-content:center}.hero-slider .hero-grid{padding-bottom:40px;min-height:510px}.slider-arrow,.slider-pause{border:1px solid #ffffff40;color:white;background:#ffffff09;border-radius:9px;min-width:44px;min-height:44px;padding:5px 12px}.slider-pause{font-size:12px}.slider-dots{display:flex;gap:10px}.slider-dots button{width:44px;height:44px;background:none;border:0;position:relative}.slider-dots button:before{content:'';position:absolute;width:9px;height:9px;border-radius:20px;background:#ffffff60;top:17px;left:17px;transition:background .2s,transform .2s}.slider-dots button[aria-pressed=true]:before{background:var(--yellow);transform:scale(1.4)}.slider-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.slide-preview img,.slide-preview-art{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:18px}.slide-preview-art{background:linear-gradient(120deg,#12396d,#1e5aa7);display:grid;place-items:center;color:#fff;font-weight:800}.upload-preview{max-width:100%;max-height:240px;border-radius:14px;display:block}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;transition:transform .25s}.catalog-card:hover{transform:translateY(-5px)}.catalog-card img{width:100%;height:210px;object-fit:cover}.catalog-card .card-content{padding:22px}.catalog-art{height:180px;background:linear-gradient(135deg,#eef4fc,#dfeaf8);display:grid;place-items:center;color:var(--blue);font-weight:800}.quote-items input,.quote-items select{min-width:85px}.quote-items td{padding:8px}.quote-totals{margin-right:auto;max-width:340px}.quote-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.quote-totals .grand-total{border-top:2px solid var(--blue);font-weight:800;color:var(--blue);font-size:20px}.sales-actions{display:flex;gap:10px;flex-wrap:wrap}.print-only{display:none}
@keyframes enter-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-shape{50%{transform:translateY(-14px)}}@keyframes progress-loading{0%{width:5%}20%{width:40%}100%{width:94%}}
@media(max-width:1100px){.slider-admin-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:static;height:auto;overflow:visible}.sidebar nav{scrollbar-width:thin}.public-header{min-height:auto}.hero{border-radius:0 0 24px 24px}.hero-slider .hero-grid{min-height:auto;gap:20px;padding-top:40px}.slide-image{height:230px}.slider-controls{gap:4px;flex-wrap:wrap}.slider-pause{font-size:11px}.slider-admin-grid,.catalog-grid{grid-template-columns:1fr}.intro-section{padding-top:50px;padding-bottom:50px}.steps article{padding:20px}.main-content{padding-top:25px}.public-header nav{flex-wrap:wrap}.page-loader{bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.is-loading .page-progress{width:65%}.loader-ring{border-color:var(--blue)}}
@media print{.sidebar,.topbar,.workspace-footer,.page-heading,.no-print,.page-loader,.page-progress,.skip-link{display:none!important}.app-shell,.workspace{display:block;background:white}.main-content{padding:0;max-width:none}.panel{border:0;box-shadow:none;padding:0}.print-only{display:block}body{font-size:12px}table{font-size:11px}thead{display:table-header-group}tr{break-inside:avoid}a{color:inherit;text-decoration:none}.quote-totals{break-inside:avoid}@page{size:A4;margin:14mm}}
.table-scroll{overflow-x:auto}.table-scroll table{width:100%}.quote-item{border:1px solid var(--border);border-radius:14px;padding:20px;margin:20px 0;background:#fbfcfe}.quote-item legend{font-weight:700;padding:0 8px}.quote-item .danger{color:#b42318}.quote-totals .total{border-top:2px solid var(--blue);font-weight:800;color:var(--blue);font-size:20px}.quote-table small{display:block;font-size:11px;max-width:250px}.quote-totals dd{margin:0}.quote-print-body{background:#e8edf4;padding:30px}.print-toolbar{max-width:900px;margin:0 auto 20px;display:flex;gap:12px}.quote-paper{background:white;max-width:900px;margin:auto;padding:45px;border-radius:8px}.quote-paper-heading{display:flex;justify-content:space-between;border-bottom:3px solid var(--blue);padding-bottom:25px;gap:20px}.quote-customer{margin:25px 0}.quote-paper-footer{margin-top:35px;border-top:1px solid var(--border);padding-top:15px;color:var(--muted);font-size:12px}.notice{border-radius:12px;background:#edf4ff;padding:16px;margin:15px 0;color:#173d6e}.media-preview{max-width:100%;max-height:250px;border-radius:12px}.catalog-section{padding-top:65px;padding-bottom:80px;min-height:65vh}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0}.product-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:white;transition:transform .25s}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;height:220px;object-fit:cover}.product-card-content{padding:25px}.product-placeholder{height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#dce9fb);color:var(--blue);font-size:65px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:30px}.product-detail>img{width:100%;max-height:500px;object-fit:contain;border-radius:20px}.product-detail .product-placeholder{height:350px;border-radius:20px}label input,label select,label textarea{display:block;width:100%;margin-top:7px}label{display:block}.inline-form{align-items:end}.panel{margin-bottom:24px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.product-grid,.product-detail{grid-template-columns:1fr}.quote-print-body{padding:12px}.quote-paper{padding:20px}.quote-paper-heading{flex-wrap:wrap}.quote-item{padding:12px}.public-header nav{gap:14px}}
@media print{.print-toolbar{display:none!important}.quote-print-body{background:white;padding:0}.quote-paper{padding:0;border-radius:0;max-width:none}.quote-paper .table-scroll{overflow:visible}.quote-paper table{min-width:0!important}.quote-paper-heading{break-inside:avoid}.quote-paper{font-size:11px}}
.product-weight-preview{display:block;min-height:50px;margin-top:7px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#f3f6fb;color:var(--blue)}
.quote-table th,.sale-items th{white-space:normal}.quote-table bdi,.sale-items bdi{white-space:nowrap}
@media print{.quote-table th,.quote-table td{padding:7px 5px}.quote-table td:first-child{overflow-wrap:anywhere}.quote-table thead{display:table-header-group}.quote-table tr{break-inside:avoid}}