:root{--ink:#17140d;--muted:#776f62;--paper:#f8f5ee;--card:#fff;--gold:#b9872b;--gold2:#e0bd70;--dark:#12100c;--line:#e8e1d4;--green:#16866a;--red:#c14b4b;--shadow:0 18px 60px rgba(36,27,10,.1);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Tajawal',sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.landing{overflow-x:hidden}.container{width:min(1180px,calc(100% - 36px));margin:auto}
.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:0;right:0;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-gem{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d9b768;transform:rotate(45deg);font-family:serif;color:#e7c87c}.brand-gem b{transform:rotate(-45deg)}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:20px;letter-spacing:.5px}.brand small{font-size:10px;opacity:.68}.site-nav-links{display:flex;gap:30px;align-items:center}.site-nav-links>a:not(.btn){font-size:14px;color:#ede8dc}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 23px;font-weight:700}.btn-gold{color:#1d170b;background:linear-gradient(135deg,#efd488,#b98223);box-shadow:0 8px 30px rgba(203,153,57,.25)}.btn-dark{background:#19150e;color:#fff}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-sm{padding:9px 15px;font-size:13px}.btn-danger{background:#fff0f0;color:var(--red)}
.hero{min-height:94vh;background:radial-gradient(circle at 25% 30%,rgba(185,135,43,.22),transparent 25%),linear-gradient(120deg,#0d0c0a,#211b10 68%,#0d0c0a);position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:2;padding-top:70px}.hero-copy .eyebrow{color:#d8b461}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 10px;color:var(--gold)}.hero h1{font-size:clamp(48px,6vw,88px);line-height:1.07;margin:0 0 25px;font-weight:800}.hero h1 em{font-family:serif;font-style:normal;color:#d9b05b}.hero-copy>p:not(.eyebrow){color:#beb7a9;line-height:2;max-width:590px;font-size:18px}.hero-actions{display:flex;gap:13px;margin-top:35px}.hero-art{height:520px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid rgba(226,185,96,.24);box-shadow:0 0 100px rgba(180,126,30,.18),inset 0 0 100px rgba(180,126,30,.08);animation:breathe 5s ease-in-out infinite}.ring{width:255px;height:255px;border:42px solid transparent;border-radius:50%;background:linear-gradient(#16130d,#16130d) padding-box,linear-gradient(140deg,#fff1ae,#9d6819 47%,#f8df87 70%,#75450a) border-box;transform:rotateX(58deg) rotateZ(-20deg);box-shadow:0 30px 50px rgba(0,0,0,.6),inset 0 0 20px rgba(255,255,255,.25);animation:float 5s ease-in-out infinite}.diamond{position:absolute;top:100px;width:135px;height:110px;clip-path:polygon(20% 0,80% 0,100% 30%,50% 100%,0 30%);background:linear-gradient(135deg,#fff,#b9d1d3 26%,#fff 42%,#78999d 57%,#e7ffff 78%,#fff);filter:drop-shadow(0 22px 35px rgba(192,228,226,.3));animation:gemFloat 5s ease-in-out infinite}.spark{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff;animation:twinkle 2s infinite}.spark.s1{top:20%;left:15%}.spark.s2{top:35%;right:8%;animation-delay:.7s}.spark.s3{bottom:22%;left:22%;animation-delay:1.2s}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:25px;display:flex;align-items:center;gap:13px;border-left:1px solid var(--line)}.trust-item:last-child{border:0}.trust-item i{font-size:25px;color:var(--gold)}.trust-item strong{display:block}.trust-item small{color:var(--muted)}
.section{padding:110px 0}.section-soft{background:#f0ebe1}.section-dark{background:#14110d;color:#fff}.section-title{text-align:center;max-width:650px;margin:0 auto 55px}.section-title h2{font-size:42px;margin:8px 0 13px}.section-title p{color:var(--muted);line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border-radius:24px;padding:12px;box-shadow:0 8px 35px rgba(40,28,5,.06);transition:.35s}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-visual{height:250px;background:linear-gradient(145deg,#f5efe2,#e8dcc4);border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden}.product-visual i{font-size:90px;color:#b17d27;filter:drop-shadow(0 12px 13px rgba(102,65,7,.25))}.product-card h3{margin:18px 8px 5px}.product-card p{color:var(--muted);margin:0 8px 14px}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{height:550px;border-radius:180px 180px 24px 24px;background:radial-gradient(circle at 50% 35%,#ebcd81,#9e6b1b 45%,#20180d 46%,#100e0b 100%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.about-visual::after{content:'LAZORD';position:absolute;bottom:40px;left:0;right:0;text-align:center;font-family:serif;font-size:70px;color:rgba(255,255,255,.1);letter-spacing:10px}.about-copy h2{font-size:46px;margin:10px 0 24px}.about-copy p{line-height:2;color:var(--muted)}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.about-points div{padding:18px;border:1px solid var(--line);border-radius:16px}.about-points i{color:var(--gold);margin-left:8px}.contact-card{background:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow)}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;outline:0;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(185,135,43,.12)}.site-footer{background:#0e0c09;color:#aaa294;padding:55px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center}.reveal{opacity:0;transform:translateY(24px);transition:.75s}.revealed{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-17px) rotateX(58deg) rotateZ(-12deg)}}@keyframes gemFloat{50%{transform:translateY(-17px) rotate(4deg)}}@keyframes breathe{50%{transform:scale(1.07);opacity:.7}}@keyframes twinkle{50%{opacity:.1;transform:scale(.3)}}
.app-body{display:flex;min-height:100vh;background:#f6f3ed}.sidebar{position:fixed;right:0;top:0;width:270px;height:100vh;background:#15120d;color:#e9e4da;padding:26px 18px;z-index:30;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 25px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;color:#a9a297;font-size:14px;transition:.2s}.nav-link i{font-size:20px}.nav-link:hover,.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(185,135,43,.22),rgba(185,135,43,.05))}.nav-link.active{border-right:3px solid #d4aa56}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#858077}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d89e;margin-left:6px;box-shadow:0 0 9px #45d89e}
.app-main{margin-right:270px;width:calc(100% - 270px)}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;margin:0}.topbar .eyebrow{margin:0;font-size:9px}.topbar-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:19px}.icon-btn.danger{color:var(--red)}.menu-toggle{display:none;margin-left:12px}.user-chip{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 13px;border:1px solid var(--line);border-radius:15px}.user-chip>span{width:34px;height:34px;border-radius:10px;background:#1b1710;color:#d8b25c;display:grid;place-items:center;font-weight:800}.user-chip div{display:flex;flex-direction:column}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}
.content{padding:28px 32px 55px;max-width:1600px;margin:auto}.alert{padding:14px 17px;border-radius:13px;background:#e8f5ef;color:#137255;margin-bottom:20px;display:flex;gap:8px}.alert.warning{background:#fff4d9;color:#8a6510}.alert.error{background:#fde8e8;color:#a33}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-head h2{margin:0 0 4px;font-size:22px}.section-head p{margin:0;color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;display:flex;align-items:center;gap:15px}.stat-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#f4ead4;color:#a8741d;font-size:23px}.stat-card strong{display:block;font-size:22px}.stat-card small{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card h3{margin:0;font-size:16px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{text-align:right;font-size:12px;color:var(--muted);font-weight:600;background:#faf8f4;padding:12px}.data-table td{padding:13px 12px;border-bottom:1px solid #eee8dd;font-size:13px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#e7f5ef;color:#127152}.badge.gold{background:#f6ecd7;color:#90661d}.badge.red{background:#fbe6e6;color:#a33}.badge.blue{background:#e6f0fb;color:#28679b}
.price-list{display:flex;flex-direction:column;gap:11px}.price-row{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:13px;background:#faf8f4}.price-row strong{font-size:14px}.price-row small{display:block;color:var(--muted)}.price-value{text-align:left;color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid .wide{grid-column:span 2}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty i{font-size:48px;color:#c8bba2}.empty h3{color:var(--ink);margin:12px 0 5px}.tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:12px 16px;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--gold);border-color:var(--gold);font-weight:700}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;gap:10px;align-items:center;font-size:13px}.quick-action i{font-size:20px;color:var(--gold)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:radial-gradient(circle at 50% 35%,rgba(205,158,64,.35),transparent 28%),#12100c;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}.login-art::before{content:"";width:360px;height:360px;border:55px solid #b98223;border-radius:50%;position:absolute;transform:rotateX(65deg);box-shadow:0 50px 60px #000}.login-message{position:relative;z-index:2;text-align:center;align-self:end;margin-bottom:70px}.login-message h2{font-size:38px;margin:0}.login-message p{color:#aaa293}.login-panel{display:grid;place-items:center;padding:40px}.login-box{width:min(440px,100%)}.login-box .brand{margin-bottom:65px}.login-box h1{font-size:34px;margin:0 0 8px}.login-box>p{color:var(--muted);margin-bottom:30px}.login-box .btn{width:100%;border-radius:13px;padding:14px}.login-meta{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:var(--muted)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{min-height:780px}.product-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{gap:35px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{transform:translateX(100%);transition:.25s}.sidebar-open .sidebar{transform:none}.app-main{margin:0;width:100%}.menu-toggle{display:grid}.form-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:680px){.site-nav-links>a:not(.btn){display:none}.hero h1{font-size:46px}.trust-grid,.product-grid,.about-grid,.contact-grid,.stats-grid,.quick-actions{grid-template-columns:1fr}.about-visual{height:390px}.section{padding:75px 0}.topbar{padding:0 16px}.topbar .user-chip,.topbar-actions .icon-btn:first-child{display:none}.content{padding:20px 15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-grid{flex-direction:column;gap:20px;text-align:center}}

/* Light pearl redesign */
:root{--ink:#21312b;--muted:#718079;--paper:#f8f7f2;--card:#fff;--gold:#b58a43;--gold2:#e7d1a4;--dark:#174f43;--line:#e8e8df;--green:#19705c;--red:#c45555;--shadow:0 24px 70px rgba(45,63,54,.10)}
body{background:radial-gradient(circle at 10% 0,#fff 0,#f8f7f2 38%,#f5f4ef 100%)}
.site-nav{color:var(--ink);height:100px}.site-nav .brand small{color:#63746c}.site-nav-links>a:not(.btn){color:#40534b;font-weight:600}.site-nav-links>a:not(.btn):hover{color:var(--green)}
.brand-gem{border-color:#b9914e;color:#9d762f;background:rgba(255,255,255,.7);box-shadow:0 8px 25px rgba(173,132,60,.12)}
.btn{transition:.25s;box-shadow:none}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,#f0dba9,#c99f58);color:#28352f;box-shadow:0 12px 30px rgba(178,137,66,.22)}.btn-dark{background:linear-gradient(135deg,#1f6a59,#174f43);color:#fff;box-shadow:0 12px 30px rgba(23,79,67,.16)}.btn-light{background:rgba(255,255,255,.85);color:var(--ink);border-color:#e3dfd5}
.hero{min-height:900px;color:var(--ink);background:radial-gradient(circle at 14% 18%,rgba(211,174,105,.18),transparent 26%),linear-gradient(135deg,#fffefb 0%,#f7f1e6 53%,#eef4ef 100%)}.hero::before{background-image:linear-gradient(rgba(64,88,77,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(64,88,77,.035) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.hero-grid{grid-template-columns:.92fr 1.08fr;gap:42px;padding-top:105px}.hero-copy{position:relative;z-index:3}.hero-copy::before{content:"";position:absolute;width:62px;height:3px;background:linear-gradient(90deg,var(--green),var(--gold));top:-25px;right:0;border-radius:2px}.hero-copy .eyebrow{color:var(--green)}.hero h1{font-size:clamp(54px,6.2vw,92px);color:#1d2f28;letter-spacing:-2px}.hero h1 em{color:#ad8039;background:linear-gradient(90deg,#a77327,#d3ad66);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p:not(.eyebrow){color:#617068;font-size:19px}.hero-actions .btn-light{border:1px solid #d9d7cd}
.hero-art{height:610px;display:block}.hero-image-wrap{position:absolute;inset:35px 0 0 0;border-radius:260px 260px 34px 34px;overflow:hidden;box-shadow:0 35px 90px rgba(72,70,53,.17);border:9px solid rgba(255,255,255,.72);animation:imageFloat 7s ease-in-out infinite}.hero-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.16))}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:44% center}.hero-art .halo,.hero-art .ring,.hero-art .diamond{display:none}.floating-note{position:absolute;right:-22px;bottom:54px;z-index:3;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(47,72,61,.13);padding:14px 18px;border-radius:18px;display:flex;align-items:center;gap:11px}.floating-note i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f2ed;color:var(--green);font-size:20px}.floating-note span{display:flex;flex-direction:column}.floating-note strong{font-size:13px}.floating-note small{font-size:11px;color:var(--muted)}.spark{background:#c19549;box-shadow:0 0 16px rgba(193,149,73,.7)}.spark.s1{top:8%;left:4%}.spark.s2{top:20%;right:-2%}.spark.s3{bottom:10%;left:15%}
.trust-strip{position:relative;margin-top:-35px;z-index:5;background:transparent;border:0}.trust-grid{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid #ece8df;border-radius:22px;box-shadow:0 20px 60px rgba(47,65,56,.08);overflow:hidden}.trust-item{border-color:#eee9df}.trust-item i{width:42px;height:42px;display:grid;place-items:center;background:#f2f7f4;border-radius:13px;color:var(--green)}
.section-soft{background:linear-gradient(180deg,#f2f5f1,#f8f6f0)}.section-title .eyebrow{color:var(--green)}.section-title h2{color:#1f342b}.product-card{border:1px solid #ece9e1;box-shadow:0 16px 42px rgba(45,66,56,.06)}.product-card:hover{border-color:#dac59d}.product-visual{background:radial-gradient(circle at 50% 35%,#fff,#f5efe3 68%,#e8e1d2)}.product-visual::after{content:"";position:absolute;width:125px;height:125px;border:1px solid rgba(177,133,60,.2);border-radius:50%}.product-visual i{position:relative;z-index:2;color:#b68b43}
.about-visual{background-image:linear-gradient(rgba(255,255,255,.06),rgba(29,76,63,.05)),url('../images/hero-jewelry.png');background-size:cover;background-position:30% center;border-radius:34px 180px 34px 34px;border:8px solid #fff}.about-visual::after{content:"LAZORD";color:rgba(44,69,58,.22)}.about-points div{background:#fff;border-color:#e8e6de}.about-points i{color:var(--green)}
.contact-card{border:1px solid #e7e4dc;box-shadow:0 30px 80px rgba(51,75,63,.1)}.site-footer{background:#e9efe9;color:#53685f;border-top:1px solid #dfe7e0}.site-footer .brand strong{color:#1f4035}
.app-body{background:linear-gradient(135deg,#f8f8f4,#f1f5f1)}.sidebar{background:rgba(255,255,255,.97);color:var(--ink);border-left:1px solid #e4e9e4;box-shadow:-10px 0 40px rgba(49,75,62,.04)}.sidebar .brand{border-bottom-color:#e9ebe6}.sidebar .brand small{color:#7a8b83}.sidebar nav{padding-left:3px}.nav-link{color:#64776e;font-weight:600}.nav-link:hover,.nav-link.active{color:#185a4b;background:linear-gradient(90deg,#edf5f1,#f9f6ed)}.nav-link.active{border-right-color:#b9914e}.nav-link i{color:#82938b}.nav-link.active i{color:#1d6957}.sidebar-footer{border-top-color:#e8ece8;color:#7c8d85}.status-dot{background:#2aa77d;box-shadow:0 0 9px rgba(42,167,125,.5)}
.topbar{height:96px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom-color:#e6e9e5}.topbar h1{color:#1f342b;font-size:23px}.topbar .eyebrow{color:#b0833b}.icon-btn{background:#fbfcfa;border-color:#e3e8e3;color:#486057}.icon-btn:hover{background:#eef5f1;color:#18604f}.user-chip{background:#fff;border-color:#e2e7e2}.user-chip>span{background:linear-gradient(145deg,#d9b56f,#a97b34);color:#fff}.content{padding-top:34px}
.card,.stat-card{border-color:#e5e9e5;box-shadow:0 15px 38px rgba(53,78,66,.055)}.card{border-radius:22px}.stat-card{border-radius:20px;position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(197,162,96,.06);left:-22px;top:-22px}.stat-icon{background:linear-gradient(145deg,#edf6f1,#f7efe0);color:#1e6a57;border:1px solid #e6e9df}.data-table th{background:#f4f7f4;color:#617269}.data-table td{border-bottom-color:#edf0ec}.data-table tr:hover td{background:#fcfdfb}.badge{background:#e7f4ee;color:#17614f}.badge.gold{background:#f8f0df;color:#98702e}.badge.blue{background:#e8f1ef;color:#2b6a5b}.price-row{background:#f6f8f5;border:1px solid #edf0eb}.quick-action{border-color:#e4e9e4;border-radius:16px;font-weight:700;color:#395149;transition:.25s}.quick-action:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(48,75,62,.08);border-color:#d6c49d}.quick-action i{color:#1b6755}.field input,.field select,.field textarea{border-color:#dfe5df;background:#fdfefd}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2d7967;box-shadow:0 0 0 3px rgba(40,116,96,.10)}
.login-page{background:#f8f8f3}.login-art{background-image:linear-gradient(180deg,rgba(255,255,255,.02) 35%,rgba(28,75,61,.78)),url('../images/hero-jewelry.png');background-size:cover;background-position:center}.login-art::before{display:none}.login-message{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(15px);padding:24px 36px;border-radius:22px;color:#fff}.login-message p{color:#eef5ef}.login-panel{background:linear-gradient(145deg,#fff,#f4f5ef)}.login-box .brand-gem{background:#fff}
@keyframes imageFloat{50%{transform:translateY(-8px)}}
@media(max-width:1000px){.hero{min-height:760px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.sidebar{box-shadow:-15px 0 45px rgba(42,67,54,.12)}}
@media(max-width:680px){.site-nav{height:82px}.hero{min-height:700px}.hero h1{font-size:49px;letter-spacing:-1px}.trust-strip{margin-top:-24px}.trust-grid{border-radius:18px}.section-title h2{font-size:34px}}
.login-art{background-color:#edf3ee;background-image:linear-gradient(180deg,rgba(255,255,255,.04) 45%,rgba(235,242,236,.88)),url('../images/hero-jewelry.png');color:#244239}
.login-message{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.95);color:#244239;box-shadow:0 20px 55px rgba(51,79,66,.12)}
.login-message p{color:#687b72}
.brand-logo{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 9px 28px rgba(0,173,176,.13);border:1px solid rgba(0,173,176,.13);flex:0 0 auto}
.brand-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.9) translateY(-8%);transform-origin:center center}
.sidebar .brand-logo{width:48px;height:48px;border-radius:14px}
.site-footer .brand-logo{background:#fff}
@media(max-width:680px){.brand-logo{width:45px;height:45px}.site-nav .brand small{display:none}}
.logout-form{margin:0}.logout-form button{font-family:inherit;cursor:pointer}

/* Jewelry studio */
.catalog-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.catalog-stat{background:linear-gradient(145deg,#fff,#fbfaf6);border:1px solid #e7e8e1;border-radius:20px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 30px rgba(48,72,60,.05)}.catalog-stat strong{display:block;font-size:21px;color:#203b31}.catalog-stat small{color:var(--muted)}.catalog-panel{background:#fff;border:1px solid #e3e8e2;border-radius:26px;padding:26px;margin-bottom:24px;box-shadow:0 22px 55px rgba(48,74,61,.08)}.catalog-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.catalog-panel-head h2{font-size:25px;margin:4px 0 5px;color:#183c31}.catalog-panel-head p{margin:0;color:var(--muted)}.step-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;color:#a07732;background:#fbf2df;border-radius:999px;padding:5px 9px}.jewelry-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.jewelry-type-card{min-height:230px;border:1px solid #e4e7e0;border-radius:22px;padding:18px;color:#28483d;background:linear-gradient(160deg,#fff,#f6f8f4);display:flex;flex-direction:column;position:relative;transition:.25s}.jewelry-type-card:hover{transform:translateY(-4px);border-color:#cfb472;box-shadow:0 18px 42px rgba(45,71,58,.1)}.jewelry-type-card.featured{grid-column:span 2;background:radial-gradient(circle at 25% 20%,rgba(226,198,133,.28),transparent 40%),linear-gradient(135deg,#1d6655,#164b40);color:#fff}.jewelry-type-card>i{position:absolute;left:18px;bottom:18px}.jewelry-type-card strong{display:block;font-size:17px}.jewelry-type-card small{display:block;color:inherit;opacity:.68;line-height:1.55;margin-top:5px}.type-model{height:135px;display:grid;place-items:center}.jewel-model-svg{width:145px;height:120px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;color:#b18843;filter:drop-shadow(0 10px 12px rgba(154,111,43,.18))}.featured .jewel-model-svg{color:#e6c77e}.collection-fields{display:grid;grid-template-columns:1.5fr .5fr 2fr;gap:14px;padding:18px;background:#f7f9f6;border-radius:18px;margin-bottom:18px}.piece-builder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.piece-builder-card{border:1px solid #e4e8e2;border-radius:22px;overflow:hidden;background:#fafbf9;opacity:.48;transition:.25s}.piece-builder-card.selected{opacity:1;border-color:#cfbb8a;box-shadow:0 14px 38px rgba(56,77,67,.07)}.piece-enable{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f1f5f1;font-size:12px;font-weight:800;color:#50675e}.piece-enable input{accent-color:#17604f}.piece-visual{height:210px;background:radial-gradient(circle at center,#fff 0,#f8f3e7 58%,#edf3ee 100%);display:grid;place-items:center;position:relative;overflow:hidden}.piece-visual::after{content:"";position:absolute;inset:18px;border:1px solid rgba(181,138,67,.13);border-radius:50%}.piece-visual .jewel-model-svg{width:190px;height:155px;position:relative;z-index:2}.piece-visual>span{position:absolute;bottom:12px;z-index:3;font-size:11px;font-weight:800;color:#7e6a46;background:rgba(255,255,255,.85);padding:5px 9px;border-radius:999px}.piece-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.piece-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px;padding:16px}.piece-fields .field{margin-bottom:11px}.image-upload{grid-column:1/-1;border:1px dashed #cfc8b8;border-radius:14px;min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#557068;cursor:pointer;position:relative}.image-upload i{font-size:23px;color:#ad8240}.image-upload span{font-weight:800;font-size:12px}.image-upload small{font-size:10px;color:var(--muted)}.image-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.builder-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0eb;margin-top:22px;padding-top:20px}.compact-editor{border-right:4px solid #b68b43}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 18px}.catalog-tabs{display:flex;background:#eaf0eb;border-radius:14px;padding:4px;gap:3px}.catalog-tabs a{padding:9px 14px;border-radius:11px;font-size:12px;font-weight:800;color:#687a72}.catalog-tabs a.active{background:#fff;color:#17604f;box-shadow:0 4px 15px rgba(45,68,57,.08)}.catalog-toolbar form{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e6e1;border-radius:14px;padding:0 12px;min-width:300px}.catalog-toolbar form input{border:0;outline:0;padding:11px 3px;width:100%;background:transparent}.collection-grid{display:flex;flex-direction:column;gap:20px}.collection-card{background:#fff;border:1px solid #e2e7e2;border-radius:25px;overflow:hidden;box-shadow:0 18px 48px rgba(49,74,62,.06)}.collection-card-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f4f8f4,#fffcf5);border-bottom:1px solid #e7ebe6}.collection-card-head h2{margin:4px 0 2px;font-size:20px;color:#1d4035}.collection-card-head p{margin:0;color:var(--muted);font-size:12px}.collection-code{font-size:9px;font-weight:800;letter-spacing:.08em;color:#a47a35}.collection-count{width:55px;height:55px;border-radius:17px;background:#fff;border:1px solid #e3e7e1;display:flex;flex-direction:column;align-items:center;justify-content:center}.collection-count strong{font-size:19px;color:#1b5e4f}.collection-count small{font-size:9px;color:var(--muted)}.collection-piece-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px}.stock-piece{border:1px solid #e4e8e2;border-radius:19px;overflow:hidden;background:#fff;min-width:0}.stock-piece.display_only{border-style:dashed}.stock-piece.sold{opacity:.78}.stock-piece-visual{height:190px;background:radial-gradient(circle at center,#fff,#f4f0e6);display:grid;place-items:center;position:relative;overflow:hidden}.stock-piece-visual img{width:100%;height:100%;object-fit:cover}.stock-piece-visual .jewel-model-svg{width:160px;height:135px}.stock-state{position:absolute;right:10px;top:10px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;background:#e5f4ed;color:#16634f}.stock-state.display_only{background:#f8efdc;color:#8b6727}.stock-state.sold{background:#f6e5e5;color:#a04b4b}.stock-piece-body{padding:14px}.piece-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.piece-title small{font-size:9px;color:#a17a36}.piece-title h3{font-size:14px;margin:3px 0}.piece-title>strong{font-size:12px;color:#17604f;background:#edf5f1;padding:6px 8px;border-radius:9px;white-space:nowrap}.piece-price{display:flex;justify-content:space-between;border-top:1px solid #eef0ec;border-bottom:1px solid #eef0ec;padding:10px 0;margin:10px 0;font-size:11px;color:var(--muted)}.piece-price strong{color:#273f36}.piece-actions{display:flex;align-items:center;gap:6px;min-height:36px}.piece-actions form{margin:0}.icon-action{width:34px;height:34px;border:1px solid #e1e6e1;border-radius:10px;display:grid;place-items:center;color:#536b61}.catalog-empty{background:#fff;border:1px dashed #d7ded8;border-radius:25px;padding:55px;text-align:center;color:var(--muted)}.catalog-empty .jewel-model-svg{width:110px;height:90px}.catalog-empty h3{color:#28443a;margin:8px 0}.catalog-empty p{margin:0 0 18px}.btn-sm{padding:8px 10px;font-size:11px}.form-grid input[type=file]{padding:9px}
@media(max-width:1250px){.collection-piece-grid{grid-template-columns:repeat(2,1fr)}.jewelry-type-grid{grid-template-columns:repeat(3,1fr)}.jewelry-type-card.featured{grid-column:span 2}}
@media(max-width:900px){.catalog-stats{grid-template-columns:repeat(2,1fr)}.jewelry-type-grid,.piece-builder-grid{grid-template-columns:1fr 1fr}.collection-fields{grid-template-columns:1fr 1fr}.collection-fields .wide{grid-column:1/-1}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-toolbar form{min-width:0}}
@media(max-width:620px){.catalog-stats,.jewelry-type-grid,.piece-builder-grid,.collection-piece-grid{grid-template-columns:1fr}.jewelry-type-card.featured{grid-column:auto}.collection-fields{grid-template-columns:1fr}.catalog-panel{padding:17px}.catalog-panel-head{flex-direction:column}.piece-fields{grid-template-columns:1fr}.image-upload{grid-column:auto}.catalog-tabs{overflow:auto}.collection-piece-grid{padding:10px}.catalog-empty{padding:35px 18px}}
.price-formula-note{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#edf6f1,#fff9eb);border:1px solid #dfe8df;border-radius:16px;padding:13px 16px;margin:-5px 0 18px;color:#31584b}.price-formula-note>i{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#a77b35;font-size:20px}.price-formula-note div{display:flex;flex-direction:column}.price-formula-note strong{font-size:12px}.price-formula-note span{font-size:11px;color:#708078}.live-gold-price{grid-column:1/-1;background:linear-gradient(135deg,#1d6253,#17483e);color:#fff;border-radius:14px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;align-items:center}.live-gold-price span{font-size:11px;color:#dceae5}.live-gold-price strong{font-size:18px;color:#f0d28f}.live-gold-price small{grid-column:1/-1;font-size:9px;color:#abc6bc}.calculated-field{min-height:48px;border:1px solid #dbe5de;background:linear-gradient(135deg,#edf6f1,#fff9eb);border-radius:13px;padding:10px 13px;font-size:17px;font-weight:800;color:#17604f}.calculated-field small{display:block;font-size:9px;font-weight:500;color:#708078;margin-top:3px}

/* Financial reports */
.report-filter{padding-bottom:15px}.report-filter .form-grid{align-items:end}.report-filter-action{justify-content:flex-end}.report-filter-action .btn{width:100%;min-height:47px}.report-presets{border-top:1px solid #edf0ec;padding-top:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.report-presets>span{font-weight:800;color:#40584f}.report-presets a{padding:6px 10px;border-radius:999px;background:#f0f5f1;color:#1a6251;font-weight:800}.report-presets a:hover{background:#e5f0ea}.report-presets small{margin-right:auto;color:#8b7a5d}
.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.report-kpi{min-height:125px;background:linear-gradient(145deg,#fff,#f8fbf9);border:1px solid #e2e8e3;border-radius:21px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 35px rgba(47,72,60,.055)}.report-kpi>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf5f1;color:#1b6755;font-size:22px;flex:0 0 auto}.report-kpi>div{min-width:0}.report-kpi small,.report-kpi em{display:block}.report-kpi small{color:#718079;font-size:11px}.report-kpi strong{display:block;color:#1f4035;font-size:21px;line-height:1.35;margin:3px 0}.report-kpi em{font-style:normal;color:#89968f;font-size:9px}.report-kpi.positive>span{background:#e7f4ee;color:#17614f}.report-kpi.neutral>span{background:#eef1f5;color:#526879}.report-kpi.warning>span{background:#fff3dc;color:#9a6f24}.report-kpi.negative>span{background:#fbeaea;color:#b44a4a}.report-kpi.negative strong{color:#b44a4a}
.report-insights{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#1d6253,#173f37);border-radius:20px;padding:5px;margin-bottom:20px;color:#fff;box-shadow:0 18px 40px rgba(23,79,67,.15)}.report-insights>div{padding:14px 18px;border-left:1px solid rgba(255,255,255,.11)}.report-insights>div:last-child{border:0}.report-insights small{display:block;color:#bcd0c9;font-size:10px;margin-bottom:3px}.report-insights strong{font-size:16px;color:#f8e1ae}.report-overview{align-items:stretch}.report-overview>.card{height:calc(100% - 20px)}.report-chart-card .card-head small,.report-table-card .card-head small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.chart-fallback{border:1px dashed #d7dfd9;border-radius:15px;padding:28px;text-align:center;color:var(--muted);font-size:12px}
.report-tabs{display:flex;gap:5px;overflow-x:auto;background:#e9efea;border:1px solid #e1e7e2;border-radius:17px;padding:5px;margin:3px 0 18px;scrollbar-width:thin}.report-tabs a{white-space:nowrap;padding:10px 14px;border-radius:12px;color:#64766e;font-size:11px;font-weight:800}.report-tabs a:hover{color:#185a4b}.report-tabs a.active{background:#fff;color:#17604f;box-shadow:0 5px 16px rgba(45,70,58,.09)}.report-table-card{padding:0;overflow:hidden}.report-table-card>.card-head{padding:20px 22px 0}.report-table-card .data-table th{white-space:nowrap}.table-subtitle{display:block;color:var(--muted);font-size:9px;margin-top:3px}.text-success{color:#167058}.text-danger{color:#ba4b4b}.debt-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.debt-summary>div{background:#fff;border:1px solid #e3e8e3;border-radius:18px;padding:18px}.debt-summary small{display:block;color:var(--muted)}.debt-summary strong{display:block;font-size:22px;color:#1e5f50;margin-top:4px}.manufacturing-insights{margin-top:0}.report-methodology{display:flex;gap:13px;align-items:flex-start;background:#f4f7f4;border:1px solid #e1e7e2;border-radius:17px;padding:16px 18px;color:#52675e}.report-methodology>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#1c6a57;font-size:20px;flex:0 0 auto}.report-methodology strong{font-size:12px;color:#29483d}.report-methodology p{font-size:10px;line-height:1.8;margin:4px 0 0;color:#718079}
@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.report-kpis,.report-insights{grid-template-columns:1fr 1fr}.report-insights>div{border:0;border-bottom:1px solid rgba(255,255,255,.1)}.report-presets small{width:100%;margin:4px 0 0}.debt-summary{grid-template-columns:1fr}}
@media(max-width:520px){.report-kpis,.report-insights{grid-template-columns:1fr}.report-kpi{min-height:105px}.report-insights>div{padding:12px 15px}.report-tabs{border-radius:14px}}

/* Live gold valuation and piece history */
.live-valuation-stats{grid-template-columns:repeat(5,1fr)}.catalog-stat.market-live{background:linear-gradient(145deg,#1d6756,#17483e);border-color:#174f43}.catalog-stat.market-live .stat-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.15);color:#f1d492}.catalog-stat.market-live small{color:#bdd2ca}.catalog-stat.market-live strong{color:#fff;font-size:18px}.catalog-stat.market-live em{display:block;color:#f1d492;font-size:9px;font-style:normal;margin-top:3px}.piece-market-change{display:flex;align-items:center;justify-content:space-between;margin:-3px 0 11px;padding:7px 9px;border-radius:10px;background:#f5f8f5;font-size:9px;color:#718079}.piece-market-change strong{font-size:10px}.piece-market-change strong.up{color:#17705a}.piece-market-change strong.down{color:#ba4b4b}
.market-row{background:linear-gradient(135deg,#e8f5ef,#fff9ea);border-color:#dbe8df}.market-row strong{color:#17614f}.valuation-focus{padding:0;overflow:hidden}.valuation-focus-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:22px;background:linear-gradient(135deg,#f4f8f5,#fffaf0);border-bottom:1px solid #e6ebe6}.valuation-focus-head h3{font-size:23px;margin:7px 0 4px;color:#194b3e}.valuation-focus-head p{margin:0;color:var(--muted);font-size:11px}.valuation-focus-head form{min-width:320px}.valuation-focus-head label{display:block;font-size:10px;font-weight:800;color:#63766d;margin-bottom:5px}.valuation-focus-head select{width:100%;border:1px solid #dce5de;background:#fff;border-radius:12px;padding:10px 12px}.valuation-metrics{display:grid;grid-template-columns:repeat(5,1fr);padding:16px 18px;gap:9px}.valuation-metrics>div{background:#f8faf8;border:1px solid #e8ece8;border-radius:14px;padding:12px}.valuation-metrics small,.valuation-metrics em{display:block}.valuation-metrics small{font-size:9px;color:#75847d}.valuation-metrics strong{display:block;font-size:14px;color:#25483b;margin:4px 0}.valuation-metrics em{font-size:9px;font-style:normal;color:#9a7639}.valuation-chart{padding:5px 22px 20px}.valuation-history-table{border-top:1px solid #edf0ed}.valuation-history-table .data-table{min-width:620px}.valuation-collections{display:flex;flex-direction:column;gap:16px}.valuation-collection{padding:0;overflow:hidden}.valuation-collection>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;background:#f7f9f7;border-bottom:1px solid #e7ebe7}.valuation-collection>header span{font-size:9px;color:#a47a35;font-weight:800}.valuation-collection>header h3{font-size:17px;margin:3px 0}.valuation-collection>header p{font-size:10px;color:var(--muted);margin:0}.collection-valuation-total{text-align:left}.collection-valuation-total small,.collection-valuation-total em{display:block}.collection-valuation-total small{color:var(--muted);font-size:9px}.collection-valuation-total strong{display:block;font-size:20px;color:#1c6654;margin:2px 0}.collection-valuation-total em{font-style:normal;font-size:9px}.valuation-piece-link{display:block}.valuation-piece-link strong,.valuation-piece-link small{display:block}.valuation-piece-link small{font-size:9px;color:#9a7a43;margin-top:2px}.selected-row td{background:#f4f8f5!important}.valuation-collection .data-table{min-width:1450px}
@media(max-width:1350px){.live-valuation-stats{grid-template-columns:repeat(3,1fr)}.valuation-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.live-valuation-stats{grid-template-columns:repeat(2,1fr)}.valuation-focus-head{align-items:stretch;flex-direction:column}.valuation-focus-head form{min-width:0;width:100%}.valuation-metrics{grid-template-columns:1fr 1fr}.valuation-collection>header{align-items:flex-start;flex-direction:column}.collection-valuation-total{text-align:right}}
@media(max-width:520px){.live-valuation-stats,.valuation-metrics{grid-template-columns:1fr}}

/* Accounting ledger and operational controls */
.accounting-tabs{margin-bottom:20px}.financial-ledger-table{min-width:1320px}.reversal-row td{background:#fff7f7!important;color:#795e5e}.inline-reversal{display:flex;align-items:center;gap:6px;min-width:230px}.inline-reversal input{min-width:135px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.partner-balance-card{padding:18px;border-radius:17px;background:linear-gradient(135deg,#f1f7f3,#fff9ed);border:1px solid #e1e8e2}.partner-balance-card small,.partner-balance-card span{display:block;color:var(--muted);font-size:10px}.partner-balance-card strong{display:block;font-size:26px;margin:5px 0}.closing-note{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#1e6454,#173f37);color:#fff}.closing-note>i{font-size:38px;color:#efd294;margin-bottom:10px}.closing-note p{color:#c4d5cf;line-height:1.8;max-width:430px}.setting-switch{display:flex;align-items:flex-start;gap:12px;padding:15px;border-radius:15px;background:#f5f8f5}.setting-switch input{margin-top:4px;accent-color:#17604f}.muted-copy{color:var(--muted);line-height:1.8}.manufacturing-status-form{display:grid;grid-template-columns:95px 130px 190px auto;gap:6px;min-width:550px}.manufacturing-status-form input,.manufacturing-status-form select{border:1px solid var(--line);border-radius:9px;padding:7px;background:#fff}
@media(max-width:700px){.inline-reversal{flex-direction:column;align-items:stretch}.manufacturing-status-form{grid-template-columns:1fr;min-width:260px}}

/* Inventory traceability */
.stock-state.reserved{background:#fff0cf;color:#8b651b}.stock-state.returned{background:#e8f2ff;color:#2e6590}.stock-state.artisan{background:#eee8ff;color:#6647a0}.stock-state.damaged,.stock-state.missing{background:#fbe5e5;color:#a54040}.stock-piece.reserved,.stock-piece.artisan{border-style:dashed}.stock-piece.damaged,.stock-piece.missing{opacity:.72}.inventory-ledger{min-width:1500px}.stock-count-table{min-width:900px}.count-item-form{display:grid;grid-template-columns:90px 145px 1fr auto;gap:7px;min-width:550px}.count-item-form input,.count-item-form select{border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}
.catalog-aging{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-8px 0 20px;padding:8px;border:1px solid #e4e9e4;border-radius:17px;background:rgba(255,255,255,.75)}.catalog-aging>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:8px 10px;border-left:1px solid #edf0ed}.catalog-aging>div:last-child{border-left:0}.catalog-aging small{color:#778980;font-size:8px}.catalog-aging strong{color:#294d42;font-size:13px}.age-dot{width:8px;height:8px;border-radius:50%}.age-dot.new{background:#2b9b76}.age-dot.slow{background:#d5a03b}.age-dot.stagnant{background:#d5743b}.age-dot.critical{background:#c84848;box-shadow:0 0 0 3px rgba(200,72,72,.1)}

.passport-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:27px 30px;border-radius:24px;background:radial-gradient(circle at 12% 15%,rgba(227,196,123,.2),transparent 28%),linear-gradient(125deg,#164f43,#0d342c);color:#fff;box-shadow:0 20px 50px rgba(16,57,48,.17)}.passport-hero::after{content:"";position:absolute;left:-55px;top:-95px;width:240px;height:240px;border:1px solid rgba(238,205,131,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(238,205,131,.035)}.passport-identity,.passport-actions{position:relative;z-index:1}.passport-kicker{display:flex;align-items:center;gap:6px;color:#e7c778;font-size:9px;font-weight:800}.passport-identity h2{margin:8px 0 4px;font-size:27px}.passport-identity p{margin:0;color:#aac5bd;font-size:10px}.passport-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.passport-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.07);color:#d8e6e1;font-size:8px}.passport-actions{display:flex;gap:8px}.passport-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:17px;align-items:start}.passport-profile{position:sticky;top:105px;padding:16px;text-align:center}.passport-photo{height:225px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:radial-gradient(circle,#fff,#f3ecdc);color:#b58a40;font-size:75px}.passport-photo img{width:100%;height:100%;object-fit:cover}.passport-qr{width:170px;height:170px;display:grid;place-items:center;margin:16px auto 9px;padding:10px;border:1px solid #e3e8e2;border-radius:15px;background:#fff}.passport-qr img,.passport-qr canvas{max-width:150px!important;max-height:150px!important}.passport-profile>strong{display:block;color:#25483e;font-size:12px}.passport-profile>small{display:block;margin-top:4px;color:#84928c;font-size:8px;line-height:1.5}.passport-facts{margin:16px 0 0;text-align:right}.passport-facts>div{display:flex;justify-content:space-between;gap:10px;padding:10px 3px;border-top:1px solid #edf0ed}.passport-facts dt{color:#84938c;font-size:8px}.passport-facts dd{margin:0;color:#315248;font-size:9px;font-weight:700}.passport-facts dd.muted{color:#a68a55}.passport-content{min-width:0}.passport-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.passport-values article{padding:17px;border:1px solid #e3e9e4;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(31,68,57,.055)}.passport-values article.featured{border-color:#2a695a;background:linear-gradient(145deg,#174f43,#103a31);color:#fff}.passport-values span,.passport-values strong,.passport-values small{display:block}.passport-values span{color:#71857c;font-size:8px;font-weight:700}.passport-values span i{margin-left:3px;color:#b68a3d}.passport-values strong{margin:9px 0 4px;color:#23483e;font-size:17px}.passport-values small{color:#97a29d;font-size:7px;line-height:1.5}.passport-values .featured span,.passport-values .featured small{color:#a9c3bb}.passport-values .featured strong{color:#f3d996}.passport-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:14px;padding:8px}.passport-metrics>div{padding:13px 15px;border-left:1px solid #edf0ed}.passport-metrics>div:nth-child(4n){border-left:0}.passport-metrics small,.passport-metrics strong{display:block}.passport-metrics small{color:#87958e;font-size:8px}.passport-metrics strong{margin-top:5px;color:#294e43;font-size:12px}.passport-metrics .up{color:#17745c}.passport-metrics .down{color:#bd4f4f}.passport-ledger{margin-bottom:14px}.passport-ledger .data-table{min-width:760px}
@media(max-width:1100px){.passport-values{grid-template-columns:1fr 1fr}.passport-metrics{grid-template-columns:repeat(2,1fr)}.passport-metrics>div:nth-child(2n){border-left:0}}
@media(max-width:900px){.catalog-aging{grid-template-columns:1fr 1fr}.catalog-aging>div:nth-child(2n){border-left:0}}
@media(max-width:760px){.passport-hero{align-items:flex-start;flex-direction:column;padding:22px}.passport-identity h2{font-size:22px}.passport-layout{grid-template-columns:1fr}.passport-profile{position:static}.passport-photo{height:260px}.passport-values{grid-template-columns:1fr 1fr}.passport-actions{width:100%}.passport-actions .btn{flex:1}.passport-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:450px){.passport-values{grid-template-columns:1fr}.passport-tags{gap:4px}.passport-profile{padding:11px}}
@media(max-width:520px){.catalog-aging{grid-template-columns:1fr}.catalog-aging>div{border-left:0;border-bottom:1px solid #edf0ed}.catalog-aging>div:last-child{border-bottom:0}}
@media print{.sidebar,.topbar,.ai-fab,.ai-panel,.ai-overlay,.passport-actions{display:none!important}.app-main{margin:0!important;width:100%!important}.content{padding:0!important}.passport-profile{position:static}.passport-layout{grid-template-columns:240px 1fr}.passport-ledger{break-inside:avoid}.passport-hero{box-shadow:none}.passport-values{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.count-item-form{grid-template-columns:1fr;min-width:250px}}

/* Used gold and trade-in */
.badge.success{background:#e7f4ee;color:#17614f}.badge.warning{background:#fff0dc;color:#9a6721}.badge.danger{background:#fbe6e6;color:#a33}.icon-action.danger{color:#a33;border-color:#eed5d5}
.used-gold-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.used-gold-stats article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e1e8e2;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(29,66,55,.055)}.used-gold-stats article>i{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:14px;background:#edf5f1;color:#1a6654;font-size:21px}.used-gold-stats small,.used-gold-stats strong,.used-gold-stats span{display:block}.used-gold-stats small{color:#7d8e86;font-size:8px}.used-gold-stats strong{margin:4px 0;color:#234a3f;font-size:18px}.used-gold-stats span{color:#9aa59f;font-size:7px}.used-gold-stats .featured{background:linear-gradient(145deg,#174f43,#10392f);border-color:#286355}.used-gold-stats .featured>i{background:rgba(255,255,255,.1);color:#e9ca7e}.used-gold-stats .featured small,.used-gold-stats .featured span{color:#a9c1ba}.used-gold-stats .featured strong{color:#fff0c7}.used-gold-form-card{margin-bottom:18px}.used-gold-calculator{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:18px;padding:7px;border-radius:17px;background:#f2f6f3}.used-gold-calculator>div{padding:12px 14px;border-left:1px solid #dfe7e1}.used-gold-calculator>div:last-child{border:0}.used-gold-calculator small,.used-gold-calculator strong{display:block}.used-gold-calculator small{color:#7f9188;font-size:8px}.used-gold-calculator strong{margin-top:4px;color:#265247;font-size:14px}.used-gold-calculator .total{border-radius:12px;background:#174f43}.used-gold-calculator .total small{color:#9ebcb3}.used-gold-calculator .total strong{color:#f1d58e}.used-gold-ledger .card-head{display:flex;align-items:center;justify-content:space-between}.used-gold-destinations{display:flex;gap:6px}.used-gold-destinations span{padding:6px 9px;border-radius:99px;background:#edf4f0;color:#356055;font-size:8px}.used-gold-ledger .data-table{min-width:1380px}.used-gold-route-form{display:grid;grid-template-columns:125px 135px 36px;gap:5px;align-items:center}.used-gold-route-form select,.used-gold-route-form input{min-width:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.used-gold-migration{padding:45px;text-align:center}.used-gold-migration>i{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:#edf4f0;color:#1a6251;font-size:30px}.used-gold-migration p{max-width:620px;margin:8px auto 0;color:var(--muted);line-height:1.9}.used-gold-weight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:27px 0}.used-gold-weight-grid article{padding:15px;border:1px solid #e4e9e5;border-radius:13px;background:#f8faf8}.used-gold-weight-grid small,.used-gold-weight-grid strong{display:block}.used-gold-weight-grid small{color:#7b8b84;font-size:9px}.used-gold-weight-grid strong{margin-top:5px;color:#264c41;font-size:15px}.used-gold-weight-grid .featured{background:#174f43;border-color:#174f43}.used-gold-weight-grid .featured small{color:#a9c3bb}.used-gold-weight-grid .featured strong{color:#efd38b}.used-gold-receipt-values{margin-bottom:25px;border:1px solid #dfe6e1;border-radius:15px;overflow:hidden}.used-gold-receipt-values>div{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e8ece9}.used-gold-receipt-values>div:last-child{border:0}.used-gold-receipt-values span{color:#697c74;font-size:10px}.used-gold-receipt-values strong{color:#294d43;font-size:13px}.used-gold-receipt-values .net{background:#174f43}.used-gold-receipt-values .net span{color:#b2cbc3}.used-gold-receipt-values .net strong{color:#f1d48b;font-size:18px}.used-gold-receipt-notes{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:24px}.used-gold-receipt-notes>div{padding:15px;border:1px solid #e5eae6;border-radius:13px}.used-gold-receipt-notes small{display:block;color:#7b8d84;font-size:9px}.used-gold-receipt-notes strong{display:block;margin-top:7px;color:#235045}.used-gold-receipt-notes p{margin:7px 0 0;color:#53675f;font-size:10px;line-height:1.8}.used-gold-receipt-trail{margin-bottom:28px;padding:17px;border-radius:15px;background:#f6f8f6}.used-gold-receipt-trail h3{margin:0 0 12px;font-size:12px}.used-gold-receipt-trail>div{display:flex;gap:9px;padding:9px 0;border-top:1px solid #e3e8e4}.used-gold-receipt-trail>div>i{color:#1b6956;font-size:18px}.used-gold-receipt-trail strong,.used-gold-receipt-trail small{display:block}.used-gold-receipt-trail strong{font-size:10px}.used-gold-receipt-trail small{margin-top:2px;color:#7a8982;font-size:8px}
@media(max-width:1050px){.used-gold-stats{grid-template-columns:1fr 1fr}.used-gold-calculator{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.used-gold-stats{grid-template-columns:1fr}.used-gold-calculator{grid-template-columns:1fr 1fr}.used-gold-calculator>div{border:0}.used-gold-weight-grid{grid-template-columns:1fr 1fr}.used-gold-receipt-notes{grid-template-columns:1fr}}

/* Manufacturing custody workflow */
.manufacturing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.manufacturing-stats article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e1e8e2;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(29,66,55,.055)}.manufacturing-stats article>i{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:14px;background:#edf5f1;color:#1a6654;font-size:21px}.manufacturing-stats small,.manufacturing-stats strong,.manufacturing-stats span{display:block}.manufacturing-stats small{color:#7d8e86;font-size:8px}.manufacturing-stats strong{margin:4px 0;color:#234a3f;font-size:18px}.manufacturing-stats span{color:#9aa59f;font-size:7px}.manufacturing-stats .warning{border-color:#edcf9c;background:#fffaf0}.manufacturing-stats .warning>i{background:#fff0dc;color:#a56c21}.artisan-register{padding:0;overflow:hidden}.artisan-register summary{display:flex;align-items:center;gap:8px;padding:16px 20px;cursor:pointer;color:#285044;font-weight:800;font-size:11px}.artisan-register summary::marker{display:none}.artisan-register[open] summary{border-bottom:1px solid #e7ece8}.artisan-register form{padding:18px}.manufacturing-builder{margin-bottom:18px}.manufacturing-calculator{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px;padding:7px;border-radius:17px;background:#f2f6f3}.manufacturing-calculator>div{padding:12px 14px;border-left:1px solid #dfe7e1}.manufacturing-calculator>div:last-child{border:0}.manufacturing-calculator small,.manufacturing-calculator strong{display:block}.manufacturing-calculator small{color:#7f9188;font-size:8px}.manufacturing-calculator strong{margin-top:4px;color:#265247;font-size:14px}.manufacturing-calculator .total{border-radius:12px;background:#174f43}.manufacturing-calculator .total small{color:#9ebcb3}.manufacturing-calculator .total strong{color:#f1d58e}.manufacturing-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.manufacturing-orders{min-width:0}.manufacturing-orders .data-table{min-width:1160px}.artisan-custody{position:sticky;top:105px}.artisan-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;border-top:1px solid #e9edea}.artisan-balance strong,.artisan-balance small{display:block}.artisan-balance strong{color:#284c42;font-size:10px}.artisan-balance small{margin-top:3px;color:#8b9892;font-size:7px}.artisan-balance b{padding:6px 8px;border-radius:9px;background:#edf3ef;color:#547068;font-size:10px}.artisan-balance b.open{background:#fff0dc;color:#9a6721}.mfg-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.mfg-actions form{margin:0}.mfg-cancel{display:flex;gap:4px}.mfg-cancel input,.mfg-complete input,.mfg-complete select{min-width:0;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.mfg-cancel input{width:110px}.mfg-complete{display:grid;grid-template-columns:105px 140px 150px auto;gap:5px;margin-top:8px;min-width:520px}
@media(max-width:1150px){.manufacturing-stats{grid-template-columns:1fr 1fr}.manufacturing-layout{grid-template-columns:1fr}.artisan-custody{position:static}.artisan-custody{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.artisan-custody .card-head{grid-column:1/-1}}
@media(max-width:680px){.manufacturing-stats{grid-template-columns:1fr}.manufacturing-calculator{grid-template-columns:1fr 1fr}.manufacturing-calculator>div{border:0}.artisan-custody{grid-template-columns:1fr}.mfg-complete{grid-template-columns:1fr;min-width:240px}}
.mfg-complete{grid-template-columns:105px 140px 145px 140px 110px auto;min-width:780px}
@media(max-width:680px){.mfg-complete{grid-template-columns:1fr;min-width:240px}}

/* Customers and suppliers */
.partner-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.partner-stat{background:#fff;border:1px solid #e2e8e3;border-radius:19px;padding:16px;display:flex;align-items:center;gap:12px}.partner-stat>i{width:43px;height:43px;border-radius:14px;background:#edf5f1;color:#1b6755;display:grid;place-items:center;font-size:21px;flex:0 0 auto}.partner-stat small,.partner-stat span{display:block;color:var(--muted);font-size:9px}.partner-stat strong{display:block;color:#244b3d;font-size:19px;margin:2px 0}.partner-stat.positive>i{background:#e7f4ee;color:#17614f}.partner-stat.warning>i{background:#fff1dd;color:#9b6f24}.partner-editor .card-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.partner-filters{padding-bottom:15px}.partner-filter-action{justify-content:flex-end}.partner-filter-action .btn{min-height:47px}.partner-table{min-width:1050px}.partner-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.partner-actions form{margin:0}.partner-actions button.icon-action{background:#fff;cursor:pointer}.inactive-row td{background:#fafafa!important;color:#7b8882}.inactive-row strong{color:#69756f}
@media(max-width:1250px){.partner-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.partner-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.partner-stats{grid-template-columns:1fr}}
.fee-inline-input{width:105px;border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:#fff}.card-head small{color:var(--muted)}

/* Multi-item invoices and printable document */
.invoice-builder>.card-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.invoice-items-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 10px;padding-top:20px;border-top:1px solid #e8ece8}.invoice-items-head h3{margin:0}.invoice-items-head small{color:var(--muted);font-size:10px}.invoice-items{display:flex;flex-direction:column;gap:9px}.invoice-item-row{display:grid;grid-template-columns:minmax(310px,2fr) 90px 150px 125px 40px;gap:9px;align-items:end;background:#f7f9f7;border:1px solid #e4e9e5;border-radius:15px;padding:11px}.invoice-item-row .field{margin:0}.invoice-line-total{min-height:47px;padding:8px 11px;border-radius:11px;background:#fff;border:1px solid #dfe5e0}.invoice-line-total small{display:block;color:var(--muted);font-size:8px}.invoice-line-total strong{font-size:14px;color:#1b5f50}.invoice-remove{margin-bottom:5px;background:#fff;color:#ac4e4e}.invoice-payment-box{margin-top:18px;padding:16px;background:linear-gradient(135deg,#f5f8f5,#fffaf0);border:1px solid #e2e8e2;border-radius:17px}.invoice-payment-head h3{margin:0}.invoice-payment-head small{display:block;color:var(--muted);font-size:9px;margin:3px 0 12px}.invoice-payment-fields{display:grid;grid-template-columns:160px minmax(220px,1.5fr) 170px 170px 150px minmax(180px,1fr);gap:10px;align-items:end}.invoice-payment-fields .field{margin:0}.payment-conversion{min-height:48px;border-radius:12px;background:#fff;border:1px solid #dfe6e1;padding:8px 11px}.payment-conversion small,.payment-conversion span{display:block;color:var(--muted);font-size:8px}.payment-conversion strong{display:block;color:#17604f;font-size:15px}.invoice-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:#1b574a;border-radius:15px;padding:6px;color:#fff;margin-top:12px}.invoice-summary>div{padding:9px 12px;border-left:1px solid rgba(255,255,255,.1)}.invoice-summary>div:last-child{border:0}.invoice-summary span{display:block;color:#bbd1c9;font-size:9px}.invoice-summary strong{display:block;color:#fff3cd;font-size:16px}.invoice-row-actions{display:flex;align-items:center;gap:8px}.invoice-row-actions .inline-reversal{min-width:220px}.bank-fee-field[hidden],[data-fee-field][hidden]{display:none}
.invoice-page{background:#eef2ef;font-family:'Tajawal',sans-serif;color:#273b34;margin:0;padding:35px}.invoice-toolbar,.invoice-flash{max-width:980px;margin:0 auto 14px}.invoice-toolbar{display:flex;justify-content:space-between}.print-invoice{max-width:900px;min-height:1120px;margin:auto;background:#fff;padding:48px 55px;box-shadow:0 18px 60px rgba(32,55,45,.12);position:relative;overflow:hidden}.print-invoice-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #1b5d4f;padding-bottom:22px}.invoice-brand{display:flex;align-items:center;gap:13px}.invoice-brand img{width:62px;height:62px;object-fit:contain}.invoice-brand h1{font-size:23px;margin:0;color:#174f43}.invoice-brand p{font-size:10px;color:#78877f;margin:3px 0}.invoice-title{text-align:left;display:flex;flex-direction:column}.invoice-title small{font-size:11px;color:#9d793b}.invoice-title strong{font-size:21px;color:#1b5145;margin:2px 0}.invoice-title span{font-size:10px;color:#7d8883}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;background:#f5f8f5;border-radius:14px;padding:17px}.invoice-parties>div{display:flex;flex-direction:column}.invoice-parties small,.invoice-parties span{font-size:9px;color:#79877f}.invoice-parties strong{font-size:14px;margin:3px 0;color:#25483c}.invoice-items-table{width:100%;border-collapse:collapse}.invoice-items-table th{background:#1b574a;color:#fff;text-align:right;font-size:9px;padding:11px}.invoice-items-table td{border-bottom:1px solid #e7ebe8;padding:12px 10px;font-size:10px}.invoice-items-table td strong,.invoice-items-table td small{display:block}.invoice-items-table td small{font-size:8px;color:#87928d;margin-top:3px}.invoice-bottom{display:grid;grid-template-columns:1fr 310px;gap:35px;margin-top:25px}.invoice-notes>small{font-size:9px;color:#7f8a85;font-weight:800}.invoice-notes p{font-size:10px;line-height:1.8;color:#607069}.invoice-totals{border:1px solid #dfe6e1;border-radius:13px;overflow:hidden}.invoice-totals>div{display:flex;justify-content:space-between;padding:9px 13px;border-bottom:1px solid #e8ece9;font-size:10px}.invoice-totals>div:last-child{border:0}.invoice-totals .net{background:#edf5f1}.invoice-totals .net strong{color:#17604f;font-size:14px}.invoice-totals .due{background:#fff7e7}.invoice-totals .due strong{color:#976b22}.invoice-footer{position:absolute;bottom:35px;right:55px;left:55px;border-top:1px solid #e3e8e4;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#89938e}.invoice-cancelled-mark{position:absolute;top:110px;left:-54px;width:250px;text-align:center;background:#b64646;color:#fff;padding:8px;transform:rotate(-38deg);font-weight:800;z-index:2}.invoice-reversal-reason{background:#fff0f0;color:#974646;border-radius:10px;padding:10px;font-size:9px;margin-top:15px}
@media(max-width:1250px){.invoice-payment-fields{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.invoice-item-row{grid-template-columns:1fr 90px 140px}.invoice-line-total{grid-column:1/3}.invoice-payment-fields{grid-template-columns:1fr 1fr}.invoice-summary{grid-template-columns:1fr 1fr}.invoice-page{padding:12px}.print-invoice{padding:30px;min-width:760px}.invoice-page{overflow-x:auto}}
@media print{.invoice-page{background:#fff;padding:0}.invoice-toolbar,.invoice-flash{display:none}.print-invoice{box-shadow:none;margin:0;max-width:none;min-height:0;width:auto;padding:12mm 13mm}.invoice-footer{position:fixed;bottom:8mm;right:13mm;left:13mm}@page{size:A4;margin:0}}

/* 2026 premium administration experience */
:root{
  --dashboard-bg:#f4f5f0;
  --dashboard-surface:rgba(255,255,255,.9);
  --dashboard-ink:#15372f;
  --dashboard-muted:#718078;
  --dashboard-emerald:#164f43;
  --dashboard-emerald-deep:#0d352e;
  --dashboard-gold:#c79a45;
  --dashboard-gold-soft:#f3e4bd;
  --dashboard-line:rgba(25,73,61,.1);
  --dashboard-shadow:0 18px 50px rgba(24,57,48,.07);
}
.app-body{background:var(--dashboard-bg);color:var(--dashboard-ink);isolation:isolate}
.app-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(215,185,116,.12),transparent 24%),radial-gradient(circle at 84% 88%,rgba(35,105,87,.09),transparent 28%)}
.app-body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(25,73,61,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,73,61,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 75%)}

.sidebar{width:286px;padding:25px 17px 18px;background:linear-gradient(180deg,#113d34 0%,#0b2e28 100%);border-left:1px solid rgba(255,255,255,.08);box-shadow:-16px 0 50px rgba(10,38,32,.12);color:#fff}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(218,181,100,.16),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%)}
.sidebar>*{position:relative}
.sidebar .brand{padding:0 7px 23px;margin-bottom:19px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}
.sidebar .brand-logo{width:49px;height:49px;border-radius:16px;background:linear-gradient(145deg,#fff,#e9dfc7);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.8)}
.sidebar .brand strong{font-size:19px;color:#fff;letter-spacing:.2px}
.sidebar .brand small{font-size:9px;color:#9eb9b0;margin-top:2px;letter-spacing:.15px}
.brand-arrow{margin-right:auto;color:#d8ba76;font-size:17px;opacity:.7}
.nav-caption{margin:0 14px 9px;color:#789b90;font-size:9px;font-weight:800;letter-spacing:1.6px}
.sidebar nav{gap:4px;padding:0 0 8px 3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.nav-link{min-height:45px;padding:11px 13px;border-radius:13px;color:#9fb8b0;font-size:12px;font-weight:600;border:1px solid transparent;transition:color .22s,background .22s,transform .22s,border-color .22s}
.nav-link i{width:23px;font-size:19px;color:#769d92;transition:.22s}
.nav-link:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateX(-2px)}
.nav-link:hover i{color:#d9bc78}
.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(206,163,75,.2),rgba(255,255,255,.065));border-color:rgba(231,202,137,.14);border-right:0;box-shadow:inset -3px 0 #d6ae59,0 8px 22px rgba(0,0,0,.08)}
.nav-link.active i{color:#f0cf83}
.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:17px 10px 2px;border-top:1px solid rgba(255,255,255,.09);color:#a8c0b9}
.sidebar-footer>span:last-child{display:flex;flex-direction:column}
.sidebar-footer strong{font-size:10px;color:#d5e1dd}
.sidebar-footer small{font-size:8px;color:#6f958a;margin-top:1px}
.status-dot{width:8px;height:8px;background:#65d6aa;box-shadow:0 0 0 4px rgba(101,214,170,.1),0 0 14px rgba(101,214,170,.7)}

.app-main{margin-right:286px;width:calc(100% - 286px)}
.topbar{height:92px;padding:0 34px;background:rgba(247,248,244,.78);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid var(--dashboard-line)}
.page-title .eyebrow{display:flex;align-items:center;gap:4px;margin-bottom:6px;color:#8b9992;font-size:8px;letter-spacing:.4px}
.page-title .eyebrow span{color:var(--dashboard-gold);font-weight:800}
.page-title .eyebrow i{font-size:12px}
.topbar h1{font-size:21px;color:var(--dashboard-ink);letter-spacing:-.25px}
.topbar-actions{gap:9px}
.date-chip{height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid var(--dashboard-line);border-radius:13px;background:rgba(255,255,255,.68);color:#677a71;font-size:10px;font-weight:600}
.date-chip i{color:var(--dashboard-gold);font-size:16px}
.icon-btn{width:42px;height:42px;border-radius:13px;border-color:var(--dashboard-line);background:rgba(255,255,255,.74);color:#49675e;transition:.2s}
.icon-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 8px 20px rgba(26,67,56,.08)}
.user-chip{height:46px;padding:4px 5px 4px 14px;border-color:var(--dashboard-line);background:rgba(255,255,255,.78);border-radius:14px}
.user-chip>span{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#cba25a,#916c2e);box-shadow:0 7px 16px rgba(145,108,46,.18)}
.user-chip strong{font-size:11px;color:#29483f}.user-chip small{font-size:8px;color:#87958e}
.content{max-width:1660px;padding:28px 30px 60px}

.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center;min-height:205px;margin-bottom:19px;padding:31px 34px;border:1px solid rgba(220,188,117,.24);border-radius:25px;background:linear-gradient(122deg,#164f43,#0e382f 68%,#0a2d27);color:#fff;box-shadow:0 22px 50px rgba(14,56,47,.16)}
.dashboard-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,rgba(226,194,121,.19),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;mask-image:linear-gradient(90deg,#000,transparent)}
.dashboard-hero::after{content:"";position:absolute;left:-70px;top:-120px;width:310px;height:310px;border:1px solid rgba(232,201,133,.17);border-radius:50%;box-shadow:0 0 0 42px rgba(232,201,133,.035),0 0 0 85px rgba(232,201,133,.02)}
.dashboard-hero>*{position:relative;z-index:1}
.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#e3c47f;font-size:10px;font-weight:800;letter-spacing:.7px}
.dashboard-hero h2{margin:11px 0 8px;font-size:30px;letter-spacing:-.5px}
.dashboard-hero-copy>p{max-width:680px;margin:0;color:#b8cec7;font-size:12px;line-height:1.85}
.hero-meta{display:flex;gap:18px;margin-top:20px;color:#9cb7af;font-size:9px}
.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta i{color:#dabb74;font-size:13px}
.hero-actions-panel{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.hero-actions-panel>span{display:block;margin-bottom:9px;color:#8eaca3;font-size:8px}
.hero-primary-action{display:grid;grid-template-columns:43px 1fr;align-items:center;column-gap:11px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#f2d68f,#c08f37);color:#17382f;box-shadow:0 12px 30px rgba(0,0,0,.13);transition:.22s}
.hero-primary-action:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.18)}
.hero-primary-action>i{grid-row:1/3;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.35);font-size:21px}
.hero-primary-action strong{align-self:end;font-size:11px}.hero-primary-action small{align-self:start;font-size:8px;opacity:.68}

.stats-grid{gap:13px;margin-bottom:17px}
.stat-card{display:flex;align-items:stretch;flex-direction:column;gap:16px;min-height:166px;padding:18px 19px;border:1px solid var(--dashboard-line);border-radius:20px;background:var(--dashboard-surface);box-shadow:var(--dashboard-shadow);backdrop-filter:blur(14px);transition:transform .24s,box-shadow .24s,border-color .24s}
.stat-card:hover{transform:translateY(-3px);border-color:rgba(199,154,69,.28);box-shadow:0 22px 55px rgba(24,57,48,.1)}
.stat-card::after{width:115px;height:115px;left:-44px;top:-48px;background:radial-gradient(circle,rgba(199,154,69,.1),transparent 68%)}
.stat-top{display:flex;align-items:center;justify-content:space-between}
.stat-icon{width:42px;height:42px;border:1px solid rgba(31,91,75,.1);border-radius:13px;background:linear-gradient(145deg,#edf5f1,#fbf7ee);color:#1d6655;font-size:20px}
.stat-status{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:99px;background:#f2f5f2;color:#6f8078;font-size:8px;font-weight:700}
.stat-status.positive{background:#e9f5ef;color:#1a725c}.stat-status.warning{background:#fff0dc;color:#9a6721}
.stat-content{margin-top:auto}.stat-content>small{display:block;margin-bottom:4px;color:#7e8b85;font-size:9px;font-weight:700}
.stat-content>strong{display:block;color:#193e35;font-size:20px;letter-spacing:-.3px;white-space:nowrap}
.stat-content>strong em{font-size:11px;font-style:normal;color:#7c8c84}
.stat-content>span{display:block;margin-top:5px;color:#9aa49f;font-size:8px}
.stat-value{background:linear-gradient(145deg,#174f43,#0f392f);border-color:#245f52}
.stat-value .stat-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);color:#edce86}
.stat-value .stat-content>small,.stat-value .stat-content>span{color:#9db8b0}.stat-value .stat-content>strong{color:#fff3d1}
.stat-value .stat-status{background:rgba(255,255,255,.09);color:#d7e4df}
.stat-value .stat-status.warning{color:#f4cb78}

.quick-actions.card{display:grid;grid-template-columns:1.15fr repeat(6,1fr);gap:8px;align-items:stretch;margin-bottom:18px;padding:8px;border-radius:20px;background:rgba(255,255,255,.76)}
.quick-actions-title{display:flex;flex-direction:column;justify-content:center;padding:11px 15px}
.quick-actions-title span{font-size:12px;font-weight:800;color:#264a40}.quick-actions-title small{margin-top:3px;color:#8a9690;font-size:8px}
.quick-action{position:relative;display:flex;gap:9px;align-items:center;padding:10px 11px;border-color:transparent;border-radius:14px;background:#f5f7f4;color:#36574d;transition:.22s}
.quick-action:hover{transform:translateY(-2px);border-color:rgba(199,154,69,.24);background:#fff;box-shadow:0 11px 24px rgba(29,65,55,.08)}
.quick-action>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#fff;color:#1c6655;box-shadow:0 5px 14px rgba(29,75,62,.06)}
.quick-action>span i{font-size:17px;color:inherit}
.quick-action>div{min-width:0}.quick-action strong,.quick-action small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-action strong{font-size:9px}.quick-action small{margin-top:2px;color:#8c9993;font-size:7px}
.quick-action>.action-arrow{margin-right:auto;color:#a5afa9;font-size:14px}

.grid-2{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:17px}
.card{border:1px solid var(--dashboard-line);border-radius:21px;background:var(--dashboard-surface);box-shadow:var(--dashboard-shadow);backdrop-filter:blur(14px)}
.card-head{margin-bottom:17px}.card-head>div{min-width:0}.card-eyebrow{display:block;margin-bottom:4px;color:#bb8b3c;font-size:8px;font-weight:800;letter-spacing:.7px}
.card h3{color:#24473d;font-size:14px}.card-head small{display:block;margin-top:3px;color:#8c9992;font-size:8px}
.badge{gap:4px}.chart-shell{position:relative;height:275px}
.btn-light{border-color:var(--dashboard-line);background:#f7f9f6;color:#4f6960}.btn-light:hover{background:#eef4f0;color:#155747}
.data-table{border-collapse:separate;border-spacing:0}.data-table th{padding:11px 12px;background:#f2f5f2;color:#6d7f76;font-size:9px;border:0}.data-table th:first-child{border-radius:0 10px 10px 0}.data-table th:last-child{border-radius:10px 0 0 10px}
.data-table td{padding:13px 12px;border-bottom:1px solid #edf0ed;color:#52665e;font-size:10px}.data-table td strong{color:#264a40}
.data-table tbody tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fafcf9}
.price-list{gap:8px}.price-row{padding:11px 12px;border:1px solid #e9eeea;border-radius:13px;background:#f7f9f6}.price-row strong{color:#2d5046;font-size:10px}.price-row small{font-size:8px}.price-row input{border:1px solid #dfe7e1;border-radius:9px;padding:7px 6px;background:#fff;color:#315248;font-size:10px;outline:none}.price-row input:focus{border-color:#9abbaf;box-shadow:0 0 0 3px rgba(35,105,87,.08)}

.ai-insights-strip{display:grid;grid-template-columns:1.15fr repeat(3,1fr) auto;gap:8px;align-items:center;margin:-5px 0 17px;padding:9px;border:1px solid rgba(199,154,69,.2);border-radius:19px;background:linear-gradient(110deg,rgba(255,255,255,.93),rgba(251,247,237,.88));box-shadow:0 12px 32px rgba(24,57,48,.07)}
.ai-insights-title,.ai-insight-item{display:flex;align-items:center;gap:10px;padding:8px 10px}.ai-insights-title>span{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:12px;background:linear-gradient(145deg,#1d6555,#113e34);color:#efcf83;box-shadow:0 8px 17px rgba(20,73,60,.2)}
.ai-insights-title strong,.ai-insights-title small,.ai-insight-item strong,.ai-insight-item small{display:block}.ai-insights-title strong{color:#22473d;font-size:10px}.ai-insights-title small,.ai-insight-item small{margin-top:2px;color:#8b9992;font-size:7px}.ai-insight-item{border-right:1px solid #e8ece7}.ai-insight-item>i{font-size:20px}.ai-insight-item strong{margin-top:2px;color:#2b4f45;font-size:10px}.ai-insight-item .positive{color:#168065}.ai-insight-item .negative{color:#c05050}.ai-insight-item .warning{color:#bb7b28}
.ai-insights-action{display:flex;align-items:center;gap:7px;padding:12px 14px;border:0;border-radius:13px;background:#174f43;color:#fff;font:700 9px Tajawal,sans-serif;cursor:pointer;box-shadow:0 9px 20px rgba(23,79,67,.19);transition:.22s}.ai-insights-action:hover{transform:translateY(-2px);background:#0f4136}.ai-insights-action>i:first-child{color:#ebc66f;font-size:15px}

.pricing-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;padding:28px 31px;border:1px solid rgba(220,188,117,.25);border-radius:24px;background:radial-gradient(circle at 12% 12%,rgba(232,200,127,.18),transparent 30%),linear-gradient(125deg,#174f43,#0c342c);color:#fff;box-shadow:0 20px 45px rgba(14,56,47,.14)}
.pricing-hero h2{margin:8px 0 6px;font-size:27px}.pricing-hero p{max-width:720px;margin:0;color:#b7cec6;font-size:11px;line-height:1.8}.pricing-lock{display:flex;align-items:center;gap:12px;min-width:285px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.06)}.pricing-lock>i{width:43px;height:43px;display:grid;place-items:center;flex:none;border-radius:13px;background:linear-gradient(145deg,#efd086,#bd8a33);color:#163d34;font-size:20px}.pricing-lock strong,.pricing-lock small{display:block}.pricing-lock strong{font-size:11px}.pricing-lock small{margin-top:3px;color:#a9c3bb;font-size:8px;line-height:1.5}
.pricing-stats{grid-template-columns:repeat(4,1fr)}.pricing-editor{padding:25px}.pricing-grid-head,.pricing-row{display:grid;grid-template-columns:1fr .85fr 1fr .85fr 1fr 1.25fr;gap:10px;align-items:center}.pricing-grid-head{padding:0 13px 7px;color:#809088;font-size:8px;font-weight:700}.pricing-grid{display:flex;flex-direction:column;gap:7px}.pricing-row{padding:10px 12px;border:1px solid #e5eae6;border-radius:14px;background:#f7f9f6}.pricing-row>strong{display:flex;align-items:center;gap:7px;color:#244b40;font-size:11px}.pricing-row>strong i{color:#bd8a35}.pricing-row>span{color:#64776e;font-size:10px}.pricing-row>small{color:#84928b;font-size:8px}.pricing-row input{width:100%;padding:10px;border:1px solid #dce5df;border-radius:10px;background:#fff;color:#244b40;font:700 11px Tajawal,sans-serif;outline:0}.pricing-row input:focus{border-color:#2d7967;box-shadow:0 0 0 3px rgba(40,116,96,.09)}.pricing-reason{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.pricing-reason .field{margin-bottom:10px}.pricing-reason em{color:#b54f4f;font-size:8px;font-style:normal}.price-preview{border-color:rgba(196,151,68,.36);box-shadow:0 18px 48px rgba(73,63,36,.09)}.preview-summary{display:grid;grid-template-columns:1fr auto 1fr 1.15fr .7fr .8fr;gap:8px;align-items:center;margin-bottom:17px;padding:8px;border-radius:17px;background:linear-gradient(120deg,#f3f7f4,#fffaf0)}.preview-summary>div{padding:10px 12px;border-left:1px solid #e5eae5}.preview-summary>div:last-child{border:0}.preview-summary small,.preview-summary strong{display:block}.preview-summary small{color:#7a8982;font-size:8px}.preview-summary strong{margin-top:3px;color:#24493e;font-size:14px}.preview-summary>i{color:#b88a3e}.positive{color:#16735b!important}.negative{color:#b94d4d!important}.approval-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:14px 15px;border:1px solid #e2e8e3;border-radius:15px;background:#f8faf8}.approval-bar>div:first-child{display:flex;align-items:flex-start;gap:8px}.approval-bar>div:first-child>i{color:#ad8037;font-size:17px}.approval-bar p{margin:0;color:#62746b;font-size:9px;line-height:1.7}.approval-actions{display:flex;align-items:center;gap:8px;flex:none}.approval-actions form{margin:0}.pricing-bottom{grid-template-columns:1.45fr .55fr}.input-affix{display:flex;align-items:center;border:1px solid #dfe5df;border-radius:13px;background:#fdfefd;overflow:hidden}.input-affix input{border:0!important;border-radius:0!important;box-shadow:none!important}.input-affix span{padding:0 12px;color:#7b8b83;font-size:9px;white-space:nowrap}

.ai-fab{position:fixed;left:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:10px;padding:8px 11px 8px 16px;border:1px solid rgba(232,201,129,.4);border-radius:17px;background:linear-gradient(135deg,#164f43,#0d342c);color:#fff;box-shadow:0 16px 40px rgba(9,50,41,.3);font-family:Tajawal,sans-serif;text-align:right;cursor:pointer;transition:.25s}.ai-fab:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(9,50,41,.38)}.ai-fab-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f1d28a,#bd8b34);color:#173c33;font-size:19px}.ai-fab strong,.ai-fab small{display:block}.ai-fab strong{font-size:10px}.ai-fab small{margin-top:1px;color:#9fc0b7;font-size:7px}
.ai-overlay{visibility:hidden;position:fixed;inset:0;z-index:60;border:0;background:rgba(6,29,24,.42);opacity:0;backdrop-filter:blur(3px);transition:.25s}.ai-panel{visibility:hidden;position:fixed;top:0;bottom:0;left:0;z-index:61;display:flex;flex-direction:column;width:min(430px,100vw);border-right:1px solid rgba(218,188,118,.26);background:#f8faf7;box-shadow:20px 0 65px rgba(8,43,35,.24);transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s}.ai-open .ai-overlay{visibility:visible;opacity:1}.ai-open .ai-panel{visibility:visible;transform:none}
.ai-panel-head{display:flex;align-items:center;gap:11px;padding:18px 19px;border-bottom:1px solid #e6ece7;background:linear-gradient(120deg,#174f43,#0d372e);color:#fff}.ai-panel-head .icon-btn{margin-right:auto;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff}.ai-orb{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f0d28c,#bd8b35);color:#143e34;font-size:20px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.ai-panel-head p{margin:0;font-size:13px;font-weight:800}.ai-panel-head span{display:flex;align-items:center;gap:5px;margin-top:3px;color:#a9c5bd;font-size:8px}.ai-live-dot{width:6px;height:6px;border-radius:50%;background:#60dda9;box-shadow:0 0 0 3px rgba(96,221,169,.12)}
.ai-messages{flex:1;overflow-y:auto;padding:20px 18px;scroll-behavior:smooth}.ai-message{display:flex;align-items:flex-start;gap:8px;margin-bottom:15px}.ai-message.user{justify-content:flex-start}.ai-avatar{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:9px;background:#174f43;color:#eacb80;font-size:13px}.ai-bubble{max-width:84%;padding:11px 13px;border:1px solid #e3eae5;border-radius:5px 15px 15px 15px;background:#fff;color:#405a52;box-shadow:0 7px 20px rgba(24,65,53,.05)}.ai-message.user .ai-bubble{border:0;border-radius:15px 5px 15px 15px;background:#174f43;color:#fff}.ai-bubble strong{display:block;margin:2px 0 6px;color:#264a40;font-size:9px}.ai-bubble p{margin:0;white-space:pre-wrap;font-size:10px;line-height:1.8}.ai-bubble ul{margin:5px 0 10px;padding-right:17px;font-size:9px;line-height:1.8}.ai-warning{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #edf0ed;color:#a06a25;font-size:8px}.ai-typing{display:flex;gap:4px;padding:3px}.ai-typing i{width:6px;height:6px;border-radius:50%;background:#b58a3c;animation:aiPulse 1s infinite ease-in-out}.ai-typing i:nth-child(2){animation-delay:.13s}.ai-typing i:nth-child(3){animation-delay:.26s}@keyframes aiPulse{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.ai-suggestions{display:flex;gap:6px;overflow-x:auto;padding:10px 17px 6px}.ai-suggestions button{flex:none;padding:7px 9px;border:1px solid #dce6df;border-radius:99px;background:#fff;color:#426158;font:600 8px Tajawal,sans-serif;cursor:pointer}.ai-suggestions button:hover{border-color:#c7a052;color:#815d1f}.ai-compose{display:flex;align-items:flex-end;gap:8px;margin:8px 17px;padding:8px;border:1px solid #dbe5de;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(20,65,53,.08)}.ai-compose:focus-within{border-color:#9cbbae;box-shadow:0 0 0 3px rgba(23,79,67,.07)}.ai-compose textarea{width:100%;min-height:37px;max-height:120px;padding:8px 6px;border:0;outline:0;resize:none;background:transparent;color:#294b41;font:500 10px/1.6 Tajawal,sans-serif}.ai-compose button{width:37px;height:37px;display:grid;place-items:center;flex:none;border:0;border-radius:11px;background:#174f43;color:#fff;cursor:pointer}.ai-compose button:disabled,.ai-compose textarea:disabled{cursor:not-allowed;opacity:.45}.ai-disclaimer{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 0 12px;color:#8a9992;font-size:7px}.ai-disclaimer i{color:#2b7965}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.sidebar-scrim{display:none;position:fixed;inset:0;z-index:29;border:0;background:rgba(5,25,21,.46);backdrop-filter:blur(3px)}
@media(max-width:1280px){
  .quick-actions.card{grid-template-columns:repeat(4,1fr)}.quick-actions-title{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 10px}
  .dashboard-hero{grid-template-columns:1fr 270px}.stat-content>strong{font-size:17px}
}
@media(max-width:1000px){
  .sidebar{width:286px;transform:translateX(105%)}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-scrim{display:block}.app-main{margin:0;width:100%}
  .dashboard-hero{grid-template-columns:1fr}.hero-actions-panel{display:none}.date-chip{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}
  .ai-insights-strip{grid-template-columns:1fr 1fr}.ai-insights-title{grid-column:1/-1}.ai-insight-item{border-right:0}.ai-insights-action{justify-content:center}
  .pricing-hero{align-items:flex-start}.pricing-lock{min-width:240px}.pricing-stats{grid-template-columns:repeat(2,1fr)}.pricing-grid-head{display:none}.pricing-row{grid-template-columns:1fr 1fr 1fr}.pricing-row>small{grid-column:1/-1}.preview-summary{grid-template-columns:repeat(3,1fr)}.preview-summary>i{display:none}.pricing-bottom{grid-template-columns:1fr}
}
@media(max-width:720px){
  .topbar{height:78px;padding:0 15px}.topbar h1{font-size:17px}.topbar-actions{gap:5px}.content{padding:18px 13px 45px}
  .dashboard-hero{min-height:185px;padding:25px 22px;border-radius:21px}.dashboard-hero h2{font-size:24px}.dashboard-hero-copy>p{font-size:10px}.hero-meta{flex-wrap:wrap}
  .quick-actions.card{grid-template-columns:1fr 1fr}.quick-actions-title{grid-column:1/-1}.grid-2{grid-template-columns:1fr}.chart-shell{height:235px}
  .pricing-hero{display:block;padding:23px}.pricing-lock{margin-top:18px;min-width:0}.pricing-reason{grid-template-columns:1fr}.preview-summary{grid-template-columns:1fr 1fr}.approval-bar{align-items:stretch;flex-direction:column}.approval-actions{justify-content:flex-end}
}
@media(max-width:520px){
  .topbar .user-chip,.topbar-actions>a.icon-btn{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:150px;padding:14px}.stat-content>strong{font-size:15px}.stat-content>span{display:none}
  .quick-actions.card{grid-template-columns:1fr}.quick-action{padding:11px}.dashboard-hero{min-height:175px}.dashboard-hero::after{opacity:.55}.dashboard-hero h2{font-size:22px}.hero-meta span:first-child{display:none}
  .ai-insights-strip{grid-template-columns:1fr 1fr}.ai-insight-item:nth-of-type(3){display:none}.ai-insights-action{grid-column:1/-1}.ai-fab{left:13px;bottom:13px;padding:7px;border-radius:15px}.ai-fab>span:last-child{display:none}.ai-panel{width:100%;top:7%;border-radius:24px 24px 0 0}.ai-panel-head{border-radius:24px 24px 0 0}
  .pricing-stats{grid-template-columns:1fr 1fr}.pricing-row{grid-template-columns:1fr 1fr}.pricing-row>strong,.pricing-row>small{grid-column:1/-1}.preview-summary{grid-template-columns:1fr}.approval-actions{align-items:stretch;flex-direction:column}.approval-actions .btn{width:100%}
}
@media(max-width:390px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:132px}.quick-actions-title small{display:none}}
@media(prefers-reduced-motion:reduce){.stat-card,.quick-action,.hero-primary-action,.icon-btn,.nav-link,.ai-fab,.ai-panel,.ai-overlay,.ai-insights-action{transition:none!important}.stat-card:hover,.quick-action:hover,.hero-primary-action:hover,.icon-btn:hover,.nav-link:hover,.ai-fab:hover,.ai-insights-action:hover{transform:none!important}.ai-typing i{animation:none!important}}

/* Dashboard focus mode */
.focus-dashboard{--focus-ink:#183c32;--focus-muted:#71857e;--focus-line:#dfe6df;--focus-surface:rgba(255,255,252,.94);color:var(--focus-ink);font-size:15px}
.focus-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:center;min-height:230px;margin-bottom:16px;padding:34px 37px;border:1px solid #dfe7df;border-radius:26px;background:radial-gradient(circle at 12% 15%,rgba(211,177,105,.2),transparent 28%),linear-gradient(135deg,#fffdf8,#eef5f0);box-shadow:0 20px 55px rgba(31,72,59,.08)}
.focus-hero::after{content:"LAZORD";position:absolute;left:22px;bottom:-27px;color:rgba(24,76,62,.035);font:800 82px Georgia,serif;letter-spacing:6px;pointer-events:none}.focus-hero>*{position:relative;z-index:1}
.focus-kicker{display:inline-flex;align-items:center;gap:7px;color:#9a6e29;font-size:11px;font-weight:800}.focus-kicker::before{content:"";width:28px;height:1px;background:#b58a43}.focus-hero h2{max-width:760px;margin:14px 0 9px;color:#183c32;font-size:34px;line-height:1.45;letter-spacing:-.6px}.focus-hero-copy>p{max-width:760px;margin:0;color:#637a72;font-size:14px;line-height:1.9}.focus-updated{display:flex;align-items:center;gap:6px;margin-top:17px;color:#81928c;font-size:11px}.focus-updated i{color:#a87c34}
.focus-hero-actions{display:flex;flex-direction:column;gap:9px}.focus-primary{display:flex;align-items:center;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#17604f,#0f493d);color:#fff;box-shadow:0 15px 35px rgba(20,83,68,.18);transition:.2s}.focus-primary:hover{transform:translateY(-2px)}.focus-primary>i{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(255,255,255,.12);color:#eed18d;font-size:22px}.focus-primary strong,.focus-primary small{display:block}.focus-primary strong{font-size:14px}.focus-primary small{margin-top:3px;color:#adcbc2;font-size:10px}.focus-ai{min-height:47px;border:1px solid #d8e1da;border-radius:14px;background:#fff;color:#315a4f;font-weight:700}.focus-ai i{margin-left:5px;color:#b38336}
.focus-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.focus-kpi{display:flex;align-items:center;gap:15px;min-height:125px;padding:20px;border:1px solid var(--focus-line);border-radius:20px;background:var(--focus-surface);box-shadow:0 13px 35px rgba(35,72,60,.055)}.focus-kpi-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid #e3e7dc;border-radius:15px;background:linear-gradient(145deg,#e9f3ee,#f7eedb);color:#17604f;font-size:23px}.focus-kpi small,.focus-kpi strong,.focus-kpi div>span{display:block}.focus-kpi small{color:var(--focus-muted);font-size:12px}.focus-kpi strong{margin-top:4px;color:#193e34;font-size:24px;letter-spacing:-.4px}.focus-kpi div>span{margin-top:5px;color:#8a9892;font-size:10px}.focus-trend{display:inline-flex!important;align-items:center;gap:3px;width:max-content;padding:3px 7px;border-radius:99px;background:#e9f5ef}.focus-trend.negative{background:#fbeceb}
.focus-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:15px;margin-bottom:15px}.focus-card{border:1px solid var(--focus-line);border-radius:22px;background:var(--focus-surface);box-shadow:0 15px 42px rgba(34,73,60,.06)}.focus-sales-card,.focus-priorities,.focus-actions,.focus-recent{padding:24px}.focus-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.focus-card-head span{display:block;margin-bottom:4px;color:#a77930;font-size:10px;font-weight:800}.focus-card-head h3{margin:0;color:#1b4136;font-size:18px}.focus-card-head p{margin:4px 0 0;color:#819089;font-size:11px}.focus-link{display:inline-flex;align-items:center;gap:5px;flex:none;padding:8px 11px;border:1px solid #e0e6e0;border-radius:10px;background:#fafbf8;color:#506d64;font-size:11px;font-weight:700}.focus-chart{height:285px}
.focus-priorities{display:flex;flex-direction:column}.focus-priority{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid #e9ede9}.focus-priority:last-child{border:0}.focus-priority>i:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eaf3ee;color:#17604f;font-size:19px}.focus-priority.warning>i:first-child{background:#fff0df;color:#b56d27}.focus-priority.success>i:first-child{background:#e9f5ef;color:#20765e}.focus-priority strong,.focus-priority small{display:block}.focus-priority strong{font-size:13px}.focus-priority small{margin-top:3px;color:#809089;font-size:10px;line-height:1.55}.focus-priority>i:last-child{color:#9aa59f}
.focus-actions{margin-bottom:15px}.focus-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.focus-action-grid>a{display:flex;align-items:center;gap:11px;min-height:80px;padding:14px;border:1px solid #e1e7e1;border-radius:16px;background:#fafbf8;transition:.2s}.focus-action-grid>a:hover{transform:translateY(-2px);border-color:#cfb77f;box-shadow:0 10px 26px rgba(35,73,60,.07)}.focus-action-grid>a>i{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:#eaf3ee;color:#17604f;font-size:20px}.focus-action-grid strong,.focus-action-grid small{display:block}.focus-action-grid strong{font-size:13px}.focus-action-grid small{margin-top:3px;color:#82918a;font-size:10px}
.focus-recent{padding-bottom:10px}.focus-activity-list{display:flex;flex-direction:column}.focus-activity{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e9ede9}.focus-activity:last-child{border:0}.focus-activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f4ecdc;color:#a6762c;font-size:17px}.focus-activity-copy strong,.focus-activity-copy small{display:block}.focus-activity-copy strong{font-size:13px}.focus-activity-copy small{margin-top:3px;color:#819089;font-size:10px}.focus-activity-value{font-size:13px}.focus-activity-arrow{color:#9ca7a1}
@media(max-width:1150px){.focus-hero{grid-template-columns:1fr 240px}.focus-kpi strong{font-size:20px}.focus-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.focus-hero{grid-template-columns:1fr}.focus-hero-actions{display:grid;grid-template-columns:1fr 1fr}.focus-layout{grid-template-columns:1fr}.focus-kpis{grid-template-columns:1fr 1fr}.focus-kpi:last-child{grid-column:1/-1}}
@media(max-width:720px){
  .focus-dashboard{font-size:17px}.focus-hero{display:block;min-height:0;margin-bottom:11px;padding:23px 20px;border-radius:21px}.focus-hero::after{left:5px;bottom:-10px;font-size:52px}.focus-kicker{font-size:11px}.focus-hero h2{margin-top:12px;font-size:27px;line-height:1.5}.focus-hero-copy>p{font-size:14px;line-height:1.85}.focus-updated{font-size:11px}.focus-hero-actions{display:grid;grid-template-columns:1fr;margin-top:18px}.focus-primary{min-height:64px}.focus-ai{min-height:51px}
  .focus-kpis{grid-template-columns:1fr;gap:9px;margin-bottom:11px}.focus-kpi,.focus-kpi:last-child{grid-column:auto;min-height:105px;padding:16px;border-radius:18px}.focus-kpi-icon{width:45px;height:45px}.focus-kpi small{font-size:13px}.focus-kpi strong{font-size:23px}.focus-kpi div>span{font-size:11px}
  .focus-layout{gap:10px;margin-bottom:10px}.focus-sales-card,.focus-priorities,.focus-actions,.focus-recent{padding:19px 16px;border-radius:20px}.focus-card-head{align-items:center;margin-bottom:14px}.focus-card-head span{font-size:11px}.focus-card-head h3{font-size:18px}.focus-card-head p{font-size:11px}.focus-link{padding:7px 9px;font-size:10px}.focus-chart{height:225px}.focus-priority{min-height:70px;padding:12px 0}.focus-priority strong{font-size:14px}.focus-priority small{font-size:11px}
  .focus-actions{margin-bottom:10px}.focus-action-grid{grid-template-columns:1fr 1fr;gap:8px}.focus-action-grid>a{min-height:104px;align-items:flex-start;flex-direction:column;padding:13px}.focus-action-grid strong{font-size:13px}.focus-action-grid small{font-size:10px;line-height:1.45}
  .focus-activity{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:13px 0}.focus-activity-value{grid-column:2;font-size:13px}.focus-activity-arrow{grid-column:3;grid-row:1/3}.focus-activity-copy strong{font-size:13px}.focus-activity-copy small{font-size:10px}
  .sidebar .nav-link{min-height:48px;font-size:15px}.sidebar .nav-link i{font-size:21px}.ai-fab{bottom:14px}
}
@media(max-width:390px){.focus-hero h2{font-size:24px}.focus-action-grid{grid-template-columns:1fr}.focus-action-grid>a{min-height:76px;align-items:center;flex-direction:row}.focus-card-head .focus-link{font-size:0}.focus-card-head .focus-link i{font-size:16px}}