.intro-container{height:100vh;width:100%;background:linear-gradient(135deg,#0f2e26,#081a16);display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Cairo,sans-serif}.intro-top,.intro-bottom{position:absolute;width:100%;height:15vh;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);z-index:1}.intro-bottom{bottom:0;top:auto;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.intro-content{position:relative;z-index:5;text-align:center;padding:20px}.intro-logo{width:200px;margin-bottom:30px;transform:scale(0);animation:logoReveal 1.2s ease-out forwards}.intro-title{color:#d4af37;font-size:30px;font-weight:800;margin-bottom:18px;letter-spacing:1px;opacity:0;transform:scale(.8);animation:textReveal 1s ease-out forwards;animation-delay:1.2s}.intro-subtitle{color:#fff;font-size:19px;font-weight:500;opacity:0;transform:scale(.8);animation:textReveal 1s ease-out forwards;animation-delay:2.2s}.intro-line{width:0;height:3px;margin:25px auto 0;background:linear-gradient(to right,#d4af37,#f1d27a);animation:lineExpand 1.2s ease forwards;animation-delay:3.2s}@keyframes logoReveal{0%{transform:scale(0);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes textReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes lineExpand{0%{width:0}to{width:140px}}.intro-top{position:fixed;top:0;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,#3b1f0d,#6b3415 60%,#8b4513);border-bottom:4px solid #d4af37;box-shadow:inset 0 -8px 20px #00000080,inset 0 5px 10px #0000004d;overflow:hidden}.intro-top:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 2px,transparent 2px,transparent 40px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 2px,transparent 2px,transparent 40px);opacity:.4}.intro-top:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:4px;background:linear-gradient(90deg,transparent,#d4af37,#fff1a8,#d4af37,transparent)}.intro-bottom{position:fixed;bottom:0;left:0;width:100%;height:15vh;background:linear-gradient(to top,#0b0602,#6b3415 60%,#8b4513);border-top:4px solid #d4af37;box-shadow:inset 0 8px 20px #00000080,inset 0 -5px 10px #0000004d;overflow:hidden}.intro-bottom:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.25) 0px,rgba(120,41,41,.25) 2px,transparent 2px,transparent 40px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 2px,transparent 2px,transparent 40px);opacity:.4}.intro-bottom:after{content:"";position:absolute;top:0;left:10%;width:80%;height:4px;background:linear-gradient(90deg,transparent,#d4af37,#fff1a8,#d4af37,transparent)}.pwa-install-overlay{position:fixed;inset:0;background:#0000008c;z-index:9998;animation:pwa-install-fade .25s ease-out}.pwa-install-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));padding:28px 24px;background:#064e3b;color:#fff;border-radius:20px;border:2px solid rgba(212,175,55,.55);box-shadow:0 0 24px #d4af3733,0 24px 48px #0006;z-index:9999;text-align:center;animation:pwa-install-scale .3s ease-out;box-sizing:border-box}.pwa-install-icon-wrap{margin-bottom:14px}.pwa-install-icon{width:72px;height:72px;border-radius:16px;object-fit:contain;display:block;margin:0 auto}.pwa-install-title{margin:0 0 4px;font-size:1.6rem;font-weight:700;letter-spacing:.02em}.pwa-install-subtitle{margin:0 0 12px;font-size:14px;color:#ffffffd9}.pwa-install-desc{margin:0 0 22px;font-size:14px;line-height:1.5;color:#ffffffe6}.pwa-install-actions{display:flex;flex-direction:column;gap:10px}.pwa-install-btn-primary{background:#16a34a;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.pwa-install-btn-primary:hover{background:#15803d}.pwa-install-btn-secondary{background:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.35);padding:12px 24px;border-radius:12px;font-size:15px;cursor:pointer;transition:background .2s}.pwa-install-btn-secondary:hover{background:#ffffff1a}@keyframes pwa-install-fade{0%{opacity:0}to{opacity:1}}@keyframes pwa-install-scale{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#050505;background-image:radial-gradient(circle at 20% 30%,rgba(0,200,120,.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,200,120,.12),transparent 40%);background-repeat:no-repeat;background-size:cover}*{margin:0;padding:0;box-sizing:border-box}.home-page{position:relative;min-height:100vh;color:#fff;font-family:Segoe UI,Tahoma,sans-serif;z-index:2}.main-header{position:fixed;top:0;left:0;width:100%;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(to bottom,#000000bf,#00000073);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;box-shadow:0 6px 25px #0009;overflow:hidden}.main-header:after{content:"";position:absolute;bottom:0;left:-100%;width:200%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,#ffae00,#ffd700,transparent);animation:goldLine 4s linear infinite}@keyframes goldLine{0%{left:-100%}to{left:0%}}.brand-name{font-size:24px;font-weight:900;letter-spacing:3px;background:linear-gradient(180deg,#fff6c5,gold,#ffae00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,215,0,.6),0 0 20px rgba(255,174,0,.3);-webkit-user-select:none;user-select:none}.logo-area img{height:40px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,215,0,.5))}.dashboard-btn{background:linear-gradient(135deg,gold,#ffae00);color:#000;border:none;padding:9px 16px;border-radius:10px;font-weight:800;cursor:pointer;transition:.3s ease;box-shadow:0 0 12px #ffd70099}.dashboard-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #ffd700e6}.menu-btn{background:none;border:none;color:gold;font-size:28px;cursor:pointer}.hero-content{margin-top:80px}.brand-name{font-size:22px;font-weight:800;letter-spacing:2px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6);white-space:nowrap}.header-center{display:flex;align-items:center;justify-content:center;gap:10px}.logo-area img{height:42px;width:auto;object-fit:contain}.dashboard-btn{background:linear-gradient(135deg,gold,#ffae00);color:#000;border:none;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}.app-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:10px 16px;direction:ltr}.header-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.header-title{position:absolute;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#d4af37;margin:0;pointer-events:none}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.menu-btn{background:none;border:none;color:#d4af37;font-size:24px;cursor:pointer;padding:4px}.mobile-only{display:none}.desktop-only{display:block}.mobile-menu{position:fixed;top:70px;left:0;width:100%;background:#000000e6;padding:15px;z-index:999}.mobile-dashboard-btn{width:100%;padding:12px;background:gold;border:none;font-weight:700;border-radius:8px}.hero-content{margin-top:80px;text-align:center;padding:40px 20px}.hero-section{display:flex;flex-direction:column;align-items:center;padding-top:20px}.hero-box{margin-top:20px}.hero-content h1{font-size:36px;color:gold;text-shadow:0 0 12px rgba(255,215,0,.7)}.hero-content h2{font-size:22px;margin-top:10px}.hero-content p{margin-top:10px;opacity:.9}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block}.main-header{display:flex;align-items:center;justify-content:space-between}.header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;min-width:0}.brand-name{font-size:18px}.logo-area img{height:34px}.home-entry-buttons{display:none!important}}.mobile-menu-btn{display:block;width:100%;padding:12px 16px;margin-bottom:8px;background:linear-gradient(145deg,gold,#ffae00);color:#000;border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;text-align:center}.mobile-menu-btn:last-child{margin-bottom:0}.mobile-menu-btn:hover{background:linear-gradient(145deg,#ffae00,gold)}.main-header{animation:headerDrop .9s ease-out forwards;opacity:0;transform:translateY(-25px)}@keyframes headerDrop{0%{opacity:0;transform:translateY(-25px)}60%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.brand-name{position:relative;display:inline-block;font-weight:800;letter-spacing:3px;background:linear-gradient(180deg,#fff2b8,#f2c04c,#b77918 70%,#fff2b8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.15),0 6px 14px rgba(0,0,0,.55);animation:brandBreath 3.2s ease-in-out infinite}.brand-name:after{content:"";position:absolute;top:-20%;left:-40%;width:45%;height:140%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);filter:blur(.5px);opacity:0;animation:brandShine 4.6s ease-in-out infinite;pointer-events:none}@keyframes brandBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.02)}}@keyframes brandShine{0%{left:-50%;opacity:0}20%{opacity:1}40%{left:110%;opacity:0}to{left:110%;opacity:0}}.logo-area{display:flex;align-items:center;justify-content:center}.logo-area img{width:100px;max-width:18vw;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));transition:transform .3s ease}.logo-area img:hover{transform:scale(1.05)}.hero-text-block{margin-top:20px;max-width:680px}.hero-lead{font-size:20px;font-weight:600;color:#f5c76a;margin-bottom:12px}.hero-desc{font-size:16px;color:#fff;opacity:.9;margin-bottom:10px}.hero-note{font-size:15px;color:#dcdcdc;margin-bottom:8px}.hero-quality{font-size:14px;color:#9adf9a;font-weight:500}.hero-products{margin-top:40px;overflow:hidden;width:100%}.hero-products-track{display:grid;gap:14px;transition:opacity .8s ease-in-out}.hero-products img{width:100%;height:260px;object-fit:cover;border-radius:14px;opacity:0;animation:fadeCycle 24s infinite}@media(max-width:768px){.hero-products-track{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.hero-products-track{grid-template-columns:repeat(4,1fr)}}.hero-products img:nth-child(1){animation-delay:0s}.hero-products img:nth-child(2){animation-delay:0s}.hero-products img:nth-child(3){animation-delay:6s}.hero-products img:nth-child(4){animation-delay:6s}.hero-products img:nth-child(5){animation-delay:12s}.hero-products img:nth-child(6){animation-delay:12s}.hero-products img:nth-child(7){animation-delay:18s}.hero-products img:nth-child(8){animation-delay:18s}@keyframes fadeCycle{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}.hero-products{position:relative;margin-top:40px;height:280px}.hero-group{position:absolute;inset:0;display:grid;gap:14px;opacity:0;animation:groupFade 12s infinite}.group-a{animation-delay:0s}.group-b{animation-delay:6s}@media(max-width:768px){.hero-group{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.hero-group{grid-template-columns:repeat(4,1fr)}}.hero-group img{width:100%;height:260px;object-fit:cover;border-radius:14px}@keyframes groupFade{0%{opacity:0}10%{opacity:1}45%{opacity:1}55%{opacity:0}to{opacity:0}}.hero-strip{margin-top:40px;overflow:hidden;width:100%}.hero-strip-track{display:flex;gap:16px;width:max-content;animation:moveStrip 35s linear infinite}.hero-strip-track img{height:260px;width:auto;border-radius:14px;object-fit:cover}@keyframes moveStrip{0%{transform:translate(-100%)}to{transform:translate(0)}}.hero-products,.hero-products-track,.hero-group,.group-a,.group-b{all:unset}.hero-strip{width:100%;overflow:hidden;margin-top:40px}.hero-strip-track{display:flex;gap:16px;width:max-content;animation:stripMove 70s linear infinite}.hero-strip-track img{height:260px;width:auto;object-fit:cover;border-radius:14px;flex-shrink:0}@media(max-width:768px){.hero-strip-track img{height:220px}}@keyframes stripMove{0%{transform:translate(100%)}to{transform:translate(-100%)}}.hero-content{margin-top:80px;padding-top:0}.hero-strip{width:100%;overflow:hidden;margin-top:20px}.hero-strip-track{display:flex;gap:16px;width:max-content;animation:stripMove 50s linear infinite}.hero-strip-track img{height:240px;width:auto;border-radius:14px;object-fit:cover;flex-shrink:0}@keyframes stripMove{0%{transform:translate(50%)}to{transform:translate(0)}}.hero-title-frame{display:inline-block;padding:18px 32px;margin-bottom:20px;border-radius:18px;border:2px solid transparent;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(120deg,#b8892e,#ffd77a,#b8892e) border-box;box-shadow:0 0 12px #ffd77840,inset 0 0 10px #ffd7781f;animation:goldPulse 4s ease-in-out infinite}.hero-title-frame h1{margin:0;font-size:32px;font-weight:800;color:#ffd77a;text-align:center;letter-spacing:1px}@media(max-width:768px){.hero-title-frame h1{font-size:26px}}@keyframes goldPulse{0%{box-shadow:0 0 10px #ffd77840,inset 0 0 8px #ffd7781a}50%{box-shadow:0 0 18px #ffd77873,inset 0 0 12px #ffd77833}to{box-shadow:0 0 10px #ffd77840,inset 0 0 8px #ffd7781a}}.hero-title-frame.transparent{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:22px 42px;margin-bottom:20px;border-radius:22px;border:2px solid transparent;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(120deg,#b8892e,#ffd77a,#b8892e) border-box;box-shadow:0 0 14px #ffd77859,inset 0 0 10px #ffd77826}.hero-title-main{font-family:Cairo,Changa,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;color:#ffd77a}.hero-title-sub{font-family:El Messiri,Cairo,sans-serif;font-size:22px;font-weight:600;color:#f1c56a}@media(max-width:768px){.hero-title-main{font-size:28px;letter-spacing:3px}.hero-title-sub{font-size:18px}}.hero-led-frame{position:relative;width:100%;max-width:100%;margin:10px auto 22px;padding:22px 10px;border-radius:18px;border:2px solid #caa24d;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;overflow:hidden}.hero-led-frame:before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,215,120,.6),transparent);animation:ledSweep 4s linear infinite}.hero-led-title{font-size:34px;font-weight:900;letter-spacing:4px;color:#ffd77a;z-index:2}.hero-led-sub{font-size:20px;font-weight:600;color:#f1c56a;z-index:2}@media(max-width:768px){.hero-led-title{font-size:28px;letter-spacing:3px}.hero-led-sub{font-size:18px}}@keyframes ledSweep{0%{left:-60%}to{left:120%}}.meat-section{width:100%;padding:18px 0 10px}.section-led-frame{position:relative;width:100%;margin:10px auto 16px;padding:16px 10px;border-radius:18px;border:2px solid #caa24d;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.section-led-frame:before{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,215,120,.6),transparent);animation:ledSweep 4.2s linear infinite}.section-led-title{position:relative;z-index:2;font-size:22px;font-weight:800;color:#ffd77a;text-align:center}.meat-hero{width:100%;margin:0 auto 16px;border-radius:18px;overflow:hidden}.meat-hero img{width:100%;height:auto;display:block}.meat-grid{width:100%;display:grid;gap:14px;padding:6px 2px 0}@media(min-width:769px)and (max-width:1100px){.meat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1101px){.meat-grid{grid-template-columns:repeat(4,1fr)}}.meat-card img{width:100%;max-width:170px;height:160px;object-fit:contain;display:block}.meat-name{margin-top:10px;text-align:center;font-size:15px;font-weight:800;color:#35ff86;text-shadow:0 0 10px rgba(53,255,134,.55),0 0 18px rgba(53,255,134,.3);animation:greenPulse 2.8s ease-in-out infinite}@keyframes greenPulse{0%{text-shadow:0 0 8px rgba(53,255,134,.45),0 0 14px rgba(53,255,134,.22)}50%{text-shadow:0 0 14px rgba(53,255,134,.75),0 0 24px rgba(53,255,134,.38)}to{text-shadow:0 0 8px rgba(53,255,134,.45),0 0 14px rgba(53,255,134,.22)}}.product-card{position:relative;border-radius:18px;overflow:hidden;will-change:transform;animation:cardFloat 5s ease-in-out infinite;transform-origin:center}.product-card img.product-img{display:block;width:100%;height:auto;will-change:transform,filter;animation:productBreath 4.5s ease-in-out infinite;transform-origin:center}.product-card:after{content:"";position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:58%;height:18px;border-radius:50%;background:#00000059;filter:blur(10px);opacity:.55;will-change:transform,opacity;animation:shadowBreath 4.5s ease-in-out infinite;pointer-events:none}.product-card:before{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:0 0 0 1px #d4af378c;opacity:.55;will-change:opacity,box-shadow;animation:goldGlow 3.8s ease-in-out infinite;pointer-events:none}@keyframes productBreath{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.03)}}@keyframes shadowBreath{0%,to{transform:translate(-50%) scale(1);opacity:.55}50%{transform:translate(-50%) scale(.92);opacity:.42}}@keyframes goldGlow{0%,to{opacity:.55;box-shadow:0 0 0 1px #d4af378c,0 0 10px #d4af371a}50%{opacity:.8;box-shadow:0 0 0 1px #d4af37bf,0 0 18px #d4af372e}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.product-card:hover img.product-img{animation-play-state:paused;transform:scale(1.04)}@media(prefers-reduced-motion:reduce){.product-card,.product-card:before,.product-card:after,.product-card img.product-img{animation:none!important;transform:none!important}}.reveal{opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px);transition:opacity .8s ease,transform .8s ease,filter .8s ease;will-change:opacity,transform,filter}.reveal.delay-1{transition-delay:.1s}.reveal.delay-2{transition-delay:.2s}.reveal.delay-3{transition-delay:.3s}.reveal.delay-4{transition-delay:.4s}.reveal{opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media(min-width:992px){.meat-section{display:flex;flex-direction:column;align-items:center}.section-led-frame{width:100%;max-width:900px;margin:0 auto 40px;text-align:center}.section-led-title{text-align:center}.section-led-frame p,.section-led-frame .section-desc,.section-led-frame .section-text{text-align:center;margin-left:auto;margin-right:auto}}@media(min-width:992px){.hero-content{display:flex;flex-direction:column;align-items:center}.hero-led-frame{text-align:center}.hero-text-block{text-align:center;max-width:900px;margin-left:auto;margin-right:auto}}@media(min-width:992px){.hero-led-frame{width:fit-content;max-width:none;padding:25px 110px;margin:0 auto}}@media(min-width:992px){.meat-hero{display:flex;justify-content:center}.meat-hero img{width:35%;max-width:850px;height:auto}}@media(min-width:992px){.meat-grid{grid-template-columns:repeat(4,1fr);gap:30px}.meat-card img{width:58%;max-width:none;height:auto;transition:.3s ease}}.products-slider{width:100%;overflow:hidden;margin:60px 0}.products-slider-track{display:flex;width:fit-content;animation:products-scroll 30s linear infinite}.products-slider-track img{height:90px;margin:0 20px;object-fit:contain}@keyframes products-scroll{0%{transform:translate(-100)}to{transform:translate(50%)}}@media(max-width:768px){.products-slider-track{animation-duration:45s}}@media(max-width:768px){.products-slider img{max-height:300px;margin:0 26px}}@media(max-width:480px){.products-slider img{max-height:300px;margin:0 30px}}.products-slider img{height:100%;max-height:160px;width:auto;margin:0 22px}.products-slider img{max-height:220px;width:auto;margin:0 10px}@media(max-width:768px){.products-slider img{max-height:260px;margin:0 36px}}@media(max-width:480px){.products-slider img{max-height:300px;margin:0 40px}}.products-slider img{margin:0 10px}.products-slider img{border-radius:32px;box-shadow:0 8px 20px #00000040}.poultry-section{padding:80px 20px;text-align:center}.poultry-hero{margin:40px auto 60px;display:flex;justify-content:center}.poultry-hero img{width:70%;max-width:900px;height:auto;display:block}.poultry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px;max-width:1200px;margin:0 auto}.poultry-card{position:relative;padding:18px;border-radius:18px;background:#0cd10f40;border:2px solid rgba(212,175,55,.7);box-shadow:0 0 18px #d4af3759,inset 0 0 12px #d4af3740;overflow:hidden;opacity:0;transform:translateY(40px) scale(.95);transition:all .7s ease}.poultry-card.active{opacity:1;transform:translateY(0) scale(1)}.poultry-card img{width:100%;height:auto;display:block;border-radius:14px}@media(min-width:992px){.poultry-hero img{width:60%}.poultry-grid{grid-template-columns:repeat(4,1fr);gap:34px}.poultry-card{padding:22px}}@media(max-width:768px){.poultry-hero img{width:95%}.poultry-grid{gap:20px}.poultry-card{padding:14px;box-shadow:0 0 12px #d4af3740,inset 0 0 8px #d4af3733}}.poultry-name{margin-top:12px;font-size:18px;font-weight:700;color:#09be12;text-align:center;text-shadow:0 0 6px rgba(0,255,120,.6),0 0 12px rgba(0,255,120,.4)}@media(max-width:768px){.poultry-name{font-size:16px}}.poultry-section .section-led-frame{margin-top:-52px}@media(max-width:768px){.poultry-hero{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.poultry-hero img{width:100%;height:auto;display:block}}.poultry-card{position:relative;border-radius:22px;padding:10px;background:linear-gradient(145deg,#f7e7a6,#d4af37,#b8962e,#f7e7a6);box-shadow:0 0 12px #d4af37cc,0 0 25px #008cff73}.poultry-card img{width:100%;border-radius:16px;background:#111;display:block}@keyframes glowMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.poultry-card{position:relative;background:radial-gradient(circle at center,#0e2a1f,#050805 70%);border-radius:22px;padding:18px;overflow:hidden;border:2px solid #d4af37;box-shadow:0 0 12px #d4af3799,0 0 25px #008cff59;transition:transform .35s ease,box-shadow .35s ease}.poultry-card,.poultry-card *{background:transparent!important}.poultry-card:before,.poultry-card:after{background:none!important;box-shadow:none!important;opacity:0!important}.poultry-card img{position:relative;z-index:5;background:transparent!important}.rice-slider-section{width:100%;overflow:hidden;margin:40px 0}.rice-slider-track{width:100%;overflow:hidden}.rice-slider{display:flex;gap:20px;animation:riceScroll 22s linear infinite}.rice-slider img{width:220px;height:auto;border-radius:16px;flex-shrink:0}@media(max-width:768px){.rice-slider img{width:180px}}.rice-slider-section{width:100%;overflow:hidden;margin:30px 0;padding:0}.rice-slider-track{width:100%;overflow:hidden;display:flex;justify-content:center}.rice-slider{display:flex;align-items:center;gap:16px;width:max-content;animation:riceScroll 22s linear infinite;will-change:transform}.rice-slider img{width:240px;max-width:70vw;height:auto;border-radius:18px;flex-shrink:0}@keyframes riceScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.rice-slider{gap:12px}.rice-slider img{width:200px}}.rice-slider-section{margin-top:-40px}.rice-section{padding:60px 16px;background:transparent}.section-led-frame{display:flex;justify-content:center;margin-bottom:30px}.section-led-title{padding:14px 30px;font-size:20px;font-weight:700;color:#925e11;border-radius:18px;background:linear-gradient(145deg,#f7e7b3,#ffe81b);box-shadow:0 0 12px #c9a24db3,0 0 22px #008cff59}.rice-hero{width:100%;margin:0 auto 40px;border-radius:22px;overflow:hidden}.rice-hero img{width:100%;height:auto;display:block;object-fit:cover}.rice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.rice-card{position:relative;border-radius:26px;padding:22px 14px 18px;text-align:center;background:linear-gradient(160deg,#f6e7b8,#c9a24d);box-shadow:0 0 14px #c9a24d99,0 0 28px #008cff59}.rice-glow{position:absolute;inset:14px;border-radius:20px;background:radial-gradient(circle,#008cff40,#0000 70%);filter:blur(14px);z-index:1}.rice-card img{position:relative;z-index:2;width:80%;max-width:180px;margin:0 auto 14px;display:block}.rice-name{position:relative;z-index:2;font-size:16px;font-weight:700;color:#19c232;text-shadow:0 0 6px rgba(255,255,255,.4)}.reveal{animation:fadeUp .8s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.rice-grid{grid-template-columns:repeat(3,1fr)}.section-led-title{font-size:22px}}.poultry-card{position:relative;background:transparent;border-radius:22px;padding:18px;border:2px solid rgba(212,175,55,.9);box-shadow:0 0 14px #d4af378c,0 0 26px #00a0ff40}.poultry-card:before,.poultry-card:after{display:none}.poultry-card img{display:block;width:100%;max-width:210px;margin:0 auto 14px;background:transparent;position:relative;z-index:2}.poultry-card:after{content:"";position:absolute;inset:22px;border-radius:18px;background:radial-gradient(circle at center,rgba(0,180,255,.18),transparent 70%);z-index:1}.poultry-name{text-align:center;font-size:15px;font-weight:600;color:#12c64b;text-shadow:none;margin-top:8px}.poultry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.rice-card{position:relative;background:transparent;border:2px solid #d4af37;border-radius:20px;padding:18px 14px 16px}.rice-card:before,.rice-card:after{display:none!important}.rice-card img{display:block;width:100%;max-width:200px;margin:0 auto 12px;background:transparent}.rice-name{text-align:center;font-size:15px;font-weight:600;color:#1cc51e;margin-top:6px}.rice-section{margin-top:-40px}.footer{background:transparent;padding:40px 20px;border-top:1px solid rgba(255,215,0,.3)}.about-masala{max-width:420px;margin:0 auto;text-align:center}.footer-title{color:#d4af37;font-size:20px;margin-bottom:12px;text-shadow:0 0 8px rgba(212,175,55,.6)}.footer-text{color:#6dda19;font-size:15px;margin-bottom:12px}.footer-info li{color:#66e014;font-size:14px;margin-bottom:6px}.footer{padding:60px 20px 80px;background:transparent}.about-masala{max-width:460px;margin:0 auto;padding:28px 24px;text-align:center;border-radius:18px;background:linear-gradient(180deg,#ffd70014,#00000059);border:1px solid rgba(212,175,55,.35);box-shadow:0 0 18px #d4af3740,inset 0 0 20px #0009}.footer-title{font-size:22px;margin-bottom:14px;color:#d4af37;font-weight:600;letter-spacing:1px;text-shadow:0 0 6px rgba(212,175,55,.8),0 0 14px rgba(212,175,55,.4)}.footer-text{font-size:15px;color:#f1f1f1;margin-bottom:14px;line-height:1.7}.footer-info li{font-size:14px;color:#ddd;margin-bottom:8px;letter-spacing:.3px}.footer-info li span{color:#d4af37;font-weight:500}.about-masala{max-width:460px;margin:0 auto;padding:26px 22px;text-align:center;background:transparent;border-radius:18px;border:2px solid #d4af37;box-shadow:inset 0 0 18px #d4af378c,inset 0 0 30px #ffd77840;position:relative}.about-masala:before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(145deg,rgba(255,215,120,.12),transparent 60%);pointer-events:none}.footer-title{font-size:21px;margin-bottom:14px;color:#f1ee11;font-weight:600;letter-spacing:.5px}.footer-text{font-size:14.5px;color:#1ae943;margin-bottom:12px;line-height:1.6}.footer-info{list-style:none;padding:0;margin:0}.footer-info li{font-size:14px;margin-bottom:8px;color:#44d91b}.footer-info li span{color:gold;font-weight:600}.contact-section{margin:60px 0 80px;padding:0 16px}.contact-card{max-width:460px;margin:0 auto;padding:26px 22px;text-align:center;background:transparent;border-radius:18px;border:2px solid #d4af37;box-shadow:inset 0 0 18px #d4af378c,inset 0 0 30px #ffd77840}.contact-title{font-size:22px;color:gold;margin-bottom:22px;font-weight:600}.contact-icons{display:flex;flex-direction:column;gap:14px}.contact-icon{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;font-size:15px;border:1.5px solid rgba(212,175,55,.6);box-shadow:inset 0 0 10px #d4af3740;transition:all .3s ease}.contact-icon span{color:#34d399;text-shadow:0 0 10px rgba(52,211,153,.8),0 0 20px rgba(52,211,153,.5),0 0 4px rgba(16,185,129,.9);font-weight:600}.contact-icon i{font-size:18px}.whatsapp i{color:#25d366}.facebook i{color:#1877f2}.instagram i{color:#e1306c}.youtube i{color:red}.contact-icon:hover{transform:translateY(-2px);box-shadow:inset 0 0 18px #d4af3799,0 0 8px #0096ff40}.contact-icon:hover span{color:#6ee7b7;text-shadow:0 0 14px rgba(52,211,153,.9),0 0 28px rgba(52,211,153,.6),0 0 6px rgba(110,231,183,1)}.contact-section{margin-top:-40px}.gold-divider{position:relative;height:2px;width:90%;margin:30px auto 25px;background:linear-gradient(to right,#8a6a1f,gold,#8a6a1f);border-radius:2px;overflow:hidden}.gold-divider:before{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.9),transparent);animation:goldShine 2.5s linear infinite}@keyframes goldShine{0%{left:-30%}to{left:100%}}.rights-footer{margin-top:40px;padding:18px 10px 25px;text-align:center;font-size:14px;color:#d4af37;position:relative}.rights-footer p{margin:0;font-weight:600;letter-spacing:.5px}.rights-footer span{display:block;margin-top:6px;font-size:13px;color:#bfa64a}.rights-footer:before{content:"";display:block;width:70%;height:1px;margin:0 auto 15px;background:linear-gradient(to right,transparent,#ffd700,transparent)}@media(min-width:1200px){.meat-section,.meat-slider-section{padding:60px 0}.meat-slider,.meat-grid{gap:30px}.meat-card{width:300px;min-height:420px;transform:scale(1.05)}.meat-card img{width:100%;max-height:260px;object-fit:contain}.meat-card h3,.meat-card-title{font-size:20px;margin-top:14px}}@media(min-width:1200px){.products-slider{margin-top:-60px}}@media(min-width:1200px){.poultry-section .poultry-hero img{width:35%;max-width:900px;margin:0 auto;display:block}}@media(min-width:1000px){.poultry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}}@media(min-width:1200px){.meat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;padding:20px 40px}.meat-card img{max-width:85%;margin:auto;display:block}}.meat-name{margin-top:0;position:relative;top:-20px}@media(min-width:1024px){.rice-hero img{width:45%;max-width:500px;height:auto}}@media(min-width:1024px){.rice-hero{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.rice-hero img{width:35%;max-width:900px;height:auto;display:block}}@media(min-width:1024px){.contact-section{display:flex;justify-content:space-between;align-items:stretch;gap:40px;padding:60px 80px}}@media(min-width:1024px){.about-card,.contact-card{flex:1;max-width:48%}}@media(min-width:1024px){.contact-card{padding:40px}}@media(min-width:1024px){.contact-card .contact-icons{display:flex;justify-content:center;gap:20px;flex-wrap:nowrap}}@media(min-width:1024px){.contact-card .contact-icons a{min-width:150px;padding:14px 20px;font-size:16px}}@media(min-width:1200px){.rice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}}@media(max-width:768px){.meat-name{position:relative!important;top:auto!important;bottom:auto!important;display:block;margin-top:12px;padding:0 6px;text-align:center;line-height:1.4;white-space:normal}}@media(max-width:768px){.meat-card img{margin-bottom:8px}}.meat-name{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:90%;text-align:center;color:#3cff3c;font-weight:700;font-size:16px;line-height:1.4;text-shadow:0 0 6px rgba(0,255,0,.8),0 0 12px rgba(0,255,0,.6)}@media(max-width:768px){.meat-name{font-size:14px;bottom:10px}.meat-card{padding-bottom:56px}}@media(min-width:1024px){.meat-name{position:absolute;bottom:14px;top:auto!important;left:50%;transform:translate(-50%);width:90%;text-align:center;color:#3cff3c;font-size:16px;font-weight:700;text-shadow:0 0 6px rgba(0,255,0,.8),0 0 12px rgba(0,255,0,.6)}}@media(min-width:1024px){.meat-card img{margin-bottom:40px}}.meat-card img{box-shadow:none!important;border:none!important}.meat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;padding:40px 0}.meat-card{position:relative;height:400px;border-radius:30px;background:#000000d9;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #ffd700e6,0 0 28px #ffd70073;overflow:hidden}.meat-card img{width:70%;max-height:220px;object-fit:contain}.meat-name{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#3cff00;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;text-shadow:0 0 6px rgba(60,255,0,.9),0 0 14px rgba(60,255,0,.6)}.meat-card:hover{transform:translateY(-4px);transition:.3s ease;box-shadow:0 0 0 2px #ffe678,0 0 40px #ffd700a6}@media(max-width:768px){.meat-grid{grid-template-columns:repeat(2,1fr)}.meat-card{height:300px}.meat-name{font-size:14px;bottom:14px}}@media(min-width:1200px){.meat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}}.meat-section,.meat-grid,.meat-card{background:transparent!important;background-color:transparent!important}.meat-card{background:transparent;padding:0;text-align:center}.meat-card img,.meat-card .meat-name{position:relative;z-index:2}.meat-card:before{content:"";position:absolute;inset:0;border-radius:18px;border:2px solid rgba(212,175,55,.95);box-shadow:0 0 10px #d4af3799,0 0 22px #ffd77873,inset 0 0 12px #ffe69640;animation:meatGoldGlow 2.6s infinite ease-in-out;pointer-events:none}.meat-card{position:relative;padding:20px 12px 14px;border-radius:18px}.meat-name{margin-top:10px;font-size:15px;font-weight:600;color:#7cff00;text-shadow:0 0 8px rgba(124,255,0,.6)}@keyframes meatGoldGlow{0%{box-shadow:0 0 8px #d4af3766,0 0 16px #d4af374d,inset 0 0 8px #ffd77833}50%{box-shadow:0 0 16px #ffd778e6,0 0 30px #d4af37cc,inset 0 0 14px #ffe69673}to{box-shadow:0 0 8px #d4af3766,0 0 16px #d4af374d,inset 0 0 8px #ffd77833}}.meat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}.meat-card{display:flex;justify-content:center}.meat-box{position:relative;padding:18px 14px 14px;border-radius:25px}.meat-box:before{content:"";position:absolute;inset:0;border-radius:18px;border:2px solid rgba(212,175,55,1);box-shadow:0 0 10px #d4af37b3,0 0 22px #ffd77899,inset 0 0 12px #ffe69659;animation:meatGlow 2.4s ease-in-out infinite;pointer-events:none}.meat-box img{width:150px;display:block;margin:0 auto;z-index:2;position:relative}.meat-name{margin-top:10px;text-align:center;font-size:15px;font-weight:600;color:#7cff00;text-shadow:0 0 10px rgba(124,255,0,.7);position:relative;z-index:2}@keyframes meatGlow{0%{box-shadow:0 0 8px #d4af3766,inset 0 0 6px #ffd77840}50%{box-shadow:0 0 20px #ffd778e6,inset 0 0 14px #ffe69673}to{box-shadow:0 0 8px #d4af3766,inset 0 0 6px #ffd77840}}@media(max-width:768px){.meat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:10px}.meat-card{width:100%}.meat-box{padding:10px}.meat-box img{width:100%;max-height:160px;object-fit:contain}.meat-name{font-size:14px;margin-top:6px;text-align:center}}.meat-box img{max-width:100%;max-height:190px;object-fit:contain}.meat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;padding:20px}.meat-item{border:2px solid #d4af37;border-radius:38px;padding:50px 18px 20px;text-align:center;box-shadow:0 0 14px #d4af37b3,inset 0 0 8px #d4af3759;transition:.3s ease}.meat-item:hover{box-shadow:0 0 22px #d4af37,inset 0 0 10px #d4af3780}.meat-item img{width:100%;max-height:250px;object-fit:contain;margin-bottom:0}.meat-item span{display:block;font-size:15px;color:#39ff14;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.meat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.meat-grid img{width:px;height:auto;display:block;margin:0 auto}}@media(max-width:768px){.admin-btn-desktop{display:none}}@media(min-width:769px){.admin-btn-mobile{display:none}}@media(min-width:769px){.admin-btn-desktop{background:#1f3f2f;color:#fff;padding:8px 16px;font-size:14px;font-weight:600;border:1.5px solid #d4af37;border-radius:8px;box-shadow:0 0 10px #d4af3766;transition:.3s ease}.admin-btn-desktop:hover{transform:scale(1.05)}}@media(max-width:768px){.admin-btn-mobile{width:100%;margin-top:15px;padding:12px;background:#1f3f2f;color:#fff;font-size:15px;font-weight:700;border:2px solid #d4af37;border-radius:10px;box-shadow:0 0 15px #d4af3780}.admin-btn-mobile:active{transform:scale(.96)}}.admin-btn{background:linear-gradient(145deg,#d4af37,#b8860b);color:#000;font-weight:700;border:none;border-radius:12px;padding:8px 18px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #d4af3766,inset 0 -2px 4px #0000004d}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af37b3,inset 0 -2px 6px #0006}.admin-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #d4af3780,inset 0 2px 6px #00000080}@media(min-width:769px){.admin-btn{font-size:18px;padding:10px 22px}}@media(max-width:768px){.admin-btn{font-size:18px;padding:6px 14px}}.admin-btn{position:relative;overflow:hidden}.home-entry-buttons{display:flex;gap:12px;align-items:center}.home-entry-buttons .admin-btn{margin:0}.delegate-btn{background:linear-gradient(145deg,#0f5132,#198754);color:#fff;font-weight:700;border:none;border-radius:12px;padding:8px 18px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0f513266}.delegate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f513280}.delegate-btn:active{transform:translateY(1px)}@media(min-width:769px){.delegate-btn{font-size:18px;padding:10px 22px}}@media(max-width:768px){.delegate-btn{font-size:18px;padding:6px 14px}.home-entry-buttons{flex-direction:column}}.admin-btn:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-25deg);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-75%}50%{left:125%}to{left:125%}}.meat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;padding:20px}.meat-card{border:4px solid #d4af37;border-radius:18px;padding:20px;text-align:center;background:transparent;display:flex;flex-direction:column;justify-content:space-between}.meat-card img{width:100%;max-width:160px;margin:0 auto 15px;display:block}.meat-name{font-size:13px;font-weight:500}.meat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}@media(min-width:1024px){.meat-grid{grid-template-columns:repeat(4,1fr)}}.meat-card{position:relative;text-align:center;padding:35px 20px 25px;border-radius:18px;transition:.3s ease}.meat-card:before{content:"";position:absolute;inset:0;border-radius:18px;border:3px solid #d4af37;pointer-events:none}.meat-card img{width:180px;height:auto;margin-bottom:15px;transition:.3s ease}.meat-name{font-size:18px;font-weight:600}.meat-card:hover{transform:translateY(-6px)}.meat-card:hover:before{box-shadow:0 0 25px #d4af3780}.meat-grid{display:grid;gap:40px;padding:40px 20px}@media(max-width:767px){.meat-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and (max-width:1199px){.meat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.meat-grid{grid-template-columns:repeat(4,1fr)}}.meat-card{position:relative;text-align:center;padding:30px 15px 25px;border-radius:22px;background:#0006}.meat-card:before{content:"";position:absolute;inset:0;border-radius:22px;border:2.5px solid #d4af37;pointer-events:none}.meat-card img{width:100%;max-width:180px;height:auto;margin-bottom:15px}.meat-card,.meat-card:before,.meat-card:after{border:none!important;box-shadow:none!important;outline:none!important;background:transparent}.meat-card{position:relative;text-align:center;padding:40px 25px 30px;border-radius:20px;background:#0000008c;border:3px solid #d4af37}.meat-card img{width:180px;max-width:100%;margin-bottom:20px}.meat-name{margin-top:10px}.meat-card{border:3px solid #d4af37}.meat-card{border:3px solid #d4af37!important}.meat-name{font-size:16px;padding:0 10px;text-align:center;word-wrap:break-word}@media(max-width:768px){.meat-name{font-size:14px}}.meat-name{width:100%;text-align:center;font-size:15px;line-height:1.4;padding:0 12px;display:flex;justify-content:center;align-items:center;word-break:break-word;overflow-wrap:break-word}@media(max-width:480px){.meat-name{font-size:13px}}.meat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.meat-name{width:100%;max-width:100%;text-align:center;font-size:15px;line-height:1.5;padding:0 12px 12px;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;white-space:normal}@media(max-width:768px){.meat-name{font-size:14px;padding:0 10px 10px}}@media(max-width:480px){.meat-name{font-size:13px;padding:0 8px 8px}}.home-page{transform:none!important}.admin-login-page{position:relative;width:100vw;height:100vh;overflow:hidden}.door-stage{position:absolute;top:10%;left:10%;width:80%;height:80%;perspective:2000px;z-index:5;pointer-events:none}.door-left,.door-right{position:absolute;top:0;width:50%;height:100%;transition:transform 2s cubic-bezier(.2,.8,.2,1);background:repeating-linear-gradient(90deg,#e5662b,#7d351b 8px,#81310c 8px,#572405 16px);box-shadow:inset 0 0 25px #0009}.door-left{left:0;transform-origin:left;border-right:2px solid #3a1f0f}.door-right{right:0;transform-origin:right;border-left:2px solid #3a1f0f}.door-stage.open .door-left{transform:rotateY(-100deg)}.door-stage.open .door-right{transform:rotateY(100deg)}.admin-login-card{position:relative;z-index:10;width:380px;max-width:90%;margin:auto;top:50%;transform:translateY(-50%);padding:50px 30px;border-radius:25px;background:transparent;border:2px solid #d4af37;box-shadow:0 0 25px #d4af3799,0 0 60px #d4af3733;text-align:center;color:#fff}.admin-login-icon{font-size:40px;margin-bottom:20px}.admin-login-title{font-size:28px;font-weight:700;color:#f5d77a;margin-bottom:10px}.admin-login-desc{font-size:16px;opacity:.8;margin-bottom:25px}.admin-login-input{width:100%;padding:14px;border-radius:12px;border:2px solid #caa43b;background:#0006;color:#fff;font-size:16px;outline:none;margin-bottom:25px}.admin-login-btn{width:100%;padding:15px;border-radius:14px;border:none;font-size:17px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#f5d77a,#caa43b);color:#000;box-shadow:0 6px 15px #d4af3799;transition:.3s ease}.admin-login-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #d4af37e6}.hide-card{opacity:0;transform:translateY(-40px) scale(.9);transition:all .6s ease;pointer-events:none}.door-center,.door-line,.door:after{display:none!important}.door-left,.door-right{border:none!important}@media(max-width:768px){.door-frame{width:88vw;height:90vh}}@media(max-width:768px){.door-stage{display:flex;justify-content:center;align-items:center}.door-frame{width:95vw;height:100vh;margin:0 auto}}@media(max-width:768px){.door-frame{height:100vh;margin-top:-2.5vh;margin-bottom:-2.5vh}}.brick-wall{position:fixed;inset:0;pointer-events:none;z-index:2}.brick-wall:before{content:"";position:absolute;top:0;left:0;width:100%;height:10vh;background:repeating-linear-gradient(0deg,#f7e011,#8a4b2a 40px,#6e3b1f 40px 80px)}.brick-wall:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10vh;background:repeating-linear-gradient(0deg,#e5b713,#8a4b2a 40px,#6e3b1f 40px,#301506 80px)}.brick-right{position:fixed;top:0;right:0;width:10%;height:100vh;background:linear-gradient(to right,#0009,#0003),repeating-linear-gradient(0deg,#efc416,#c8bebb 40px,#a04b25 40px,#ebca13 80px);box-shadow:inset 0 0 40px #000000b3}.brick-left{position:fixed;top:0;left:0;width:10%;height:100vh;background:linear-gradient(to left,#0009,#0003),repeating-linear-gradient(0deg,#f2cc11,#dfd9d6 40px,#a04b25 40px,#cbc20e 80px);box-shadow:inset 0 0 40px #000000b3}.btn-spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;display:inline-block;margin-left:10px;animation:spin .8s linear infinite}.error-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.error-popup{background:#1a0000;padding:40px 30px;border-radius:20px;text-align:center;width:90%;max-width:400px;border:2px solid red;box-shadow:0 0 25px red;animation:popScale .3s ease}@keyframes popScale{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.error-icon{font-size:60px;color:red;margin-bottom:15px;text-shadow:0 0 20px red}.error-text{color:#fff;font-size:18px;font-weight:700}.error-text span{display:block;margin-top:8px;font-size:14px;color:#f99}.error-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;transition:.3s}.error-close:hover{transform:scale(1.2);color:#f44}.error-popup{position:relative;padding-top:40px}.error-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:#ff000026;border-radius:50%;cursor:pointer;transition:.3s}.error-close:hover{background:#ff00004d;transform:scale(1.1)}.container{position:fixed;inset:0;z-index:-10;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 2px,hsl(0 0% 4%) 2px);background-size:8px 8px}.container:before{content:"";position:absolute;inset:-10em;z-index:-1;--f: blur(6em) brightness(4);animation:blobsMove 120s linear infinite,hueRotate 8s linear infinite;filter:var(--f);background-image:radial-gradient(ellipse 120px 90px at 50% 50%,#0f0 0%,transparent 100%),radial-gradient(ellipse 150px 120px at 50% 50%,#0f0 0%,transparent 100%),radial-gradient(ellipse 180px 150px at 50% 50%,#0f0 0%,transparent 100%),radial-gradient(ellipse 130px 100px at 50% 50%,#0f0 0%,transparent 100%);background-size:900px 700px,1200px 900px,1000px 1200px,800px 1000px}.container:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:hue-rotate(90deg);backdrop-filter:hue-rotate(90deg);-webkit-mask:linear-gradient(45deg,transparent,black);mask:linear-gradient(45deg,transparent,black);animation:rotateMask 8s linear infinite}@keyframes hueRotate{0%{filter:blur(6em) brightness(4) hue-rotate(0deg)}to{filter:blur(6em) brightness(4) hue-rotate(360deg)}}@keyframes blobsMove{0%{background-position:200px 300px,600px 200px,100px 700px,500px 500px}to{background-position:-6000px -2000px,8000px 3000px,-4000px 5000px,6000px -4000px}}@keyframes rotateMask{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.container:before{--f: blur(4em) brightness(3)}}.desktop-dashboard{min-height:100vh;position:relative;font-family:Cairo,sans-serif;direction:rtl}.desktop-wallpaper{position:fixed;inset:0;background:linear-gradient(160deg,#0f172af7,#1e293bf2,#0f172afa),radial-gradient(ellipse 80% 50% at 20% 40%,rgba(26,255,106,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(245,201,106,.06) 0%,transparent 50%);z-index:0;pointer-events:none}.desktop-taskbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 24px;background:#0f172ad9;border-bottom:1px solid rgba(148,163,184,.3);box-shadow:0 4px 20px #0000004d}.desktop-taskbar-right{display:flex;align-items:center;gap:16px}.desktop-welcome{font-size:1rem;font-weight:700;color:#e5e7eb}.desktop-title{margin:0;font-size:1.1rem;font-weight:800;color:#fefce8;text-align:center;flex:1}.desktop-logout{padding:10px 20px;font-size:.95rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(145deg,#f5c96a,#d4a93c);color:#2b1b00;box-shadow:0 4px 12px #00000040;transition:transform .12s ease,box-shadow .12s ease}.desktop-logout:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000059}.desktop-logout:active{transform:translateY(0)}.desktop-main{position:relative;z-index:1;padding:32px 28px 48px;min-height:calc(100vh - 60px)}.desktop-home-wrap{display:flex;align-items:stretch;justify-content:flex-start;gap:24px;min-height:calc(100vh - 140px)}.desktop-logo-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:0}.desktop-logo-img{width:clamp(120px,27vw,210px);height:auto;max-height:180px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(212,175,55,.35));display:block}.desktop-logo{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:.08em;color:#fefce9eb;text-shadow:0 0 40px rgba(26,255,106,.25),0 2px 20px rgba(0,0,0,.4);margin-bottom:8px}.desktop-logo-sub{font-size:1rem;font-weight:600;color:#94a3b8d9;letter-spacing:.02em}.desktop-icons-column{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.desktop-icons-label{font-size:.9rem;font-weight:700;color:#94a3b8;margin-bottom:16px;padding-right:4px}.desktop-icons-strip{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:220px;margin-right:0;margin-left:auto}.desktop-icon-item{display:flex;align-items:center;gap:14px;width:100%;max-width:200px;padding:14px 18px;border:1px solid rgba(148,163,184,.35);border-radius:14px;background:#1e293b99;cursor:pointer;transition:all .2s ease;text-align:right;box-shadow:0 4px 14px #0003}.desktop-icon-item:hover{background:#334155bf;border-color:#1aff6a66;box-shadow:0 6px 20px #1aff6a26;transform:translate(-4px)}.desktop-icon-emoji{font-size:28px;line-height:1}.desktop-icon-name{font-size:1rem;font-weight:700;color:#e5e7eb}.desktop-folder-view{max-width:900px;margin:0 auto}.desktop-back{display:inline-flex;align-items:center;padding:10px 18px;margin-bottom:20px;font-size:.95rem;font-weight:700;color:#94a3b8;background:#1e293b99;border:1px solid rgba(148,163,184,.35);border-radius:12px;cursor:pointer;transition:all .2s ease}.desktop-back:hover{color:#e5e7eb;border-color:#94a3b899;background:#33415599}.desktop-folder-title{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:1.35rem;font-weight:800;color:#fefce8}.desktop-folder-emoji{font-size:1.5rem}.desktop-empty{color:#94a3b8;font-size:1rem;margin:20px 0}.desktop-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.desktop-folder-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 14px;border:1px solid rgba(148,163,184,.35);border-radius:14px;background:#1e293b99;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0003}.desktop-folder-icon:hover{background:#334155bf;border-color:#1aff6a66;box-shadow:0 6px 20px #1aff6a2e;transform:translateY(-3px)}.desktop-folder-icon-emoji{font-size:36px;line-height:1}.desktop-folder-icon-name{font-size:.9rem;font-weight:700;color:#e5e7eb;text-align:center;line-height:1.3}@media(max-width:768px){.desktop-taskbar{flex-direction:column;align-items:stretch;text-align:center}.desktop-taskbar-right{justify-content:center}.desktop-home-wrap{flex-direction:column;justify-content:flex-start;align-items:center}.desktop-logo-area{padding:20px 16px}.desktop-icons-column{align-items:center;width:100%}.desktop-icons-strip{margin-right:auto;margin-left:auto;align-items:stretch;max-width:280px}.desktop-icon-item{max-width:none}.desktop-folder-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.customers-card{width:min(1200px,96vw);margin:18px auto 0}.customers-table{width:100%}.customers-table tbody td{vertical-align:middle}.actions-cell{justify-content:flex-start;gap:10px;white-space:nowrap}.settle-btn,.history-btn{padding:9px 16px;border-radius:16px;font-size:13px}.customers-page>h1,.customers-page .page-title{width:min(1200px,96vw);margin:0 auto 14px;color:#fff;font-weight:900;text-align:right}.dashboard-logo,.desktop-logo,.masala-logo,.center-logo,.hero-logo{font-size:clamp(52px,8vw,110px);font-weight:900;letter-spacing:4px;text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#fff8cc,#ffe082 18%,#ffd54f 38%,#ffca28 52%,#f4b400 68%,#fff3b0 82%,#fff8dc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(255,215,90,.35),0 0 18px rgba(255,193,7,.28),0 0 30px rgba(255,160,0,.18);filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));position:relative}.dashboard-logo:after,.desktop-logo:after,.masala-logo:after,.center-logo:after,.hero-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,0) 35%,rgba(255,255,255,.65) 50%,rgba(255,255,255,0) 65%,transparent 80%);transform:translate(-120%);animation:masalaGoldShine 3.6s ease-in-out infinite;pointer-events:none}@keyframes masalaGoldShine{0%{transform:translate(-120%);opacity:0}20%{opacity:1}55%{transform:translate(120%);opacity:1}to{transform:translate(120%);opacity:0}}.dashboard-logo,.desktop-logo,.masala-logo,.center-logo,.hero-logo{font-size:clamp(34px,5vw,72px)!important}.center-logo img,.dashboard-center-logo img,.masala-center-logo img,.hero-logo img{transform:scale(1.75)!important;transform-origin:center center}:root{--green: #2e7d32;--green-soft: #e7f4ea;--offwhite: #f8faf8;--dark: #1f2933;--gray: #6b7280;--danger: #d32f2f;--warning: #f9a825}.users-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;align-items:center;padding:40px 20px;direction:rtl;box-sizing:border-box}.users-card{width:100%;max-width:1000px;background:var(--offwhite);border-radius:18px;padding:28px;box-shadow:0 30px 60px #00000059}.users-title{text-align:center;font-size:24px;font-weight:800;color:var(--dark);margin-bottom:30px}.add-user-btn{display:block;margin:0 auto 25px;background:var(--green);color:#fff;border:none;padding:12px 26px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #2e7d3266}.add-user-btn:hover{opacity:.9}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--green-soft)}.users-table th{padding:14px;font-size:14px;font-weight:700;color:var(--dark);text-align:center}.users-table td{padding:16px 12px;font-size:14px;text-align:center;border-bottom:1px solid #e0e0e0;color:var(--dark)}.badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block}.badge.manager{background:#ede7f6;color:#5e35b1}.badge.employee{background:#e0f2f1;color:#00695c}.badge.active{background:#e8f5e9;color:var(--green)}.badge.disabled{background:#fdecea;color:var(--danger)}.actions{display:flex;justify-content:center;gap:10px}.btn{padding:6px 14px;border-radius:10px;border:none;font-size:12px;font-weight:700;cursor:pointer}.btn.enable{background:var(--green);color:#fff}.btn.disable{background:var(--warning);color:#000}.btn.delete{background:var(--danger);color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--offwhite);width:100%;max-width:420px;border-radius:18px;padding:24px}.modal h3{margin-bottom:20px;color:var(--dark);text-align:center}.modal input,.modal select{width:100%;padding:12px;margin-bottom:14px;border-radius:10px;border:1px solid #ccc;font-size:14px}@media(max-width:768px){.users-card{padding:18px}.users-table thead{display:none}.users-table tr{display:block;background:#fff;margin-bottom:14px;border-radius:14px;padding:14px;box-shadow:0 6px 14px #00000026}.users-table td{display:flex;justify-content:space-between;border:none;padding:8px 0}.users-table td:before{content:attr(data-label);font-weight:700;color:var(--gray)}}.users-card{position:relative}.alert{position:absolute;top:20px;left:50%;transform:translate(-50%);min-width:260px;padding:14px 20px;border-radius:12px;font-weight:700;text-align:center;z-index:1000;animation:fadeDown .3s ease}.alert.success{background:#d1f7d6;color:#1b7a3c;border:1px solid #7edfa1}.alert.error{background:#ffd6d6;color:#8a1c1c;border:1px solid #ff9a9a}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.modal{background:#fff;width:90%;max-width:420px;border-radius:18px;padding:22px 20px 24px;box-shadow:0 15px 40px #0000002e;animation:scaleIn .25s ease}.modal h3{margin:0 0 18px;font-size:20px;font-weight:700;text-align:center;color:#222}.modal input,.modal select{width:100%;padding:13px 14px;margin-bottom:14px;border-radius:12px;border:1px solid #ddd;font-size:15px;outline:none;transition:.2s}.modal input:focus,.modal select:focus{border-color:#2e7d32;box-shadow:0 0 0 2px #2e7d3226}.checkbox{display:flex;align-items:center;gap:10px;font-size:14px;margin:10px 0 16px;color:#333}.checkbox input{width:18px;height:18px}.modal-actions{display:flex;gap:12px;margin-top:10px}.modal-actions button{flex:1;padding:12px 0;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:.2s}.modal-actions .save{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff}.modal-actions .save:hover{opacity:.9}.modal-actions .cancel{background:#f2f2f2;color:#333}.modal-actions .cancel:hover{background:#e0e0e0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.back-dashboard-btn{background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-size:14px;cursor:pointer;margin-bottom:15px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 10px #00000026;transition:all .2s ease}.back-dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.badge.perm-on{background:#e8f5e9;color:#2e7d32}.badge.perm-off{background:#fbe9e7;color:#c62828}.perm-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:25px;box-shadow:0 20px 50px #00000040;animation:fadeIn .2s ease}.modal input,.modal select{width:100%;margin-bottom:12px;padding:10px;border-radius:8px;border:1px solid #ddd}.modal-actions .save{background:#2e7d32;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.modal-actions .cancel{background:#b71c1c;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed!important;inset:0!important;background:#000000a6!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important}.modal{background:#fff!important;padding:30px!important;border-radius:14px!important;width:420px!important;max-width:95%!important;position:relative!important;z-index:1000000!important;box-shadow:0 20px 60px #00000059!important}.modal{display:flex;flex-direction:column;gap:15px;text-align:right}.modal input,.modal select{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;font-size:15px;box-sizing:border-box}.modal .checkbox{display:flex;align-items:center;gap:8px;margin-top:5px}.modal-actions{display:flex;justify-content:space-between;margin-top:15px}.modal-actions .save{background:#2e7d32;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.modal-actions .cancel{background:#c62828;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.modal .checkbox{display:flex;align-items:center;gap:10px;flex-direction:row;white-space:nowrap}.modal .checkbox input{width:18px;height:18px;cursor:pointer}.modal .checkbox label,.modal .checkbox span{display:inline}.modal .checkbox{justify-content:flex-start}.users-page{width:100vw;min-height:100vh;padding:40px 80px;box-sizing:border-box}.users-container,.users-card,.users-wrapper{width:100%;max-width:100%!important;margin:0!important}.users-card{width:100%;border-radius:16px}.users-table{width:100%}@media(min-width:1200px){.users-page{padding:60px 120px}}.user-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.user-modal{background:#fff;width:95%;max-width:900px;padding:40px;border-radius:18px;box-shadow:0 20px 60px #0000004d;animation:fadeInScale .3s ease}.user-modal h2{text-align:center;margin-bottom:30px;font-size:24px;color:#14532d}.user-modal input,.user-modal select{width:100%;padding:12px 14px;margin-bottom:18px;border-radius:10px;border:1px solid #ddd;font-size:14px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:20px 0}.permissions-grid label{background:#f3f4f6;padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;gap:8px;align-items:center;font-size:13px}.modal-actions{display:flex;justify-content:center;gap:20px;margin-top:20px}.modal-actions button{padding:10px 22px;border-radius:10px;border:none;font-weight:700;cursor:pointer}.modal-actions .save-btn{background:#16a34a;color:#fff}.modal-actions .cancel-btn{background:#ef4444;color:#fff}@keyframes fadeInScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.packaging-page{width:100%;min-height:100vh;padding:20px;background:#f5f3ef}.packaging-container{max-width:1200px;margin:0 auto}.header{background:#d6b48c;border-radius:18px;padding:20px;margin-bottom:20px}.header h1{margin:0 0 15px;text-align:center;font-size:26px;color:#3b2a1a}.header-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.kbd-btn{padding:12px 18px;border-radius:14px;border:none;background:linear-gradient(180deg,#e7c89b,#caa06a);color:#3b2a1a;font-size:15px;cursor:pointer;box-shadow:inset 0 -3px #00000026;transition:.15s}.kbd-btn:hover{transform:translateY(-1px)}.kbd-btn:active{transform:translateY(1px);box-shadow:inset 0 -1px #0003}.kbd-btn.danger{background:linear-gradient(180deg,#a44,#7a2a2a);color:#fff}.table-wrapper{margin-top:25px;background:#efe3d2;border-radius:18px;padding:15px;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}thead th{background:#d6b48c;padding:12px;font-weight:700;color:#3b2a1a}tbody td{background:#fff;padding:12px;text-align:center;border-bottom:1px solid #eee}.cards{display:none;margin-top:20px;gap:12px}.card{background:#efe3d2;border-radius:16px;padding:14px;box-shadow:inset 0 -3px #0000001f}.card div{margin-bottom:6px;font-size:14px}.modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#efe3d2;width:100%;max-width:420px;border-radius:18px;padding:20px}.modal-box h3{margin-top:0;text-align:center;color:#3b2a1a}.modal-box input,.modal-box select{width:100%;margin-bottom:10px;padding:10px;border-radius:10px;border:1px solid #ccc}.available{margin-bottom:10px;font-size:14px;color:#3b2a1a}.modal-actions{display:flex;gap:10px;justify-content:center}.toast{position:fixed;bottom:20px;right:20px;padding:12px 18px;border-radius:14px;font-size:14px;z-index:2000;color:#fff}.toast.success{background:#2e7d32}.toast.error{background:#c62828}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse;min-width:600px}.table-wrapper th,.table-wrapper td{padding:12px 10px;text-align:center;white-space:nowrap}@media(max-width:768px){.table-wrapper table{font-size:13px;min-width:500px}}.welcome-user{font-size:16px;font-weight:600;color:#1e3a8a;margin-bottom:10px}.kbd-back-btn{padding:14px 28px;border-radius:14px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s ease;background:linear-gradient(180deg,#caa24a,#9c7a28);color:#fff;box-shadow:0 6px #7a5e1e,0 8px 15px #0000004d}.kbd-back-btn:active{transform:translateY(4px);box-shadow:0 2px #7a5e1e,0 4px 8px #00000040}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease}.modal-box{background:#fff;width:420px;max-width:95%;padding:30px;border-radius:18px;box-shadow:0 15px 40px #0003;animation:slideUp .3s ease;direction:rtl}.modal-box h2{text-align:center;margin-bottom:25px;font-size:22px;color:#333}.modal-box input{width:100%;padding:12px;margin-bottom:15px;border-radius:10px;border:1px solid #ddd;font-size:14px;transition:.2s}.modal-box input:focus{outline:none;border-color:#2d8f5a;box-shadow:0 0 0 2px #2d8f5a26}.modal-actions{display:flex;justify-content:space-between;margin-top:10px}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0000008c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important}.modal-box{position:relative!important;right:auto!important;left:auto!important;margin:0!important;width:420px!important;max-width:95%!important;background:#fff!important;border-radius:18px!important;padding:30px!important;box-shadow:0 20px 50px #00000040!important;animation:popIn .25s ease!important}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box{width:420px;max-width:95%;background:#fff;border-radius:16px;padding:25px;box-shadow:0 15px 40px #00000040;animation:modalFade .25s ease}@keyframes modalFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box input{width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid #ddd;font-size:14px}.modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:10px}.packaging-page{min-height:100vh;background:#d2d1d0;padding:30px}.packaging-card,.packaging-page,.packaging-table{overflow:visible!important}.modal{position:relative;z-index:9999}.modal select,.modal .dropdown,.modal .select-wrapper{position:relative;z-index:10000}.dropdown-menu{position:absolute;z-index:10001}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;width:400px;max-width:90%;border-radius:20px;padding:25px;box-shadow:0 20px 40px #00000040;animation:modalFade .25s ease}@keyframes modalFade{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.kbd-btn.primary{background:linear-gradient(145deg,#43b36a,#2e8b57);color:#fff;box-shadow:0 6px #1e5c3a}.kbd-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px #1e5c3a}.kbd-btn.danger{background:linear-gradient(145deg,#c0392b,#922b21);color:#fff;box-shadow:0 6px #5c1a16}.kbd-btn.danger:hover{transform:translateY(-2px);box-shadow:0 8px #5c1a16}.kbd-btn.gold{background:linear-gradient(145deg,#d4af37,#b8860b);color:#fff;font-weight:700;box-shadow:0 6px #8b6914;border-radius:14px;padding:12px 28px;transition:all .2s ease}.kbd-btn.gold:hover{transform:translateY(-2px);box-shadow:0 8px #8b6914}.kbd-btn.gold:active{transform:translateY(4px);box-shadow:0 2px #8b6914}@media(max-width:768px){.packaging-buttons{display:flex;flex-direction:column;gap:14px;width:100%}.packaging-buttons .kbd-btn,.packaging-buttons .gold,.packaging-buttons .danger,.packaging-buttons .primary{width:100%;margin:0}}@media(min-width:769px){.packaging-buttons{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;width:100%}.packaging-buttons .kbd-btn{flex:1;max-width:260px}}.packaging-page,.packaging-container,.packaging-wrapper{position:relative;z-index:1}.packaging-buttons{position:relative;z-index:50}.background,.overlay,.page-overlay,.pattern,.animated-bg{pointer-events:none!important}.packaging-page{width:100%;max-width:100%;overflow-x:hidden;position:relative}.packaging-container{width:100%;max-width:1200px;margin:auto;position:relative;z-index:1}.packaging-buttons{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;position:relative;z-index:5}.packaging-page *{pointer-events:auto}.auto-wrap{position:relative;width:100%}.auto-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #0000001f;overflow:hidden;z-index:9999}.auto-item{width:100%;text-align:right;padding:12px 14px;background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:15px}.auto-item:hover{background:#0000000a}.material-input-wrapper{position:relative;width:100%}.suggestions-box{position:absolute;top:100%;right:0;left:0;background:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a;max-height:180px;overflow-y:auto;z-index:9999}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item:hover{background:#f2f2f2}.auto-wrapper{position:relative;width:100%}.auto-list{position:absolute;top:100%;right:0;left:0;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;max-height:180px;overflow-y:auto;z-index:9999}.auto-item{padding:10px;cursor:pointer}.auto-item:hover{background:#f2f2f2}.spices-page{min-height:100vh;background:#a9c799;padding:40px 30px;display:flex;flex-direction:column;align-items:center}.spices-header{width:100%;max-width:1200px;margin-bottom:35px;display:flex;flex-direction:column;align-items:center;gap:25px}.spices-summary-card{width:100%;max-width:1200px;margin-bottom:18px;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#1f2933,#111827);box-shadow:0 16px 32px #00000059;color:#e5e7eb;display:flex;justify-content:space-between;align-items:center;direction:rtl}.spices-summary-label{font-weight:800;font-size:16px}.spices-summary-value{font-weight:900;font-size:18px;color:#bbf7d0}.spices-title{font-size:34px;font-weight:900;margin:0;color:#fff;text-align:center}.spices-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.spices-actions .kbd-btn{min-width:210px}.kbd-btn{border:0;cursor:pointer;padding:14px 22px;border-radius:16px;font-weight:900;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:.15s ease;box-shadow:0 10px 20px #00000040}.kbd-btn:hover{transform:translateY(-2px)}.kbd-btn.primary{background:linear-gradient(180deg,#2fe07b,#0c8f49);color:#081c12}.kbd-btn.danger{background:linear-gradient(180deg,#c44747,#7f1f1f);color:#fff}.kbd-btn.gold{background:linear-gradient(180deg,#f5d27a,#b68922);color:#2b1a00}.table-wrapper{width:100%;max-width:1200px;background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 50px #00000040;overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse;direction:rtl}.table-wrapper thead th{background:linear-gradient(180deg,#e8d2ae,#d9bc8f);padding:14px;font-weight:900;text-align:center;color:#2c1b00}.table-wrapper tbody td{padding:14px;text-align:center;font-weight:700;border-bottom:1px solid #eee}.table-wrapper tbody tr:hover{background:#00000008}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal-box{background:#fff;width:min(420px,92%);border-radius:18px;padding:24px;box-shadow:0 30px 60px #0006;direction:rtl}.modal-box h2{text-align:center;margin-top:0;font-weight:900}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}@media(max-width:768px){.spices-title{font-size:26px}.spices-actions{flex-direction:column}.spices-actions .kbd-btn{width:100%}}.kbd-btn.navy{color:#fff;background:linear-gradient(180deg,#16324f,#0f243a 60%,#0b1c2e);box-shadow:0 10px #00000059,0 18px 30px #00000059,0 0 18px #14508c40,inset 0 1px #ffffff40,inset 0 -10px 22px #00000059}.kbd-btn.navy:hover{filter:brightness(1.1)}.recipes-page{min-height:100vh;padding:40px 20px;text-align:center}.recipes-title{font-size:32px;font-weight:700;color:#370303;margin-bottom:30px}.recipes-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:35px}.table-wrapper{background:#fff;border-radius:18px;padding:25px;box-shadow:0 20px 40px #00000026;overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse;text-align:center}.table-wrapper th{background:linear-gradient(135deg,#d4af37,#c59b2a);color:#fff;padding:14px;font-weight:600}.table-wrapper td{padding:12px;border-bottom:1px solid #eee}.table-wrapper tr:hover{background:#f8f8f8}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal-box{background:#fff;width:100%;max-width:600px;border-radius:22px;padding:40px;box-shadow:0 35px 70px #0000004d;text-align:right;animation:fadeInScale .25s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-box h2{text-align:center;margin-bottom:25px;color:#0f5132}.modal-box input,.modal-box select{width:100%;height:48px;margin-bottom:14px;border-radius:14px;border:1px solid #ddd;padding:0 14px;font-size:15px;background:#f9f9f9;transition:.2s ease}.modal-box input:focus,.modal-box select:focus{outline:none;border-color:#2ca36c;box-shadow:0 0 0 3px #2ca36c26;background:#fff}.modal-box .component-row{background:#fafafa;padding:15px;border-radius:14px;margin-bottom:15px;border:1px solid #eee}.modal-box .add-btn{margin-top:5px;margin-bottom:20px}.modal-box .totals-box{background:#f4f4f4;padding:15px;border-radius:14px;margin-top:15px;font-size:15px;line-height:1.8}.modal-box .totals-box strong{color:#0f5132}.modal-box .modal-actions{margin-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:768px){.modal-box{padding:25px}.recipes-title{font-size:24px}.modal-box input,.modal-box select{height:44px}}.modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-box{width:420px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:25px;box-shadow:0 20px 60px #00000040}.edit-btn{background:#2c7a7b;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.spm-page{min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top,#fef3c7 0,#fff7ed 25%,#fff 60%);font-family:Cairo,system-ui,sans-serif;direction:rtl;box-sizing:border-box}.spm-header{max-width:1200px;margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.spm-back-btn{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-weight:600;cursor:pointer}.spm-back-btn:hover{background:#f3f4f6}.spm-title{margin:0;font-size:1.6rem;font-weight:700;color:#111827}.spm-card{max-width:1200px;margin:0 auto 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0f172a0f;padding:20px 20px 24px}.spm-card-title{margin:0 0 16px;font-size:1.2rem;font-weight:700;color:#111827;border-bottom:1px solid #e5e7eb;padding-bottom:10px}.spm-loading{text-align:center;color:#6b7280;font-size:.95rem;padding:16px 0}.spm-input-runs{width:100%;max-width:120px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;text-align:center;direction:ltr}.spm-input-runs:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.spm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.spm-actions-bottom{margin-top:0;margin-bottom:16px}.spm-selected-mixes{margin-bottom:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.spm-mixes-heading{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:#111827}.spm-mixes-list{margin:0;padding-right:24px;list-style:none}.spm-mixes-list li{padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:.95rem}.spm-mixes-list li:last-child{border-bottom:none}.spm-btn-print{background:#2563eb;border-color:#1d4ed8;color:#fff}.spm-btn-print:hover{filter:brightness(1.05)}.spm-runs-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.spm-btn{padding:8px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:.9rem;font-weight:600}.spm-btn-primary{background:#16a34a;border-color:#15803d;color:#fff}.spm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.spm-btn-primary:not(:disabled):hover{filter:brightness(1.05)}.spm-btn-secondary{background:#f9fafb;border-color:#e5e7eb;color:#374151}.spm-btn-secondary:hover{background:#f3f4f6}.spm-table-wrap{overflow-x:auto}.spm-table{width:100%;border-collapse:collapse;font-size:.9rem}.spm-table th,.spm-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:right}.spm-table th{background:#f3f4f6;font-weight:700;color:#111827}.spm-table tr:nth-child(2n){background:#f9fafb}.spm-table tbody tr:hover{background:#eef2ff}.spm-summary-banner{border-radius:10px;padding:12px 14px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:.95rem}.spm-summary-ok{border:1px solid #16a34a;background:#ecfdf3;color:#166534}.spm-summary-bad{border:1px solid #dc2626;background:#fef2f2;color:#b91c1c}.spm-summary-main{font-weight:700}.spm-summary-stats{display:flex;flex-wrap:wrap;gap:12px;color:#4b5563}.spm-row-ok{background:#ecfdf3}.spm-row-partial{background:#fefce8}.spm-row-bad{background:#fef2f2}.spm-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.spm-badge-ok{background:#dcfce7;color:#166534}.spm-badge-partial{background:#fef9c3;color:#92400e}.spm-badge-bad{background:#fee2e2;color:#b91c1c}@media(max-width:768px){.spm-page{padding:16px 12px 28px}.spm-card{padding:16px 14px 20px}.spm-header,.spm-summary-stats{flex-direction:column;align-items:flex-start}.spm-table th,.spm-table td{padding:8px 6px;font-size:.85rem}}.mix-page{min-height:100vh;padding:40px 20px;text-align:center}.mix-title{font-size:28px;margin-bottom:25px}.mix-actions{margin-bottom:30px}.mix-table-wrapper{width:90%;max-width:1100px;margin:auto;background:#fff;padding:20px;border-radius:15px;box-shadow:0 10px 30px #00000014}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(90deg,#caa74b,#e6c97a)}th,td{padding:15px;border-bottom:1px solid #eee}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;padding:40px;z-index:999}.modal-box{background:#fff;width:90vw;max-width:1400px;min-width:800px;max-height:90vh;overflow-y:auto;border-radius:20px;padding:50px;box-shadow:0 25px 80px #00000059;transition:all .3s ease}.check-table{margin-top:30px;width:100%}.check-table table{width:100%;font-size:16px}.check-table th,.check-table td{padding:14px}@media(max-width:900px){.modal-box{width:95%;min-width:unset;padding:25px}}.mixstore-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:14px 0 18px}.mixstore-btn{border:0;cursor:pointer;padding:12px 18px;border-radius:16px;font-weight:800;letter-spacing:.2px;font-size:15px;min-width:170px;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;box-shadow:0 10px 22px #0000002e,inset 0 1px #ffffff40}.mixstore-btn--primary{color:#f3fff8;background:linear-gradient(180deg,#1f7a55,#135a3f);border:1px solid rgba(255,255,255,.14)}.mixstore-btn--gold{color:#2b1a05;background:linear-gradient(180deg,#d2a85a,#b8872c);border:1px solid rgba(255,255,255,.22)}.mixstore-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 26px #00000038,inset 0 1px #ffffff47}.mixstore-btn:active{transform:translateY(2px);box-shadow:0 6px 14px #0000002e,inset 0 2px #0000001a}@media(max-width:520px){.mixstore-actions{gap:10px;margin:10px 0 14px}.mixstore-btn{width:100%;min-width:unset;border-radius:14px;padding:12px 14px;font-size:14px}}.mixstore-actions{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:25px;flex-wrap:wrap}.mixstore-btn{padding:12px 22px;border-radius:14px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;min-width:150px}.mixstore-btn--primary{background:linear-gradient(135deg,#0f5132,#198754);color:#fff;box-shadow:0 4px 14px #0003}.mixstore-btn--success{background:#2ecc71;color:#fff}.mixstore-btn--secondary{background:#b8860b;color:#fff}.mixstore-btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #00000040}.mix-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}@media(min-width:992px){.mix-actions{flex-wrap:nowrap}}.mix-title{color:#fff}.mix-table th,.mix-table td,.mix-table{text-align:center}.kbd-btn.primary{transition:all .15s ease}.kbd-btn.primary:active{transform:translateY(3px);box-shadow:0 0 15px #0f8;background:linear-gradient(145deg,#0f5132,#198754)}.input-error{border:2px solid red!important;box-shadow:0 0 8px red}.issue-page{padding:40px}.issue-table{margin-top:30px;background:#fff;padding:25px;border-radius:16px}.issue-table table{width:100%;border-collapse:collapse}.issue-table th{background:#e6c27a;padding:12px}.issue-table td{padding:12px;border-bottom:1px solid #eee;text-align:center}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%}}.receipt-header{text-align:center;margin-bottom:20px}.receipt-logo{width:80px;margin-bottom:10px}.receipt-info{margin-bottom:20px}.receipt-table{width:100%;border-collapse:collapse;margin-bottom:30px}.receipt-table th{background:#e6c27a;padding:10px}.receipt-table td{padding:10px;border-bottom:1px solid #ddd;text-align:center}.receipt-signatures{display:flex;justify-content:space-between;margin-top:40px}.signature-line{width:250px;height:2px;background:#000;margin-top:40px}.receipt-actions{margin-top:30px;text-align:center}.page-header{text-align:center;margin-bottom:30px}.page-header h1{font-size:28px;font-weight:700;color:#1f3d2b}.back-btn{margin-top:10px}.permissions-card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 10px 30px #00000014}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:18px 15px;border-bottom:1px solid #eee;transition:.3s}.receipt-row:hover{background:#fafafa}.receipt-info{display:flex;gap:30px;align-items:center;font-size:15px}.receipt-number{font-weight:700;color:#b8860b}.status{font-weight:700;padding:5px 12px;border-radius:12px}.status.pending{background:#fff4d6;color:#b8860b}.status.issued{background:#e0f5e9;color:#1c7c45}.status.cancelled{background:#fde3e3;color:#b00020}.receipt-actions{display:flex;gap:10px}.btn-gold{background:linear-gradient(145deg,#d4af37,#b8860b);color:#fff;border:none;padding:8px 18px;border-radius:12px;cursor:pointer}.btn-green{background:linear-gradient(145deg,#28a745,#1e7e34);color:#fff;border:none;padding:8px 18px;border-radius:12px;cursor:pointer}.btn-red{background:linear-gradient(145deg,#dc3545,#a71d2a);color:#fff;border:none;padding:8px 18px;border-radius:12px;cursor:pointer}.btn-gold:hover,.btn-green:hover,.btn-red:hover{transform:scale(1.05)}.issue-header{text-align:center;margin-bottom:25px}.issue-header h1{margin-bottom:10px}.issue-header-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media print{body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:fixed!important;left:0!important;top:0!important;width:100%!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.modal-overlay{background:transparent!important}}@media print{body{margin:0;padding:0}body>*:not(.modal-overlay){display:none!important}.modal-overlay{position:static!important;background:none!important}.modal-box{box-shadow:none!important;border-radius:0!important;width:100%!important;margin:0!important}.receipt-actions{display:none!important}table{width:100%!important;border-collapse:collapse!important}th,td{border:1px solid #000!important}}@media print{*{all:unset}body{font-family:Arial,sans-serif;margin:20px}.print-area{all:unset;display:block;width:100%}.receipt-header{text-align:center;margin-bottom:20px}.receipt-logo{width:80px;margin-bottom:10px}.receipt-info p{margin:4px 0}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{border:1px solid #000;padding:6px;text-align:center}.receipt-signatures{margin-top:40px;display:flex;justify-content:space-between}.signature-line{width:200px;border-bottom:1px solid #000;margin-top:20px}.receipt-actions{display:none}.modal-overlay{background:none}.modal-box{box-shadow:none;border-radius:0}}.release-page{padding:20px}.release-table table{width:100%;border-collapse:collapse;margin-top:20px}.release-table th,.release-table td{border:1px solid #ddd;padding:8px;text-align:center}.release-page{text-align:center}.release-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.release-header-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.products-page{padding:18px;direction:rtl}.products-title{text-align:center;margin:6px 0 18px;font-size:26px;font-weight:800;color:#145a32}.products-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.kbd-btn{border:none;cursor:pointer;padding:12px 16px;border-radius:14px;font-weight:800;box-shadow:0 10px #0000002e;transform:translateY(0);transition:.12s ease}.kbd-btn:active{transform:translateY(6px);box-shadow:0 4px #0000002e}.kbd-btn.primary{background:#1f8a55;color:#fff}.kbd-btn.gold{background:#b58b2a;color:#fff}.kbd-btn.dark{background:#2c2c2c;color:#fff}.table-card{background:#fff;border-radius:16px;padding:10px;box-shadow:0 10px 24px #00000014;overflow:auto}.products-table{width:100%;border-collapse:collapse;min-width:620px}.products-table th{background:#d4b07a;color:#2b1d0a;padding:12px;text-align:center;font-weight:900}.products-table td{padding:12px;text-align:center;border-bottom:1px solid #eee}.loading,.empty{text-align:center;padding:20px;font-weight:800}.alert.error{background:#ffe6e6;border:1px solid #ffb3b3;color:#a40000;padding:10px 12px;border-radius:12px;margin:10px auto;max-width:900px}.products-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.products-modal-box{background:#fff;padding:24px;border-radius:12px;min-width:280px;max-width:90vw}.products-modal-box h3{margin:0 0 16px;color:#111}.products-modal-box select,.products-modal-box input{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.products-modal-actions{display:flex;gap:10px;margin-top:16px}.products-modal-actions button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.products-modal-actions button:first-child{background:#16a34a;color:#fff;border-color:#16a34a}.expenses-page{min-height:100vh;padding:22px;background:#0f2a1f;color:#111;font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif}.expenses-page:before{content:"";position:fixed;inset:14px;border-radius:22px;pointer-events:none;background:linear-gradient(135deg,#2fffaa8c,#0000);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-shadow:0 0 0 1px #2fffaa38,0 0 18px #2fffaa38,inset 0 0 18px #2fffaa14}.expenses-page>*{position:relative;z-index:1}.expenses-header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fffffff5;border-radius:18px;padding:14px 16px;box-shadow:0 16px 30px #00000047,inset 0 1px #ffffffbf;border:1px solid rgba(0,0,0,.06);margin-bottom:14px}.expenses-header h1{margin:0;font-size:20px;font-weight:800;color:#0c2017;letter-spacing:.2px}.expenses-header button{border:0;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:800;font-size:14px;color:#072015;background:linear-gradient(180deg,#42ffb6,#13c580);box-shadow:0 7px #0b8a5b,0 12px 20px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.expenses-header button:active{transform:translateY(6px);box-shadow:0 2px #0b8a5b,0 6px 12px #00000040}.summary-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-box>div{background:#fffffff5;border-radius:18px;padding:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 14px 26px #0000003d,inset 0 1px #ffffffb3;color:#0b1f16;font-weight:800;text-align:center}.expenses-table{background:#fffffffa;border-radius:18px;padding:12px;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 30px #00000047,inset 0 1px #ffffffbf;overflow:hidden}.expenses-table table{width:100%;border-collapse:collapse}.expenses-table thead th{background:linear-gradient(180deg,#0f2a1f14,#0f2a1f08);color:#0c2017;font-weight:900;font-size:13px;padding:12px 10px;border-bottom:1px solid rgba(0,0,0,.08);text-align:center}.expenses-table tbody td{padding:12px 10px;font-size:13px;color:#111;border-bottom:1px solid rgba(0,0,0,.06);text-align:center}.expenses-table tbody tr:hover td{background:#42ffb60f}.expenses-table .amount{font-weight:900;color:#0a5c3d}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-box{width:min(420px,calc(100vw - 28px));border-radius:22px;padding:16px;background:#fffffff5;border:1px solid rgba(0,0,0,.08);box-shadow:0 26px 60px #0000008c,inset 0 1px #fffc;transform:translateY(0);animation:popIn .18s ease}@keyframes popIn{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-box h3{margin:0 0 10px;color:#0c2017;font-weight:900;text-align:center}.modal-box input,.modal-box select{width:100%;margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:#fff;font-size:14px;color:#111;outline:none;box-shadow:inset 0 2px 6px #0000000f}.modal-box input:focus,.modal-box select:focus{border-color:#13c580a6;box-shadow:0 0 0 3px #42ffb638,inset 0 2px 6px #0000000f}.modal-box button{width:100%;margin-top:12px;border:0;cursor:pointer;padding:12px 14px;border-radius:14px;font-weight:900;font-size:14px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.modal-box button:first-of-type{background:linear-gradient(180deg,#42ffb6,#13c580);color:#072015;box-shadow:0 7px #0b8a5b,0 14px 22px #00000059}.modal-box button:first-of-type:active{transform:translateY(6px);box-shadow:0 2px #0b8a5b,0 7px 14px #00000040}.modal-box button:last-of-type{background:linear-gradient(180deg,#ececec,#cfcfcf);color:#222;box-shadow:0 7px #9f9f9f,0 14px 22px #00000040}.modal-box button:last-of-type:active{transform:translateY(6px);box-shadow:0 2px #9f9f9f,0 7px 14px #0000002e}@media(max-width:820px){.summary-box{grid-template-columns:1fr}.expenses-header{flex-direction:column;align-items:stretch}.expenses-header button{width:100%}}.expenses-top-actions{display:flex;justify-content:flex-start;margin-bottom:18px}.kbdBtn.gold{background:linear-gradient(135deg,#c6a052,#f4d27a);color:#1b1b1b;font-weight:700;border:none;padding:10px 18px;border-radius:14px;cursor:pointer;box-shadow:0 4px 12px #0006,inset 0 1px #fff6;transition:.2s ease}.kbdBtn.gold:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080,inset 0 1px #ffffff80}:root{--bg1:#07130f;--bg2:#0a1d15;--glass: rgba(255,255,255,.06);--glass2: rgba(255,255,255,.09);--border: rgba(255,255,255,.12);--border2: rgba(255,255,255,.18);--emerald:#19ffb2;--emerald2:#00d98a;--gold:#d7b45a;--text:#eef7f3;--muted: rgba(238,247,243,.72);--shadow: 0 24px 60px rgba(0,0,0,.55)}.customers-page{min-height:100vh;padding:22px;direction:rtl;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Tahoma,Arial;background:radial-gradient(1200px 600px at 20% 10%,rgba(25,255,178,.18),transparent 60%),radial-gradient(900px 500px at 85% 30%,rgba(0,217,138,.1),transparent 55%),radial-gradient(800px 520px at 40% 85%,rgba(215,180,90,.1),transparent 60%),linear-gradient(160deg,var(--bg1),var(--bg2))}.customers-page:before{content:"";position:fixed;inset:14px;border-radius:24px;pointer-events:none;background:linear-gradient(180deg,#19ffb229,#0000);box-shadow:0 0 0 1px #19ffb238,0 0 35px #19ffb21f,inset 0 0 0 1px #ffffff0f}.top-bar{position:sticky;top:14px;z-index:10;display:flex;gap:12px;justify-content:flex-start;align-items:center;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 45px #00000059,inset 0 0 0 1px #ffffff0f}.top-bar button{border:0;cursor:pointer;color:#07110d;font-weight:800;letter-spacing:.2px;padding:12px 16px;border-radius:14px;background:linear-gradient(180deg,#19ffb2f2,#00d98af2);box-shadow:0 14px 28px #00000059,0 0 0 1px #19ffb22e,inset 0 1px #ffffff73;transform:translateY(0);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.top-bar button:hover{filter:brightness(1.04);box-shadow:0 18px 38px #0000006b,0 0 0 1px #19ffb238,0 0 22px #19ffb224,inset 0 1px #ffffff80}.top-bar button:active{transform:translateY(2px);box-shadow:0 10px 18px #00000059,inset 0 0 0 1px #00000026}.top-bar button:first-child{color:var(--text);background:linear-gradient(180deg,#ffffff14,#ffffff0d);border:1px solid rgba(25,255,178,.18);box-shadow:0 18px 40px #00000059,0 0 0 1px #19ffb21a,inset 0 0 0 1px #ffffff0f}table{width:100%;margin-top:16px;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:22px;background:#ffffff0a;border:1px solid rgba(25,255,178,.18);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}table{box-shadow:0 30px 70px #0000008c,0 0 0 1px #19ffb22e,0 0 30px #19ffb214,inset 0 0 0 1px #ffffff0f}thead th{text-align:right;padding:16px 14px;font-size:14px;color:#eef7f3e6;background:linear-gradient(180deg,#19ffb224,#ffffff0a);border-bottom:1px solid rgba(255,255,255,.1)}tbody td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);color:#eef7f3e0;font-size:14px}tbody tr{transition:background .15s ease,transform .12s ease}tbody tr:hover{background:#19ffb20f;transform:translateY(-1px)}tbody tr:last-child td{border-bottom:none}td.debt{color:#221504;font-weight:800;text-shadow:0 0 10px rgba(215,180,90,.22)}td.zero{color:#eef7f3b8}.actions-cell{display:flex;flex-wrap:wrap;align-items:center;gap:0}.action-btn{height:40px;border-radius:10px;font-weight:600;cursor:pointer;margin-left:6px;border:0;padding:0 14px;font-size:14px;transition:filter .15s ease,transform .12s ease}.actions-cell .action-btn:first-child{margin-left:0}.action-btn:hover:not(:disabled){filter:brightness(1.08)}.action-btn:active:not(:disabled){transform:translateY(1px)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.btn-log{color:#fff;background:#0d5c3d}.action-btn.btn-log:hover:not(:disabled){background:#0f6d48}.action-btn.btn-settle{color:#1a1506;background:#c9a227}.action-btn.btn-settle:hover:not(:disabled){background:#d4ad2e}.action-btn.btn-edit{color:#fff;background:#1e5a9e}.action-btn.btn-edit:hover:not(:disabled){background:#2568b5}.action-btn.btn-delete{color:#fff;background:#b91c1c}.action-btn.btn-delete:hover:not(:disabled){background:#dc2626}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:999;padding:16px;animation:fadeIn .18s ease both}.modal-box{width:min(520px,92vw);border-radius:22px;padding:18px;background:#0a1c14b8;border:1px solid rgba(25,255,178,.22);box-shadow:0 30px 70px #000000a6,0 0 26px #19ffb21f,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(8px) scale(.98);animation:pop .2s ease both}.modal-box h3{margin:0 0 12px;font-size:18px;letter-spacing:.2px;color:var(--text)}.modal-box input{width:100%;padding:12px;border-radius:14px;margin:8px 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text);outline:none;box-shadow:inset 0 0 0 1px #ffffff0d;transition:border .15s ease,box-shadow .15s ease}.modal-box input:focus{border-color:#19ffb259;box-shadow:0 0 0 3px #19ffb21f,inset 0 0 0 1px #ffffff0f}.modal-box button{width:100%;margin-top:10px;padding:12px 14px;border-radius:14px;border:0;cursor:pointer;font-weight:900;transition:transform .15s ease,filter .15s ease}.modal-box button:nth-of-type(1){color:#07110d;background:linear-gradient(180deg,#19ffb2f2,#00d98af2);box-shadow:0 18px 34px #00000073,0 0 0 1px #19ffb22e,inset 0 1px #ffffff73}.modal-box button:nth-of-type(2){color:#043620eb;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 28px #00000059,inset 0 0 0 1px #ffffff0f}.modal-box button:active{transform:translateY(2px)}@media(max-width:820px){.customers-page{padding:14px}.customers-page:before{inset:10px;border-radius:18px}thead th,tbody td{padding:12px 10px;font-size:13px}.top-bar{padding:12px;border-radius:16px}.top-bar button{padding:11px 14px;border-radius:12px}}.customers-page,.customers-page *{color:#000!important;text-shadow:none!important}.customers-page th,.customers-page td.debt,.customers-page td.zero,.customers-page button,.modal-box h3,.modal-box input{color:#000!important}.modal{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{width:420px;max-width:90%;background:#fff;border-radius:20px;padding:30px;box-shadow:0 25px 60px #00000073,0 0 0 1px #0000000d;animation:modalPop .25s ease}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-box h3{text-align:center;margin-bottom:20px;color:#000;font-weight:700}.modal-box input{width:100%;padding:14px;margin-bottom:15px;border-radius:12px;border:1px solid #ddd;font-size:14px;color:#000;background:#f8f8f8}.modal-box input:focus{border:1px solid #19ffb2;outline:none;background:#fff}.modal-box button:first-of-type{width:100%;padding:14px;border-radius:14px;border:none;font-weight:700;background:linear-gradient(135deg,#19ffb2,#00d98a);color:#000;cursor:pointer;margin-bottom:10px;box-shadow:0 10px 25px #00000040}.modal-box button:first-of-type:hover{transform:translateY(-2px)}.modal-box button:last-of-type{width:100%;padding:12px;border-radius:14px;border:none;background:#eee;color:#000;cursor:pointer}.modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.modal-box{margin:0 auto!important;transform:none!important}.modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000bf!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999!important}.customers-page{overflow:hidden}.customers-page>*{position:relative}.log-btn{background:linear-gradient(145deg,#0f5132,#145c3d);color:#fff;border:none;padding:8px 18px;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;box-shadow:0 6px 12px #00000040,inset 0 1px #ffffff1a;transition:all .25s ease}.log-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #00000059,0 0 12px #10b98199}.log-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #0000004d}.history-btn{background:linear-gradient(145deg,#0f5132,#166a45);color:#fff;border:none;padding:8px 16px;border-radius:14px;cursor:pointer;font-weight:600;font-size:13px;min-width:110px;box-shadow:0 6px 12px #00000040,inset 0 1px #bac1c126;transition:all .25s ease}.history-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #00000059,0 0 14px #10b98199}.history-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #ede8e84d}.customers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.customers-header h1{margin:0;font-size:24px;font-weight:700;color:#fff}.customers-card{background:#fff;border-radius:22px;padding:18px;box-shadow:0 10px 25px #0006,inset 0 1px #fff9}:root{--bg: #0d1412;--panel: rgba(255,255,255,.06);--glass: rgba(255,255,255,.08);--stroke: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--emerald: #1f8a5a;--emerald2:#0f6a46;--gold: #d6b46a;--gold2:#b8943f;--red:#c84b4b;--blue:#2d7dd2;--orange:#ff9800;--shadow: 0 14px 45px rgba(0,0,0,.45);--shadow2: 0 10px 28px rgba(0,0,0,.35)}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 20% 0%,rgba(31,138,90,.35),transparent 55%),radial-gradient(900px 500px at 100% 30%,rgba(214,180,106,.22),transparent 60%),linear-gradient(180deg,#07110f,#050a09);color:var(--text)}.pos3d{height:100vh;display:flex;flex-direction:column;padding:14px;gap:12px}.posTop{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#ffffff17,#ffffff0d);border:1px solid var(--stroke);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.posBrand{display:flex;align-items:center;gap:12px}.brandDot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#fff3 35%,#1f8a5ae6 70%);box-shadow:0 0 18px #1f8a5a8c}.brandTitle{font-weight:900;letter-spacing:.2px;font-size:18px}.brandSub{color:var(--muted);font-size:12px;margin-top:2px}.posActions{display:flex;gap:10px;flex-wrap:wrap}.kbdBtn{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;box-shadow:0 10px 18px #00000059;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font-weight:800}.kbdBtn:hover{transform:translateY(-2px);box-shadow:0 14px 26px #00000073;filter:brightness(1.06)}.kbdBtn:active{transform:translateY(0) scale(.98);box-shadow:0 8px 16px #00000059}.kbdBtn.gold{border-color:#d6b46a73;background:linear-gradient(180deg,#d6b46a47,#ffffff0f)}.kbdBtn.green{border-color:#1f8a5a8c;background:linear-gradient(180deg,#1f8a5a59,#ffffff0f)}.kbdBtn.red{border-color:#c84b4b8c;background:linear-gradient(180deg,#c84b4b40,#ffffff0f)}.kbdBtn.ghost{opacity:.9}.posMain{flex:1;display:grid;grid-template-columns:1.25fr .85fr;gap:12px;min-height:0}.leftPane{min-height:0;border-radius:20px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;display:flex;flex-direction:column;overflow:hidden}.searchBar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.searchBar input{flex:1;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);outline:none;background:#00000038;color:var(--text);box-shadow:inset 0 8px 18px #0000004d}.pill{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--muted);font-weight:800}.productsGrid{overflow:auto;padding-right:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.pCard{position:relative;overflow:hidden;border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#0000001f);box-shadow:0 14px 26px #00000059;cursor:pointer;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pCard:hover{transform:translateY(-4px) scale(1.01);border-color:#1f8a5a8c;box-shadow:0 18px 40px #00000073}.pCard:active{transform:translateY(-1px) scale(.99)}.pGlow{position:absolute;inset:-50%;background:radial-gradient(circle at 30% 20%,rgba(31,138,90,.18),transparent 55%),radial-gradient(circle at 80% 40%,rgba(214,180,106,.14),transparent 55%);filter:blur(22px);transform:rotate(14deg);opacity:.9;pointer-events:none}.pName{position:relative;font-weight:900;font-size:16px;margin-bottom:8px}.pMeta{position:relative;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:10px}.pPrice{position:relative;font-weight:1000;font-size:18px;color:#b9ffd9;text-shadow:0 0 18px rgba(31,138,90,.35)}.pHint{position:relative;margin-top:8px;font-size:12px;color:#ffffff8c}.posOverlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:auto}.posOverlayBackdrop{position:absolute;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.posOverlayContent{position:relative;max-width:420px;width:90%;padding:24px 20px;border-radius:18px;background:linear-gradient(180deg,#ffffff29,#00000038);border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #000000a6;text-align:center;color:#fff}.posOverlayContent h2{margin:0 0 8px;font-size:20px;font-weight:800}.posOverlayContent p{margin:0;font-size:14px;color:var(--muted)}.posOverlayBackBtn{margin-top:16px;min-width:180px}.skeletonGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.skCard{height:128px;border-radius:18px;background:linear-gradient(90deg,#ffffff0f,#ffffff1c,#ffffff0f);background-size:200% 100%;animation:shimmer 1.2s infinite;border:1px solid rgba(255,255,255,.1)}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}.rightPane{min-height:0;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#0000002e);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px;display:flex;flex-direction:column;overflow:hidden}.invoiceHead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.invoiceTitle{font-weight:1000;font-size:18px}.invoiceTotal{color:var(--muted);font-weight:900}.invoiceTotal span{color:#fff;text-shadow:0 0 18px rgba(214,180,106,.22)}.cartList{flex:1;overflow:auto;padding-right:4px;margin-top:4px}.cartRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0003;box-shadow:inset 0 10px 20px #00000040;margin-bottom:10px}.cartInfo{min-width:0}.cartName{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cartSub{font-size:12px;color:var(--muted);margin-top:4px}.qtyBox{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px}.qtyBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff1f,#0000001a);color:#fff;cursor:pointer;font-size:18px;font-weight:1000;transition:.15s}.qtyBtn:hover{transform:translateY(-2px)}.qtyNum{width:28px;text-align:center;font-weight:1000}.emptyState{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#ffffffb3}.emptyIcon{font-size:34px}.emptyText{font-weight:900}.payBar{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:10px}.payBtn{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-weight:1000;transition:.16s;box-shadow:0 14px 24px #0006}.payBtn:hover{transform:translateY(-2px)}.payBtn:active{transform:translateY(0) scale(.99)}.payBtn.cash{background:linear-gradient(180deg,#1f8a5a6b,#0000001a);color:#eafff6}.payBtn.credit{background:linear-gradient(180deg,#ff980059,#0000001f);color:#fff7e6}.payBtn.ok{background:linear-gradient(180deg,#2d7dd259,#0000001f);color:#e9f5ff}.modalOverlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal3d{width:min(560px,100%);border-radius:22px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#0000002e);box-shadow:0 22px 70px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transform:translateY(8px) scale(.98);animation:pop .18s ease forwards}.modal3d.big{width:min(760px,100%)}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.modalTitle{font-weight:1000}.xBtn{width:36px;height:36px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0003;color:#fff;cursor:pointer}.modalBody{padding:14px 16px}.modalFoot{padding:14px 16px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.12)}.input3d{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);outline:none;background:#00000038;color:var(--text);box-shadow:inset 0 10px 22px #0000004d}.miniList{border:1px solid rgba(255,255,255,.12);background:#0000002e;border-radius:16px;padding:10px;max-height:240px;overflow:auto}.miniRow{display:flex;justify-content:space-between;gap:10px;padding:8px 6px;border-bottom:1px dashed rgba(255,255,255,.12);color:#ffffffd9}.miniRow:last-child{border-bottom:none}.bigTotal{margin-top:12px;font-size:18px;font-weight:1000}.bigTotal span{color:#b9ffd9;text-shadow:0 0 18px rgba(31,138,90,.35)}.payTypeRow{margin-top:12px;display:flex;gap:10px}.pillBtn{flex:1;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#fff;cursor:pointer;font-weight:1000;transition:.16s}.pillBtn:hover{transform:translateY(-2px)}.activeCash{border-color:#1f8a5a8c;background:linear-gradient(180deg,#1f8a5a52,#00000026)}.activeCredit{border-color:#ff98008c;background:linear-gradient(180deg,#ff980047,#00000026)}.note{margin-top:10px;color:var(--muted);font-weight:800}.customerList{margin-top:12px;display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding-right:4px}.custRow{width:100%;display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:#fff;cursor:pointer;font-weight:900;transition:.15s}.custRow:hover{transform:translateY(-2px);border-color:#1f8a5a73}.custRow.active{border-color:#d6b46a8c;background:linear-gradient(180deg,#d6b46a2e,#0000002e)}.muted{color:var(--muted);font-weight:800}.creditBox{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.returnTop{display:flex;gap:10px;align-items:center}.returnList{margin-top:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e;padding:10px;max-height:360px;overflow:auto}.returnRow{display:flex;gap:10px;align-items:flex-start;padding:10px 8px;border-bottom:1px dashed rgba(255,255,255,.12);cursor:pointer}.returnRow:last-child{border-bottom:none}.returnInfo{flex:1}.returnName{font-weight:1000;margin-bottom:4px}@media(max-width:980px){.posMain,.payBar{grid-template-columns:1fr}}body{background:linear-gradient(135deg,#071e16,#0d2b22 40%,#06110d)!important}.leftPane,.rightPane{background:linear-gradient(180deg,#0c231cfa,#06120efa)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pCard{background:linear-gradient(145deg,#12382d,#0a211b)!important;border-color:#00ff9d59!important}.pCard:hover{box-shadow:0 0 25px #00ff9d59,0 18px 40px #0000008c!important}.pPrice{color:#00ff9d!important;text-shadow:0 0 28px rgba(0,255,157,.65)!important}.invoiceTotal span{color:#00ff9d!important;text-shadow:0 0 25px rgba(0,255,157,.5)!important}.payBtn.cash{background:linear-gradient(180deg,#1f8a5a,#0f6a46)!important}.payBtn.credit{background:linear-gradient(180deg,#ff9800,#d97706)!important}.payBtn.ok{background:linear-gradient(180deg,#2d7dd2,#1e5fa8)!important}.muted{color:#ffffffbf!important}.rightPane{border:2px solid rgba(0,255,157,.45)!important;box-shadow:0 0 18px #00ff9d59,0 0 40px #00ff9d26,inset 0 0 25px #00ff9d14!important}.pCard{border:2px solid rgba(0,255,157,.35)!important;box-shadow:0 0 12px #00ff9d40,inset 0 0 18px #00ff9d0f!important}.payBtn{border:2px solid rgba(0,255,157,.45)!important;box-shadow:0 0 15px #00ff9d59,inset 0 0 10px #00ff9d26!important}.kbdBtn{border:2px solid rgba(0,255,157,.4)!important;box-shadow:0 0 12px #00ff9d40,inset 0 0 12px #00ff9d1a!important}.pCard:hover,.payBtn:hover,.kbdBtn:hover{box-shadow:0 0 25px #00ff9d99,0 0 45px #00ff9d40,inset 0 0 20px #00ff9d26!important}.leftPane{border:2px solid rgba(0,255,157,.55)!important;box-shadow:0 0 25px #00ff9d59,0 0 60px #00ff9d1f,inset 0 0 30px #00ff9d0f!important}.searchBar input{border:2px solid rgba(0,255,157,.5)!important;box-shadow:0 0 12px #00ff9d40,inset 0 0 15px #00ff9d14!important}.searchBar input:focus{border-color:#00ff9de6!important;box-shadow:0 0 25px #00ff9d99,inset 0 0 18px #00ff9d26!important}.brandTitle{text-shadow:0 0 15px rgba(0,255,157,.35)}.posTop{border:2px solid rgba(0,255,157,.6)!important;box-shadow:0 0 22px #00ff9d73,0 0 55px #00ff9d2e,inset 0 0 25px #00ff9d14!important}.brandTitle{color:#00ff9d!important;text-shadow:0 0 18px rgba(0,255,157,.55)!important}.posTop .kbdBtn{border:2px solid rgba(0,255,157,.5)!important;box-shadow:0 0 14px #00ff9d59,inset 0 0 10px #00ff9d1f!important}.posTop .kbdBtn:hover{box-shadow:0 0 28px #00ff9da6,0 0 60px #00ff9d40,inset 0 0 18px #00ff9d2e!important}.modal3d,.modal3d *{color:#fff!important}.modal3d .muted{color:#ffffffb3!important}.modal3d input::placeholder{color:#ffffff80!important}.modal3d input,.pos3d,.pos3d *{color:#fff!important}.pos3d input::placeholder{color:#fff9!important}:root{--bg1:#07130f;--bg2:#0a1d15;--emerald:#19ffb2;--emerald2:#00d98a;--gold:#d7b45a;--card:#ffffff;--ink:#0b0f0d;--muted:#51605a;--shadow: 0 28px 70px rgba(0,0,0,.55)}.assets-page{min-height:100vh;padding:18px;direction:rtl;background:radial-gradient(1200px 600px at 18% 12%,rgba(25,255,178,.18),transparent 60%),radial-gradient(900px 500px at 85% 30%,rgba(0,217,138,.1),transparent 55%),radial-gradient(800px 520px at 40% 85%,rgba(215,180,90,.1),transparent 60%),linear-gradient(160deg,var(--bg1),var(--bg2))}.assets-shell{position:relative;border-radius:26px;padding:18px;background:#ffffff0a;border:1px solid rgba(25,255,178,.22);box-shadow:0 0 0 1px #19ffb21a,0 0 34px #19ffb21a,inset 0 0 0 1px #ffffff0d,var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.assets-shell:before{content:"";position:absolute;inset:12px;border-radius:22px;pointer-events:none;box-shadow:0 0 0 1px #19ffb22e,inset 0 0 0 1px #ffffff0f;opacity:.9}.assets-topbar{position:sticky;top:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 45px #00000059,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.assets-kicker{color:#eef7f3bf;font-size:12px;letter-spacing:.4px}.assets-title{margin:4px 0 0;color:#eef7f3f2;font-size:26px;letter-spacing:.3px}.assets-actions{display:flex;gap:10px;flex-wrap:wrap}.btn3d{border:0;cursor:pointer;padding:12px 16px;border-radius:14px;font-weight:900;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn3d:active{transform:translateY(2px)}.btn3d.emerald{color:#07110d;background:linear-gradient(180deg,#19ffb2f2,#00d98af2);box-shadow:0 18px 36px #0006,0 0 0 1px #19ffb22e,inset 0 1px #ffffff73}.btn3d.ghost{color:#eef7f3eb;background:#ffffff12;border:1px solid rgba(25,255,178,.18);box-shadow:0 16px 30px #00000059,inset 0 0 0 1px #ffffff0f}.btn3d:hover{filter:brightness(1.04)}.assets-cards{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card3d{background:#fffffff2;border-radius:18px;padding:14px;border:1px solid rgba(25,255,178,.18);box-shadow:0 18px 40px #0000004d,inset 0 1px #fff9;transform:translateY(0);transition:transform .15s ease}.card3d:hover{transform:translateY(-2px)}.cardLabel{color:#2e3a35;font-weight:800;font-size:13px}.cardValue{margin-top:6px;color:var(--ink);font-size:20px;font-weight:950}.assets-filters{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.search3d{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;background:#fffffff2;border:1px solid rgba(25,255,178,.18);border-radius:16px;padding:10px 12px;box-shadow:0 14px 26px #0003}.searchIcon{color:#0f2a22;font-weight:900}.searchInput{width:100%;border:0;outline:none;background:transparent;color:#000;font-weight:800}.select3d{min-width:180px;border-radius:16px;padding:12px;border:1px solid rgba(25,255,178,.18);background:#fffffff2;color:#000;font-weight:900;box-shadow:0 14px 26px #0003}.tableWrap{margin-top:12px;background:#fffffff2;border-radius:22px;border:1px solid rgba(25,255,178,.18);box-shadow:0 26px 60px #00000061,inset 0 1px #ffffffa6;overflow:auto}.assets-table{width:100%;border-collapse:collapse;min-width:1100px}.assets-table th{text-align:right;padding:14px 12px;background:linear-gradient(180deg,#19ffb229,#fffffff2);color:#000;font-weight:950;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:2}.assets-table td{padding:12px;color:#000;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:middle}.assets-table tr:hover{background:#19ffb214}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bold{font-weight:950}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:950;font-size:12px;border:1px solid rgba(0,0,0,.08)}.chip.active{background:#19ffb240}.chip.maintenance{background:#d7b45a40}.chip.sold{background:#ff5f5f2e}.loadingBox,.emptyBox{padding:18px;color:#000;font-weight:900;display:flex;align-items:center;gap:10px}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:#000000b3;animation:spin .8s linear infinite}.modalOverlay{position:fixed;inset:0;background:#000000ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}.modal3d{width:min(720px,94vw);background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.08);box-shadow:0 30px 70px #0000008c,0 0 0 1px #19ffb224;transform:translateY(8px) scale(.98);animation:pop .2s ease both;overflow:hidden}@keyframes pop{to{transform:translateY(0) scale(1)}}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,#19ffb229,#fff);border-bottom:1px solid rgba(0,0,0,.06)}.modalTitle{color:#000;font-weight:950;font-size:16px}.xBtn{border:0;background:#0000000f;color:#000;width:40px;height:40px;border-radius:12px;cursor:pointer;font-weight:950}.modalBody{padding:16px;color:#000}.fieldLabel{color:#000;font-weight:950;font-size:13px;margin-bottom:6px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.input3d{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:#f7f7f7;color:#000;font-weight:800;outline:none}.input3d:focus{border-color:#19ffb28c;box-shadow:0 0 0 3px #19ffb22e;background:#fff}.textarea3d{width:100%;min-height:90px;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:#f7f7f7;color:#000;font-weight:800;outline:none;resize:vertical}.modalFoot{padding:14px 16px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:10px;justify-content:flex-start}@media(max-width:900px){.assets-cards,.grid2{grid-template-columns:1fr}.assets-title{font-size:22px}}.modal3d,.modal3d *,.modal3d input,.modal3d select,.modal3d textarea{color:#000!important}.modal3d input::placeholder,.modal3d textarea::placeholder{color:#555!important;opacity:1}.accounts-page-new{min-height:100vh;padding:24px 16px 40px;background:linear-gradient(135deg,#0b2e1f,#062018);font-family:Cairo,sans-serif}.accounts-dashboard-header .dashboard-btn{padding:10px 20px;background:#d4af3733;border:1px solid rgba(212,175,55,.5);border-radius:10px;color:#fef08a;font-weight:600;cursor:pointer;transition:all .2s}.accounts-dashboard-header .dashboard-btn:hover{background:#d4af3759}.accounts-dashboard-header{max-width:1100px;margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.accounts-dashboard-title{margin:0;font-size:1.75rem;font-weight:700;color:#fef3c7;flex:1;text-align:center}.accounts-filter-top{max-width:1100px;margin:0 auto 28px}.accounts-loading{text-align:center;padding:48px 20px;color:#a7f3d0;font-size:1.1rem;font-weight:600}.accounts-section{max-width:1100px;margin:0 auto 32px}.accounts-section-title{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:#d4af37;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.3)}.accounts-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.accounts-sales-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.accounts-glass-card{background:#064e3b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:2px solid rgba(212,175,55,.45);border-radius:16px;padding:20px;box-shadow:0 0 24px #d4af371f,0 8px 32px #00000040;display:flex;flex-direction:column;gap:12px}.accounts-card-title{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#fef08a;text-align:center;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.35)}.accounts-card-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.accounts-card-row span{color:#ffffffe6}.accounts-card-row strong{color:#fff}.accounts-card-total{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid rgba(212,175,55,.35);font-size:15px}.accounts-card-total span{color:#fffffff2;font-weight:600}.accounts-card-total strong{color:#6ee7b7;font-size:1.1rem}.accounts-expenses-card .accounts-card-row strong{color:#fcd34d}.accounts-final-card{border-color:#d4af37b3;box-shadow:0 0 28px #d4af3733,0 10px 36px #0000004d}.accounts-final-total strong{color:#fef08a;font-size:1.35rem}.accounts-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.accounts-kpi-card{background:#064e3b80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.4);border-radius:14px;padding:16px;text-align:center;box-shadow:0 0 16px #d4af371a}.accounts-kpi-label{display:block;font-size:13px;color:#ffffffd9;margin-bottom:8px}.accounts-kpi-value{font-size:1.1rem;font-weight:700;color:#a7f3d0}.accounts-kpi-status.profit .accounts-kpi-value{color:#6ee7b7}.accounts-kpi-status.loss .accounts-kpi-value{color:#fca5a5}@media(max-width:640px){.accounts-page-new{padding:16px 12px 32px}.accounts-cards-grid,.accounts-sales-grid{grid-template-columns:1fr}.accounts-kpi-grid{grid-template-columns:repeat(2,1fr)}}.alert-bar{background:linear-gradient(90deg,#b71c1c,#7f0000);color:#fff;padding:14px 20px;border-radius:12px;margin-bottom:25px;font-weight:600;box-shadow:0 8px 20px #0006}.executive-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.exec-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:25px;box-shadow:0 10px 25px #0006;transition:.3s ease}.exec-card:hover{transform:translateY(-4px)}.exec-card .label{color:#d0f0df;font-size:14px;margin-bottom:10px}.exec-card .value{color:#fff;font-size:22px;font-weight:700}.exec-card .value.big{font-size:30px}.exec-card.highlight{border:2px solid #d4af37}.exec-card.profit .value.big{color:#00ff95}.exec-card.loss .value.big{color:#ff4d4d}.profit-breakdown{background:#fff;border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 12px 30px #0000004d}.profit-breakdown h2{margin-bottom:20px;color:#0f2e22}.break-row{display:flex;justify-content:space-between;padding:12px 0;font-size:16px;border-bottom:1px solid #eeeeee;color:#111}.break-row.minus span:last-child{color:#c62828}.break-row.total{font-weight:700;font-size:18px;color:#0f2e22;border-bottom:none}.accounts-filter-new{background:#fff;padding:25px;border-radius:18px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:40px;box-shadow:0 10px 25px #00000040}.accounts-filter-new label{font-size:13px;color:#333;display:block;margin-bottom:4px}.accounts-filter-new input{padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-family:inherit}.accounts-filter-new button{padding:9px 18px;border-radius:10px;border:none;cursor:pointer;background:#0f2e22;color:#fff;font-weight:600;transition:.3s}.accounts-filter-new button:hover{background:#145c40}.timeline-placeholder{background:#fff;padding:40px;border-radius:20px;text-align:center;font-size:18px;color:#555;box-shadow:0 10px 30px #00000040}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.fin-card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 10px 25px #00000040}.fin-label{font-size:14px;color:#555;margin-bottom:10px}.fin-value{font-size:22px;font-weight:700;color:#0f2e22}.exec-card.highlight .value{font-size:20px;font-weight:700}.exec-card.highlight{transition:all .4s ease;border:1px solid rgba(255,255,255,.08)}.exec-card.highlight .value{font-weight:700;font-size:18px;letter-spacing:.5px}.exec-card.highlight.excellent{box-shadow:0 0 25px #00ff9559}.exec-card.highlight.good{box-shadow:0 0 20px #4caf504d}.exec-card.highlight.warning{box-shadow:0 0 20px #ff980059}.exec-card.highlight.danger{box-shadow:0 0 25px #ff4d4d66;animation:pulseDanger 1.8s infinite}@keyframes pulseDanger{0%{box-shadow:0 0 15px #ff4d4d4d}50%{box-shadow:0 0 35px #ff4d4d99}to{box-shadow:0 0 15px #ff4d4d4d}}.exec-card.trend{transition:all .4s ease}.exec-card.trend .value{font-size:18px;font-weight:700}.alert-bar{padding:12px 18px;border-radius:8px;margin-bottom:12px;font-weight:600;font-size:14px;animation:fadeIn .4s ease}.alert-bar.warning{background:#ff98001a;border-left:4px solid #ff9800;color:#ff9800}.alert-bar.danger{background:#ff4d4d1a;border-left:4px solid #ff4d4d;color:#ff4d4d}.alert-bar.trend-alert{background:#ff000014;border-left:4px solid #ff4d4d;color:#ff4d4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.exec-card.health{background:linear-gradient(135deg,#00ff9514,#0003);border:1px solid rgba(255,255,255,.05)}.exec-card.health .value{font-size:20px;font-weight:800;letter-spacing:1px}.financial-badge{margin-bottom:20px;padding:18px;border:2px solid;border-radius:12px;background:#e7dcdc40;text-align:center;transition:all .4s ease}.financial-badge span{font-size:18px;font-weight:700;display:block;margin-bottom:6px}.financial-badge .score{font-size:22px;font-weight:900;letter-spacing:1px}.financial-badge{margin:30px auto;padding:25px;width:220px;background:linear-gradient(145deg,#0f172a,#111827);border-radius:20px;border:2px solid;text-align:center;box-shadow:0 0 25px #00ff9526;transition:.4s ease}.financial-badge:hover{transform:translateY(-5px);box-shadow:0 0 35px #00ff9559}.ring-wrapper{position:relative;width:120px;height:120px;margin:auto}.progress-ring{transform:rotate(-90deg)}.ring-bg{stroke:#1f2937}.ring-progress{stroke:#00ff95;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke .4s ease}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-score{font-size:26px;font-weight:700;color:#fff}.ring-label{font-size:12px;color:#9ca3af}.financial-status-text{margin-top:15px;font-weight:700;font-size:15px}.financial-badge{animation:badgeFade .6s ease forwards}@keyframes badgeFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ring-progress{animation:ringDraw 1.2s ease forwards}@keyframes ringDraw{0%{stroke-dashoffset:326}to{stroke-dashoffset:var(--final-offset)}}.ring-score{animation:scorePop .6s ease}@keyframes scorePop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.kbd-btn{background:linear-gradient(145deg,#0e3b2e,#124d3b);color:#fff;border:1px solid #1f7a5c;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .15s ease;box-shadow:0 4px #08261d,0 0 8px #0fa3}.kbd-btn:hover{background:linear-gradient(145deg,#135944,#1a6e54);box-shadow:0 4px #08261d,0 0 12px #0fa6}.kbd-btn:active{transform:translateY(4px);box-shadow:0 0 #08261d,0 0 15px #0fa9}.kbd-btn.secondary{background:linear-gradient(145deg,#333,#444);border:1px solid #666;box-shadow:0 4px #222,0 0 8px #ffffff1a}.kbd-btn.secondary:hover{box-shadow:0 4px #222,0 0 12px #ffffff4d}.kbd-btn.secondary:active{transform:translateY(4px);box-shadow:0 0 #222,0 0 12px #fff6}.accdash-page{min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top,#0b2e1f 0,#02110b 45%,#020617 80%);font-family:Cairo,system-ui,sans-serif;direction:rtl;box-sizing:border-box}.accdash-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Cairo,system-ui,sans-serif;direction:rtl;background:#020617;color:#e5e7eb}.accdash-header{max-width:1200px;margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.accdash-back-btn{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172acc;color:#e5e7eb;font-weight:600;cursor:pointer}.accdash-back-btn:hover{background:#0f172a}.accdash-title{margin:0;font-size:1.6rem;font-weight:700;color:#fefce8}.accdash-cards{max-width:1200px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.accdash-card{padding:16px 18px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,#94a3b81f,#0f172af5);box-shadow:0 18px 30px #0009}.accdash-card-label{font-size:.9rem;font-weight:600;color:#e5e7eb;margin-bottom:6px}.accdash-card-value{font-size:1.5rem;font-weight:800;color:#fef9c3}.accdash-card-sales .accdash-card-value{color:#bbf7d0}.accdash-card-spices .accdash-card-value{color:#fecaca}.accdash-card-packaging .accdash-card-value{color:#bfdbfe}.accdash-card-salaries .accdash-card-value{color:#fde68a}.accdash-profit-card{max-width:1200px;margin:0 auto 20px;padding:18px 20px;border-radius:16px;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top,#1e293b 0,#020617 80%);box-shadow:0 24px 40px #000000b3;text-align:center}.accdash-profit-label{font-size:1rem;font-weight:600;color:#e5e7eb;margin-bottom:8px}.accdash-profit-value{font-size:2.2rem;font-weight:900}.accdash-profit-pos{color:#bbf7d0}.accdash-profit-neg{color:#fecaca}.accdash-ops-card{max-width:1200px;margin:0 auto;border-radius:16px;border:1px solid rgba(148,163,184,.45);background:#0f172af5;box-shadow:0 18px 30px #000000b3;padding:18px 18px 22px}.accdash-ops-title{margin:0 0 12px;font-size:1.1rem;font-weight:700;color:#e5e7eb}.accdash-table-wrap{overflow-x:auto}.accdash-table{width:100%;border-collapse:collapse;font-size:.9rem}.accdash-table th,.accdash-table td{padding:10px 12px;border-bottom:1px solid rgba(30,64,175,.45);text-align:right}.accdash-table th{background:#0f172af2;color:#e5e7eb;font-weight:700}.accdash-table tbody tr:nth-child(2n){background:#0f172acc}.accdash-table tbody tr:nth-child(odd){background:#0f172a99}.accdash-table tbody tr:hover{background:#1e40af73}.accdash-loading{text-align:center;color:#9ca3af;font-size:.9rem;padding:12px 0}@media(max-width:768px){.accdash-page{padding:16px 12px 28px}.accdash-header{flex-direction:column;align-items:flex-start}.accdash-cards{grid-template-columns:1fr}.accdash-profit-card{text-align:right}.accdash-table th,.accdash-table td{padding:8px 6px;font-size:.85rem}}.genacc-page{min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top,#020617 0 50%,#000);font-family:Cairo,system-ui,sans-serif;direction:rtl;box-sizing:border-box}.genacc-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#020617;color:#e5e7eb;font-family:Cairo,system-ui,sans-serif}.genacc-header{max-width:1200px;margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.genacc-back-btn{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:#0f172ad9;color:#e5e7eb;font-weight:600;cursor:pointer}.genacc-back-btn:hover{background:#0f172a}.genacc-title{margin:0;font-size:1.7rem;font-weight:800;color:#fefce8}.genacc-refresh-indicator{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#e5e7eb}.genacc-refresh-dot{width:10px;height:10px;border-radius:999px;border:2px solid rgba(15,23,42,.9)}.genacc-refresh-dot-ok{background:#22c55e;box-shadow:0 0 12px #22c55eb3}.genacc-refresh-dot-busy{background:#fbbf24;box-shadow:0 0 10px #fbbf24b3;animation:genacc-pulse 1s infinite}.genacc-refresh-text{opacity:.9}@keyframes genacc-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.genacc-cards{max-width:1200px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.genacc-card{padding:16px 18px;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#94a3b826,#0f172af5);box-shadow:0 22px 40px #000000b3}.genacc-card-label{font-size:.9rem;font-weight:600;color:#e5e7eb;margin-bottom:6px}.genacc-card-value{font-size:1.5rem;font-weight:800}.genacc-card-sales .genacc-card-value{color:#bbf7d0}.genacc-card-cost .genacc-card-value{color:#fecaca}.genacc-card-stock .genacc-card-value{color:#c7d2fe}.genacc-card-expenses .genacc-card-value{color:#fde68a}.genacc-card-profit .genacc-card-value{color:#fef9c3}.genacc-profit-pos{color:#bbf7d0}.genacc-profit-neg,.genacc-number-neg{color:#fecaca}.genacc-month-profit{font-weight:600}.genacc-month-profit-neg{color:#ff4b4b;text-shadow:0 0 4px rgba(248,113,113,.8)}.genacc-stocks{max-width:1200px;margin:0 auto;border-radius:16px;border:1px solid rgba(148,163,184,.4);background:#0f172af5;box-shadow:0 24px 40px #000000bf;padding:18px 20px 22px}.genacc-stocks-title{margin:0 0 14px;font-size:1.1rem;font-weight:700;color:#e5e7eb}.genacc-stocks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.genacc-monthly{max-width:1200px;margin:24px auto 0;border-radius:16px;border:1px solid rgba(148,163,184,.4);background:#0f172af5;box-shadow:0 24px 40px #000000bf;padding:18px 20px 22px}.genacc-monthly .negative-profit{color:#ff3b3b!important;text-shadow:0 0 6px rgba(255,59,59,.85),0 0 12px rgba(255,59,59,.45);font-weight:800}.genacc-monthly-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.genacc-monthly-title{margin:0;font-size:1.1rem;font-weight:700;color:#e5e7eb}.genacc-monthly-year{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:.9rem;color:#e5e7eb}.genacc-monthly-year label{font-weight:600}.genacc-monthly-year select{padding:4px 8px;border-radius:8px;border:1px solid rgba(148,163,184,.8);background:#020617;color:#e5e7eb}.genacc-monthly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.genacc-month-card{padding:10px 12px;border-radius:10px;border:1px solid rgba(55,65,81,.7);background:radial-gradient(circle at top,#1f2937f2,#0f172afa);font-size:.9rem;color:#d1d5db}.genacc-month-name{font-weight:700;color:#fefce8;margin-bottom:4px}.genacc-month-year{font-size:.8rem;color:#9ca3af;margin-bottom:8px}.genacc-month-summary-rows{margin-top:6px;padding-top:6px;border-top:1px solid rgba(55,65,81,.5)}.genacc-month-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#d1d5db;margin-top:4px;gap:8px}.genacc-month-summary-row span:last-child{color:#9ca3af;font-variant-numeric:tabular-nums}.genacc-stock-card{padding:14px 16px;border-radius:12px;border:1px solid rgba(55,65,81,.7);background:radial-gradient(circle at top,#1f2937f2,#111827fa)}.genacc-stock-name{font-size:1rem;font-weight:700;color:#e5e7eb;margin-bottom:8px}.genacc-stock-row{display:flex;justify-content:space-between;font-size:.9rem;color:#d1d5db;margin-top:4px}.genacc-profit-chart{max-width:1200px;margin:24px auto 0;border-radius:16px;border:1px solid rgba(148,163,184,.4);background:#0f172af5;box-shadow:0 24px 40px #000000bf;padding:16px 18px 20px}.genacc-profit-chart-title{margin:0 0 12px;font-size:1rem;font-weight:700;color:#e5e7eb}.genacc-profit-chart-body{display:flex;gap:8px;align-items:stretch;justify-content:space-between;min-height:220px;overflow-x:auto;padding:4px 4px 8px;position:relative}.genacc-profit-bar-wrapper{flex:1 1 0;min-width:40px;display:flex;flex-direction:column;align-items:center;gap:4px}.genacc-profit-bar-shell{flex:1 1 auto;width:100%;max-width:42px;position:relative}.genacc-profit-zero-line{position:absolute;inset-inline:0;top:50%;border-top:1px dashed rgba(148,163,184,.7);pointer-events:none}.genacc-profit-bar{width:100%;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;position:absolute;left:0;right:0;transition:transform .15s ease,box-shadow .15s ease}.genacc-profit-bar-pos{background:linear-gradient(to top,#16a34a,#4ade80);box-shadow:0 6px 18px #22c55e73}.genacc-profit-bar-neg{background:linear-gradient(to top,#b91c1c,#f97373);box-shadow:0 6px 18px #f8717173}.genacc-profit-bar-max{box-shadow:0 0 0 1px #fafafa66,0 0 20px #34d399e6,0 10px 24px #10b98199}.genacc-profit-bar:hover{transform:translateY(-3px)}.genacc-profit-bar-value{font-size:.7rem;color:#f9fafb;padding:2px 4px 4px;white-space:nowrap}.genacc-profit-bar-label{font-size:.75rem;color:#d1d5db}@media(max-width:768px){.genacc-page{padding:16px 12px 28px}.genacc-header{flex-direction:column;align-items:flex-start}.genacc-cards,.genacc-stocks-grid,.genacc-monthly-grid{grid-template-columns:1fr}}@media(min-width:1200px){.genacc-page,.genacc-wrapper,.genacc-container,.general-accounts-page,.general-accounts-container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:24px!important;padding-right:24px!important}.genacc-cards,.genacc-stocks,.genacc-monthly,.genacc-stocks-grid,.genacc-monthly-grid{width:100%!important;max-width:100%!important}}.delegates-page{min-height:100vh;padding:20px;direction:rtl;background:#f5f3ef}.delegates-top-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.delegates-top-bar button{padding:10px 16px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegates-top-bar button.primary{background:#16a34a;color:#fff;border-color:#16a34a}.delegates-title{margin:0 0 16px;font-size:1.5rem;color:#111}.delegates-loading,.delegates-empty{padding:24px;text-align:center;color:#666}.delegates-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.delegates-table{width:100%;border-collapse:collapse}.delegates-table th,.delegates-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #eee}.delegates-table th{background:#f8f8f8;font-weight:700;color:#111}.delegate-dashboard-btn{padding:6px 12px;border-radius:6px;border:1px solid #16a34a;background:#fff;color:#16a34a;cursor:pointer;font-weight:600}.delegate-edit-btn{padding:6px 12px;border-radius:6px;border:1px solid #ca8a04;background:#fff;color:#ca8a04;cursor:pointer;font-weight:600;margin-left:6px}.delegate-edit-btn:hover{background:#ca8a04;color:#fff}.delegates-edit-active{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#333;cursor:pointer}.delegates-edit-active input{width:auto;margin:0}.delegates-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delegates-modal-box{background:#fff;padding:24px;border-radius:12px;min-width:280px;max-width:90vw}.delegates-modal-box h3{margin:0 0 16px;color:#111}.delegates-modal-box input{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.delegates-code-hint{margin:0 0 16px;font-size:.9rem;color:#666}.delegates-modal-actions{display:flex;gap:10px;margin-top:16px}.delegates-modal-actions button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegates-modal-actions button:first-child{background:#16a34a;color:#fff;border-color:#16a34a}.delegate-dashboard-page{min-height:100vh;width:100%;max-width:100%;padding:20px;margin:0;direction:rtl;background:#f5f3ef;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.delegate-dashboard-top{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.delegate-dashboard-top button{padding:10px 16px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegate-dashboard-loading{text-align:center;padding:40px;font-size:1.1rem;color:#666}.delegate-dashboard-hint{margin:0 0 16px;color:#666}.delegate-list-cards{display:flex;flex-wrap:wrap;gap:12px}.delegate-card{background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;min-width:160px;border:2px solid transparent;transition:border-color .2s}.delegate-card:hover{border-color:#16a34a}.delegate-card-name{font-weight:700;font-size:1.1rem;color:#111}.delegate-card-code{font-size:.9rem;color:#666;margin-top:4px}.delegate-dashboard-header{margin-bottom:24px}.delegate-dashboard-header h1{margin:0 0 4px;font-size:1.5rem;color:#111}.delegate-perf-leaderboard{width:100%;box-sizing:border-box;background:linear-gradient(135deg,#faf8f5,#f5f3ef);border:1px solid #e8e4de;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border-right:4px solid #16a34a}.delegate-perf-leaderboard-title{margin:0 0 16px;font-size:1.15rem;font-weight:700;color:#111}.delegate-perf-leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}.delegate-perf-leaderboard-item{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:1rem}.delegate-perf-leaderboard-item.rank-1{background:linear-gradient(135deg,#d6b46a40,#b8860b26);color:#8b6914;border:1px solid rgba(184,134,11,.4)}.delegate-perf-leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c04d,#a9a9a933);color:#5a5a5a;border:1px solid rgba(128,128,128,.4)}.delegate-perf-leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f3240,#b8733326);color:#8b5a2b;border:1px solid rgba(205,127,50,.4)}.delegate-perf-leaderboard-item .medal{font-size:1.3rem}.delegate-perf-leaderboard-item .pct{font-weight:700;color:#16a34a}.delegate-perf-leaderboard-empty{margin:0;color:#666;font-size:.95rem}.delegate-perf-card{width:100%;box-sizing:border-box;background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;border:1px solid #eee}.delegate-perf-card-title{margin:0 0 20px;font-size:1.2rem;font-weight:700;color:#111}.delegate-perf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:20px}.delegate-perf-item{display:flex;flex-direction:column;gap:4px}.delegate-perf-item .label{font-size:.85rem;color:#666}.delegate-perf-item .value{font-weight:700;font-size:1.1rem;color:#111}.delegate-perf-progress{padding:12px 0;font-family:monospace;font-size:1rem;letter-spacing:2px;color:#16a34a;margin-bottom:16px;border-top:1px solid #eee;border-bottom:1px solid #eee}.delegate-perf-rating{display:flex;align-items:center;gap:10px;margin-bottom:12px}.delegate-perf-rating .label{font-weight:600;color:#333}.rating-badge{padding:6px 14px;border-radius:8px;font-weight:700;font-size:1rem}.rating-badge.rating-weak{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.4)}.rating-badge.rating-mid{background:#ca8a0426;color:#ca8a04;border:1px solid rgba(202,138,4,.4)}.rating-badge.rating-above{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.4)}.rating-badge.rating-excellent{background:#16a34a26;color:#16a34a;border:1px solid rgba(22,163,74,.4)}.delegate-perf-commission{display:flex;align-items:center;gap:10px}.delegate-perf-commission .label{font-weight:600;color:#333}.delegate-perf-commission .value{font-weight:700;font-size:1.1rem;color:#16a34a}.delegate-perf-prediction{width:100%;box-sizing:border-box;background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;border:1px solid #eee;border-right:4px solid #0ea5e9}.delegate-perf-prediction-title{margin:0 0 20px;font-size:1.2rem;font-weight:700;color:#111}.delegate-perf-prediction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px}.delegate-perf-prediction .delegate-perf-progress{margin-bottom:0;border-bottom:none}.delegate-perf-prediction-empty{margin:0;color:#666;font-size:.95rem}.delegate-code{margin:0;font-size:1rem;color:#666}.delegate-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;width:100%;box-sizing:border-box}.summary-card{width:100%;box-sizing:border-box;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014}.summary-label{font-size:.85rem;color:#666;margin-bottom:4px}.summary-value{font-weight:700;font-size:1.2rem;color:#111}.delegate-actions{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.delegate-btn{padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:1rem}.delegate-btn.sale{background:#16a34a;color:#fff}.delegate-btn.return{background:#b45309;color:#fff}.delegate-btn.settlement{background:#7c3aed;color:#fff}.delegate-btn.invoices{background:#0ea5e9;color:#fff}.delegate-custody-section{width:100%;box-sizing:border-box;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.delegate-custody-section h2{margin:0 0 12px;font-size:1.2rem;color:#111}.delegate-custody-table{width:100%;border-collapse:collapse}.delegate-custody-table th,.delegate-custody-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #eee}.delegate-custody-table th{background:#f8f8f8;font-weight:700;color:#111}.delegate-custody-quantity{font-weight:700;color:#16a34a;min-width:3rem;text-align:center}.no-custody{margin:0;padding:16px;color:#666;text-align:center}.delegate-stats-section{width:100%;box-sizing:border-box;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.delegate-stats-title{margin:0 0 12px;font-size:1.2rem;color:#111}.delegate-stats-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.delegate-stats-row:last-child{border-bottom:none}.delegate-stats-label{font-weight:500;color:#333}.delegate-stats-value{font-weight:700;color:#111}.delegate-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-x:hidden;padding:12px;box-sizing:border-box}.delegate-modal-box{background:#fff;padding:24px;border-radius:12px;min-width:280px;width:100%;max-width:min(90vw,900px);max-height:90vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.delegate-offers-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.delegate-offers-title{margin:0 0 8px;font-size:.95rem;font-weight:700;color:#111827}.delegate-offers-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.delegate-offers-label{font-size:.85rem;color:#4b5563}.delegate-offers-bonus,.delegate-offers-discount{display:flex;flex-direction:column;gap:6px;margin-top:6px}.delegate-sale-products-section,.delegate-sale-bonus-section{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.delegate-sale-products-table-wrap{margin-bottom:10px}.delegate-sale-products-table-wrap.delegate-sale-desktop{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.delegate-sale-desktop{display:none!important}.delegate-sale-mobile{display:block!important}}.delegate-sale-mobile{display:none}.delegate-sale-products-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.delegate-sale-product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;width:100%;box-sizing:border-box}.delegate-card-row{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.delegate-card-row:last-of-type{margin-bottom:0}.delegate-card-label{font-size:.8rem;font-weight:600;color:#4b5563}.delegate-sale-product-card select,.delegate-sale-product-card input[type=number]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;box-sizing:border-box}.delegate-card-total{padding-top:8px;border-top:1px dashed #e5e7eb;font-weight:600}.delegate-card-remove{margin-top:10px;width:100%;padding:10px;font-size:.95rem}.delegate-qty-stepper{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.delegate-qty-stepper input{width:56px;min-width:56px;text-align:center;margin:0!important;padding:10px 6px!important;font-weight:600;font-size:1rem}.delegate-qty-btn{width:44px;height:44px;min-width:44px;padding:0;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;color:#374151;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.delegate-qty-btn:hover{background:#f3f4f6;border-color:#9ca3af}.delegate-qty-btn:active{background:#e5e7eb}.delegate-sale-totals{margin-top:16px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.delegate-total-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.95rem}.delegate-total-final{margin-top:6px;padding-top:10px;border-top:2px solid #16a34a;font-size:1.1rem;color:#111}@media(max-width:768px){.delegate-modal-box{max-width:100%;padding:16px}.delegate-modal-box h3{font-size:1.15rem}.delegate-add-row-btn{width:100%;padding:12px;font-size:1rem}.delegate-modal-actions{flex-wrap:wrap}.delegate-modal-actions button{min-height:48px;font-size:1rem}}.delegate-sale-products-table{width:100%;border-collapse:collapse;font-size:.9rem}.delegate-sale-products-table th,.delegate-sale-products-table td{padding:8px 6px;border:1px solid #e5e7eb;text-align:right}.delegate-sale-products-table th{background:#f9fafb;font-weight:600}.delegate-sale-products-table select,.delegate-sale-products-table input[type=number]{width:100%;min-width:70px;margin:0;padding:6px 8px}.delegate-add-row-btn{padding:8px 14px;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.delegate-add-row-btn:hover{background:#15803d}.delegate-row-remove{padding:4px 10px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:.9rem}.delegate-row-remove:hover{background:#fee2e2}.delegate-review-subtitle{margin:8px 0 4px;font-weight:600}.delegate-review-list{margin:0 0 12px;padding-right:20px}.delegate-modal-box h3{margin:0 0 16px;color:#111}.delegate-modal-box select,.delegate-modal-box input{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.delegate-field-error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc262666}.delegate-customer-search-wrap{position:relative;margin-bottom:12px}.delegate-customer-search-input{display:block;width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.delegate-customer-search-list{position:absolute;top:100%;right:0;left:0;margin:0;padding:0;list-style:none;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001f;z-index:10}.delegate-customer-search-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;transition:background .15s}.delegate-customer-search-option:last-child{border-bottom:none}.delegate-customer-search-option:hover{background:#f0f9ff}.sale-unit-price-display,.sale-total-display{margin:0 0 12px;font-weight:600;color:#111;font-size:1rem}.sale-total-display{font-size:1.1rem}.settlement-debt-display{margin:0 0 12px;font-weight:600;color:#111;font-size:1rem}.settlement-amount-error{margin:0 0 12px;color:#b91c1c;font-size:.9rem;font-weight:600}.settlement-no-debt-hint{margin:0 0 12px;color:#666;font-size:.9rem}.delegate-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.return-items-list{max-height:200px;overflow-y:auto;margin-bottom:16px}.return-item-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee;cursor:pointer}.return-item-row input{margin:0;width:auto}.delegate-modal-actions{display:flex;gap:10px;margin-top:16px}.delegate-modal-actions button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegate-modal-actions button:first-child,.delegate-modal-actions button.btn-save{background:#16a34a;color:#fff;border-color:#16a34a}.delegate-modal-actions button.btn-save{display:inline-flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top:2px solid #fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.delegate-invoices-modal-box{min-width:560px;max-width:95vw}.delegate-invoices-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.delegate-invoices-filters button{padding:8px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegate-invoices-filters button.active{background:#16a34a;color:#fff;border-color:#16a34a}.delegate-invoices-from-date{display:flex;align-items:center;gap:8px}.delegate-invoices-from-date label{font-weight:600;color:#333}.delegate-invoices-from-date input{margin:0;width:auto;display:inline-block}.delegate-invoices-from-date.active input{border-color:#16a34a}.delegate-invoices-table-wrap{max-height:360px;overflow:auto;margin-bottom:16px;border:1px solid #eee;border-radius:8px}.delegate-invoices-table{width:100%;border-collapse:collapse}.delegate-invoices-table th,.delegate-invoices-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #eee}.delegate-invoices-table th{background:#f8f8f8;font-weight:700;color:#111}.delegate-invoices-empty{margin:0 0 16px;padding:12px;color:#666;text-align:center}.btn-show-details{padding:6px 12px;border-radius:6px;border:1px solid #16a34a;background:#fff;color:#16a34a;cursor:pointer;font-weight:600;font-size:.9rem}.btn-show-details:hover{background:#16a34a;color:#fff}@media(max-width:768px){.delegate-dashboard-page,.dashboard-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:16px!important;overflow-x:hidden;margin:0!important}.delegate-dashboard-page{display:flex!important;flex-direction:column!important;align-items:stretch!important;box-sizing:border-box!important}.delegate-perf-leaderboard,.delegate-perf-card,.delegate-perf-prediction,.delegate-summary-cards,.summary-card,.delegate-custody-section,.delegate-stats-section,.delegate-dashboard-header,.delegate-dashboard-top,.delegate-actions{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.delegate-summary-cards,.delegate-perf-grid,.delegate-perf-prediction-grid{grid-template-columns:1fr!important}.delegate-list-cards{width:100%}.delegate-card{min-width:0!important;width:100%!important;box-sizing:border-box!important}.delegate-custody-table,.delegate-invoices-table-wrap{max-width:100%;overflow-x:auto}.delegate-invoices-modal-box{min-width:0!important;width:95vw!important;max-width:95vw!important}}.delegates-accounts-page{min-height:100vh;padding:20px;direction:rtl;background:#f5f3ef}.delegates-accounts-top{margin-bottom:20px}.delegates-accounts-top button{padding:10px 16px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegates-accounts-title{margin:0 0 16px;font-size:1.4rem;color:#111}.delegates-accounts-loading,.delegates-accounts-empty{padding:24px;text-align:center;color:#666}.delegates-accounts-table-wrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.delegates-accounts-table{width:100%;border-collapse:collapse}.delegates-accounts-table th,.delegates-accounts-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #eee}.delegates-accounts-table th{background:#f8f8f8;font-weight:700;color:#111}.delegates-accounts-collect-btn{padding:8px 14px;border-radius:8px;border:none;background:#1e40af;color:#fff;cursor:pointer;font-weight:600}.delegates-accounts-collect-btn:disabled{background:#ccc;cursor:not-allowed}.delegates-accounts-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delegates-accounts-modal-box{background:#fff;padding:24px;border-radius:12px;min-width:320px;max-width:90vw}.delegates-accounts-modal-box h3{margin:0 0 12px;color:#111}.delegates-accounts-modal-box .delegate-name{margin:0 0 8px;font-weight:600;color:#333}.delegates-accounts-modal-box .cash-available{margin:0 0 16px;font-size:.95rem;color:#666}.delegates-accounts-modal-box input{display:block;width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}.delegates-accounts-modal-actions{display:flex;gap:10px;margin-top:16px}.delegates-accounts-modal-actions button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegates-accounts-modal-actions button:first-child{background:#1e40af;color:#fff;border-color:#1e40af}.delegate-targets-page{min-height:100vh;padding:20px;direction:rtl;background:#f5f3ef}.delegate-targets-top{margin-bottom:20px}.delegate-targets-top button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600}.delegate-targets-loading{text-align:center;padding:40px;font-size:1.1rem;color:#666}.delegate-targets-header{margin-bottom:24px}.delegate-targets-header h1{margin:0;font-size:1.6rem;color:#111}.delegate-targets-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.delegate-targets-card h2{margin:0 0 20px;font-size:1.2rem;color:#111}.target-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.target-form-row{display:flex;flex-direction:column;gap:6px}.target-form-row label{font-weight:600;color:#333;font-size:.9rem}.target-form-row select,.target-form-row input{padding:10px 12px;border:1px solid #ccc;border-radius:8px;min-width:140px;font-size:1rem}.btn-save-target{padding:12px 24px;border:none;border-radius:8px;background:#16a34a;color:#fff;font-weight:700;cursor:pointer;font-size:1rem}.btn-save-target:hover:not(:disabled){background:#15803d}.btn-save-target:disabled{opacity:.7;cursor:not-allowed}.view-period{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.view-period label{font-weight:600;color:#333}.view-period select,.view-period input{padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.leaderboard-card{background:linear-gradient(135deg,#faf8f5,#f5f3ef);border:1px solid #e8e4de;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;border-right:4px solid #16a34a}.leaderboard-title{margin:0 0 16px;font-size:1.15rem;font-weight:700;color:#111}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px}.leaderboard-item{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:1rem}.leaderboard-item.leaderboard-rank-1{background:linear-gradient(135deg,#d6b46a40,#b8860b26);color:#8b6914;border:1px solid rgba(184,134,11,.4)}.leaderboard-item.leaderboard-rank-2{background:linear-gradient(135deg,#c0c0c04d,#a9a9a933);color:#5a5a5a;border:1px solid rgba(128,128,128,.4)}.leaderboard-item.leaderboard-rank-3{background:linear-gradient(135deg,#cd7f3240,#b8733326);color:#8b5a2b;border:1px solid rgba(205,127,50,.4)}.leaderboard-medal{font-size:1.3rem}.leaderboard-name{font-weight:700}.leaderboard-sep{opacity:.7}.leaderboard-pct{font-weight:700;color:#16a34a}.leaderboard-empty{margin:0;color:#666;font-size:.95rem}.performance-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #eee}.performance-table{width:100%;border-collapse:collapse;font-size:.95rem}.performance-table th,.performance-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #eee}.performance-table th{background:#f8f8f8;font-weight:700;color:#111}.performance-table tbody tr:hover{background:#fafafa}.progress-cell{font-family:monospace;font-size:.85rem;letter-spacing:1px}.progress-bar-text{color:#16a34a;letter-spacing:2px}.edit-delegate-btn{padding:8px 14px;border:1px solid #16a34a;border-radius:8px;background:#fff;color:#16a34a;font-weight:600;cursor:pointer;font-size:.9rem}.edit-delegate-btn:hover{background:#16a34a;color:#fff}.daily-required-red{color:#dc2626;font-weight:600}.daily-required-yellow{color:#ca8a04;font-weight:600}.daily-required-green{color:#16a34a;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.commission-modal{background:#fff;border-radius:12px;padding:24px;max-width:480px;width:100%;box-shadow:0 8px 32px #0003}.commission-modal h3{margin:0 0 8px;font-size:1.2rem;color:#111}.modal-target-row{margin-bottom:16px}.modal-target-row label{display:block;font-weight:600;color:#333;margin-bottom:6px;font-size:.95rem}.modal-target-row input[type=number]{width:100%;max-width:200px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.modal-hint{margin:0 0 16px;font-size:.9rem;color:#666}.tiers-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:280px;overflow-y:auto}.tier-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tier-row input[type=number]{width:80px;padding:8px 10px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.tier-row span{color:#666;font-weight:600}.remove-tier-btn{padding:6px 12px;border:1px solid #dc2626;border-radius:6px;background:#fff;color:#dc2626;cursor:pointer;font-size:.85rem}.remove-tier-btn:hover{background:#dc2626;color:#fff}.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-actions button{padding:10px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:600;font-size:.95rem}.modal-actions button:first-of-type{border-color:#16a34a;color:#16a34a}.modal-actions button:nth-of-type(2){background:#16a34a;color:#fff;border-color:#16a34a}.modal-actions button:nth-of-type(2):hover:not(:disabled){background:#15803d}.modal-actions button:disabled{opacity:.7;cursor:not-allowed}.no-delegates{margin:0;padding:20px;text-align:center;color:#666}.delegate-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl;background:#f5f3ef}.delegate-login-card{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:380px;box-shadow:0 4px 24px #0000001a;border:1px solid #eee}.delegate-login-title{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#111;text-align:center}.delegate-login-form{display:flex;flex-direction:column;gap:16px}.delegate-login-form label{font-weight:600;color:#333;font-size:.95rem}.delegate-login-form input{padding:14px 16px;border:1px solid #ccc;border-radius:10px;font-size:1.1rem;width:100%;box-sizing:border-box}.delegate-login-form input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.delegate-login-error{margin:0;color:#dc2626;font-size:.9rem;font-weight:600}.delegate-login-btn{padding:14px 24px;border:none;border-radius:10px;background:#16a34a;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;margin-top:8px}.delegate-login-btn:hover:not(:disabled){background:#15803d}.delegate-login-btn:disabled{opacity:.7;cursor:not-allowed}.delegate-login-back{display:block;width:100%;margin-top:20px;padding:10px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#666;font-weight:600;cursor:pointer}.delegate-login-back:hover{background:#f8f8f8;color:#111}.hr-page{min-height:100vh;padding:20px;font-family:Cairo,sans-serif;direction:rtl}.hr-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hr-back-btn{padding:10px 18px;background:#d4a93c33;border:2px solid #d4a93c;border-radius:12px;color:#f5c96a;font-weight:700;cursor:pointer;transition:all .2s}.hr-back-btn:hover{background:#d4a93c59}.hr-page-title{font-size:26px;font-weight:700;color:#e8f5e9;margin:0}.hr-card{background:#0f3223d9;border:2px solid #d4a93c;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 0 20px #d4a93c33;max-width:1200px}.hr-form-card{margin-bottom:24px}.hr-card-title{font-size:20px;font-weight:700;color:#f5c96a;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(212,169,60,.4)}.hr-form{display:flex;flex-direction:column;gap:20px}.hr-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.hr-field label{display:block;font-size:14px;font-weight:600;color:#b8d4be;margin-bottom:6px}.hr-field input,.hr-field select{width:100%;padding:10px 14px;border:2px solid rgba(212,169,60,.5);border-radius:10px;background:#00140c99;color:#e8f5e9;font-size:15px}.hr-field input:focus,.hr-field select:focus{outline:none;border-color:#d4a93c;box-shadow:0 0 0 3px #d4a93c33}.hr-form-actions{display:flex;gap:12px;flex-wrap:wrap}.hr-btn{padding:12px 24px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid transparent;transition:all .2s}.hr-btn-primary{background:linear-gradient(145deg,#f5c96a,#d4a93c);color:#2b1b00;border-color:#9c7a1f}.hr-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.hr-btn-primary:disabled{opacity:.7;cursor:not-allowed}.hr-btn-secondary{background:transparent;color:#f5c96a;border-color:#d4a93c}.hr-btn-secondary:hover{background:#d4a93c33}.hr-btn-sm{padding:8px 14px;font-size:13px;background:#d4a93c40;color:#f5c96a;border-color:#d4a93c}.hr-btn-sm:hover{background:#d4a93c66}.hr-table-wrap{overflow-x:auto}.hr-table{width:100%;border-collapse:collapse}.hr-table th,.hr-table td{padding:12px 14px;text-align:right;border-bottom:1px solid rgba(212,169,60,.3);color:#e8f5e9}.hr-table th{color:#f5c96a;font-weight:700;background:#001e1280}.hr-table tbody tr:hover{background:#d4a93c14}.hr-status{display:inline-block;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:600}.hr-status-active{background:#1aff6a33;color:#7fff9e}.hr-status-vacation{background:#64c8ff33;color:#90caf9}.hr-status-suspended{background:#ffb43c40;color:#ffb74d}.hr-status-resigned{background:#ff646433;color:#ef9a9a}.hr-loading{color:#b8d4be;text-align:center;padding:24px}.hr-attendance-screen{max-width:420px;margin:40px auto;padding:32px;background:#0f3223e6;border:3px solid #d4a93c;border-radius:24px;box-shadow:0 0 40px #d4a93c40;text-align:center}.hr-attendance-title{font-size:28px;font-weight:700;color:#f5c96a;margin:0 0 28px}.hr-attendance-input-wrap{margin-bottom:24px}.hr-attendance-input{width:100%;padding:18px 20px;font-size:24px;letter-spacing:8px;text-align:center;border:3px solid #d4a93c;border-radius:14px;background:#00140cb3;color:#e8f5e9;box-sizing:border-box}.hr-attendance-input:focus{outline:none;box-shadow:0 0 0 4px #d4a93c4d}.hr-attendance-btn{width:100%;padding:18px;font-size:22px;font-weight:700;background:linear-gradient(145deg,#f5c96a,#d4a93c);color:#2b1b00;border:none;border-radius:14px;cursor:pointer;transition:all .2s}.hr-attendance-btn:hover{filter:brightness(1.1)}.hr-attendance-btn:disabled{opacity:.6;cursor:not-allowed}.hr-attendance-msg{margin-top:20px;padding:14px;border-radius:12px;font-size:16px;font-weight:600}.hr-attendance-msg.success{background:#1aff6a33;color:#7fff9e;border:1px solid rgba(26,255,106,.5)}.hr-attendance-msg.error{background:#ff646433;color:#ef9a9a;border:1px solid rgba(255,100,100,.5)}.hr-reports-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:flex-end}.hr-reports-filters .hr-field{min-width:140px}.hr-payroll-period{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.hr-payroll-period select{padding:10px 14px;border:2px solid rgba(212,169,60,.5);border-radius:10px;background:#00140c99;color:#e8f5e9;font-size:15px}.hr-pay-status{display:inline-block;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:600}.hr-pay-status-pending{background:#ffb43c40;color:#ffb74d}.hr-pay-status-paid{background:#1aff6a33;color:#7fff9e}@media(max-width:600px){.hr-form-grid{grid-template-columns:1fr}.hr-attendance-screen{margin:20px 10px;padding:24px}.hr-attendance-input{font-size:20px;letter-spacing:4px}}.attendance-machine-page{min-height:100vh;background:linear-gradient(180deg,#0d2818,#1b4332,#2d6a4f);font-family:Cairo,sans-serif;direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.attendance-machine-card{width:100%;max-width:480px;background:#fffffffa;border:3px solid #d4a93c;border-radius:24px;padding:28px;box-shadow:0 8px 32px #00000040,0 0 0 1px #d4a93c4d}.attendance-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(212,169,60,.4)}.attendance-date,.attendance-time{font-size:1.25rem;font-weight:700;color:#1b4332}.attendance-time{font-variant-numeric:tabular-nums;letter-spacing:1px}.attendance-camera-wrap{width:100%;aspect-ratio:4/3;max-height:280px;border-radius:16px;overflow:hidden;border:3px solid #d4a93c;background:#0d2818;margin-bottom:24px}.attendance-camera-video{width:100%;height:100%;object-fit:cover;display:block}.attendance-camera-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b8d4be;font-size:1.1rem;font-weight:600}.attendance-input-wrap{margin-bottom:20px}.attendance-code-input{width:100%;padding:18px 20px;font-size:1.5rem;letter-spacing:8px;text-align:center;border:3px solid #d4a93c;border-radius:14px;background:#f8f9fa;color:#1b4332;box-sizing:border-box}.attendance-code-input::placeholder{color:#6c757d;letter-spacing:2px}.attendance-code-input:focus{outline:none;border-color:#b8860b;box-shadow:0 0 0 4px #d4a93c40}.attendance-buttons{display:flex;gap:14px;margin-bottom:20px}.attendance-btn{flex:1;padding:18px 16px;font-size:1.2rem;font-weight:700;border:none;border-radius:14px;cursor:pointer;transition:all .2s;font-family:inherit}.attendance-btn-gold{background:linear-gradient(145deg,#f5c96a,#d4a93c);color:#2b1b00;box-shadow:0 4px #9c7a1f,0 6px 12px #0003}.attendance-btn-gold:hover:not(:disabled){filter:brightness(1.08);transform:translateY(1px);box-shadow:0 3px #9c7a1f,0 4px 10px #0003}.attendance-btn-gold:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #9c7a1f,0 2px 6px #0003}.attendance-btn:disabled{opacity:.65;cursor:not-allowed}.attendance-msg{padding:16px;border-radius:14px;text-align:center}.attendance-msg-success{background:#1aff6a26;border:2px solid rgba(26,255,106,.5);color:#0a4d2c}.attendance-msg-error{background:#ff64641f;border:2px solid rgba(255,100,100,.45);color:#b71c1c}.attendance-msg-title{font-size:1.15rem;font-weight:700;margin-bottom:6px}.attendance-msg-detail{font-size:1rem;opacity:.95}.attendance-back-btn{margin-top:24px;padding:12px 24px;background:#d4a93c40;border:2px solid #d4a93c;border-radius:12px;color:#f5c96a;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;font-family:inherit}.attendance-back-btn:hover{background:#d4a93c66}@media(min-width:768px){.attendance-machine-card{max-width:520px;padding:32px}.attendance-topbar{font-size:1.1rem}.attendance-date,.attendance-time{font-size:1.35rem}.attendance-camera-wrap{max-height:320px}.attendance-code-input{font-size:1.6rem}.attendance-btn{font-size:1.25rem;padding:20px}}.emp-page{min-height:100vh;padding:24px;font-family:Cairo,system-ui,sans-serif;direction:rtl;background:#fff;color:#000;box-sizing:border-box}.emp-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.emp-back-btn{padding:10px 18px;background:#f5f5f5;border:1px solid #ddd;border-radius:10px;color:#333;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.emp-back-btn:hover{background:#eee;border-color:#ccc}.emp-page-title{font-size:26px;font-weight:700;color:#000;margin:0}.emp-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;max-width:1200px}.emp-card-title{font-size:18px;font-weight:700;color:#000;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #eee}.emp-form{display:flex;flex-direction:column;gap:20px}.emp-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.emp-field{display:flex;flex-direction:column;gap:6px}.emp-field label{font-size:14px;font-weight:600;color:#333}.emp-field input,.emp-field select{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#000;font-size:15px;box-sizing:border-box}.emp-field input:focus,.emp-field select:focus{outline:none;border-color:#1e5a9e;box-shadow:0 0 0 2px #1e5a9e26}.emp-form-actions{display:flex;gap:12px;flex-wrap:wrap}.emp-btn{padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:filter .15s,transform .12s}.emp-btn:disabled{opacity:.6;cursor:not-allowed}.emp-btn-save{background:#16a34a;color:#fff;border-color:#15803d}.emp-btn-save:hover:not(:disabled){filter:brightness(1.05)}.emp-btn-edit{background:#1e5a9e;color:#fff;border-color:#1a4d85}.emp-btn-edit:hover:not(:disabled){filter:brightness(1.05)}.emp-btn-leave{background:#ea580c;color:#fff;border-color:#c2410c}.emp-btn-leave:hover:not(:disabled){filter:brightness(1.05)}.emp-btn-overtime{background:#7c3aed;color:#fff;border-color:#6d28d9}.emp-btn-overtime:hover:not(:disabled){filter:brightness(1.05)}.emp-btn-disable{background:#64748b;color:#fff;border-color:#475569}.emp-btn-disable:hover:not(:disabled){filter:brightness(1.05)}.emp-btn-secondary{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.emp-btn-secondary:hover:not(:disabled){background:#e2e8f0}.emp-table-wrap{overflow-x:auto}.emp-table{width:100%;border-collapse:collapse}.emp-table th,.emp-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #e5e7eb;color:#000;font-size:14px}.emp-table th{font-weight:700;background:#f8fafc;color:#1e293b}.emp-table tbody tr:hover{background:#f8fafc}.emp-actions-cell{display:flex;flex-wrap:wrap;gap:6px}.emp-status{display:inline-block;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:600}.emp-status-active{background:#dcfce7;color:#166534}.emp-status-vacation{background:#e0e7ff;color:#3730a3}.emp-status-suspended{background:#fef3c7;color:#92400e}.emp-status-resigned{background:#fee2e2;color:#991b1b}.emp-loading{text-align:center;padding:24px;color:#64748b}.emp-calendar-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.emp-calendar-controls .emp-field{min-width:160px}.emp-calendar-hint{margin:0 0 12px;font-size:14px;color:#64748b}.emp-calendar-grid{display:grid;grid-template-columns:repeat(7,70px);gap:10px}.emp-calendar-day{width:70px;height:70px;padding:6px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #e5e7eb;background:#fff;color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s;box-sizing:border-box}.emp-calendar-day-name{font-size:12px;color:#666;font-weight:400}.emp-calendar-day-num{font-size:18px;font-weight:700}.emp-calendar-day:hover{background:#f1f5f9;border-color:#cbd5e1}.emp-calendar-day.emp-calendar-day-today{background:#e8f3ff;border:2px solid #2b7cff;font-weight:700}.emp-calendar-day.emp-calendar-day-today:hover{background:#d6ebff}.emp-calendar-day.emp-calendar-day-leave{background:#ffb25b;border-color:#e8952e;color:#fff}.emp-calendar-day.emp-calendar-day-leave .emp-calendar-day-name,.emp-calendar-day.emp-calendar-day-leave .emp-calendar-day-num{color:#fff}.emp-calendar-day.emp-calendar-day-leave:hover{background:#ff9f3d}.emp-report-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.emp-report-controls .emp-field{min-width:120px}.emp-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.emp-modal-overlay .emp-modal{max-width:420px;width:100%}@media(max-width:768px){.emp-page{padding:16px}.emp-form-grid{grid-template-columns:1fr}.emp-actions-cell{flex-direction:column}.emp-calendar-grid{grid-template-columns:repeat(5,70px)}}.att-kiosk{min-height:100vh;width:100%;padding:32px 24px 24px;box-sizing:border-box;background:linear-gradient(180deg,#1a1d23,#0f1115);font-family:Cairo,Segoe UI,system-ui,sans-serif;direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center}.att-kiosk-card{width:100%;max-width:720px;background:linear-gradient(165deg,#2d3239,#1e2228,#181b20);border-radius:24px;padding:36px 40px 40px;box-shadow:0 24px 48px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff0f;border:1px solid #3d434b;transition:box-shadow .3s ease,border-color .3s ease}.att-kiosk-card-flash-success{box-shadow:0 0 0 4px #22c55e,0 24px 48px #00000014;border-color:#22c55e;animation:att-flash-success 1s ease}.att-kiosk-card-flash-error{box-shadow:0 0 0 4px #ef4444,0 24px 48px #00000014;border-color:#ef4444;animation:att-flash-error 1s ease}@keyframes att-flash-success{0%,to{box-shadow:0 0 0 4px #22c55e,0 24px 48px #00000014}50%{box-shadow:0 0 0 8px #22c55e66,0 24px 48px #00000014}}@keyframes att-flash-error{0%,to{box-shadow:0 0 0 4px #ef4444,0 24px 48px #00000014}50%{box-shadow:0 0 0 8px #ef444466,0 24px 48px #00000014}}.att-kiosk-title{font-size:1.75rem;font-weight:800;color:#e2e8f0;text-align:center;margin:0 0 28px;letter-spacing:-.02em}.att-kiosk-layout{display:flex;flex-direction:column;gap:24px}.att-kiosk-left,.att-kiosk-right{display:flex;flex-direction:column}.att-kiosk-clock{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #3d434b}.att-kiosk-time{font-size:3.5rem;font-weight:800;color:#22c55e;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1;text-shadow:0 0 20px rgba(34,197,94,.3)}.att-kiosk-date{font-size:1.1rem;color:#94a3b8;font-weight:600;margin-top:8px}.att-kiosk-camera-wrap{width:100%;aspect-ratio:16/10;max-height:340px;border-radius:20px;overflow:hidden;background:#0a0a0a;border:2px solid #475569;box-shadow:inset 0 0 20px #00000080,0 4px 12px #0000004d}.att-kiosk-camera-video{width:100%;height:100%;object-fit:cover;display:block}.att-kiosk-camera-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1.25rem;font-weight:600}.att-kiosk-input-wrap{margin-bottom:24px}.att-kiosk-code-input{width:100%;padding:20px 24px;font-size:1.75rem;letter-spacing:10px;text-align:center;border:2px solid #475569;border-radius:16px;background:#0f172a;color:#fff;caret-color:#fff;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.att-kiosk-code-input::placeholder{color:#64748b;letter-spacing:4px}.att-kiosk-code-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.att-kiosk-code-input:disabled{opacity:.7;cursor:not-allowed}.att-kiosk-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.att-kiosk-btn{padding:22px 20px;font-size:1.35rem;font-weight:800;border:none;border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;font-family:inherit;box-shadow:0 4px 14px #0000001f}.att-kiosk-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026;filter:brightness(1.03)}.att-kiosk-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #0000001a}.att-kiosk-btn:disabled{opacity:.65;cursor:not-allowed}.att-kiosk-btn-in{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff}.att-kiosk-btn-out{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.att-kiosk-msg{padding:18px 24px;border-radius:14px;text-align:center;margin-bottom:16px;border:2px solid transparent}.att-kiosk-msg-success{background:#22c55e26;border-color:#22c55e;color:#86efac;box-shadow:0 0 20px #22c55e33}.att-kiosk-msg-error{background:#ef444426;border-color:#ef4444;color:#fca5a5;box-shadow:0 0 20px #ef444433}.att-kiosk-msg-text{font-size:1.15rem;font-weight:700}.att-kiosk-msg-detail{font-size:1rem;margin-top:6px;opacity:.95}.att-kiosk-success-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:20px 24px;background:#22c55e1a;border:2px solid #22c55e;border-radius:16px;margin-top:8px}.att-kiosk-success-photo{width:64px;height:64px;border-radius:12px;object-fit:cover;border:2px solid #22c55e}.att-kiosk-success-name{font-size:1.25rem;font-weight:800;color:#86efac}.att-kiosk-success-type{font-size:1rem;font-weight:600;color:#4ade80}.att-kiosk-success-time{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:#e2e8f0}.att-kiosk-back{margin-top:24px;padding:12px 24px;background:#ffffff14;border:1px solid #475569;border-radius:12px;color:#94a3b8;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-family:inherit}.att-kiosk-back:hover{background:#ffffff1f;border-color:#64748b;color:#e2e8f0}@media(min-width:900px){.att-kiosk-card{max-width:none;width:100%;padding:32px 40px}.att-kiosk-layout{flex-direction:row-reverse;align-items:stretch;gap:32px}.att-kiosk-left,.att-kiosk-right{flex:1}.att-kiosk-right{display:flex;align-items:stretch}.att-kiosk-camera-wrap{height:100%;max-height:none}.att-kiosk-clock{text-align:right}.att-kiosk-time{font-size:4rem}.att-kiosk-buttons{max-width:420px}}.adv-kiosk{min-height:100vh;width:100%;padding:24px 16px 16px;box-sizing:border-box;background:linear-gradient(180deg,#1a1d23,#0f1115);font-family:Cairo,Segoe UI,system-ui,sans-serif;direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center}.adv-device{width:100%;max-width:480px;background:linear-gradient(165deg,#2d3239,#1e2228,#181b20);border-radius:24px;padding:24px 20px 28px;box-shadow:0 32px 64px #00000080,0 16px 32px #0006,inset 0 1px #ffffff14;border:2px solid #3d434b;position:relative}@media(min-width:768px){.adv-device{max-width:900px}}.adv-main-layout{display:flex;flex-direction:column;gap:18px;margin-top:10px}@media(min-width:768px){.adv-main-layout{display:flex;flex-direction:row-reverse;align-items:stretch;gap:24px;margin-top:16px}.adv-section-camera{flex:1;min-width:0;max-width:50%}.adv-section-controls{flex:1;min-width:0;max-width:50%;display:flex;flex-direction:column;justify-content:center}.adv-section-camera .adv-camera-frame{margin-bottom:0;height:100%}.adv-section-camera .adv-camera-screen{min-height:260px;height:100%;aspect-ratio:4/3;max-height:none}}.adv-section-camera,.adv-section-controls{display:flex;flex-direction:column}.adv-title{font-size:1.15rem;font-weight:800;color:#e2e8f0;text-align:center;margin:0 0 16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.adv-clock{text-align:center;margin-bottom:20px;padding:14px 16px;background:#00000059;border-radius:14px;border:1px solid #3d434b}.adv-clock-time{font-size:2.5rem;font-weight:800;color:#22c55e;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(34,197,94,.4);line-height:1.1}.adv-clock-day,.adv-clock-date{font-size:.95rem;color:#94a3b8;font-weight:600;margin-top:6px}.adv-camera-frame{padding:10px;background:linear-gradient(180deg,#3d434b,#252a30);border-radius:16px;margin-bottom:20px;box-shadow:inset 0 2px 8px #00000080,0 4px 12px #0000004d;border:2px solid #4b5563}.adv-camera-screen{width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#0a0a0a;position:relative;box-shadow:inset 0 0 30px #000c;border:1px solid #1f2937}.adv-camera-video{width:100%;height:100%;object-fit:cover;display:block}.adv-camera-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:1rem;font-weight:600}.adv-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:800;color:#22c55e;text-shadow:0 0 40px rgba(34,197,94,.6);animation:adv-pulse .8s ease}.adv-countdown-overlay{background:#00000080;z-index:2}@keyframes adv-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.adv-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.adv-type-btn{padding:14px 12px;font-size:1rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;font-family:inherit;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #1e293b,0 6px 12px #0000004d}.adv-type-btn:hover:not(:disabled){transform:translateY(1px);box-shadow:0 3px #1e293b,0 4px 10px #0000004d}.adv-type-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #1e293b,0 2px 6px #0000004d}.adv-type-btn:disabled{opacity:.6;cursor:not-allowed}.adv-type-in{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff}.adv-type-out{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.adv-type-selected{box-shadow:0 0 0 3px #fff6,0 4px #1e293b,0 6px 12px #0000004d}.adv-code-display{width:100%;padding:12px 16px;margin-bottom:12px;background:#0f172a;border:2px solid #334155;border-radius:10px;font-size:1.5rem;font-weight:700;color:#22c55e;text-align:center;letter-spacing:6px;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 8px #0006}.adv-keypad{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.adv-keypad-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.adv-key{padding:16px 12px;font-size:1.35rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#475569,#334155);color:#f1f5f9;box-shadow:0 4px #1e293b,0 6px 12px #00000059;transition:transform .1s,box-shadow .1s}.adv-key:hover:not(:disabled){transform:translateY(1px);box-shadow:0 3px #1e293b,0 4px 10px #00000059;background:linear-gradient(180deg,#52616e,#3d4a57)}.adv-key:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #1e293b,0 2px 6px #00000059}.adv-key:disabled{opacity:.6;cursor:not-allowed}.adv-key-ok{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;font-size:1.1rem}.adv-key-ok:hover:not(:disabled){background:linear-gradient(180deg,#2dd16a,#1a9e52)}.adv-key-back{font-size:1.2rem}.adv-message{min-height:48px;padding:12px 16px;border-radius:12px;font-size:1rem;font-weight:700;text-align:center;transition:background .3s,color .3s,box-shadow .3s}.adv-message-success{background:#22c55e33;color:#86efac;border:2px solid #22c55e;box-shadow:0 0 24px #22c55e59}.adv-message-error{background:#ef444433;color:#fca5a5;border:2px solid #ef4444;box-shadow:0 0 24px #ef444459}.adv-success-card{margin-top:16px;padding:16px;background:#22c55e26;border:2px solid #22c55e;border-radius:12px;text-align:center}.adv-success-photo{width:80px;height:80px;object-fit:cover;border-radius:8px;display:block;margin:0 auto 10px}.adv-success-name{font-size:1.1rem;font-weight:700;color:#e2e8f0}.adv-success-type{font-size:.95rem;color:#86efac;margin-top:4px}.adv-back{margin-top:20px;padding:10px 20px;background:#ffffff14;border:1px solid #475569;border-radius:10px;color:#94a3b8;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.adv-back:hover{background:#ffffff1f;color:#e2e8f0}@media(min-width:600px){.adv-device{max-width:520px;padding:28px 24px 32px}.adv-title{font-size:1.35rem;margin-bottom:20px}.adv-clock-time{font-size:3rem}.adv-camera-frame{padding:12px;margin-bottom:24px}.adv-type-btn{padding:18px 16px;font-size:1.1rem}.adv-code-display{font-size:1.75rem;padding:14px 20px;margin-bottom:14px}.adv-key{padding:18px 14px;font-size:1.5rem}.adv-countdown{font-size:6rem}}@media(min-width:900px){.adv-kiosk{padding:32px 24px 24px}.adv-device{max-width:900px;padding:32px 28px 36px;box-shadow:0 40px 80px #00000080,0 20px 40px #0006,inset 0 1px #ffffff14}.adv-title{font-size:1.5rem}.adv-clock-time{font-size:3.5rem}}.atr-page{min-height:100vh;padding:24px;font-family:Cairo,system-ui,sans-serif;direction:rtl;background:#fff;color:#000;box-sizing:border-box}.atr-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.atr-back-btn{padding:10px 18px;background:#f5f5f5;border:1px solid #ddd;border-radius:10px;color:#333;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.atr-back-btn:hover{background:#eee;border-color:#ccc}.atr-page-title{font-size:26px;font-weight:700;color:#000;margin:0}.atr-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;max-width:1400px}.atr-card-title{font-size:18px;font-weight:700;color:#000;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #eee}.atr-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.atr-field{display:flex;flex-direction:column;gap:6px}.atr-field label{font-size:14px;font-weight:600;color:#333}.atr-field input,.atr-field select{padding:10px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#000;font-size:15px;min-width:140px}.atr-btn{padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;transition:filter .15s}.atr-btn-primary{background:#16a34a;color:#fff;border-color:#15803d}.atr-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.atr-btn-primary:disabled{opacity:.6;cursor:not-allowed}.atr-hint{margin:12px 0 0;font-size:13px;color:#64748b}.atr-table-wrap{overflow-x:auto;margin-bottom:24px}.atr-table{width:100%;border-collapse:collapse}.atr-table th,.atr-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #e5e7eb;color:#000;font-size:14px}.atr-table th{font-weight:700;background:#f8fafc;color:#1e293b}.atr-table tbody tr:hover{background:#f8fafc}.atr-photo{width:50px;height:50px;border-radius:6px;object-fit:cover;display:block}.atr-no-photo{color:#999;font-size:13px}.atr-loading{text-align:center;padding:24px;color:#64748b}.atr-totals{border-top:2px solid #e5e7eb;padding-top:20px}.atr-totals-title{font-size:16px;font-weight:700;color:#000;margin:0 0 16px}.atr-totals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.atr-totals-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.atr-totals-label{font-size:13px;color:#64748b}.atr-totals-value{font-size:16px;font-weight:700;color:#000}.atr-totals-highlight{color:#16a34a;font-size:18px}@media(max-width:768px){.atr-page{padding:16px}.atr-form-row{flex-direction:column;align-items:stretch}.atr-field input,.atr-field select{min-width:0}}.ea-page{background:#fff;min-height:100vh}.ea-page .hr-page-title{color:#000;font-weight:600}.ea-page .hr-back-btn{background:#f5f5f5;border:1px solid #e5e5e5;color:#333;border-radius:6px}.ea-page .hr-back-btn:hover{background:#eee;border-color:#ddd}.ea-page .hr-card{background:#fff;border:1px solid #e5e5e5;box-shadow:0 2px 6px #0000000d;border-radius:8px}.ea-page .hr-card-title{color:#000;font-weight:600;border-bottom:1px solid #e5e5e5}.ea-page .hr-field label{color:#000;font-weight:600}.ea-page .hr-field input,.ea-page .hr-field select{background:#fff;border:1px solid #333333;color:#000;border-radius:6px}.ea-page .hr-field input:focus,.ea-page .hr-field select:focus{outline:none;border:1px solid #000000;box-shadow:none}.ea-page .hr-btn-primary{background:#2e7d32;color:#fff;border:none;border-radius:6px}.ea-page .hr-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.ea-page .hr-btn-primary:disabled{opacity:.7}.ea-page .hr-table th{background:#f5f5f5;color:#000;font-weight:600;border-bottom:1px solid #dddddd}.ea-page .hr-table td{color:#000;border-bottom:1px solid #dddddd}.ea-page .hr-table tbody tr:hover{background:#f9f9f9}.ea-page .hr-loading{color:#333}.ed-page{background:#fff;min-height:100vh;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.ed-page .hr-page-title{color:#000;font-weight:600}.ed-page .hr-back-btn{background:#f5f5f5;border:1px solid #e0e0e0;color:#333;border-radius:6px}.ed-page .hr-back-btn:hover{background:#eee;border-color:#ddd}.ed-page .hr-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:none}.ed-page .hr-card-title{color:#000;font-weight:600;border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:16px}.ed-page .hr-field label{color:#000;font-weight:600}.ed-page .hr-field input,.ed-page .hr-field select{background:#fff;border:1px solid #333333;color:#000;border-radius:6px;padding:8px}.ed-page .hr-field input:focus,.ed-page .hr-field select:focus{outline:none;border:1px solid #000000;box-shadow:none}.ed-page .hr-btn-primary{background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:8px 16px}.ed-page .hr-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.ed-page .hr-btn-primary:disabled{opacity:.7;cursor:not-allowed}.ed-page .hr-table-wrap{overflow-x:auto;margin-top:0}.ed-page .hr-table{width:100%;border-collapse:collapse}.ed-page .hr-table th,.ed-page .hr-table td{padding:10px;text-align:right;border-bottom:1px solid #dddddd;color:#000}.ed-page .hr-table th{background:#f5f5f5;color:#000;font-weight:600}.ed-page .hr-table tbody tr:hover{background:#fafafa}.ed-page .hr-loading{color:#333;padding:24px;text-align:center}@media(max-width:768px){.ed-page{padding:16px}.ed-page .hr-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.ed-page{padding:12px}.ed-page .hr-table th,.ed-page .hr-table td{padding:8px 6px;font-size:13px}}.py-page{background:#fff;min-height:100vh;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.py-page .hr-page-title{color:#000;font-weight:600}.py-page .hr-back-btn{background:#f5f5f5;border:1px solid #e0e0e0;color:#333;border-radius:6px}.py-page .hr-back-btn:hover{background:#eee;border-color:#ddd}.py-page .hr-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000000d;margin-bottom:24px}.py-page .hr-card-title{color:#000;font-weight:600;border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:16px}.py-page .hr-payroll-period{margin-bottom:20px}.py-page .hr-field label{color:#000;font-weight:600}.py-page .hr-field input,.py-page .hr-field select{background:#fff;border:1px solid #333333;color:#000;border-radius:6px;padding:8px}.py-page .hr-field input:focus,.py-page .hr-field select:focus{outline:none;border:1px solid #000000;box-shadow:none}.py-page .hr-btn-secondary{background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:8px 16px}.py-page .hr-btn-secondary:hover:not(:disabled){filter:brightness(1.05)}.py-page .hr-btn-secondary:disabled{opacity:.7;cursor:not-allowed}.py-page .hr-btn-print-sheet{background:#1565c0;color:#fff;border:none;border-radius:6px;padding:8px 16px}.py-page .hr-btn-print-sheet:hover:not(:disabled){filter:brightness(1.05)}.py-page .hr-btn-print-sheet:disabled{opacity:.7;cursor:not-allowed}.py-page .hr-btn-sm{background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.py-page .hr-btn-sm:hover:not(:disabled){filter:brightness(1.05)}.py-page .hr-btn-sm:disabled{opacity:.7}.py-page .hr-table-wrap{overflow-x:auto;margin-top:16px}.py-page .hr-table{width:100%;border-collapse:collapse}.py-page .hr-table-totals td{font-weight:700;background:#e0f2fe;border-top:2px solid #0ea5e9}.py-page .hr-table-totals td:first-child{text-align:right}.py-page .hr-table th,.py-page .hr-table td{padding:10px;text-align:right;border-bottom:1px solid #dddddd;color:#000}.py-page .hr-table th{background:#f5f5f5;color:#000;font-weight:600}.py-page .hr-table tbody tr:hover{background:#fafafa}.py-page .hr-pay-status{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.py-page .hr-pay-status-pending{background:#fff3e0;color:#e65100}.py-page .hr-pay-status-paid{background:#e8f5e9;color:#2e7d32}.py-page .hr-loading{color:#333;padding:24px;text-align:center}@media(max-width:768px){.py-page{padding:16px}.py-page .hr-payroll-period{flex-direction:column;align-items:stretch}.py-page .hr-table-wrap{margin-left:-20px;margin-right:-20px;padding:0 20px}.py-page .hr-table th,.py-page .hr-table td{padding:8px 6px;font-size:13px}}@media(max-width:480px){.py-page{padding:12px}.py-page .hr-table th,.py-page .hr-table td{padding:6px 4px;font-size:12px}}.packaging-history-page{min-height:100vh;background:#f4f6f8;padding:40px 30px;direction:rtl}.ph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap}.ph-title{font-size:28px;font-weight:700;color:#2c2c2c;margin:0 auto 15px;text-align:center;flex:1 1 100%}.ph-filters{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:25px;justify-content:center}.ph-field{display:flex;flex-direction:column;min-width:160px}.ph-field label{font-size:14px;margin-bottom:6px;color:#555}.ph-field input{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px;transition:.3s}.ph-field input:focus{outline:none;border-color:#2d8f5a;box-shadow:0 0 0 2px #2d8f5a33}.kbd-btn{padding:12px 22px;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:.2s;box-shadow:0 4px #0003}.kbd-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.kbd-btn.primary{background:linear-gradient(to bottom,#38b26b,#2d8f5a);color:#fff}.kbd-btn.gold{background:linear-gradient(to bottom,#d9a441,#b98527);color:#fff}.ph-info{text-align:center;margin-bottom:20px;font-size:14px}.ph-error{color:red;margin-right:15px}.ph-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 3px 15px #0000000d}.ph-table{width:100%;border-collapse:collapse;min-width:700px}.ph-table thead{background:tan}.ph-table th,.ph-table td{padding:14px;text-align:center;border-bottom:1px solid #eee}.ph-table th{font-weight:700;color:#333}.ph-empty{padding:20px;color:#777}.packaging-history-page{min-height:100vh;background:#f8e2e5!important;padding:30px}.spices-ops-page{min-height:100vh;padding:26px 18px 40px;position:relative;z-index:2;direction:rtl}.spices-ops-header{width:min(1200px,96%);margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.spices-ops-title{margin:0;font-size:34px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.55),0 0 18px rgba(255,215,120,.18)}.ops-back-btn{border:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:12px 16px;min-width:170px;border-radius:16px;font-weight:900;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#2b1a00;background:linear-gradient(180deg,#f5d27a,#d8b04a 60%,#b68922);box-shadow:0 10px #00000059,0 18px 30px #00000059,0 0 18px #ffd27829,inset 0 1px #ffffff59,inset 0 -10px 22px #00000038}.ops-back-btn:active{transform:translateY(6px);box-shadow:0 4px #00000059,0 10px 18px #00000052,inset 0 1px #ffffff40,inset 0 -10px 18px #00000047}.ops-filters{width:min(1200px,96%);margin:0 auto 14px;display:flex;align-items:flex-end;justify-content:flex-start;gap:14px;flex-wrap:wrap}.ops-filter-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffffb3;border-radius:18px;padding:14px 14px 12px;display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.ops-field{display:flex;flex-direction:column;gap:8px;min-width:210px}.ops-field label{font-weight:900;font-size:14px;color:#2c1b00;opacity:.9}.ops-field{display:flex;flex-direction:column;gap:6px}.ops-field label{font-size:14px;font-weight:800;color:#fff;opacity:.95}.ops-field input[type=date]{height:46px;border-radius:14px;border:2px solid rgba(255,255,255,.35);padding:0 14px;font-weight:800;font-size:14px;color:#0b1a12;background:#fff;box-shadow:0 10px 20px #00000026;transition:all .2s ease}.ops-field input[type=date]:focus{outline:none;border-color:#19aa55;box-shadow:0 0 0 3px #19aa5540,0 12px 22px #0000002e}.ops-apply-btn{border:0;cursor:pointer;-webkit-user-select:none;user-select:none;height:46px;padding:0 18px;border-radius:14px;font-weight:900;font-size:15px;color:#0a1c12;background:linear-gradient(180deg,#2fe07b,#13b95d 60%,#0c8f49);box-shadow:0 10px #0000004d,0 18px 30px #00000038,0 0 18px #37ff9624,inset 0 1px #ffffff59,inset 0 -10px 22px #00000038}.ops-apply-btn:active{transform:translateY(6px);box-shadow:0 4px #0000004d,0 10px 18px #0000002e,inset 0 1px #ffffff2e,inset 0 -10px 18px #00000047}.ops-table-wrapper{width:min(1200px,96%);margin:10px auto 0;background:#ffffffeb;border-radius:18px;padding:14px;box-shadow:0 18px 40px #00000038,inset 0 1px #ffffffb3;border:1px solid rgba(255,255,255,.35);overflow:auto}.ops-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;direction:rtl}.ops-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#e8d2ae,#d9bc8f);color:#2c1b00;font-weight:900;padding:14px 12px;text-align:center;border-bottom:1px solid rgba(0,0,0,.08)}.ops-table thead th:first-child{border-top-right-radius:14px}.ops-table thead th:last-child{border-top-left-radius:14px}.ops-table tbody td{padding:14px 12px;text-align:center;color:#1b1b1b;font-weight:800;border-bottom:1px solid rgba(0,0,0,.06)}.ops-table tbody tr:nth-child(2n) td{background:#00000008}.ops-table tbody tr.op-deduct td,.ops-table tbody tr[data-op=deduct] td{background:#ff46461a!important;border-bottom-color:#ff464638!important;color:#7f1f1f!important}.ops-table tbody tr.op-add td,.ops-table tbody tr[data-op=add] td{background:#19aa5514}.ops-table tbody tr:hover td{background:#19aa551a}@media(max-width:900px){.spices-ops-title{font-size:28px}.ops-field{min-width:180px}.ops-table{min-width:920px}}@media(max-width:560px){.spices-ops-page{padding:18px 12px 34px}.spices-ops-title{font-size:24px}.ops-filter-card{width:100%}.ops-field{min-width:100%}.ops-apply-btn{width:100%}.ops-table-wrapper{padding:10px;border-radius:16px}.ops-table{min-width:880px}}.ops-filter-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:30px;max-width:750px;margin:30px auto;box-shadow:0 20px 45px #0000002e;border:1px solid rgba(255,255,255,.6);text-align:center}.ops-filter-title{margin:0 0 20px;font-weight:900;font-size:22px;color:#2b1a00}.ops-search-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.ops-field{display:flex;flex-direction:column;gap:6px;min-width:220px}.ops-field label{font-weight:700;font-size:14px;color:#444}.ops-field input[type=date]{height:46px;border-radius:14px;border:1px solid rgba(0,0,0,.15);padding:0 14px;font-weight:700;background:#fff;box-shadow:inset 0 1px 2px #0000000f;transition:.2s}.ops-field input[type=date]:focus{border-color:#1faa55;box-shadow:0 0 0 3px #1faa5526;outline:none}.ops-buttons-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.row-deduct{background:#dc354514;transition:.2s ease}.row-deduct:hover{background:#dc354526}.row-deduct td{color:#a71d2a;font-weight:800}.recipes-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box}.recipes-title{font-size:28px;margin-bottom:25px;color:#4b2e2e}.recipes-actions{display:flex;gap:15px;margin-bottom:30px}.table-wrapper{width:100%;max-width:1000px;background:#fff;padding:25px;border-radius:18px;box-shadow:0 15px 40px #00000014}table{width:100%;border-collapse:collapse;text-align:center}thead{background:linear-gradient(135deg,#d6b57a,#b98b3c);color:#fff}th{padding:14px;font-weight:600}td{padding:14px;border-bottom:1px solid #eee}tbody tr:hover{background-color:#f9f9f9}.recipes-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 20px 40px;box-sizing:border-box}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;direction:rtl;background:#f5f3ef;overflow-x:hidden}#root{display:block}@keyframes goldMove{0%{background-position:0% 50%}to{background-position:300% 50%}}body{color:#111!important}h1,h2,h3,h4,h5,h6,p,span,label,small,strong,em,i,b,div{color:inherit}table,thead,tbody,tr,th,td,input,textarea,select{color:#111!important}input::placeholder,textarea::placeholder{color:#0000008c!important}a{color:#111!important}