.dashboard-layout{color:#fff;background:#0b1220;width:100%;min-height:100vh;display:flex}.sidebar{z-index:10;background:#101827;border-right:1px solid #1f2a44;flex-direction:column;align-self:flex-start;width:260px;min-width:260px;min-height:100vh;padding:24px 18px;transition:width .3s,min-width .3s,padding .3s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:86px;min-width:86px;padding-left:14px;padding-right:14px}.logo{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:32px;display:flex}.logo h2{color:#7c5cff;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:28px;font-weight:800;display:flex}.logo-icon{flex-shrink:0}.logo-text{transition:opacity .2s;display:inline-block}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{color:#fff;cursor:pointer;background:#1b2437;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .2s,transform .2s;display:flex}.sidebar-toggle:hover{background:#293550;transform:translateY(-1px)}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .logo h2{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:10px;display:flex}.menu-item{color:#c9d2e3;white-space:nowrap;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.menu-item:hover{color:#fff;background:#1b2741;transform:translate(2px)}.menu-item.active{color:#fff;background:linear-gradient(135deg,#6d5dfc,#4f8cff);box-shadow:0 10px 24px #4f8cff33}.menu-icon{justify-content:center;align-items:center;min-width:22px;font-size:20px;display:flex}.menu-text{display:inline-block}.sidebar.collapsed .menu-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .menu-item:hover{transform:none}.sidebar-footer{border-top:1px solid #26324a;margin-top:24px;padding-top:20px}.logout-btn{color:#f5a3a3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:50px;padding:14px 16px;font-size:16px;font-weight:700;transition:background .2s,color .2s;display:flex}.sidebar.collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .logout-text{display:none}.dashboard-main{background:#0b1220;flex:1;min-width:0;min-height:100vh}.dashboard-topbar{background:#101827;border-bottom:1px solid #1f2a44;align-items:center;min-height:96px;padding:22px 32px;display:flex}.dashboard-topbar h1{color:#fff;margin:0 0 6px;font-size:24px;font-weight:800}.dashboard-topbar p{color:#94a3b8;margin:0;font-size:14px}.dashboard-content{width:100%;padding:30px}@media (width<=900px){.sidebar{width:86px;min-width:86px;padding-left:14px;padding-right:14px}.sidebar .logo h2{display:none}.sidebar .logo{justify-content:center}.sidebar .menu-item{justify-content:center;padding-left:0;padding-right:0}.sidebar .menu-text,.sidebar .logout-text{display:none}.sidebar .logout-btn{justify-content:center;padding-left:0;padding-right:0}.dashboard-content,.dashboard-topbar{padding:20px}}@media (width<=600px){.sidebar{width:72px;min-width:72px;padding:18px 10px}.dashboard-content{padding:16px}.dashboard-topbar h1{font-size:20px}}.stat-card{cursor:pointer;background:linear-gradient(145deg,#1e293b,#182233);border-radius:18px;align-items:center;gap:22px;padding:24px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #00000040}.stat-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #00000073}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000);position:absolute;inset:0}.stat-icon{border-radius:18px;justify-content:center;align-items:center;width:72px;min-width:72px;height:72px;font-size:30px;transition:all .35s;display:flex}.stat-card:hover .stat-icon{transform:rotate(-6deg)scale(1.08)}.stat-info{flex:1}.stat-title{color:#94a3b8;letter-spacing:.5px;margin-bottom:8px;font-size:15px;display:block}.stat-info h2{color:#fff;margin:0;font-size:38px;font-weight:700}.trend{border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.trend.positive{color:#10b981;background:#10b98126}.trend.negative{color:#ef4444;background:#ef444426}@media (width<=768px){.stat-card{padding:20px}.stat-icon{width:60px;min-width:60px;height:60px;font-size:26px}.stat-info h2{font-size:30px}}.chart-box{color:#fff;background:linear-gradient(145deg,#1e293b,#172033);border-radius:22px;padding:30px;transition:all .3s;box-shadow:0 12px 35px #00000059}.chart-box:hover{transform:translateY(-4px)}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.chart-header h2{margin:0;font-size:28px;font-weight:700}.period-buttons{flex-wrap:wrap;gap:10px;display:flex}.period-buttons button{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.period-buttons button:hover{color:#fff;background:#7c5cff;border-color:#7c5cff}.period-buttons button.active{color:#fff;background:#7c5cff;border-color:#7c5cff;box-shadow:0 0 18px #7c5cff73}.recharts-cartesian-grid line{stroke:#334155}.recharts-tooltip-wrapper{border-radius:12px}.recharts-default-tooltip{background:#0f172a!important;border:1px solid #334155!important;border-radius:12px!important}.recharts-legend-item-text{color:#fff!important}@media (width<=768px){.chart-box{padding:20px}.chart-header{flex-direction:column;align-items:flex-start}.chart-header h2{font-size:22px}.period-buttons{width:100%}.period-buttons button{flex:1;min-width:70px}}.revenue-card{background:#1b2435;border:1px solid #ffffff0f;border-radius:20px;margin-top:30px;padding:28px;transition:all .3s;box-shadow:0 15px 40px #00000040}.revenue-card:hover{transform:translateY(-5px)}.revenue-top{justify-content:space-between;align-items:center;display:flex}.revenue-top p{color:#94a3b8;margin-bottom:10px}.revenue-top h1{color:#fff;margin:0;font-size:42px}.wallet-icon{color:#10b981;font-size:52px}.revenue-progress{margin-top:25px}.progress-line{background:#2b364d;border-radius:50px;width:100%;height:12px;overflow:hidden}.revenue-progress span{color:#94a3b8;margin-top:12px;display:block}.revenue-footer{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:30px;padding-top:20px;display:flex}.revenue-footer h4{color:#94a3b8;margin-bottom:6px}.revenue-footer p{color:#fff;font-size:18px;font-weight:700}.green{color:#22c55e!important}@media (width<=768px){.revenue-footer{flex-direction:column;gap:20px}.revenue-top{flex-direction:column;align-items:flex-start;gap:20px}.wallet-icon{font-size:42px}.revenue-top h1{font-size:34px}}.top-products{color:#fff;background:#1e293b;border-radius:20px;padding:25px;box-shadow:0 12px 30px #0000004d}.top-header{margin-bottom:25px}.top-header h2{margin:0;font-size:26px}.product-item{margin-bottom:22px}.product-info{justify-content:space-between;margin-bottom:10px;display:flex}.product-info h3{margin:0;font-size:17px}.product-info span{color:#94a3b8}.progress{background:#0f172a;border-radius:50px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7c5cff,#10b981);border-radius:50px;height:100%}.percent{text-align:right;color:#94a3b8;margin-top:8px;font-size:14px}.orders-box{color:#fff;background:#1f2937;border-radius:18px;margin-top:30px;padding:25px}.order{border-bottom:1px solid #374151;justify-content:space-between;padding:15px 0;display:flex}.low-stock-card{background:#1b2435;border:1px solid #ffffff0f;border-radius:20px;padding:25px;box-shadow:0 15px 35px #00000040}.low-stock-header{margin-bottom:25px}.low-stock-header h2{color:#fff;align-items:center;gap:10px;display:flex}.low-stock-header svg{color:#f59e0b}.stock-item{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.stock-left{align-items:center;gap:15px;display:flex}.stock-left svg{color:#7c5cff;font-size:24px}.stock-left h4{color:#fff;margin:0}.stock-left p{color:#94a3b8;margin-top:4px}.danger{color:#fff;background:#ef4444;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.ai-insights-card{color:#fff;background:#161b22;border-radius:20px;margin-top:25px;padding:25px}.ai-score{text-align:center;margin:25px 0}.ai-score h1{color:#6d5dfc;font-size:60px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px;display:grid}.stats p{background:#202938;border-radius:10px;padding:12px}.dashboard{color:#fff;box-sizing:border-box;width:100%;max-width:100%;padding:32px;overflow-x:hidden}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.dashboard h1{margin-bottom:8px;font-size:42px;font-weight:700}.subtitle{color:#94a3b8;font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:35px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(320px,420px);align-items:start;gap:30px;display:grid}.dashboard-left,.dashboard-right{flex-direction:column;gap:30px;min-width:0;display:flex}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-right{width:100%}}@media (width<=768px){.dashboard{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard h1{font-size:32px}.subtitle{font-size:16px}.stats-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;font-family:Arial,Helvetica,sans-serif}.auth-page{background:linear-gradient(135deg,#0f172a,#111827,#1e293b);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-card{background:#1f2937;border-radius:18px;flex-direction:column;width:430px;padding:45px;display:flex;box-shadow:0 25px 60px #0006}.auth-card h1{color:#fff;text-align:center;margin-bottom:10px;font-size:52px}.subtitle{text-align:center;color:#94a3b8;margin-bottom:30px;font-size:18px}.auth-card input{color:#fff;background:#111827;border:none;border-radius:10px;width:100%;height:52px;margin-bottom:18px;padding:0 16px;font-size:16px}.auth-card input:focus{outline:2px solid #7c5cff}.auth-card button{color:#fff;cursor:pointer;background:#7c5cff;border:none;border-radius:10px;width:100%;height:52px;font-size:18px;font-weight:700;transition:all .3s}.auth-card button:hover{background:#6948ff}.register{text-align:center;color:#94a3b8;margin-top:25px}.register a{color:#7c5cff;font-weight:700;text-decoration:none}.register a:hover{color:#fff}.register-page{background:radial-gradient(circle at 0 0,#6d5dfc 0%,#0000 35%),radial-gradient(circle at 100% 100%,#00d4ff 0%,#0000 35%),#0b1020;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.register-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:470px;padding:45px;box-shadow:0 20px 60px #00000059}.register-logo{text-align:center;margin-bottom:35px}.register-logo h1{background:linear-gradient(135deg,#6d5dfc,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:42px;font-weight:800}.register-logo p{color:#bfc7dc;font-size:15px}.register-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#d8dceb;font-size:14px;font-weight:600}.form-group input{color:#fff;box-sizing:border-box;background:#1b2237;border:none;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:15px;transition:all .3s}.form-group input:focus{box-shadow:0 0 0 2px #6d5dfc}.password-box{position:relative}.show-password{cursor:pointer;color:#00d4ff;background:0 0;border:none;font-weight:700;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6d5dfc,#00d4ff);border:none;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.register-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6d5dfc66}.error-message{color:#ffb7b7;background:#ff4d4f22;border:1px solid #ff4d4f;border-radius:12px;padding:14px;font-size:14px}.register-footer{text-align:center;color:#c8d0e3;margin-top:28px;font-size:15px}.register-footer a{color:#00d4ff;margin-left:8px;font-weight:700;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (width<=550px){.register-card{padding:30px 24px}.register-logo h1{font-size:34px}}.products-page{color:#f8fafc;width:100%;min-width:0}.products-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.products-eyebrow{color:#818cf8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.products-header h1{color:#fff;margin:0;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.1}.products-subtitle{color:#94a3b8;max-width:620px;margin:10px 0 0;font-size:15px;line-height:1.7}.add-product-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5 50%,#2563eb);border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 22px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 12px 28px #4f46e53d}.add-product-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px #4f46e557}.add-product-btn:active{transform:translateY(0)}.add-product-btn:focus-visible{outline-offset:3px;outline:3px solid #818cf859}.products-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.products-summary-card{background:linear-gradient(145deg,#1e293bf5,#0f172af5);border:1px solid #94a3b81f;border-radius:18px;flex-direction:column;gap:10px;min-height:118px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 36px #02061729}.products-summary-card:after{content:"";background:#6366f117;border-radius:999px;width:100px;height:100px;position:absolute;top:-35px;right:-30px}.products-summary-card span{z-index:1;color:#94a3b8;font-size:14px;font-weight:600;position:relative}.products-summary-card strong{z-index:1;color:#fff;font-size:32px;font-weight:800;line-height:1;position:relative}.products-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab8;border:1px solid #94a3b81f;border-radius:18px;grid-template-columns:minmax(240px,1fr) minmax(180px,220px) minmax(190px,230px) auto;gap:12px;margin-bottom:26px;padding:16px;display:grid}.products-search{min-width:0;position:relative}.products-search-icon{color:#64748b;pointer-events:none;font-size:22px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.products-search input{box-sizing:border-box;color:#f8fafc;background:#111827;border:1px solid #334155;border-radius:13px;outline:none;width:100%;min-height:48px;padding:12px 44px 12px 46px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.products-search input::placeholder{color:#64748b}.products-search input:hover,.products-controls select:hover{border-color:#475569}.products-search input:focus,.products-controls select:focus{background:#0f172a;border-color:#6366f1;box-shadow:0 0 0 3px #6366f129}.products-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.products-clear-search:hover{color:#fff;background:#94a3b81f}.products-controls select{color:#e2e8f0;cursor:pointer;background-color:#111827;border:1px solid #334155;border-radius:13px;outline:none;width:100%;min-height:48px;padding:0 40px 0 14px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.products-controls select option{color:#f8fafc;background:#111827}.products-reset-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:13px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,color .2s}.products-reset-btn:hover{color:#fff;background:#273449;border-color:#475569;transform:translateY(-1px)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:stretch;gap:22px;display:grid}.products-state{color:#94a3b8;text-align:center;background:#0f172a94;border:1px dashed #94a3b833;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:40px 24px;display:flex}.products-state p{color:#94a3b8;margin:14px 0 0;font-size:15px;line-height:1.6}.products-state h2{color:#f8fafc;margin:14px 0 0;font-size:24px}.products-empty-icon{background:#6366f11f;border:1px solid #818cf82e;border-radius:20px;place-items:center;width:76px;height:76px;font-size:36px;display:grid}.products-empty .add-product-btn{margin-top:22px}.products-spinner{border:4px solid #94a3b82e;border-top-color:#6366f1;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite products-spin}@keyframes products-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.products-controls{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(170px,1fr))}.products-reset-btn{grid-column:1/-1}}@media (width<=820px){.products-header{flex-direction:column}.products-header .add-product-btn{width:100%}.products-summary,.products-controls{grid-template-columns:1fr}.products-reset-btn{grid-column:auto}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=560px){.products-header{margin-bottom:20px}.products-header h1{font-size:32px}.products-subtitle{font-size:14px}.products-summary-card{min-height:104px;padding:18px}.products-controls{border-radius:15px;padding:12px}.products-grid{grid-template-columns:1fr;gap:16px}.products-state{min-height:270px}}@media (prefers-reduced-motion:reduce){.add-product-btn,.products-reset-btn,.products-search input,.products-controls select{transition:none}.products-spinner{animation-duration:1.5s}}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e293bfa,#0f172afa);border:1px solid #94a3b81f;border-radius:20px;flex-direction:column;min-width:0;height:100%;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #02061747}.product-card:hover{border-color:#6366f157;transform:translateY(-6px);box-shadow:0 22px 46px #0206176b}.product-image{background:linear-gradient(145deg,#111827,#0f172a);width:100%;height:240px;position:relative;overflow:hidden}.product-image:after{pointer-events:none;content:"";background:linear-gradient(#0000 55%,#0f172a47);position:absolute;inset:0}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.product-card:hover .product-image img{transform:scale(1.08)}.badge{z-index:2;color:#fff;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:999px;padding:7px 13px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 8px 20px #02061747}.in-stock{background:#22c55eeb}.low-stock{background:#f59e0bf0}.out-stock{background:#ef4444f0}.product-content{flex-direction:column;flex:1;min-width:0;padding:21px;display:flex}.product-content h3{-webkit-line-clamp:2;color:#fff;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:58px;margin:0 0 13px;font-size:22px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.category,.stock,.rating{color:#94a3b8;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;line-height:1.4;display:flex}.category svg,.stock svg{color:#818cf8;flex-shrink:0;font-size:14px}.category span,.stock span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.price{color:#818cf8;margin:5px 0 17px;font-size:30px;font-weight:800;line-height:1.1}.rating{margin-bottom:20px}.rating svg{font-size:14px}.star-active{color:#fbbf24}.star-inactive{color:#475569}.rating span{color:#e2e8f0;margin-left:4px;font-size:13px;font-weight:700}.product-actions{gap:10px;margin-top:auto;padding-top:4px;display:flex}.product-actions button{color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;padding:11px 12px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.product-actions button svg{flex-shrink:0}.product-actions button:hover{transform:translateY(-2px)}.product-actions button:active{transform:translateY(0)}.product-actions button:focus-visible{outline-offset:2px;outline:3px solid #818cf84d}.edit-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5 55%,#2563eb);box-shadow:0 8px 20px #4f46e533}.edit-btn:hover{box-shadow:0 11px 24px #4f46e557}.delete-btn{background:#ef4444e6;box-shadow:0 8px 20px #ef444424}.delete-btn:hover{background:#dc2626;box-shadow:0 11px 24px #ef444447}@media (width<=768px){.product-image{height:215px}.product-content{padding:19px}.product-content h3{min-height:54px;font-size:20px}.price{font-size:28px}}@media (width<=420px){.product-actions{flex-direction:column}.product-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.product-card,.product-image img,.product-actions button{transition:none}}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617c7;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.product-modal{background:#1e293b;border:1px solid #334155;border-radius:20px;width:100%;max-width:640px;max-height:calc(100vh - 48px);margin:auto;padding:28px;overflow-y:auto;box-shadow:0 24px 70px #00000073}.product-modal h2{color:#f8fafc;margin:0 0 24px;font-size:28px;font-weight:700}.product-modal input,.product-modal textarea{box-sizing:border-box;color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.product-modal input:focus,.product-modal textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.product-modal input::placeholder,.product-modal textarea::placeholder{color:#64748b}.product-modal textarea{resize:vertical;min-height:120px}.dropzone{color:#94a3b8;text-align:center;cursor:pointer;background:#0f172a;border:2px dashed #475569;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-top:4px;padding:22px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.active{background:#172033;border-color:#6366f1}.dropzone.active{transform:scale(1.01)}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dropzone p{color:#94a3b8;margin:0 0 16px;font-size:15px;line-height:1.5}.dropzone img{object-fit:contain;border-radius:12px;width:auto;max-width:100%;max-height:260px;display:block}.modal-buttons{z-index:5;background:#1e293b;border-top:1px solid #334155;border-radius:0 0 20px 20px;justify-content:flex-end;gap:12px;margin:24px -28px -28px;padding:18px 28px;display:flex;position:sticky;bottom:-28px}.modal-buttons button{cursor:pointer;border:none;border-radius:12px;min-width:120px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s}.modal-buttons button:hover:not(:disabled){transform:translateY(-1px)}.modal-buttons button:disabled{cursor:not-allowed;opacity:.6}.modal-buttons .cancel{color:#e2e8f0;background:#334155}.modal-buttons .cancel:hover:not(:disabled){background:#475569}.modal-buttons .save{color:#fff;background:linear-gradient(135deg,#7c3aed,#3b82f6);box-shadow:0 10px 25px #3b82f638}.modal-buttons .save:hover:not(:disabled){box-shadow:0 14px 30px #3b82f652}@media (width<=700px){.modal-overlay{padding:12px}.product-modal{border-radius:16px;max-height:calc(100vh - 24px);padding:20px}.product-modal h2{font-size:23px}.dropzone{min-height:190px}.modal-buttons{border-radius:0 0 16px 16px;flex-direction:column-reverse;margin:20px -20px -20px;padding:16px 20px;bottom:-20px}.modal-buttons button{width:100%}}.order-card{color:#fff;background:#1b2435;border:1px solid #ffffff0d;border-radius:22px;flex-direction:column;gap:22px;padding:24px;transition:all .35s;display:flex;box-shadow:0 12px 30px #00000040}.order-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000073}.order-top{justify-content:space-between;align-items:flex-start;display:flex}.order-top h3{align-items:center;gap:10px;margin:0;font-size:23px;font-weight:700;display:flex}.order-top p{color:#94a3b8;margin-top:8px}.status{color:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.pending{background:#3b82f6}.processing{background:#f59e0b}.shipping{background:#8b5cf6}.completed{background:#22c55e}.cancelled{background:#ef4444}.order-details{flex-direction:column;gap:14px;display:flex}.detail{color:#cbd5e1;align-items:center;gap:12px;font-size:15px;display:flex}.detail svg{color:#6d5dfc;min-width:18px}.detail span{justify-content:space-between;width:100%;display:flex}.detail strong{color:#fff;margin-left:8px}.order-buttons{gap:14px;margin-top:10px;display:flex}.order-buttons button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.delete-btn:hover{background:#dc2626}@media (width<=768px){.order-top{flex-direction:column;gap:15px}.order-buttons{flex-direction:column}.detail span{flex-direction:column;gap:4px}}.modal-overlay{z-index:999;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.order-modal{color:#fff;background:#1b2333;border:1px solid #2d3a53;border-radius:18px;width:500px;max-width:90%;padding:30px;animation:.25s popup;box-shadow:0 20px 50px #0006}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.order-modal h2{text-align:center;color:#fff;margin:0 0 25px;font-size:26px}.order-modal input,.order-modal select{color:#fff;box-sizing:border-box;background:#111827;border:1px solid #313f5a;border-radius:10px;outline:none;width:100%;margin-bottom:18px;padding:14px 16px;font-size:15px;transition:all .3s}.order-modal input:focus,.order-modal select:focus{border-color:#5b7cff;box-shadow:0 0 0 3px #5b7cff33}.order-modal input::placeholder{color:#9ca3af}.modal-buttons{gap:15px;margin-top:10px;display:flex}.cancel,.save{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.cancel{color:#fff;background:#374151}.cancel:hover{background:#4b5563}.save{color:#fff;background:linear-gradient(135deg,#5b7cff,#7c5cff)}.save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5b7cff59}@media (width<=600px){.order-modal{width:95%;padding:20px}.modal-buttons{flex-direction:column}}.orders-page{color:#fff;width:100%}.orders-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.orders-header h1{font-size:42px;font-weight:700}.orders-header p{color:#94a3b8;margin-top:8px}.orders-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.order-stat{background:#1b2435;border:1px solid #ffffff0d;border-radius:18px;padding:22px;transition:all .3s}.order-stat:hover{transform:translateY(-5px)}.order-stat h3{color:#94a3b8;margin-bottom:10px;font-size:15px}.order-stat h2{color:#fff;font-size:30px}.order-stat span{color:#22c55e}.orders-toolbar{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.search-input{color:#fff;background:#1f2937;border:1px solid #2d3748;border-radius:14px;flex:1;min-width:250px;padding:16px;font-size:16px}.search-input:focus{border-color:#7c5cff;outline:none}.filter-select{color:#fff;background:#1f2937;border:1px solid #2d3748;border-radius:14px;min-width:180px;padding:16px}.add-order-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5dfc,#4f8cff);border:none;border-radius:14px;padding:15px 28px;font-weight:700;transition:all .3s}.add-order-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #4f8cff59}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:25px;display:grid}.loading{text-align:center;color:#cbd5e1;margin-top:80px;font-size:22px}@media (width<=1200px){.orders-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.orders-header{flex-direction:column;align-items:flex-start;gap:20px}.orders-stats{grid-template-columns:1fr}.orders-toolbar{flex-direction:column}}.customer-card{background:#1b2435;border:1px solid #2c3854;border-radius:22px;flex-direction:column;gap:22px;padding:24px;transition:all .3s;display:flex;box-shadow:0 12px 30px #00000040}.customer-card:hover{border-color:#7c5cff;transform:translateY(-6px);box-shadow:0 20px 45px #7c5cff40}.customer-top{align-items:center;gap:18px;display:flex}.customer-avatar{background:#293348;border:3px solid #7c5cff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;display:flex;overflow:hidden}.customer-avatar img{object-fit:cover;width:100%;height:100%}.customer-avatar svg{color:#7c5cff;font-size:70px}.customer-top h3{color:#fff;align-items:center;gap:10px;margin-bottom:10px;font-size:28px;display:flex}.status{border-radius:30px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.status.active{color:#2ecc71;background:#2ecc7126}.status.inactive{color:#ff4757;background:#ff475726}.status.vip{color:#ffb800;background:#ffb80026}.vip-badge{color:#111;background:linear-gradient(135deg,#fc3,#ff9800);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.customer-info{flex-direction:column;gap:14px;display:flex}.customer-info p{color:#b8c4db;align-items:center;gap:12px;font-size:16px;display:flex}.customer-info svg{color:#7c5cff;min-width:18px}.customer-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.customer-stats div{text-align:center;background:#202b40;border:1px solid #313f5f;border-radius:16px;padding:18px;transition:all .25s}.customer-stats div:hover{border-color:#7c5cff}.customer-stats svg{color:#7c5cff;margin-bottom:10px;font-size:22px}.customer-stats span{color:#9aa7c3;margin-bottom:6px;font-size:14px;display:block}.customer-stats strong{color:#fff;font-size:24px;display:block}.customer-actions{gap:14px;display:flex}.customer-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;height:48px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.edit-btn{color:#fff;background:linear-gradient(135deg,#7c5cff,#5b3dff)}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #7c5cff59}.delete-btn{color:#ff5b5b;background:#2b344b}.delete-btn:hover{color:#fff;background:#ff4d4d}@media (width<=700px){.customer-top{text-align:center;flex-direction:column}.customer-top h3{justify-content:center}.customer-stats{grid-template-columns:1fr}.customer-actions{flex-direction:column}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#080c16bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.customer-modal{color:#fff;background:#182234;border:1px solid #2b3a55;border-radius:22px;width:100%;max-width:620px;padding:30px;animation:.25s modalShow;box-shadow:0 20px 50px #00000073}@keyframes modalShow{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-modal h2{margin:0 0 25px;font-size:28px;font-weight:700}.customer-modal form{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.customer-modal input,.customer-modal select{color:#fff;background:#111b2c;border:1px solid #344563;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .25s}.customer-modal input::placeholder{color:#8fa2c2}.customer-modal input:focus,.customer-modal select:focus{border-color:#6d5dfc;outline:none;box-shadow:0 0 0 3px #6d5dfc40}.customer-modal select{cursor:pointer}.customer-modal input[name=avatar]{grid-column:1/-1}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:15px;margin-top:10px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .25s}.cancel-btn{color:#fff;background:#29364d}.cancel-btn:hover:not(:disabled){background:#354562}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 35px #6d5dfc73}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.customer-modal input:disabled,.customer-modal select:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.customer-modal{border-radius:18px;max-width:100%;padding:24px}.customer-modal h2{font-size:24px}.customer-modal form{grid-template-columns:1fr}.customer-modal input[name=avatar]{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}@media (width<=480px){.modal-overlay{padding:12px}.customer-modal{padding:20px}.customer-modal h2{font-size:22px}.customer-modal input,.customer-modal select{padding:12px 14px;font-size:14px}.modal-actions button{padding:13px;font-size:14px}}.customers-page{color:#fff;width:100%}.customers-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.customers-header h1{font-size:40px;font-weight:700}.add-customer-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c5cff,#4f8cff);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.add-customer-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px #7c5cff59}.customer-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.customer-stat{background:#1b2435;border:1px solid #2d3852;border-radius:20px;flex-direction:column;gap:10px;padding:24px;transition:all .25s;display:flex}.customer-stat:hover{border-color:#7c5cff;transform:translateY(-4px)}.customer-stat svg{color:#7c5cff;font-size:28px}.customer-stat span{color:#98a7c7;font-size:14px}.customer-stat strong{color:#fff;font-size:30px}.customers-search{background:#1b2435;border:1px solid #2d3852;border-radius:14px;align-items:center;gap:12px;height:58px;margin-bottom:30px;padding:0 18px;display:flex}.customers-search svg{color:#7c5cff;font-size:18px}.customers-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:16px}.customers-search input::placeholder{color:#94a3b8}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.customers-empty{text-align:center;color:#94a3b8;background:#1b2435;border:1px dashed #394868;border-radius:20px;padding:60px;font-size:18px}@media (width<=1100px){.customer-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.customers-header{flex-direction:column;align-items:flex-start;gap:20px}.customer-stats,.customers-grid{grid-template-columns:1fr}}.analytics-page{color:#fff;width:100%;padding:35px;animation:.4s fadeIn}.analytics-header{margin-bottom:35px}.analytics-header h1{margin-bottom:8px;font-size:42px;font-weight:700}.analytics-header p{color:#94a3b8;font-size:18px}.analytics-kpis{grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:35px;display:grid}.charts-grid{grid-template-columns:2fr 1fr;gap:30px;margin-bottom:35px;display:grid}.analytics-bottom{grid-template-columns:2fr 1fr;gap:30px;display:grid}.chart-card,.category-card,.insights-panel,.forecast-card-wrapper{background:#1b2538;border:1px solid #2c3a52;border-radius:20px;padding:28px;transition:all .3s}.chart-card:hover,.category-card:hover,.insights-panel:hover,.forecast-card-wrapper:hover{border-color:#6d5dfc;transform:translateY(-4px);box-shadow:0 20px 50px #6d5dfc26}.chart-header h2{margin-bottom:5px;font-size:26px}.chart-header p{color:#94a3b8}.revenue-chart-card{background:#1b2538;border:1px solid #2c3a52;border-radius:20px;padding:30px}.insights-panel h3,.forecast-card-wrapper h3,.category-card h3{color:#fff;margin-bottom:20px;font-size:24px}.insight-card{color:#fff;cursor:pointer;background:#111827;border-left:5px solid #6d5dfc;border-radius:14px;padding:18px;transition:all .3s}.insight-card:hover{background:#172033;transform:translate(8px)}.forecast-item span{color:#94a3b8;margin-bottom:12px;font-size:15px;display:block}.forecast-item h2{color:#fff;margin:0;font-size:34px}.category-card{min-height:430px}.loading-box{justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex}.loading-box h2{color:#fff;font-size:32px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#6d5dfc;border-radius:20px}::-webkit-scrollbar-track{background:#111827}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.charts-grid,.analytics-bottom{grid-template-columns:1fr}}@media (width<=768px){.analytics-page{padding:20px}.analytics-header h1{font-size:32px}.analytics-kpis{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:10px}.forecast-item h2{font-size:28px}}.extra-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:35px;display:grid}.extra-card{background:#1b2538;border:1px solid #2d3f5e;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 12px 30px #00000040}.extra-card:hover{transform:translateY(-5px)}.extra-card h3{color:#fff;margin-bottom:20px;font-size:22px}.extra-card ul{margin:0;padding:0;list-style:none}.extra-card li{color:#fff;border-bottom:1px solid #2d3f5e;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;font-size:16px;display:flex}.extra-card li:last-child{border:none;margin-bottom:0}.extra-card span{color:#6d5dfc;font-weight:700}.progress-row{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.progress-row span{color:#fff;font-size:15px}.progress-row strong{color:#28c76f;font-size:15px}.progress-row progress{border-radius:20px;width:100%;height:14px;overflow:hidden}progress::-webkit-progress-bar{background:#2c3a52;border-radius:20px}progress::-webkit-progress-value{background:linear-gradient(90deg,#6d5dfc,#28c76f);border-radius:20px}progress::-moz-progress-bar{background:linear-gradient(90deg,#6d5dfc,#28c76f)}.analytics-actions{flex-wrap:wrap;gap:15px;display:flex}.analytics-actions button{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s}.analytics-actions button:hover{transform:translateY(-3px)}.pdf-btn{background:linear-gradient(135deg,#ea5455,#ff6b6b)}.excel-btn{background:linear-gradient(135deg,#28c76f,#34d399)}.report-btn{background:linear-gradient(135deg,#6d5dfc,#8b5cf6)}@media (width<=900px){.analytics-header{flex-direction:column;align-items:flex-start;gap:20px}.analytics-actions,.analytics-actions button{width:100%}.extra-grid{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:35px;display:grid}.kpi-card{background:#161f31;border:1px solid #29364d;border-radius:18px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}.kpi-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #00000040}.kpi-icon{border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex}.kpi-content{flex:1}.kpi-content h4{color:#8d99ae;margin-bottom:8px;font-size:15px;font-weight:500}.kpi-content h2{color:#fff;font-size:30px;font-weight:700}.green .kpi-icon{background:#28c76f26}.blue .kpi-icon{background:#007bff26}.purple .kpi-icon{background:#6d5dfc26}.orange .kpi-icon{background:#ff9f4326}.revenue-chart-card{background:#161f31;border:1px solid #2b3950;border-radius:22px;padding:25px;transition:all .35s}.revenue-chart-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #00000040}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h2{color:#fff;margin-bottom:5px;font-size:26px}.chart-header p{color:#9aa4b2;font-size:14px}.category-card{color:#fff;background:#1b2234;border-radius:20px;padding:25px;transition:all .3s;box-shadow:0 10px 30px #00000040}.category-card:hover{transform:translateY(-5px)}.category-card h3{margin-bottom:20px;font-size:22px;font-weight:700}.insights-panel{background:#1a2236;border:1px solid #2b3553;border-radius:20px;padding:25px}.insights-panel h3{color:#fff;margin-bottom:20px}.insights-list{flex-direction:column;gap:15px;display:flex}.insight-card{color:#fff;background:#101827;border-left:5px solid #6d5dfc;border-radius:14px;padding:16px;transition:all .3s}.insight-card:hover{transform:translate(6px)}.forecast-card-wrapper{background:#1b2538;border:1px solid #2f3c55;border-radius:18px;padding:25px}.forecast-card-wrapper h3{color:#fff;margin-bottom:25px;font-size:24px}.forecast-card{flex-direction:column;gap:20px;display:flex}.forecast-item{background:#111827;border-radius:14px;padding:20px}.forecast-item span{color:#94a3b8;margin-bottom:10px;display:block}.forecast-item h2{color:#fff;font-size:34px;font-weight:700}.forecast-next{color:#28c76f}.date-filter{flex-wrap:wrap;gap:12px;margin:20px 0 30px;display:flex}.date-filter button{cursor:pointer;color:#fff;background:#202b45;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s}.date-filter button:hover{background:#6d5dfc;transform:translateY(-2px)}.date-filter button.active{color:#fff;background:linear-gradient(135deg,#6d5dfc,#8f7cff);box-shadow:0 8px 20px #6d5dfc59}.settings-page{color:#fff;width:100%}.settings-header{margin-bottom:32px}.settings-header h1{margin:0 0 10px;font-size:40px;font-weight:800}.settings-header p{color:#9fb0cc;margin:0;font-size:16px}.settings-card{background:#1b263a;border:1px solid #2d3a55;border-radius:24px;max-width:850px;padding:32px;box-shadow:0 18px 45px #00000038}.settings-field{margin-bottom:24px}.settings-field label{color:#dce5f5;align-items:center;gap:10px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.settings-field label svg{color:#7c5cff}.settings-field input{color:#fff;box-sizing:border-box;background:#111c2f;border:1px solid #344461;border-radius:14px;outline:none;width:100%;height:54px;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.settings-field input::placeholder{color:#6f7f9b}.settings-field input:focus{border-color:#7c5cff;box-shadow:0 0 0 4px #7c5cff1f}.settings-plan{background:#202d44;border:1px solid #344461;border-radius:18px;align-items:center;gap:18px;margin:30px 0;padding:22px;display:flex}.settings-plan>svg{color:#ffbd22;box-sizing:border-box;background:#ffb80026;border-radius:16px;width:52px;height:52px;padding:14px}.settings-plan div{flex-direction:column;gap:6px;display:flex}.settings-plan span{color:#9fb0cc;font-size:14px}.settings-plan strong{color:#fff;font-size:22px}.settings-buttons{gap:16px;margin-top:30px;display:flex}.settings-buttons button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.settings-buttons button:hover{transform:translateY(-2px)}.save-btn{color:#fff;background:linear-gradient(135deg,#7657ff,#4f8cff);box-shadow:0 14px 30px #5c4aff47}.save-btn:hover{box-shadow:0 18px 38px #5c4aff66}.logout-btn{color:#ff6b6b;background:#2a354c}.logout-btn:hover{color:#fff;background:#ff4d4d}@media (width<=700px){.settings-header h1{font-size:34px}.settings-card{padding:24px}.settings-buttons{flex-direction:column}.settings-buttons button{width:100%}}.subscriptions-page{color:#fff;width:100%}.subscriptions-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.subscriptions-header h1{margin:0 0 8px;font-size:38px}.subscriptions-header p{color:#94a3b8;margin:0}.current-plan{color:#cbd5e1;background:#1b2435;border:1px solid #ffffff14;border-radius:14px;gap:8px;padding:14px 18px;display:flex}.current-plan strong{color:#7c8cff}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.plan-card{background:#1b2435;border:1px solid #ffffff14;border-radius:22px;flex-direction:column;min-height:440px;padding:28px;display:flex;position:relative;box-shadow:0 14px 35px #0003}.plan-card.active-plan{border-color:#6d5dfc;box-shadow:0 18px 45px #6d5dfc38}.active-badge{color:#b9b3ff;background:#6d5dfc33;border:1px solid #6d5dfc73;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;position:absolute;top:18px;right:18px}.plan-card h2{margin:0 0 18px;font-size:28px}.plan-price{margin-bottom:12px;font-size:30px;font-weight:800}.plan-description{color:#94a3b8;min-height:48px;margin-bottom:22px}.plan-card ul{flex:1;margin:0 0 26px;padding:0;list-style:none}.plan-card li{color:#dce3ef;margin-bottom:13px}.plan-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5dfc,#4f8cff);border:none;border-radius:13px;width:100%;padding:14px 18px;font-size:15px;font-weight:700}.plan-card button:disabled{color:#94a3b8;cursor:not-allowed;background:#344056}.subscription-warning{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:14px;margin-top:24px;padding:16px 18px}@media (width<=1000px){.plans-grid{grid-template-columns:1fr}.subscriptions-header{flex-direction:column;align-items:flex-start}}.pricing-page{color:#fff;width:100%}.pricing-header{text-align:center;margin-bottom:44px}.pricing-header h1{margin:0 0 12px;font-size:42px;font-weight:800}.pricing-header p{color:#9fb0cc;margin:0;font-size:17px;line-height:1.6}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.pricing-card{background:#1b263a;border:1px solid #2d3a55;border-radius:24px;flex-direction:column;min-height:560px;padding:32px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #00000038}.pricing-card:hover{border-color:#7657ff;transform:translateY(-8px);box-shadow:0 24px 55px #5b3dff40}.pricing-card.featured{background:linear-gradient(#7657ff1f,#1b263a00 42%),#1b263a;border-color:#7657ff;transform:scale(1.025)}.pricing-card.featured:hover{transform:scale(1.025)translateY(-8px)}.badge{text-align:center;color:#fff;background:linear-gradient(135deg,#7c5cff,#4f8cff);width:170px;padding:9px 0;font-size:12px;font-weight:800;position:absolute;top:18px;right:-41px;transform:rotate(35deg);box-shadow:0 10px 30px #4f8cff4d}.pricing-icon{border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:24px;font-size:27px;display:flex}.pricing-icon.free{color:#62a1ff;background:#4f8cff26}.pricing-icon.pro{color:#ffbd22;background:#ffb80029}.pricing-icon.business{color:#8f78ff;background:#7c5cff29}.pricing-card h2{margin:0 0 14px;font-size:29px;font-weight:800}.price{align-items:flex-end;gap:8px;margin-bottom:30px;font-size:46px;font-weight:900;line-height:1;display:flex}.price span{color:#96a5c0;padding-bottom:5px;font-size:15px;font-weight:500}.pricing-card ul{flex-direction:column;gap:17px;margin:0 0 32px;padding:0;list-style:none;display:flex}.pricing-card li{color:#c3cde0;align-items:center;gap:12px;font-size:15px;line-height:1.4;display:flex}.pricing-card li svg{color:#42d98b;flex-shrink:0;font-size:14px}.pricing-card button{color:#fff;cursor:pointer;background:#25324a;border:1px solid #40506f;border-radius:14px;width:100%;min-height:52px;margin-top:auto;font-size:15px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}.pricing-card button:hover{background:#30405d;border-color:#7657ff;transform:translateY(-2px)}.pricing-card.featured button{background:linear-gradient(135deg,#7657ff,#4f8cff);border:none;box-shadow:0 14px 30px #5c4aff4d}.pricing-card.featured button:hover{box-shadow:0 18px 38px #5c4aff6b}@media (width<=1150px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-8px)}}@media (width<=760px){.pricing-header{text-align:left}.pricing-header h1{font-size:34px}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:auto;padding:26px}}.pricing-error{color:#faa;text-align:center;background:#ff50501a;border:1px solid #ff505073;border-radius:12px;max-width:900px;margin:0 auto 24px;padding:14px 18px}.pricing-card button:disabled{cursor:not-allowed;opacity:.65}.admin-page{color:#f8fafc;width:100%}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.admin-eyebrow{color:#818cf8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.admin-header h1{margin:0;font-size:clamp(32px,4vw,46px);line-height:1.1}.admin-subtitle{color:#94a3b8;max-width:680px;margin:12px 0 0;font-size:16px;line-height:1.7}.admin-badge{color:#c7d2fe;background:#6366f11f;border:1px solid #818cf847;border-radius:14px;align-items:center;gap:10px;min-width:max-content;padding:12px 18px;font-weight:800;display:inline-flex}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.admin-stat-card{background:linear-gradient(145deg,#1e293bf2,#0f172af2);border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:16px;min-height:126px;padding:22px;display:flex;box-shadow:0 16px 40px #0003}.admin-stat-icon{color:#818cf8;background:#6366f126;border-radius:16px;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.admin-stat-card span{color:#94a3b8;margin-bottom:7px;font-size:14px;display:block}.admin-stat-card strong{color:#fff;font-size:28px;display:block}.admin-toolbar{grid-template-columns:minmax(260px,1fr) 180px 180px;gap:14px;margin-bottom:22px;display:grid}.admin-search{color:#64748b;background:#111827;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;min-height:50px;padding:0 16px;display:flex}.admin-search input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;font-size:15px}.admin-toolbar select,.admin-table select{color:#f8fafc;cursor:pointer;background:#111827;border:1px solid #ffffff14;border-radius:12px;outline:none;min-height:44px;padding:0 12px}.admin-toolbar select{min-height:50px}.admin-table-card{background:#111827;border:1px solid #ffffff12;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #0000003b}.admin-table-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.admin-table-header h2{margin:0;font-size:22px}.admin-table-header p{color:#64748b;margin:6px 0 0;font-size:14px}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:1050px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff0e;padding:16px 18px}.admin-table th{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#0f172ad1;font-size:12px}.admin-table td{color:#cbd5e1;font-size:14px}.admin-table tbody tr{transition:all .2s}.admin-table tbody tr:hover{background:#6366f10b}.admin-user-cell{align-items:center;gap:12px;display:flex}.admin-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.admin-user-cell strong{color:#f8fafc;margin-bottom:4px;display:block}.admin-user-cell span{color:#64748b;font-size:13px;display:block}.admin-plan-select.plan-pro{color:#93c5fd;border-color:#3b82f666}.admin-plan-select.plan-business{color:#d8b4fe;border-color:#a855f773}.admin-status{border-radius:999px;justify-content:center;align-items:center;min-width:82px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.status-active{color:#86efac;background:#22c55e21}.status-blocked{color:#fca5a5;background:#ef444421}.admin-action-button{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;transition:all .2s;display:inline-flex}.admin-action-button:hover{transform:translateY(-1px)}.admin-action-button:disabled,.admin-table select:disabled{cursor:not-allowed;opacity:.55}.admin-action-button.danger{background:#ef4444d9}.admin-action-button.success{background:#22c55ed9}.admin-empty,.admin-loading{color:#94a3b8;text-align:center;padding:50px 24px}@media (width<=1150px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.admin-header{flex-direction:column}.admin-toolbar{grid-template-columns:1fr}}@media (width<=560px){.admin-stats{grid-template-columns:1fr}.admin-stat-card{min-height:108px}}.notfound-page{background:linear-gradient(135deg,#0f172a,#111827,#1e293b);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.notfound-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:520px;padding:50px}.notfound-card h1{color:#6d5dfc;margin-bottom:10px;font-size:120px}.notfound-card h2{color:#fff;margin-bottom:20px;font-size:34px}.notfound-card p{color:#cbd5e1;margin-bottom:35px;font-size:18px;line-height:1.6}.back-btn{color:#fff;background:linear-gradient(135deg,#6d5dfc,#00d4ff);border-radius:12px;padding:14px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6d5dfc59}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{color:#fff;background:#0b1220;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.page-loader{color:#fff;background:#0b1120;justify-content:center;align-items:center;min-height:100vh;font-size:22px;font-weight:600;display:flex}.not-found-page{color:#fff;background:#0b1120;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found-page h1{margin:0 0 10px;font-size:90px}.not-found-page p{opacity:.8;margin:0;font-size:22px}.auth-loading{color:#fff;background:#0b1120;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;display:flex}.auth-spinner{border:4px solid #ffffff26;border-top-color:#6d5dfc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}