.app-container{min-height:100vh;position:relative}.splash-screen{position:fixed;inset:0;background:#0b0b0b;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.splash-content{position:relative;z-index:2;text-align:center;animation:logoIntro 2.5s ease-in-out forwards}@keyframes logoIntro{0%{opacity:0;transform:scale(.98)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.splash-logo-container{margin-bottom:20px;position:relative;z-index:2}.splash-tagline{color:#fff;font-size:1.1rem;font-weight:400;letter-spacing:1px}.splash-footer{position:absolute;bottom:40px;color:#fff6;font-size:.875rem;animation:fadeIn 1s ease 1s both;z-index:2}.app-route-loading{position:fixed;inset:0;display:grid;place-items:center;background:#fff;z-index:9999}.app-route-loading:after{content:"";width:28px;height:28px;border:3px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:v7-route-spin .65s linear infinite}@keyframes v7-route-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-route-loading:after{animation:none}}.seller-app-root{--primary: #D4AF37;--primary-dark: #111111;--primary-light: #F5D78E;--primary-gradient: linear-gradient(135deg, #D4AF37 0%, #B8962C 100%);--primary-gradient-h: linear-gradient(180deg, #D4AF37 0%, #B8962C 100%);--secondary: #B8962C;--secondary-light: #D4AF37;--secondary-dark: #8F721A;--accent: #D4AF37;--accent-light: #F5D78E;--accent-dark: #B8962C;--accent-gradient: linear-gradient(135deg, #D4AF37, #B8962C);--bg: #FFFFFF;--bg-gray: #F8FAFC;--bg-dark: #0F1923;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--text-white: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--border-focus: rgba(212, 175, 55, .4);--danger: #E53E3E;--info: #3182CE;--warning: #D69E2E;--success: #38A169;--shadow-xs: 0 1px 3px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 10px 40px rgba(0,0,0,.1);--shadow-xl: 0 25px 60px rgba(0,0,0,.12);--shadow-glow: 0 0 30px rgba(212, 175, 55, .15);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50px;--font-ar: "Tajawal", sans-serif;--font-en: "Inter", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;font-family:var(--font-ar);background-color:transparent;color:var(--text-primary);line-height:1.7;direction:rtl;min-height:100vh;box-sizing:border-box;& *,*:before,*:after{box-sizing:border-box}& a{text-decoration:none;color:inherit}& img{max-width:100%;height:auto;display:block}& button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none}& input,textarea,select{font-family:inherit;outline:none}& ul,ol{list-style:none;padding:0;margin:0}& h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);margin-top:0}.font-en{font-family:var(--font-en)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;transition:var(--transition);position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#111;box-shadow:0 4px 15px #d4af3740}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3759}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#111;transform:translateY(-2px)}.btn-accent{background:var(--accent-gradient);color:#fff}.btn-ghost{background:#d4af3714;color:var(--primary)}.btn-ghost:hover{background:#d4af3726}.btn-sm{padding:8px 18px;font-size:.875rem;border-radius:var(--radius-sm)}.btn-block{width:100%}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border-light)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.card-body{padding:18px}.input-group{margin-bottom:16px;text-align:right}.input-group label{display:block;font-size:.88rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.input-field{width:100%;padding:13px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:#fff;color:var(--text-primary)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #d4af3714}.search-box{position:relative;width:100%}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--border);border-radius:var(--radius-full);font-size:.95rem;background:#fff;color:var(--text-primary);transition:var(--transition)}.search-box input:focus{border-color:var(--primary)}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mt-md{margin-top:16px}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--bg-gray)}.sidebar{width:280px;background-color:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;right:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light)}.sidebar-nav{flex:1;padding:16px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);border-radius:var(--radius-md);margin-bottom:8px;font-weight:600;transition:var(--transition)}.nav-item:hover{background-color:#d4af370d;color:var(--primary)}.nav-item.active{background-color:var(--primary);color:#111}.main-content{flex:1;margin-right:280px;display:flex;flex-direction:column;min-height:100vh}.topbar{height:70px;background-color:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90}.content-area{padding:24px;flex:1;overflow-y:auto}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.status-pending{background-color:#fff3e0;color:#e65100}.status-processing{background-color:#e3f2fd;color:#1976d2}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-cancelled{background-color:#ffebee;color:#c62828}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes textGlow{0%{box-shadow:0 0 5px #ffd7004d,0 0 10px #ffd7004d;text-shadow:0 0 5px rgba(255,215,0,.3)}50%{box-shadow:0 0 15px #ffd700b3,0 0 25px #ffd70080;text-shadow:0 0 10px rgba(255,215,0,.6)}to{box-shadow:0 0 5px #ffd7004d,0 0 10px #ffd7004d;text-shadow:0 0 5px rgba(255,215,0,.3)}}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-slideUp{animation:slideUp .4s ease forwards}.animate-zoomIn{animation:zoomIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.glow-badge{animation:textGlow 2s infinite alternate ease-in-out}.hover-glow-card{transition:all .3s ease;border:1px solid transparent}.hover-glow-card:hover{box-shadow:0 0 25px #d4af3726,inset 0 0 15px #d4af370d!important;border:1px solid rgba(212,175,55,.4);transform:translateY(-2px)}}@media (max-width: 992px){.seller-app-root .sidebar{transform:translate(100%)}.seller-app-root .sidebar.open{transform:translate(0)}.seller-app-root .main-content{margin-right:0}}:root{--primary: #D4AF37;--primary-dark: #B8962C;--primary-light: #F5D78E;--primary-gradient: linear-gradient(135deg, #F5D78E 0%, #D4AF37 100%);--primary-gradient-h: linear-gradient(180deg, #F5D78E 0%, #D4AF37 100%);--secondary: #FDF8E6;--secondary-light: #FFFFFF;--secondary-dark: #EADCB3;--accent: #1C1C1C;--accent-light: #333333;--accent-dark: #000000;--accent-gradient: linear-gradient(135deg, #333333, #000000);--bg: #FFFFFF;--bg-gray: #FFFFFF;--bg-dark: #111111;--bg-card: #FFFFFF;--bg-card-hover: #FDFDFD;--text-primary: #1C1C1C;--text-secondary: #7A7A7A;--text-muted: #A1A1A1;--text-white: #FFFFFF;--border: #E8E8E8;--border-light: #F2F2F2;--border-focus: rgba(212, 175, 55, .4);--danger: #D32F2F;--info: #1976D2;--warning: #F57C00;--success: #388E3C;--shadow-xs: 0 2px 4px rgba(0,0,0,.02);--shadow-sm: 0 4px 12px rgba(0,0,0,.04);--shadow-md: 0 8px 24px rgba(0,0,0,.06);--shadow-lg: 0 16px 40px rgba(0,0,0,.08);--shadow-xl: 0 24px 60px rgba(0,0,0,.1);--shadow-glow: 0 0 30px rgba(212, 175, 55, .15);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 50px;--font-ar: "Cairo", "Tajawal", sans-serif;--font-en: "Inter", sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast: all .15s ease-out;--transition-slow: all .5s cubic-bezier(.25, .8, .25, 1);--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{font-family:var(--font-ar);background-color:var(--bg-gray);color:var(--text-primary);line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100dvh;position:relative}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none}input,textarea,select{font-family:inherit;outline:none}ul,ol{list-style:none}.animated-dots-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;opacity:.35}.dots-canvas{width:100%;height:100%}.dots-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(45,80,22,.12) 1.5px,transparent 1.5px);background-size:30px 30px;animation:dotsFloat 8s ease-in-out infinite}@keyframes dotsFloat{0%,to{background-position:0px 0px}25%{background-position:5px 10px}50%{background-position:0px 20px}75%{background-position:-5px 10px}}.container{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.page-content{padding-top:75px;padding-bottom:calc(85px + env(safe-area-inset-bottom));min-height:100dvh;position:relative;z-index:1;-webkit-overflow-scrolling:touch;animation:pageFadeSlide .3s cubic-bezier(.25,.8,.25,1) forwards}.app-container{min-height:100dvh;position:relative;background-color:transparent}@keyframes pageFadeSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fixed-bottom-action{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:95;box-shadow:0 -8px 30px #0000000f;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.fixed-bottom-action.with-nav{bottom:68px}@media (min-width: 768px){.fixed-bottom-action.with-nav{bottom:0}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}.section-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:10px;position:relative}.section-title:before{content:"";width:4px;height:22px;background:var(--primary-gradient);border-radius:4px}.section-title svg{color:var(--primary)}.font-en{font-family:var(--font-en)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;transition:var(--transition);position:relative;overflow:hidden;letter-spacing:.02em}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn:active:after{animation:rippleBtn .4s ease-out}@keyframes rippleBtn{0%{transform:scale(0) translate(-50%,-50%);opacity:.5}to{transform:scale(20) translate(-50%,-50%);opacity:0}}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #d4af3733}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #d4af374d}.btn-secondary{background:var(--bg);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light);color:var(--bg-dark);transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 15px #1c1c1c33}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1c1c1c4d}.btn-ghost{background:#d4af370d;color:var(--primary)}.btn-ghost:hover{background:#d4af371a}.btn-sm{padding:8px 18px;font-size:.875rem;border-radius:10px}.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:var(--radius-md)}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-slow);overflow:hidden;border:1px solid var(--border-light)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02);border-color:var(--border);z-index:2}.card-body{padding:20px}.card-flat{box-shadow:none;border:1px solid var(--border-light)}.card-flat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;letter-spacing:.02em}.badge-new{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20}.badge-used{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#0d47a1}.badge-refurbished{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#6a1b9a}.badge-original{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.badge-aftermarket{background:linear-gradient(135deg,#e0f2f1,#b2dfdb);color:#004d40}.badge-premium{background:linear-gradient(135deg,gold,#ffa000);color:#3e2723}.price{font-family:var(--font-en);color:var(--primary);font-weight:800;letter-spacing:-.5px}.price-lg{font-size:1.6rem}.price-xl{font-size:2.4rem}.currency{font-size:.7em;font-weight:700;font-family:var(--font-ar);margin-right:4px;color:var(--primary)}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:.88rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.input-field{width:100%;padding:13px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:#fff}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2d501614}.search-box{position:relative;width:100%}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--border);border-radius:var(--radius-full);font-size:.95rem;background:#fff;transition:var(--transition);box-shadow:var(--shadow-xs)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2d501614,var(--shadow-md)}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}textarea.input-field{min-height:110px;resize:vertical;line-height:1.6}.chips-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:8px 18px;border-radius:var(--radius-full);background:#fff;border:1.5px solid var(--border);font-size:.875rem;cursor:pointer;transition:var(--transition);font-weight:500}.chip:hover{border-color:var(--primary);color:var(--primary);background:#2d50160a}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #2d501633}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary-color{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-white{color:#fff}.text-danger{color:var(--danger)}.text-sm,.text-xs{font-size:.875rem}.text-lg{font-size:1.15rem}.text-xl{font-size:1.5rem}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.fw-extrabold{font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{0%{left:-100%}to{left:200%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 5px #2d501633}50%{box-shadow:0 0 20px #2d501666}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dotWave{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-4px) scale(1.3);opacity:.6}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-slideUp{animation:slideUp .5s ease forwards}.animate-slideInRight{animation:slideInRight .5s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-bounceIn{animation:bounceIn .6s ease forwards}.delay-1{animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.delay-2{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.delay-3{animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.delay-4{animation-delay:.4s;opacity:0;animation-fill-mode:forwards}.delay-5{animation-delay:.5s;opacity:0;animation-fill-mode:forwards}.glass-effect{background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3)}.divider{height:1px;background:var(--border-light);margin:8px 0}.notification-dot{width:9px;height:9px;background:var(--danger);border-radius:50%;position:absolute;top:-1px;right:-1px;border:2px solid white;animation:pulse 2s infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.page-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffffeb;backdrop-filter:blur(20px);position:sticky;top:64px;z-index:90;border-bottom:1px solid var(--border-light)}.page-header h1{font-size:1.15rem;flex:1}.back-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-gray);display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text-primary)}.back-btn:hover{background:var(--border);transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#0f192399;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:var(--radius-2xl);padding:40px 32px;max-width:380px;width:90%;text-align:center;animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-xl)}.img-placeholder{background:linear-gradient(135deg,#f0f4f0,#e8ece8);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 480px){.container{padding:0 14px}.btn-lg{padding:14px 28px;font-size:1rem}}@media (min-width: 768px){.container{padding:0 24px}.page-content{padding-top:80px}}.bg-dark,.dark-card,[class*=dark-]{border:1px solid rgba(255,234,0,.25)!important;box-shadow:0 4px 20px #ffea001a!important;position:relative}.bg-dark:before,.dark-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#FFEA00,transparent);opacity:.8;pointer-events:none}.card,.bg-white,.light-card,.dashboard-card{border:1px solid #F1F5F9!important;box-shadow:0 10px 30px #1e293b0a,0 2px 8px #b8962c0d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative}.card:hover,.bg-white:hover,.light-card:hover,.dashboard-card:hover{transform:translateY(-3px);border-color:#d4af374d!important;box-shadow:0 16px 40px #1e293b14,0 4px 15px #d4af371a!important}