html.dark{--bg-0:#09090b;--bg-1:#111827;--bg-2:#1f2937;--bg-3:#374151;--bg-4:#4b5563;--border:#374151;--gold:#d4a843;--amber:#c07828;--text-0:#f9fafb;--text-1:#d1d5db;--text-2:#9ca3af;--green:#22c55e;--red:#ef4444;--blue:#3b82f6}:root{--bg-0:#0d0b09;--bg-1:#151210;--bg-2:#1c1814;--bg-3:#242018;--bg-4:#2c2820;--border:#38302a;--gold:#d4a843;--amber:#c07828;--text-0:#f0e8dc;--text-1:#c4b49a;--text-2:#877060;--green:#4e9e68;--red:#b83a2e;--blue:#4878a8;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-0);color:var(--text-0);scroll-behavior:smooth;margin:0;transition:background .25s,color .25s}::-webkit-scrollbar-thumb{background:#d4a84340;border-radius:10px;transition:all .2s}button{cursor:pointer;transition:all .2s var(--ease);border:none;outline:none}button:active{transform:scale(.96)}input,select{border:none;outline:none;font-family:inherit}.menu-item{align-items:center;gap:10px;display:flex}.card{transition:all .25s var(--ease);background:linear-gradient(145deg,#1c1814,#14110e);border:1px solid #ffffff0d;border-radius:16px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000059}.card:hover{border-color:#d4a84340;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000080,0 0 0 1px #d4a8431a}.card:after{content:"";opacity:0;background:radial-gradient(circle at top,#d4a8431f,#0000 60%);border-radius:16px;transition:all .3s;position:absolute;inset:0}.card:hover:after{opacity:1}.fade-in{animation:fadeIn .4s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--text-2)}.text-soft{color:var(--text-1)}@media (width<=900px){.sidebar{display:none}.layout,.leads-container{flex-direction:column}}.stats-row{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{transition:all .25s var(--ease);background:linear-gradient(145deg,#1c1814,#14110e);border:1px solid #d4a84326;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:0;background:radial-gradient(circle at 0 0,#d4a84326,#0000 60%);border-radius:16px;transition:all .3s;position:absolute;inset:0}.stat-card:hover:after{opacity:1}.stat-card:hover{border-color:#d4a84359;transform:translateY(-4px);box-shadow:0 12px 30px #00000080,0 0 0 1px #d4a84326}.stat-label{color:var(--text-2);align-items:center;gap:6px;font-size:12px;display:flex}.stat-value{color:var(--gold);font-size:24px;font-weight:700}.stat-sub{color:var(--text-2);font-size:11px}.weekly-card{margin-bottom:20px}.weekly-chart{align-items:flex-end;gap:12px;height:160px;margin-top:10px;display:flex}.week-bar-wrap{text-align:center;color:var(--text-2);flex:1;font-size:11px}.week-bar{background:linear-gradient(180deg, var(--gold), var(--amber));border-radius:8px;transition:all .25s}.week-bar:hover{transform:scaleY(1.05)}.monthly-card{margin-bottom:20px}.monthly-chart{align-items:flex-end;gap:12px;height:180px;margin-top:12px;display:flex}.month-bar-wrap{text-align:center;color:var(--text-2);flex:1;font-size:11px}.month-bar{background:linear-gradient(180deg, var(--gold), var(--amber));border-radius:8px;transition:all .25s}.month-bar:hover{transform:scaleY(1.05)}.growth{margin-top:6px;font-size:12px}.growth.up{color:var(--green)}.growth.down{color:var(--red)}.insights{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.insight-card{background:linear-gradient(145deg, var(--bg-2), var(--bg-1));border:1px solid #d4a84326;border-radius:14px;padding:16px}.insight-title{color:var(--text-2);margin-bottom:10px;font-size:13px}.insight-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.insight-row b{color:var(--gold)}.ai-insights{margin-bottom:20px}.ai-card{background:linear-gradient(145deg,#1c1814,#14110e);border:1px solid #d4a84333;border-radius:14px;padding:16px}.ai-title{color:var(--text-2);margin-bottom:10px;font-size:13px}.ai-item{border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;font-size:13px;display:flex}.ai-item.followup{background:#4878a81a}.ai-item.upsell{background:#d4a8431a}.ai-item.alert{background:#b83a2e1a}html,body,#root{width:100%;min-height:100%}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}img,svg,video,canvas{max-width:100%;display:block}button,.card,.menu-item,.notification-card,.pipeline-card,.order-card{will-change:transform}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#d4a8434d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d4a84380}::selection{color:#fff;background:#d4a8434d}input:focus,textarea:focus,select:focus,button:focus{outline:none}button:hover{transform:translateY(-1px)}.btn{background:linear-gradient(135deg, var(--gold), #f1c979);color:#000;cursor:pointer;transition:all .25s var(--ease);border:none;border-radius:12px;width:fit-content;max-width:100%;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 6px 18px #d4a8432e,inset 0 1px #ffffff40}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #d4a84347,inset 0 1px #ffffff4d}.btn:active{transform:scale(.98)}.btn-outline{color:var(--text-1);transition:all .2s var(--ease);background:0 0;border:1px solid #ffffff14;border-radius:10px;padding:10px 16px}.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:#d4a8430f}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;border-radius:12px;padding:10px 16px;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #d4a84347}@media (width<=768px){.btn,.btn-primary,.btn-outline{width:100%;min-height:48px;font-size:14px}}.avatar{color:var(--gold);background:#d4a84326;border:1px solid #d4a84333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex;position:relative}.online-dot{background:#4e9e68;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text-0);border-radius:10px;outline:none;min-width:0;padding:12px;font-size:14px}.input:focus{border-color:var(--gold)}@media (width<=768px){.input{min-height:48px;font-size:16px}}.auth{background:var(--bg-0);min-height:100vh;display:flex;overflow-x:hidden}.auth-left{border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:space-between;gap:40px;padding:60px;display:flex}.logo{color:var(--gold);font-size:28px;font-weight:600}.subtitle{color:var(--text-2);margin-top:6px}.headline{max-width:520px;font-size:32px;line-height:1.2}.desc{color:var(--text-2);max-width:500px;margin-top:14px;line-height:1.7}.testimonial{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.auth-right{flex:1;justify-content:center;align-items:center;min-width:0;padding:40px;display:flex}.auth-box{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex;position:relative}.auth-box h2{margin-bottom:8px}.auth-switch{color:var(--gold);cursor:pointer;width:fit-content;margin-top:10px;font-size:14px}.role-switch{gap:10px;width:100%;margin-top:10px;display:flex}.role-btn{cursor:pointer;color:#fff;box-sizing:border-box;appearance:none;background:#ffffff0d;border:1px solid #0000;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.role-btn:hover{border-color:#d4a8432e}.role-btn.active{background:var(--gold);color:#000;border-color:#d4a84366}.role-btn:focus,.role-btn:active{outline:none;transform:none}@media (width<=992px){.auth-left{padding:40px}.headline{font-size:26px}.auth-right{padding:30px}}@media (width<=768px){.auth{flex-direction:column}.auth-left{border-right:none;border-bottom:1px solid var(--border);gap:30px;padding:30px 20px}.headline{font-size:24px}.desc{font-size:14px}.testimonial{padding:16px}.auth-right{padding:30px 20px}.auth-box{max-width:100%}}@media (width<=480px){.auth-left{padding:24px 16px}.logo{font-size:24px}.headline{font-size:21px;line-height:1.3}.desc{font-size:13px}.testimonial{flex-direction:column;align-items:flex-start;gap:12px}.auth-right{padding:24px 16px}.role-switch{flex-direction:column}.role-btn{width:100%}}.analytics{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-box{justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.kpi-box b{color:var(--gold);word-break:break-word;text-align:right;font-size:18px}.section-title{color:var(--text-2);margin-bottom:12px;font-size:13px}.chart{justify-content:center;align-items:flex-end;gap:80px;min-height:260px;padding:40px 20px 10px;display:flex;overflow-x:auto}.bar-wrap{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;display:flex}.bar{background:linear-gradient(#f6d365 0%,#d4a537 100%);border-radius:18px;width:70px;transition:all .3s;box-shadow:0 0 20px #d4a53759}.bar:hover{transform:scaleY(1.05);box-shadow:0 6px 16px #d4a8434d}.bar-wrap span{color:var(--text-2);font-size:11px}.empty{color:var(--text-2);opacity:.6;font-size:12px}.analytics-grid{grid-template-columns:2fr 1fr;gap:16px;min-width:0;display:grid}.funnel{flex-direction:column;gap:14px;display:flex}.funnel-row{justify-content:space-between;gap:10px;font-size:12px;display:flex}.funnel-bar{background:var(--bg-3);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.funnel-fill{background:linear-gradient(90deg, var(--gold), var(--amber));border-radius:inherit;height:100%}.channels{flex-direction:column;gap:10px;display:flex}.channels div{word-break:break-word;justify-content:space-between;gap:10px;padding:6px 0;display:flex}.hover-lift{transition:all .25s var(--ease)}.hover-lift:hover{transform:translateY(-3px)scale(1.02)}.channels div:first-child{color:#25d366}.channels div:nth-child(2){color:#e1306c}.channels div:nth-child(3){color:#08c}.channels div:nth-child(4){color:#1877f2}@media (width<=992px){.kpi{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.chart{gap:50px}}@media (width<=768px){.analytics{gap:16px}.kpi{grid-template-columns:1fr 1fr;gap:12px}.kpi-box{flex-direction:column;align-items:flex-start;font-size:13px}.kpi-box b{text-align:left;font-size:16px}.chart{gap:28px;min-height:220px;padding:30px 10px 10px}.bar{border-radius:14px;width:54px}.analytics-grid{grid-template-columns:1fr;gap:14px}.channels div{font-size:14px}}@media (width<=480px){.kpi{grid-template-columns:1fr}.kpi-box{flex-direction:row;align-items:center}.chart{justify-content:flex-start;gap:22px;overflow-x:auto}.bar{border-radius:12px;width:42px}.bar-wrap span{font-size:10px}.funnel-row{font-size:11px}.channels div{font-size:13px}}.card{background:linear-gradient(145deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s var(--ease);border-radius:16px;padding:16px}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff0d}.pill{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:5px;height:5px}.toast{background:var(--bg-2);border:1px solid var(--border);z-index:3000;border-radius:10px;max-width:320px;padding:12px 16px;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #0000004d}@media (width<=768px){.toast{max-width:unset;width:auto;bottom:16px;left:16px;right:16px}}.leads-page{align-items:flex-start;gap:24px;min-width:0;height:calc(100vh - 120px);display:flex}.leads-main{z-index:1;flex-direction:column;flex:1;gap:20px;min-width:0;padding:32px;display:flex;position:relative;overflow:auto}.leads-top{align-items:center;gap:14px;display:flex}.search-box{flex:1;min-width:0}.search-box input{color:#fff;background:#171311;border:1px solid #ffffff0f;border-radius:16px;width:100%;height:54px;padding:0 18px;font-size:15px}.filters{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{color:#9f8f81;cursor:pointer;white-space:nowrap;background:#1a1512;border:1px solid #ffffff14;border-radius:999px;height:40px;padding:0 18px;transition:all .2s}.filter-pill:hover{border-color:#d4a84366}.filter-pill.active{color:#000;background:linear-gradient(135deg,#d4a843,#f1c979);border:none}.lead-form{z-index:50;pointer-events:auto;flex-direction:column;gap:16px;margin-top:10px;padding:20px;display:flex;position:relative}.lead-form *{z-index:60;pointer-events:auto;position:relative}.add-btn{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4a843,#f1c979);border:none;border-radius:16px;height:54px;padding:0 24px;font-size:16px;font-weight:700;transition:all .2s}.add-btn:hover{transform:translateY(-2px)}.leads-table{background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden}.table-header{color:#8f7f72;border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 120px 140px 140px;gap:20px;padding:18px 24px;font-size:13px;font-weight:600;display:grid}.table-body{flex:1;overflow-y:auto}.lead-row{cursor:pointer;border-bottom:1px solid #ffffff0a;border-left:2px solid #0000;grid-template-columns:2fr 1.2fr 1fr 1fr;align-items:center;gap:20px;min-width:0;padding:20px 24px;transition:background .2s,transform .2s,border-color .2s;display:grid}.lead-row:hover{background:#ffffff05;transform:translate(4px)}.lead-row.selected{border-left-color:var(--gold);background:linear-gradient(90deg,#d4a8431f,#0000)}.customer-cell{align-items:center;gap:14px;min-width:0;display:flex}.customer-info{flex-direction:column;gap:4px;min-width:0;display:flex}.customer-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.customer-phone{color:#8f7f72;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.budget{color:#d4a843;font-weight:700}.details-panel{z-index:2;flex-shrink:0;width:320px;min-width:320px;position:relative}.details-card{background:linear-gradient(#ffffff08,#ffffff04);border:1px solid #ffffff0f;border-radius:28px;flex-direction:column;gap:12px;height:100%;padding:24px;display:flex}.delete-lead-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c1616,#a62d2d);border:none;border-radius:18px;width:100%;height:56px;margin-top:auto;font-size:16px;font-weight:700;transition:transform .2s,opacity .2s}.delete-lead-btn:hover{opacity:.92;transform:translateY(-2px)}.delete-lead-btn:active{transform:scale(.98)}.details-top{justify-content:space-between;align-items:flex-start;display:flex}.close-btn{color:#aaa;cursor:pointer;background:#ffffff0a;border:none;border-radius:50%;width:42px;height:42px}.details-name{word-break:break-word;font-size:34px;font-weight:700;line-height:1.1}.details-phone{color:#8f7f72;margin-top:4px}.details-event{color:#9f8f81;margin-top:16px}.details-budget{color:#d4a843;word-break:break-word;margin-top:18px;font-size:42px;font-weight:800}.stage-actions{flex-wrap:wrap;gap:12px;margin-top:24px;margin-bottom:24px;display:flex}.stage-btn{color:#ddd;cursor:pointer;background:#1a1512;border:1px solid #ffffff14;border-radius:999px;height:42px;padding:0 18px;transition:all .2s}.stage-btn:hover{border-color:#d4a84380}.stage-btn.active{color:#000;background:linear-gradient(135deg,#d4a843,#f1c979);border:none}@media (width<=1100px){.leads-page{flex-direction:column}.details-panel{width:100%;min-width:100%}.details-card{min-height:auto}}@media (width<=768px){.leads-main{padding:16px}.leads-top{flex-direction:column;align-items:stretch}.add-btn{width:100%}.table-header{display:none}.lead-row{border-left-width:3px;grid-template-columns:1fr;gap:12px;padding:18px}.customer-name{font-size:16px}.details-panel{width:100%;min-width:100%}.details-card{border-radius:22px;padding:20px}.details-name{font-size:28px}.details-budget{font-size:34px}.stage-actions{gap:10px}.stage-btn{flex:1}}@media (width<=480px){.leads-main{padding:12px}.filters{gap:8px}.filter-pill{padding:0 14px;font-size:12px}.lead-row{padding:16px}.customer-cell{gap:10px}.details-card{padding:18px}.details-name{font-size:24px}.details-budget{font-size:28px}.delete-lead-btn{height:50px;font-size:14px}.stage-btn{width:100%}}.page-title{margin-bottom:20px;font-size:22px}.orders-grid{gap:16px;display:grid}.order-card{background:linear-gradient(145deg,#0f0f0f,#1a1a1a);border:1px solid #ffffff0d;border-radius:14px;padding:18px;transition:all .3s}.order-card:hover{border-color:#d4a8434d;transform:translateY(-4px)}.order-top{justify-content:space-between;align-items:center;display:flex}.order-right{text-align:right}.price{color:#d4a843;font-weight:600}.status{border-radius:999px;margin-top:6px;padding:4px 10px;font-size:12px;display:inline-block}.status.open{color:#facc15;background:#facc1526}.status.accepted{color:#22c55e;background:#22c55e26}.order-actions{gap:10px;margin-top:14px;display:flex}.btn-primary{color:#000;cursor:pointer;background:#d4a843;border:none;border-radius:8px;padding:8px 14px}.btn-outline{color:#d4a843;cursor:pointer;background:0 0;border:1px solid #d4a843;border-radius:8px;padding:8px 14px}.workflow{flex-wrap:wrap;gap:10px;display:flex}.workflow-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-weight:700;transition:all .25s}.workflow-btn:hover{transform:translateY(-2px)}.workflow-btn.baking{color:#fff;background:#f59e0b}.workflow-btn.ready{color:#fff;background:#3b82f6}.workflow-btn.delivered{color:#fff;background:#22c55e}.order-card.new-order{border:1px solid #ffd70073;animation:1.8s infinite pulseOrder;box-shadow:0 0 30px #ffd7002e}@keyframes pulseOrder{0%{transform:scale(1);box-shadow:0 0 10px #ffd7001f}50%{transform:scale(1.01);box-shadow:0 0 30px #ffd70047}to{transform:scale(1);box-shadow:0 0 10px #ffd7001f}}.order-name-row{align-items:center;gap:10px;display:flex}.new-badge{color:#000;background:linear-gradient(135deg,#ff7a18,#ffb347);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;animation:1.2s infinite badgePulse}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.btn-disabled{color:#f8fafc;cursor:not-allowed;opacity:1;text-align:center;background:#ffffff38;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 16px;font-size:14px;font-weight:700;display:flex}@media (width<=992px){.orders-grid{gap:14px}.order-card{padding:16px}.price{font-size:15px}.workflow-btn{padding:10px 14px;font-size:13px}.btn-disabled{font-size:13px}}@media (width<=768px){.page-title{margin-bottom:16px;font-size:20px}.orders-grid{gap:12px}.order-card{border-radius:16px;padding:14px}.order-top{flex-direction:column;align-items:flex-start;gap:12px}.order-right{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.order-name-row{flex-wrap:wrap}.price{font-size:16px}.status{padding:4px 8px;font-size:11px}.order-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-outline,.btn-disabled,.workflow{width:100%}.workflow-btn{justify-content:center;width:100%;font-size:13px}.stats-row{grid-template-columns:1fr;gap:12px;display:grid}.stat-card{width:100%}.weekly-chart,.monthly-chart{gap:18px;padding-bottom:10px;overflow-x:auto}.week-bar,.month-bar{width:28px}.insights{grid-template-columns:1fr;gap:14px}.insight-card,.ai-card{padding:16px}.btn-disabled{font-size:13px}}@media (width<=480px){.page-title{font-size:18px}.order-card{padding:12px}.order-name-row h3{font-size:15px}.price{font-size:14px}.workflow-btn{border-radius:10px;padding:10px 12px;font-size:12px}.btn-primary,.btn-outline,.btn-disabled{padding:10px;font-size:12px}.new-badge{padding:3px 8px;font-size:10px}.week-bar,.month-bar{width:24px}.stat-value{font-size:20px}.btn-disabled{font-size:13px}}@media (width<=320px){.order-card{padding:10px}.order-name-row h3{font-size:14px}.price{font-size:13px}.workflow-btn{font-size:11px}.status{font-size:10px}.btn-disabled{font-size:12px}}.pipeline-page{height:100%}.pipeline-board{gap:20px;width:100%;padding-bottom:20px;display:flex;overflow-x:auto}.pipeline-column{background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;gap:14px;width:290px;padding:16px;display:flex}.pipeline-column-header{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:12px;display:flex;position:sticky;top:0}.pipeline-stage-name{text-transform:uppercase;color:#d4c1a0;font-size:14px;font-weight:700}.pipeline-stage-total{color:#8f7f72;margin-top:4px;font-size:13px}.pipeline-stage-count{width:34px;height:34px;color:var(--gold);background:#d4a8431f;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.pipeline-column-body{flex-direction:column;gap:12px;display:flex}.pipeline-card{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:12px;padding:14px;transition:all .22s;display:flex}.pipeline-card:hover{border-color:#d4a84340;transform:translateY(-3px)}.pipeline-card-top{align-items:center;gap:10px;display:flex}.pipeline-avatar{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.pipeline-card-name{font-size:15px;font-weight:700}.pipeline-card-event{color:#8f7f72;margin-top:2px;font-size:13px}.pipeline-card-budget{color:var(--gold);font-size:28px;font-weight:800}.dragging .pipeline-card{border-color:#d4a84380;transform:rotate(2deg)}.drag-over{border-color:#d4a84366}@media (width<=992px){.pipeline-board{gap:16px;padding-right:40px}.pipeline-column{width:260px}.pipeline-card-budget{font-size:24px}}@media (width<=768px){.pipeline-page{padding-bottom:20px;overflow-x:auto}.pipeline-board{gap:14px;min-width:max-content;padding-right:20px}.pipeline-column{border-radius:20px;width:240px;padding:14px}.pipeline-column-header{padding:10px}.pipeline-stage-name{font-size:13px}.pipeline-stage-total{font-size:12px}.pipeline-stage-count{width:30px;height:30px;font-size:12px}.pipeline-card{border-radius:18px;padding:12px}.pipeline-avatar{width:36px;height:36px;font-size:12px}.pipeline-card-name{font-size:14px}.pipeline-card-event{font-size:12px}.pipeline-card-budget{font-size:22px}}@media (width<=480px){.pipeline-board{gap:12px;padding-right:16px}.pipeline-column{width:220px;padding:12px}.pipeline-column-body{gap:10px}.pipeline-card{gap:10px;padding:10px}.pipeline-card-top{gap:8px}.pipeline-avatar{width:32px;height:32px;font-size:11px}.pipeline-card-name{font-size:13px}.pipeline-card-event{font-size:11px}.pipeline-card-budget{font-size:18px}}@media (width<=320px){.pipeline-column{width:200px}.pipeline-card-budget{font-size:16px}.pipeline-stage-name{font-size:12px}.pipeline-stage-total{font-size:11px}}.chat{gap:12px;min-width:0;height:calc(100vh - 120px);display:flex}.chat-list{border-right:1px solid var(--border);background:#ffffff05;border-radius:16px;width:280px;min-width:280px;min-height:0;overflow-y:auto}.chat-item{cursor:pointer;color:var(--text-1);border-bottom:1px solid var(--border);align-items:center;gap:10px;min-width:0;padding:14px;transition:all .2s;display:flex}.chat-item:hover{background:var(--bg-3)}.chat-item.active{background:var(--bg-3);color:var(--gold);border-left:3px solid var(--gold)}.chat-item.unread{background:#d4a84314}.chat-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-meta span,.chat-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-meta small{opacity:.6;font-size:12px}.badge{background:var(--gold);color:#000;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.chat-window{background:#ffffff05;border-radius:18px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;padding:16px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.msg-left,.msg-right{word-break:break-word;border-radius:14px;flex-direction:column;max-width:75%;padding:10px 12px;font-size:14px;display:flex}.msg-left{background:var(--bg-3);align-self:flex-start}.msg-right{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;align-self:flex-end}.msg-text{word-break:break-word;line-height:1.5}.msg-meta{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.msg-time{opacity:.6;font-size:10px}.msg-status{opacity:.7;font-size:11px}.chat-input{border-top:1px solid var(--border);background:#ffffff05;flex-shrink:0;gap:8px;padding:12px;display:flex}.chat-input input{background:var(--bg-3);color:#fff;border:none;border-radius:10px;flex:1;min-width:0;padding:12px}.chat-input button{background:var(--gold);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:10px 16px;font-weight:600;transition:all .2s}.chat-input button:hover{transform:scale(1.05)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.suggestions{border-top:1px solid #ffffff0a;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.suggestion{background:var(--bg-3);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .2s}.suggestion:hover{background:var(--gold);color:#000}.typing{gap:4px;padding:10px;display:flex}.typing span{background:var(--text-1);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.empty-chat{text-align:center;opacity:.6;margin-top:40px}.chat-user-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.online-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.online-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e}.online-dot.offline{background:#555}@media (width<=992px){.chat{height:calc(100vh - 140px)}.chat-list{width:240px;min-width:240px}}@media (width<=768px){.chat{flex-direction:column;height:auto}.chat-list{border-right:none;width:100%;min-width:100%;max-height:220px}.chat-window{min-height:70vh}.msg-left,.msg-right{max-width:88%}.suggestions{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.suggestions::-webkit-scrollbar{display:none}.suggestion{white-space:nowrap;flex-shrink:0}}@media (width<=480px){.chat{gap:10px}.chat-list{border-radius:12px;max-height:180px}.chat-item{padding:12px}.chat-header{padding:14px;font-size:14px}.chat-messages{padding:12px}.msg-left,.msg-right{padding:9px 11px;font-size:13px}.chat-input{padding:10px}.chat-input input{font-size:16px}.chat-input button{padding:10px 14px}}@media (width<=992px){.notifications-page{padding:20px}.notifications-header h1{font-size:28px}}@media (width<=768px){.notifications-page{padding:16px}.notifications-header{margin-bottom:22px}.notifications-header h1{font-size:24px}.notifications-header p{font-size:14px;line-height:1.5}.notifications-list{gap:14px}.notification-card{border-radius:18px;padding:16px}.notification-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.notification-top h3{flex:1;min-width:0;font-size:15px;line-height:1.4}.notification-card p{font-size:13px;line-height:1.6}.notification-card small{font-size:11px}}@media (width<=480px){.notifications-page{padding:14px}.notifications-header h1{font-size:22px}.notifications-header p{font-size:13px}.notification-card{border-radius:16px;padding:14px}.notification-top h3{flex:1;min-width:0;font-size:15px;line-height:1.4}.notification-card p{font-size:12px}.notification-dot{width:8px;height:8px}}@media (width<=320px){.notifications-page{padding:12px}.notifications-header h1{font-size:20px}.notification-card{padding:12px}.notification-top h3{flex:1;min-width:0;font-size:15px;line-height:1.4}.notification-card p{font-size:11px}.notification-card small{font-size:10px}}.notifications-page{width:100%;min-width:0;overflow-x:hidden}.notifications-list{width:100%;min-width:0}.notification-card{word-break:break-word;width:100%;min-width:0;overflow:hidden}.notification-top{width:100%;min-width:0}.notification-top h3{word-break:break-word;min-width:0}.notification-card p{word-break:break-word}.notification-card small{word-break:break-word;margin-top:8px;display:block}.layout{background:#0b0b0c;width:100%;min-height:100vh;display:flex;overflow:hidden}.mobile-topbar{display:none}.sidebar{z-index:1000;background:radial-gradient(circle at 0 0,#d4a8431a,#0000 40%),linear-gradient(#151210,#0d0b09);border-right:1px solid #ffffff0d;flex-direction:column;gap:18px;width:260px;padding:20px 16px;transition:all .3s;display:flex}.logo{color:var(--gold);letter-spacing:.5px;font-size:22px;font-weight:600}.logo span{color:var(--text-2);margin-left:4px;font-size:12px}.subtitle{color:var(--text-2);opacity:.8;font-size:12px}.tenant{background:linear-gradient(145deg,#1c1814,#14110e);border:1px solid #d4a84326;border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 10px 25px #0006}.tenant-plan{color:var(--gold);font-size:11px}.menu{flex-direction:column;gap:6px;display:flex}.menu-item{cursor:pointer;color:var(--text-2);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.menu-item:hover{color:var(--text-1);background:#ffffff0a;transform:translate(4px);box-shadow:0 0 0 1px #d4a8431a}.menu-item.active{color:var(--gold);background:linear-gradient(90deg,#d4a84326,#d4a8430d);border:1px solid #d4a8434d;box-shadow:inset 0 1px #ffffff0d,0 6px 20px #d4a84326}.menu-item.active:before{content:"";background:var(--gold);border-radius:4px;width:4px;height:60%;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.ai-box{color:var(--green);background:linear-gradient(145deg,#0c1e14,#0a1610);border:1px solid #143826;border-radius:12px;margin-top:auto;padding:12px;font-size:13px;box-shadow:0 8px 20px #0006}.ai-box span{margin-top:6px;display:block}.profile{cursor:pointer;transition:all .2s var(--ease);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.profile:hover{background:#d4a84314;transform:translate(3px)}.logout{color:var(--gold);opacity:.8;font-size:12px}.profile:hover .logout{opacity:1}.avatar{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:600;display:flex;box-shadow:0 4px 10px #d4a8434d}.main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative;overflow:visible}.main>*{min-width:0}.content{z-index:1;flex:1;min-width:0;padding:24px;position:relative;overflow:visible}@media (width<=992px){.sidebar{width:230px}.content{padding:18px}}@media (width<=768px){.layout{flex-direction:column}.mobile-topbar{z-index:2000;background:#111;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.mobile-logo{color:var(--gold);font-size:20px;font-weight:700}.mobile-logo span{opacity:.7;font-size:11px}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:-100%;overflow-y:auto}.sidebar.show-sidebar{left:0}.content{padding:16px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5000;background:#14110ef5;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:14px 24px;display:flex;position:sticky;top:0}.header-title{text-transform:capitalize;font-size:20px;font-weight:700}.header-sub{color:var(--text-2);margin-top:4px;font-size:12px}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:static}.header-pill{white-space:nowrap;background:linear-gradient(135deg,#1f1a14,#14110e);border:1px solid #d4a84333;border-radius:999px;padding:8px 16px;font-size:14px;transition:all .25s}.header-pill:hover{border-color:#d4a84359;transform:translateY(-1px)}.header-pill span{color:var(--gold);font-weight:700}.notif{background:var(--bg-3);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.notif:hover{background:#ffffff14;transform:translateY(-1px)}.notif span{background:var(--gold);color:#000;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-dropdown{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:999999999;opacity:0;visibility:hidden;pointer-events:none;background:#111827fa;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 24px);max-height:420px;padding:14px;transition:all .25s;display:flex;position:fixed;top:88px;right:16px;overflow-y:auto;transform:translateY(-10px);box-shadow:0 20px 60px #000000bf}.notif-dropdown.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.notif-item{z-index:2;background:#1a1a1a;border:1px solid #ffffff0d;border-radius:14px;padding:14px;transition:all .25s;position:relative}.notif-item.unread{background:#ffd70014;border:1px solid #ffd70059}.notif-item:hover{background:#ffffff14}.notif-title{margin-bottom:6px;font-weight:700;line-height:1.4}.notif-message{opacity:.75;word-break:break-word;font-size:14px;line-height:1.5}.notif-empty{text-align:center;opacity:.6;padding:20px 0}@media (width<=992px){.header{padding:14px 18px}.header-right{gap:10px}.header-pill{padding:8px 14px;font-size:13px}}@media (width<=768px){.header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px}.header-left{min-width:0}.header-title{font-size:18px;line-height:1.2}.header-sub{font-size:11px}.header-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;width:auto;display:flex}.header-pill{white-space:nowrap;padding:7px 10px;font-size:11px}.notif{flex-shrink:0;width:36px;height:36px}.notif-dropdown{z-index:99999999;border-radius:16px;width:92vw;max-width:340px;max-height:420px;padding:12px;position:fixed;top:78px;left:50%;right:auto;overflow-y:auto;transform:translate(-50%)translateY(-10px)}.notif-dropdown.show{transform:translate(-50%)translateY(0)}}@media (width<=480px){.header{padding:14px 12px}.header-right{gap:6px}.header-title{font-size:16px}.header-pill{padding:6px 8px;font-size:10px}.notif{width:34px;height:34px}.notif-dropdown{width:94vw;max-width:94vw;top:84px}.notif-title{font-size:14px}.notif-message{font-size:13px}}@media (width<=360px){.header{gap:8px}.header-title{font-size:15px}.header-pill{padding:5px 6px;font-size:9px}.notif-dropdown{width:96vw;max-width:96vw}}.customer-home{color:#fff;background:radial-gradient(circle at top,#d4a84314,#0000 30%),#0b0b0c;min-height:100vh;padding:60px 40px;overflow-x:hidden}.customer-hero{grid-template-columns:1.2fr 420px;align-items:center;gap:80px;margin-bottom:100px;display:grid;position:relative}.customer-hero-content{z-index:2;max-width:720px;position:relative}.customer-hero-content h1{letter-spacing:-3px;max-width:850px;margin-bottom:30px;font-size:78px;line-height:.95}.customer-hero-content p{opacity:.72;max-width:620px;margin-bottom:38px;font-size:20px;line-height:1.8}.customer-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:10px;display:flex}.hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #ffffff14;border-radius:30px;flex-direction:column;justify-self:center;gap:18px;width:100%;max-width:390px;padding:30px;animation:.5s fadeSlide;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0a}.hero-card:before{content:"";filter:blur(30px);background:#d4a53714;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-90px}.hero-card:hover{transition:all .35s;transform:translateY(-6px);box-shadow:0 35px 90px #0009,0 0 40px #d4a53714}.hero-badge{width:fit-content;color:var(--gold);letter-spacing:.3px;background:#d4a8431f;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.live-dot{background:#ffb703;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;box-shadow:0 0 12px #ffb703}.live-orders-count{color:#8b7355;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.hero-card h3{font-size:42px;line-height:1.05}.hero-card p{opacity:.75;font-size:16px;line-height:1.6}.hero-card span{-webkit-text-fill-color:transparent;overflow-wrap:break-word;background:linear-gradient(90deg,#f6d365,#d4a537);-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:58px;font-weight:800;line-height:1;display:block}.marketplace-meta{color:#f5f5f5;opacity:.85;align-items:center;gap:8px;margin-top:10px;font-size:15px;display:flex}.live-activity-feed{color:#d4a537;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;background:#101012f2;border:1px solid #d4a5371f;border-radius:18px;width:280px;padding:18px 22px;font-weight:600;animation:.5s fadeSlide;position:absolute;top:360px;right:-60px;box-shadow:0 16px 40px #00000059}.customer-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.feature-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:26px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#d4a53714,#0000 40%);transition:all .3s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#d4a8432e;transform:translateY(-8px);box-shadow:0 20px 50px #0006}.feature-icon{margin-bottom:22px;font-size:46px}.feature-card h3{margin-bottom:14px;font-size:26px}.feature-card p{opacity:.72;font-size:16px;line-height:1.7}.browse-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;min-width:170px;padding:14px 26px;font-weight:600;transition:all .3s}.browse-btn:hover{background:#d4a84314;border-color:#d4a8434d;transform:translateY(-3px);box-shadow:0 14px 30px #d4a8431f}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.customer-hero{grid-template-columns:1fr;gap:50px}.hero-card{max-width:100%}.live-activity-feed{width:100%;margin-top:20px;position:relative;top:auto;right:auto}}@media (width<=768px){.customer-home{padding:32px 18px}.customer-hero{gap:36px;margin-bottom:70px}.customer-hero-content h1{letter-spacing:-1px;font-size:42px;line-height:1.05}.customer-hero-content p{font-size:16px;line-height:1.7}.customer-actions{flex-direction:column;align-items:stretch}.browse-btn{width:100%}.hero-card{border-radius:24px;padding:24px}.hero-card h3{font-size:28px}.hero-card span{font-size:40px}.marketplace-meta{font-size:13px}.live-activity-feed{width:100%;padding:16px;font-size:14px}.feature-card{padding:24px}.feature-icon{font-size:38px}.feature-card h3{font-size:22px}.feature-card p{font-size:15px}}.customer-layout{color:#fff;background:#0b0b0c;min-height:100vh;display:flex}.customer-mobile-topbar{display:none}.customer-sidebar{background:linear-gradient(#141414,#0d0d0e);border-right:1px solid #ffffff0f;flex-direction:column;width:260px;padding:30px 20px;transition:all .3s;display:flex}.customer-logo{color:var(--gold);margin-bottom:50px;font-size:28px;font-weight:700}.customer-menu{flex-direction:column;gap:10px;display:flex}.customer-menu-item{cursor:pointer;border-radius:14px;padding:14px 16px;transition:all .25s}.customer-menu-item:hover{background:#ffffff0d}.customer-menu-item.active{color:var(--gold);background:#d4a8431f;border:1px solid #d4a84333}.customer-profile{cursor:pointer;background:#ffffff0a;border-radius:18px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.customer-avatar{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.customer-profile span{opacity:.6;font-size:13px;display:block}.customer-content{flex:1;padding:20px;overflow-y:auto}@media (width<=768px){.customer-layout{flex-direction:column}.customer-mobile-topbar{z-index:1000;background:#111;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.desktop-logo{display:none}.customer-sidebar{z-index:2000;width:260px;height:100vh;position:fixed;top:0;left:-100%}.customer-sidebar.show-sidebar{left:0}.customer-content{width:100%;padding:16px}}.place-order-page{background:radial-gradient(circle at top,#d4a84314,#0000 35%),#0b0b0c;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.place-order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:620px;padding:36px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.place-order-card:before{content:"";filter:blur(30px);background:#d4a8430f;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.place-order-card h1{z-index:2;margin-bottom:12px;font-size:40px;line-height:1.1;position:relative}.place-order-card p{opacity:.7;z-index:2;max-width:480px;margin-bottom:30px;line-height:1.6;position:relative}.order-form{z-index:2;flex-direction:column;gap:18px;display:flex;position:relative}@media (width<=768px){.place-order-page{align-items:flex-start;padding:30px 18px}.place-order-card{border-radius:24px;padding:28px}.place-order-card h1{font-size:32px}.place-order-card p{margin-bottom:24px;font-size:15px}.order-form{gap:16px}}@media (width<=480px){.place-order-page{padding:20px 14px}.place-order-card{border-radius:20px;padding:22px}.place-order-card h1{font-size:28px;line-height:1.2}.place-order-card p{font-size:14px;line-height:1.6}.order-form{gap:14px}}.customer-orders-page{color:#fff;background:radial-gradient(circle at top,#d4a84314,#0000 35%),#0b0b0c;min-height:100vh;padding:50px 40px}.customer-orders-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;display:flex}.customer-orders-header h1{margin-bottom:12px;font-size:52px;line-height:1.05}.customer-orders-header p{opacity:.72;max-width:760px;font-size:16px;line-height:1.7}.new-order-btn{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;padding:16px 24px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 10px 30px #d4a84338}.new-order-btn:hover{opacity:.92;transform:translateY(-3px)}.customer-orders-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:34px;display:grid}.customer-stat-card{background:linear-gradient(145deg,#ffffff0a,#ffffff04);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;justify-content:center;gap:12px;min-height:140px;padding:28px;transition:all .25s;display:flex;position:relative;overflow:hidden}.customer-stat-card:before{content:"";filter:blur(10px);background:#d4a8430d;border-radius:50%;width:140px;height:140px;position:absolute;top:-60px;right:-40px}.customer-stat-card:hover{border-color:#d4a8432e;transform:translateY(-4px)}.customer-stat-card span{color:var(--gold);font-size:58px;font-weight:800;line-height:1}.customer-stat-card p{opacity:.72;z-index:2;font-size:16px;position:relative}.customer-stat-card.active span{color:#6ea8ff}.customer-stat-card.delivered span{color:#4ade80}.customer-stat-card.active:before{background:#60a5fa1f}.customer-stat-card.active{background:linear-gradient(145deg,#3b82f614,#ffffff05);border:1px solid #60a5fa1f}.customer-stat-card.delivered:before{background:#4ade8014}.customer-orders-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:24px;display:grid}.customer-order-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #ffffff12;border-radius:28px;flex-direction:column;gap:24px;min-height:100%;padding:28px;transition:all .35s;display:flex;position:relative;overflow:hidden}.customer-order-card:before{content:"";filter:blur(20px);background:#d4a8430d;border-radius:50%;width:220px;height:220px;transition:all .4s;position:absolute;top:-100px;right:-100px}.customer-order-card:hover:before{background:#d4a84317;transform:scale(1.15)}.customer-order-card:hover{border-color:#d4a84338;transform:translateY(-8px);box-shadow:0 24px 60px #00000073,0 0 40px #d4a84314}.customer-order-top{flex-direction:column;gap:20px;display:flex}.customer-order-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.order-id{opacity:.5;letter-spacing:1px;margin-bottom:6px;font-size:13px}.customer-order-top h3{text-transform:capitalize;word-break:break-word;font-size:38px;line-height:1.1}.live-status{text-transform:capitalize;border-radius:999px;flex-shrink:0;height:fit-content;padding:10px 16px;font-size:12px;font-weight:700;position:relative;overflow:hidden}.live-status.accepted{color:#60a5fa;background:#3b82f629}.live-status.baking{color:#fbbf24;background:#f59e0b29}.live-status.ready{color:#34d399;background:#10b98129}.live-status.delivered,.live-status.completed{color:#4ade80;background:#22c55e29}.customer-order-info{flex-direction:column;gap:18px;display:flex}.customer-order-info p{opacity:.7;justify-content:space-between;gap:20px;line-height:1.5;display:flex}.customer-order-info span{color:#fff;text-align:right;word-break:break-word;max-width:65%}.tracking{flex-wrap:wrap;gap:10px;display:flex}.track-step{opacity:.5;background:#ffffff0f;border-radius:999px;padding:9px 14px;font-size:12px;transition:all .25s}.track-step.done{color:var(--gold);opacity:1;background:#d4a84324;border:1px solid #d4a84333}.timeline{flex-direction:column;gap:18px;display:flex}.timeline-item{align-items:flex-start;gap:14px;display:flex}.timeline-dot{background:var(--gold);width:12px;height:12px;box-shadow:0 0 12px var(--gold);border-radius:50%;flex-shrink:0;margin-top:6px}.timeline-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff0f;border-radius:18px;flex:1;padding:16px 18px;transition:all .25s}.timeline-text{word-break:break-word;margin-bottom:6px;font-weight:600;line-height:1.5}.timeline-time{opacity:.55;font-size:12px}.customer-chat-btn{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;cursor:pointer;border:none;border-radius:14px;margin-top:10px;padding:14px 18px;font-size:15px;font-weight:700;transition:all .25s}.customer-chat-btn:hover{opacity:.92;transform:translateY(-2px)}.customer-empty{text-align:center;opacity:.6;padding:80px}@media (width<=900px){.customer-orders-header{flex-direction:column;align-items:flex-start}.customer-orders-header h1{font-size:42px}.customer-orders-grid{grid-template-columns:1fr}.customer-order-top h3{font-size:30px}}@media (width<=600px){.customer-orders-page{padding:30px 16px}.customer-orders-header{gap:16px}.customer-orders-header h1{font-size:34px}.customer-orders-header p{font-size:14px}.new-order-btn{width:100%}.customer-orders-stats{grid-template-columns:1fr}.customer-stat-card{min-height:120px;padding:22px}.customer-stat-card span{font-size:42px}.customer-orders-grid{grid-template-columns:1fr}.customer-order-card{border-radius:22px;padding:22px}.customer-order-title-row{flex-direction:column;gap:14px}.customer-order-top h3{font-size:26px}.customer-order-info p{flex-direction:column;gap:8px}.customer-order-info span{text-align:left;max-width:100%}.tracking{gap:8px}.track-step{padding:8px 12px;font-size:11px}.timeline-content{padding:14px}.customer-chat-btn{width:100%}}.customer-chat-page{color:#fff;background:#0b0b0c;flex-direction:column;height:100vh;display:flex}.customer-chat-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;display:flex}.customer-chat-header h2{margin-bottom:6px;font-size:22px}.customer-chat-header span{opacity:.6;font-size:14px}.customer-chat-messages{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.customer-msg{flex-direction:column;gap:8px;max-width:72%;animation:.25s fadeIn;display:flex}.customer-msg.me{align-self:flex-end}.customer-msg.them{align-self:flex-start}.customer-msg-text{word-break:break-word;border-radius:20px;padding:14px 18px;line-height:1.5}.customer-msg.me .customer-msg-text{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000}.customer-msg.them .customer-msg-text{background:#ffffff0f}.customer-msg-meta{opacity:.6;align-items:center;gap:10px;padding:0 8px;font-size:12px;display:flex}.customer-chat-input{background:#ffffff05;border-top:1px solid #ffffff0f;gap:12px;padding:20px;display:flex}.customer-chat-input input{color:#fff;background:#ffffff0d;border:none;border-radius:14px;outline:none;flex:1;min-width:0;padding:14px 16px}.customer-chat-input button{background:linear-gradient(135deg, var(--gold), var(--amber));color:#000;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;padding:0 22px;font-weight:700}.typing-box{opacity:.7;background:#ffffff0d;border-radius:14px;align-self:flex-start;padding:12px 16px;font-size:14px}.vendor-status{opacity:.8;flex-shrink:0;align-items:center;gap:10px;font-size:14px;display:flex}.vendor-dot{border-radius:50%;width:10px;height:10px}.vendor-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e}@media (width<=768px){.customer-chat-page{height:calc(100vh - 70px)}.customer-chat-header{flex-direction:column;align-items:flex-start;padding:16px}.customer-chat-header h2{font-size:18px}.customer-chat-header span,.vendor-status{font-size:13px}.customer-chat-messages{gap:14px;padding:16px}.customer-msg{max-width:88%}.customer-msg-text{padding:12px 14px;font-size:14px}.customer-chat-input{padding:14px}.customer-chat-input input{padding:12px 14px;font-size:14px}.customer-chat-input button{padding:0 18px;font-size:14px}.typing-box{font-size:13px}}.customer-vendors-page{color:#fff;background:radial-gradient(circle at top,#d4a84314,#0000 30%),#0b0b0c;min-height:100vh;padding:50px 40px}.vendors-hero{justify-content:space-between;align-items:center;gap:40px;margin-bottom:50px;display:flex}.vendors-hero h1{margin-bottom:18px;font-size:58px;line-height:1}.vendors-hero p{opacity:.75;max-width:620px;font-size:18px;line-height:1.8}.vendors-stats{flex-wrap:wrap;gap:20px;display:flex}.vendors-stats div{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;flex:1;min-width:140px;padding:24px}.vendors-stats span{color:#d4a537;font-size:32px;font-weight:800}.vendors-stats p{opacity:.7;margin-top:10px;font-size:14px}.vendors-search{gap:18px;margin-bottom:40px;display:flex}.vendors-search input,.vendors-search select{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;outline:none;width:100%;height:56px;padding:0 18px;font-size:15px}.vendors-search input{flex:1}.vendors-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.vendor-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:30px;transition:all .35s;position:relative;overflow:hidden}.vendor-card:hover{border-color:#d4a8432e;transform:translateY(-8px);box-shadow:0 25px 60px #0006}.featured-vendor{border-color:#d4a84333;box-shadow:0 0 30px #d4a8430f}.vendor-image-wrapper{height:240px;position:relative;overflow:hidden}.vendor-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:all .4s}.vendor-card:hover img{transform:scale(1.08)}.featured-badge{color:#f6d365;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d4a84326;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px}.vendor-online{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:16px;right:16px}.vendor-online span{border-radius:50%;width:10px;height:10px}.vendor-online.online{color:#34d399;background:#10b98126}.vendor-online.online span{background:#34d399;box-shadow:0 0 10px #34d399}.vendor-online.offline{color:#d1d5db;background:#ffffff14}.vendor-online.offline span{background:#9ca3af}.vendor-content{padding:26px}.vendor-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.vendor-top h2{word-break:break-word;margin-bottom:8px;font-size:28px}.vendor-top p{opacity:.7;line-height:1.5}.vendor-rating{color:#f6d365;background:#d4a8431f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-width:72px;height:42px;font-weight:700;display:flex}.vendor-location{opacity:.75;margin-bottom:24px}.vendor-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.vendor-metrics div{text-align:center;background:#ffffff08;border-radius:18px;padding:16px}.vendor-metrics span{color:#d4a537;margin-bottom:8px;font-size:22px;font-weight:800;display:block}.vendor-metrics p{opacity:.7;font-size:13px}.vendor-actions{gap:14px;display:flex}.vendor-actions button{cursor:pointer;border:none;border-radius:16px;flex:1;height:54px;font-size:15px;font-weight:700;transition:all .25s}.view-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff14}.view-btn:hover{background:#ffffff14}.order-btn{color:#000;background:linear-gradient(90deg,#f6d365,#d4a537)}.order-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #d4a84333}@media (width<=1100px){.vendors-hero{flex-direction:column;align-items:flex-start}.vendors-stats{width:100%}}@media (width<=768px){.customer-vendors-page{padding:30px 18px}.vendors-hero{gap:30px}.vendors-hero h1{font-size:40px;line-height:1.1}.vendors-hero p{font-size:15px}.vendors-search{flex-direction:column}.vendors-grid{grid-template-columns:1fr;gap:24px}.vendor-card{border-radius:24px}.vendor-image-wrapper{height:220px}.vendor-content{padding:22px}.vendor-top{flex-direction:column;gap:14px}.vendor-top h2{font-size:24px}.vendor-rating{width:fit-content}.vendor-metrics{grid-template-columns:1fr}.vendor-actions{flex-direction:column}.vendor-actions button{width:100%}}@media (width<=480px){.vendors-hero h1{font-size:34px}.vendors-stats{flex-direction:column}.vendors-stats div{width:100%}.featured-badge,.vendor-online{padding:6px 10px;font-size:11px}}.admin-sidebar{color:#fff;z-index:1000;background:#111827;width:250px;min-height:100vh;padding:24px;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.admin-logo{color:#fff;margin-bottom:40px;font-size:28px;font-weight:700}.admin-sidebar nav{flex-direction:column;gap:12px;display:flex}.admin-sidebar a{color:#d1d5db;word-break:break-word;border-radius:12px;padding:14px 16px;font-weight:500;text-decoration:none;transition:all .2s}.admin-sidebar a:hover{color:#fff;background:#1f2937;transform:translate(2px)}.admin-sidebar a.active{color:#fff;background:#7c3aed;box-shadow:0 8px 20px #7c3aed40}.admin-sidebar-overlay{opacity:0;visibility:hidden;z-index:999;background:#00000073;transition:all .25s;position:fixed;inset:0}.admin-sidebar-overlay.show{opacity:1;visibility:visible}@media (width<=992px){.admin-sidebar{width:220px;padding:22px 18px}.admin-logo{font-size:24px}.admin-sidebar a{padding:12px 14px;font-size:14px}}@media (width<=768px){.admin-sidebar{width:260px;transform:translate(-100%);box-shadow:0 0 40px #00000059}.admin-sidebar.open{transform:translate(0)}}@media (width<=480px){.admin-sidebar{width:240px;padding:20px 16px}.admin-logo{margin-bottom:30px;font-size:22px}.admin-sidebar nav{gap:10px}.admin-sidebar a{padding:11px 13px;font-size:13px}}@media (width<=320px){.admin-sidebar{width:220px}.admin-sidebar a{padding:10px 12px;font-size:12px}}.admin-topbar{z-index:200;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:90px;padding:16px 30px;display:flex;position:sticky;top:0}.admin-topbar-left{min-width:0}.admin-topbar h2{color:#111827;font-size:20px;line-height:1.2}.admin-topbar p{color:#6b7280;margin-top:4px;font-size:14px}.admin-topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.admin-search{border:1px solid #d1d5db;border-radius:12px;outline:none;width:240px;min-width:0;max-width:100%;padding:12px 14px}.notification-wrapper{flex-shrink:0;position:relative}.admin-notification{cursor:pointer;background:#ede9fe;border:none;border-radius:50%;width:46px;height:46px;font-size:18px;transition:all .25s;position:relative}.admin-notification:hover{transform:translateY(-2px)}.admin-notification span{color:#fff;background:red;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex;position:absolute;top:-4px;right:-2px}.notification-dropdown{z-index:99999;background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:340px;max-width:calc(100vw - 32px);max-height:420px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden auto;box-shadow:0 10px 30px #00000014}.notification-header{border-bottom:1px solid #e5e7eb;padding:18px}.notification-header h3{color:#111827;font-size:16px;font-weight:700}.notification-item{border-bottom:1px solid #f3f4f6;padding:16px 18px;transition:all .2s;overflow:hidden}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f5f3ff}.notification-item h4{color:#111827;word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:700}.notification-item p{color:#6b7280;word-break:break-word;margin-bottom:6px;font-size:13px;line-height:1.5}.notification-item span{color:#9ca3af;font-size:12px}.empty-notifications{text-align:center;color:#9ca3af;padding:30px}.admin-profile{align-items:center;gap:12px;min-width:0;display:flex}.admin-avatar{color:#fff;background:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.admin-profile h4{color:#111827;margin:0;font-size:15px;font-weight:700}.admin-profile p{color:#6b7280;margin-top:2px;font-size:13px}.admin-action-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;padding:12px 18px;font-weight:600;transition:all .25s}.admin-action-btn:hover{transform:translateY(-2px)}.theme-toggle-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .25s;display:flex}.theme-toggle-btn:hover{transform:translateY(-2px)}.admin-menu-btn{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:none}@media (width<=768px){.admin-menu-btn{display:flex}}@media (width<=992px){.admin-topbar{padding:16px 22px}.admin-search{width:190px}.admin-topbar-right{gap:12px}}@media (width<=768px){.admin-topbar{align-items:flex-start;padding:16px}.admin-topbar-left{width:100%}.admin-topbar h2{font-size:18px}.admin-topbar p{font-size:13px}.admin-topbar-right{justify-content:flex-start;gap:10px;width:100%}.admin-search{flex:1;width:100%}.notification-dropdown{width:calc(100vw - 24px);max-width:360px;position:fixed;top:90px;left:50%;transform:translate(-50%)}.admin-profile div{display:none}.admin-action-btn{padding:10px 14px;font-size:13px}}@media (width<=480px){.admin-topbar{padding:14px}.admin-search{padding:10px 12px;font-size:13px}.notification-dropdown{border-radius:16px;width:calc(100vw - 20px)}.notification-item{padding:14px}.admin-action-btn{padding:9px 12px;font-size:12px}.theme-toggle-btn,.admin-notification{width:40px;height:40px}}@media (width<=320px){.admin-topbar-right{gap:8px}.admin-action-btn{width:100%}}.admin-layout{background:#f3f4f6;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.admin-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:250px;transition:all .3s;display:flex}.admin-content{flex:1;min-width:0;padding:30px;overflow:hidden auto}@media (width<=992px){.admin-main{margin-left:220px}.admin-content{padding:24px}}@media (width<=768px){.admin-layout{flex-direction:column}.admin-main{width:100%;margin-left:0}.admin-content{padding:18px 16px}}@media (width<=480px){.admin-content{padding:16px 14px}}@media (width<=320px){.admin-content{padding:14px 12px}}.admin-stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;padding:24px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000d}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #00000014}.admin-stat-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.admin-stat-header h3{color:#6b7280;font-size:15px;font-weight:600;line-height:1.4}.admin-stat-card h2{color:#111827;word-break:break-word;font-size:42px;font-weight:800;line-height:1.1}.success,.danger{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.success{color:#16a34a;background:#dcfce7}.danger{color:#dc2626;background:#fee2e2}@media (width<=992px){.admin-stat-card{padding:22px}.admin-stat-card h2{font-size:36px}}@media (width<=768px){.admin-stat-card{border-radius:18px;padding:18px}.admin-stat-header{margin-bottom:16px}.admin-stat-header h3{font-size:14px}.admin-stat-card h2{font-size:30px}.success,.danger{padding:5px 8px;font-size:12px}}@media (width<=480px){.admin-stat-card{border-radius:16px;padding:16px}.admin-stat-card h2{font-size:26px}.admin-stat-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=320px){.admin-stat-card h2{font-size:22px}.admin-stat-header h3{font-size:13px}}.admin-section-card{background:#fff;border:1px solid #f3f4f6;border-radius:24px;padding:26px;transition:all .25s;overflow:hidden;box-shadow:0 6px 24px #0000000a}.admin-section-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000000f}.admin-section-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.admin-section-header h2{color:#111827;word-break:break-word;font-size:28px;font-weight:800;line-height:1.2}.admin-section-body{width:100%;overflow-x:auto}@media (width<=992px){.admin-section-card{border-radius:22px;padding:22px}.admin-section-header h2{font-size:24px}}@media (width<=768px){.admin-section-card{border-radius:20px;padding:18px}.admin-section-header{margin-bottom:18px}.admin-section-header h2{font-size:22px}}@media (width<=480px){.admin-section-card{border-radius:18px;padding:16px}.admin-section-header{margin-bottom:16px}.admin-section-header h2{font-size:20px}}@media (width<=320px){.admin-section-card{border-radius:16px;padding:14px}.admin-section-header h2{font-size:18px}}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.status-badge:hover{transform:translateY(-1px)}.completed,.active,.approved{color:#166534;background:#dcfce7;border-color:#bbf7d0}.pending{color:#92400e;background:#fef3c7;border-color:#fde68a}.processing{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.blocked,.cancelled,.suspended{color:#991b1b;background:#fee2e2;border-color:#fecaca}@media (width<=992px){.status-badge{min-height:32px;padding:7px 12px;font-size:12px}}@media (width<=768px){.status-badge{min-height:30px;padding:6px 10px;font-size:11px}}@media (width<=480px){.status-badge{min-height:28px;padding:5px 9px;font-size:10px}}@media (width<=320px){.status-badge{padding:5px 8px;font-size:9px}}.revenue-chart-card{background:#fff;border-radius:24px;margin-top:24px;padding:24px;box-shadow:0 4px 20px #0000000d}.revenue-chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.revenue-chart-header h3{color:#111827;font-size:20px}.revenue-chart-header span{color:#6b7280;font-size:14px}.operations-bar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px;display:grid}.operations-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:14px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 4px 14px #0000000a}.operations-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.operations-item h4{color:#111827;font-size:15px;font-weight:700;line-height:1.4}.pulse{border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:1.5s infinite pulse}.online{background:#22c55e;box-shadow:0 0 12px #22c55e73}.processing{background:#7c3aed;box-shadow:0 0 12px #7c3aed73}.pending{background:#f59e0b;box-shadow:0 0 12px #f59e0b73}.healthy{background:#06b6d4;box-shadow:0 0 12px #06b6d473}@media (width<=992px){.operations-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.operations-bar{grid-template-columns:1fr;gap:14px}.operations-item{border-radius:18px;padding:16px 18px}.operations-item h4{font-size:14px}.pulse{width:12px;height:12px}}@media (width<=480px){.operations-item{gap:12px;padding:15px 16px}.operations-item h4{font-size:13px}}@media (width<=320px){.operations-item{padding:14px}.operations-item h4{font-size:12px}}.admin-dashboard{flex-direction:column;gap:30px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-dashboard-title{color:#111827;font-size:28px;font-weight:700;line-height:1.2}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.admin-stat-card{background:#fff;border-radius:16px;min-width:0;padding:25px;transition:all .25s;box-shadow:0 2px 10px #0000000f}.admin-stat-card:hover{transform:translateY(-3px)}.admin-stat-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-stat-top span{font-size:13px;font-weight:600}.admin-stat-top .positive{color:#16a34a}.admin-stat-top .negative{color:#dc2626}.admin-stat-card h3{color:#6b7280;margin-bottom:10px;font-size:16px;line-height:1.4}.admin-stat-card p{color:#111827;word-break:break-word;font-size:32px;font-weight:700}.admin-dashboard-section{background:#fff;border-radius:16px;margin-top:30px;padding:24px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.admin-section-header{margin-bottom:20px}.admin-orders-table{border-collapse:collapse;width:100%;min-width:600px}.admin-orders-table th,.admin-orders-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px}.admin-orders-table th{color:#6b7280;font-size:14px;font-weight:600}.admin-orders-table td{color:#111827;font-size:15px;font-weight:500}.admin-activity-feed{flex-direction:column;gap:18px;max-height:520px;display:flex;overflow-y:auto}.admin-activity-item{background:#fff;border:1px solid #eee;border-radius:18px;align-items:flex-start;gap:14px;min-width:0;padding:18px;transition:all .25s;display:flex}.admin-activity-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.activity-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.activity-content{flex:1;min-width:0}.activity-content h4{color:#111827;word-break:break-word;margin-bottom:6px;font-size:15px;line-height:1.4}.activity-content p{color:#4b5563;word-break:break-word;margin-bottom:6px;line-height:1.5}.activity-content span{color:#9ca3af;font-size:13px}.admin-activity-item.order .activity-icon{background:#fef3c7}.admin-activity-item.vendor .activity-icon{background:#dbeafe}.admin-activity-item.customer .activity-icon{background:#dcfce7}.admin-activity-item.message .activity-icon{background:#ede9fe}.admin-activity-item.system .activity-icon{background:#f3f4f6}.dashboard-bottom-grid{grid-template-columns:1.4fr 1fr;gap:24px;min-width:0;margin-top:24px;display:grid}.empty-activity{text-align:center;color:#9ca3af;padding:20px 0}.live-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px;margin-bottom:24px;display:grid}@media (width<=992px){.dashboard-bottom-grid{grid-template-columns:1fr}.admin-dashboard-title{font-size:26px}.admin-stat-card p{font-size:28px}}@media (width<=768px){.admin-dashboard{gap:22px}.admin-dashboard-title{font-size:24px}.admin-stats-grid,.live-metrics-grid{grid-template-columns:1fr}.admin-stat-card{padding:20px}.admin-stat-card p{font-size:24px}.admin-dashboard-section{border-radius:14px;padding:18px;overflow-x:auto}.admin-orders-table th,.admin-orders-table td{padding:12px;font-size:13px}.admin-activity-item{border-radius:16px;padding:16px}.activity-content h4{font-size:14px}.activity-content p{font-size:13px}}@media (width<=480px){.admin-dashboard-title{font-size:22px}.admin-stat-card{padding:18px}.admin-stat-card h3{font-size:14px}.admin-stat-card p{font-size:22px}.admin-dashboard-section{padding:14px}.admin-orders-table{min-width:520px}.admin-orders-table th,.admin-orders-table td{padding:10px;font-size:12px}.admin-activity-item{gap:12px;padding:14px}.activity-icon{width:40px;height:40px;font-size:18px}.activity-content h4{font-size:13px}.activity-content p{font-size:12px}.activity-content span{font-size:11px}}@media (width<=320px){.admin-dashboard-title,.admin-stat-card p{font-size:20px}.admin-orders-table{min-width:480px}}.admin-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.admin-page-header h1{color:#111827;word-break:break-word;font-size:34px;font-weight:800;line-height:1.2}@media (width<=992px){.admin-page-header h1{font-size:30px}}@media (width<=768px){.admin-page-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-page-header h1{font-size:26px}.admin-page-header .admin-btn{width:100%}}@media (width<=480px){.admin-page-header{gap:14px}.admin-page-header h1{font-size:22px}}@media (width<=320px){.admin-page-header h1{font-size:20px}}.admin-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.admin-btn.primary{color:#fff;background:#7c3aed;box-shadow:0 8px 20px #7c3aed40}.admin-btn.primary:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 14px 28px #7c3aed59}.admin-btn.danger{color:#fff;background:#ef4444;box-shadow:0 8px 20px #ef444438}.admin-btn.danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 14px 28px #ef444452}.admin-btn:active{transform:scale(.98)}.admin-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}@media (width<=992px){.admin-btn{padding:11px 18px;font-size:13px}}@media (width<=768px){.admin-btn{border-radius:12px;width:100%;min-height:46px;padding:11px 16px;font-size:13px}}@media (width<=480px){.admin-btn{min-height:44px;padding:10px 14px;font-size:12px}}@media (width<=320px){.admin-btn{padding:10px 12px;font-size:11px}}.admin-orders-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-orders-search{width:100%}.admin-orders-search input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:300px;max-width:100%;padding:12px 14px;font-size:14px;transition:all .25s}.admin-orders-search input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.orders-pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;margin-top:24px;display:grid}.orders-column{flex-direction:column;gap:16px;min-width:0;display:flex}.pipeline-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;min-width:0;padding:18px;transition:all .25s;overflow:hidden}.pipeline-order-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.pipeline-order-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pipeline-order-top h3{color:#6b7280;font-size:14px;font-weight:700}.pipeline-order-card h2{color:#111827;word-break:break-word;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4}.pipeline-order-card p{color:#6b7280;word-break:break-word;margin-bottom:14px;font-size:14px;line-height:1.5}.pipeline-order-card h4{color:#7c3aed;word-break:break-word;font-size:22px;font-weight:800}.empty-orders{color:#9ca3af;text-align:center;padding:24px 0;font-size:14px}@media (width<=992px){.orders-pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pipeline-order-card{padding:16px}.pipeline-order-card h2{font-size:17px}.pipeline-order-card h4{font-size:20px}}@media (width<=768px){.admin-orders-page{gap:20px}.admin-orders-search input{width:100%}.orders-pipeline-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.pipeline-order-card{border-radius:16px;padding:16px}.pipeline-order-top{margin-bottom:10px}.pipeline-order-card h2{font-size:16px}.pipeline-order-card p{font-size:13px}.pipeline-order-card h4{font-size:19px}}@media (width<=480px){.pipeline-order-card{border-radius:14px;padding:14px}.pipeline-order-top h3{font-size:13px}.pipeline-order-card h2{font-size:15px}.pipeline-order-card p{margin-bottom:12px;font-size:12px}.pipeline-order-card h4{font-size:18px}.empty-orders{font-size:13px}}@media (width<=320px){.pipeline-order-card{padding:12px}.pipeline-order-card h2{font-size:14px}.pipeline-order-card p{font-size:11px}.pipeline-order-card h4{font-size:16px}}.vendor-modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vendor-modal{background:#fff;border-radius:24px;width:420px;padding:24px;animation:.25s modalFade}.vendor-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.vendor-modal-header h2{color:#111827;font-size:24px}.vendor-modal-header button{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:18px}.vendor-modal-body{text-align:center}.vendor-modal-avatar{color:#7c3aed;background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 16px;font-size:32px;font-weight:700;display:flex}.vendor-modal-body h1{color:#111827;margin-bottom:8px;font-size:32px}.vendor-modal-body p{color:#6b7280;margin-bottom:16px}.vendor-modal-status{color:#374151;margin-bottom:24px;font-size:16px;font-weight:700}.vendor-modal-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.vendor-modal-grid div{background:#f9fafb;border-radius:16px;padding:16px}.vendor-modal-grid h3{color:#6b7280;margin-bottom:8px;font-size:14px}.vendor-modal-grid span{color:#111827;font-size:18px;font-weight:700}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-vendor-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-vendor-modal{background:#fff;border-radius:24px;width:420px;padding:24px;animation:.25s modalFade}.add-vendor-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.add-vendor-header h2{color:#111827;font-size:24px}.add-vendor-header button{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:18px}.add-vendor-form{flex-direction:column;gap:16px;display:flex}.add-vendor-form input{border:1px solid #e5e7eb;border-radius:14px;outline:none;height:52px;padding:0 16px;font-size:15px}.add-vendor-form button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;height:52px;font-size:15px;font-weight:600}.admin-vendors-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-vendors-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;display:grid}.admin-vendor-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;min-width:0;padding:24px;transition:all .25s;box-shadow:0 2px 10px #0000000d}.admin-vendor-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.admin-vendor-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.admin-vendor-avatar-wrapper{position:relative}.admin-vendor-avatar{color:#7c3aed;background:#ede9fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:700;display:flex}.vendor-online-dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:0;right:0}.vendor-online-dot.online{background:#22c55e}.vendor-online-dot.offline{background:#9ca3af}.admin-vendor-card h2{color:#111827;word-break:break-word;margin-bottom:8px;font-size:22px;line-height:1.3}.admin-vendor-card p{color:#6b7280;word-break:break-word;margin-bottom:20px;line-height:1.5}.vendor-live-status{margin-top:10px;margin-bottom:20px;font-size:14px;font-weight:600}.vendor-live-status.online{color:#16a34a}.vendor-live-status.offline{color:#6b7280}.admin-vendor-stats{justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.admin-vendor-stats div{flex:1}.admin-vendor-stats h3{color:#6b7280;margin-bottom:6px;font-size:14px}.admin-vendor-stats span{color:#111827;font-size:20px;font-weight:700}.admin-vendor-actions{gap:12px;width:100%;display:flex}.admin-vendor-actions button{flex:1;min-width:0}.vendors-toolbar{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:8px;display:flex}.vendors-search,.vendors-filter{background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .25s}.vendors-search:focus,.vendors-filter:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.vendors-search{flex:1;min-width:0}.vendors-filter{flex-shrink:0;width:180px}@media (width<=992px){.admin-vendors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=768px){.admin-vendors-page{gap:20px}.vendors-toolbar{flex-direction:column;align-items:stretch}.vendors-search,.vendors-filter{width:100%}.admin-vendors-grid{grid-template-columns:1fr;gap:20px}.admin-vendor-card{padding:20px}.admin-vendor-card h2{font-size:20px}.admin-vendor-actions{flex-direction:column}.admin-vendor-actions button{width:100%}}@media (width<=480px){.admin-vendor-card{border-radius:16px;padding:18px}.admin-vendor-avatar{width:52px;height:52px;font-size:16px}.admin-vendor-card h2{font-size:18px}.admin-vendor-card p{font-size:13px}.admin-vendor-stats{flex-direction:column;gap:14px}.admin-vendor-stats span{font-size:18px}.vendors-search,.vendors-filter{padding:11px 14px;font-size:13px}}@media (width<=320px){.admin-vendor-card{padding:16px}.admin-vendor-card h2{font-size:16px}.admin-vendor-card p,.vendor-live-status{font-size:12px}.admin-vendor-stats span{font-size:16px}}.admin-empty-state{text-align:center;background:linear-gradient(#f9fafbf2,#f3f4f6e6);border:1px dashed #d1d5db;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;display:flex}.admin-empty-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:24px;font-size:42px;display:flex;box-shadow:0 8px 24px #0000000f}.admin-empty-state h2{color:#111827;margin-bottom:14px;font-size:28px;font-weight:800;line-height:1.3}.admin-empty-state p{color:#6b7280;max-width:420px;font-size:15px;line-height:1.7}@media (width<=992px){.admin-empty-state{padding:60px 22px}.admin-empty-state h2{font-size:24px}}@media (width<=768px){.admin-empty-state{border-radius:20px;padding:50px 18px}.admin-empty-icon{width:74px;height:74px;margin-bottom:20px;font-size:36px}.admin-empty-state h2{font-size:22px}.admin-empty-state p{font-size:14px}}@media (width<=480px){.admin-empty-state{border-radius:18px;padding:40px 16px}.admin-empty-icon{width:66px;height:66px;font-size:30px}.admin-empty-state h2{font-size:20px}.admin-empty-state p{font-size:13px;line-height:1.6}}@media (width<=320px){.admin-empty-state{padding:34px 14px}.admin-empty-state h2{font-size:18px}.admin-empty-state p{font-size:12px}}.admin-table-wrapper{background:#fff;border:1px solid #f3f4f6;border-radius:22px;width:100%;padding:24px;overflow-x:auto;box-shadow:0 6px 24px #0000000a}.admin-table-wrapper::-webkit-scrollbar{height:6px}.admin-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.admin-table{border-collapse:collapse;width:100%;min-width:720px}.admin-table th{text-align:left;color:#6b7280;z-index:2;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:18px 16px;font-size:13px;font-weight:700;position:sticky;top:0}.admin-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:18px 16px;font-size:14px;font-weight:500}.admin-table tbody tr{cursor:pointer;transition:all .2s}.admin-table tbody tr:hover{background:#faf5ff}.admin-table tbody tr:last-child td{border-bottom:none}@media (width<=992px){.admin-table-wrapper{border-radius:20px;padding:20px}.admin-table th,.admin-table td{padding:16px 14px}}@media (width<=768px){.admin-table-wrapper{border-radius:18px;padding:16px}.admin-table{min-width:640px}.admin-table th{padding:14px 12px;font-size:12px}.admin-table td{padding:14px 12px;font-size:13px}}@media (width<=480px){.admin-table-wrapper{border-radius:16px;padding:12px}.admin-table{min-width:560px}.admin-table th,.admin-table td{padding:12px 10px}.admin-table th{font-size:11px}.admin-table td{font-size:12px}}@media (width<=320px){.admin-table{min-width:520px}.admin-table th,.admin-table td{padding:10px 8px}}.customer-modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customer-modal{background:#fff;border-radius:24px;width:420px;padding:24px;animation:.25s modalFade}.customer-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customer-modal-header h2{color:#111827;font-size:24px}.customer-modal-header button{cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:18px}.customer-modal-body{text-align:center}.customer-modal-avatar{color:#7c3aed;background:#ede9fe;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 16px;font-size:32px;font-weight:700;display:flex}.customer-modal-body h1{color:#111827;margin-bottom:8px;font-size:32px}.customer-modal-body p{color:#6b7280;margin-bottom:16px}.customer-modal-status{color:#374151;margin-bottom:24px;font-size:16px;font-weight:700}.customer-modal-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.customer-modal-grid div{background:#f9fafb;border-radius:16px;padding:16px}.customer-modal-grid h3{color:#6b7280;margin-bottom:8px;font-size:14px}.customer-modal-grid span{color:#111827;font-size:18px;font-weight:700}.admin-customers-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-customers-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-customers-header h1{color:#111827;font-size:32px;line-height:1.2}.admin-customers-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:12px 18px;transition:all .25s}.admin-customers-btn:hover{transform:translateY(-2px)}.admin-search-box{width:100%;margin-bottom:20px}.admin-search-box input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:300px;min-width:0;max-width:100%;padding:12px 16px;font-size:14px}.admin-sort-box{margin-bottom:20px}.admin-sort-box select{border:1px solid #d1d5db;border-radius:10px;outline:none;padding:12px 16px;font-size:14px}.admin-customers-table-wrapper{background:#fff;border-radius:18px;width:100%;padding:24px;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.admin-customers-table{border-collapse:collapse;width:100%;min-width:700px}.admin-customers-table th,.admin-customers-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:16px}.admin-customers-table th{color:#6b7280;font-size:14px}.admin-customers-table td{color:#111827}.admin-customers-table tbody tr{cursor:pointer;transition:all .2s}.admin-customers-table tbody tr:hover{background:#f9fafb}.admin-customer-status{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.admin-customer-status.active{color:#166534;background:#dcfce7}.admin-customer-status.blocked{color:#991b1b;background:#fee2e2}.customer-view-btn,.admin-customer-action{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .25s}.customer-view-btn:hover,.admin-customer-action:hover{transform:translateY(-2px)}.admin-customer-action.danger{background:#ef4444}.admin-loading{text-align:center;color:#6b7280;padding:60px;font-size:18px}.admin-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.admin-pagination button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 16px}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-results-info{color:#6b7280;margin-top:20px;font-size:14px}.admin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{color:#111827;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:30px;overflow:hidden;box-shadow:0 10px 30px #00000026}.admin-modal h2{color:#111827;word-break:break-word;margin-bottom:10px;font-size:30px;line-height:1.2}.admin-modal p{color:#4b5563;word-break:break-word;margin-bottom:12px;font-size:15px;line-height:1.6}.admin-modal button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:12px 18px}.admin-modal-actions{justify-content:flex-end;margin-top:20px;display:flex}@media (width<=992px){.admin-customers-header h1{font-size:28px}.admin-customers-table-wrapper{padding:20px}}@media (width<=768px){.admin-customers-page{gap:20px}.admin-customers-header{align-items:flex-start}.admin-customers-header h1{font-size:24px}.admin-search-box input{width:100%}.admin-customers-table-wrapper{border-radius:16px;padding:16px}.admin-customers-table th,.admin-customers-table td{padding:14px;font-size:13px}.admin-modal{padding:24px}.admin-modal h2{font-size:24px}}@media (width<=480px){.admin-customers-header h1{font-size:22px}.admin-customers-btn,.customer-view-btn,.admin-customer-action{width:100%}.admin-customers-table-wrapper{padding:14px}.admin-customers-table th,.admin-customers-table td{padding:12px;font-size:12px}.admin-modal{border-radius:18px;padding:20px}.admin-modal h2{font-size:22px}.admin-modal p{font-size:14px}}@media (width<=320px){.admin-customers-header h1{font-size:20px}.admin-modal{padding:18px}.admin-modal h2{font-size:20px}}.admin-settings-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;display:grid}.admin-settings-form{flex-direction:column;gap:20px;width:100%;display:flex}.admin-form-group{flex-direction:column;gap:8px;width:100%;display:flex}.admin-form-group label{color:#374151;font-size:14px;font-weight:600;line-height:1.4}.admin-form-group input,.admin-form-group select{color:#111827;appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-width:0;padding:12px 14px;font-size:14px;transition:all .25s}.admin-form-group input:focus,.admin-form-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.admin-settings-form button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;width:fit-content;padding:12px 18px;font-size:14px;font-weight:600;transition:all .3s}.admin-settings-form button:hover{opacity:.95;transform:translateY(-1px)}.admin-settings-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-success{color:#166534;background:#dcfce7;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.5}@media (width<=992px){.admin-settings-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-settings-page,.admin-settings-grid{gap:20px}.admin-settings-form{gap:18px}.admin-form-group label{font-size:13px}.admin-form-group input,.admin-form-group select{padding:11px 13px;font-size:13px}.admin-settings-form button{width:100%}.settings-success{font-size:13px}}@media (width<=480px){.admin-settings-grid{grid-template-columns:1fr}.admin-form-group input,.admin-form-group select{border-radius:9px;padding:10px 12px;font-size:12px}.admin-settings-form button{border-radius:9px;padding:11px 14px;font-size:13px}.settings-success{border-radius:10px;padding:10px 14px;font-size:12px}}@media (width<=320px){.admin-settings-page{gap:18px}.admin-form-group label{font-size:12px}.admin-form-group input,.admin-form-group select{font-size:11px}.admin-settings-form button{font-size:12px}.settings-success{font-size:11px}}.admin-analytics-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.admin-page-title{color:#111827;word-break:break-word;font-size:42px;font-weight:700;line-height:1.2}.admin-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;width:100%;display:grid}.analytics-chart{width:100%;min-width:0;height:320px;margin-top:20px;overflow:hidden}.admin-chart-placeholder{color:#6b7280;background:#f3f4f6;border-radius:18px;justify-content:center;align-items:center;height:300px;font-size:18px;display:flex}.top-vendors-list{flex-direction:column;gap:16px;width:100%;margin-top:20px;display:flex}.top-vendor-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:20px;transition:all .25s;display:flex}.top-vendor-card:hover{border-color:#d1d5db;transform:translateY(-2px)}.top-vendor-card h3{color:#111827;word-break:break-word;font-size:18px;font-weight:700}.top-vendor-card p{color:#6b7280;margin-top:4px;line-height:1.5}.top-vendor-card h2{color:#7c3aed;word-break:break-word;flex-shrink:0;font-size:24px;font-weight:800}@media (width<=992px){.admin-page-title{font-size:34px}.admin-analytics-grid{gap:20px}.analytics-chart{height:300px}}@media (width<=768px){.admin-analytics-page{gap:20px}.admin-page-title{font-size:28px}.admin-analytics-grid{grid-template-columns:1fr 1fr;gap:16px}.analytics-chart{height:260px;margin-top:16px}.top-vendor-card{flex-direction:column;align-items:flex-start;padding:18px}.top-vendor-card h3{font-size:16px}.top-vendor-card h2{font-size:22px}}@media (width<=480px){.admin-page-title{font-size:24px}.admin-analytics-grid{grid-template-columns:1fr;gap:14px}.analytics-chart{height:220px}.top-vendor-card{border-radius:14px;padding:16px}.top-vendor-card h3{font-size:15px}.top-vendor-card p{font-size:13px}.top-vendor-card h2{font-size:20px}}@media (width<=320px){.admin-page-title{font-size:22px}.analytics-chart{height:200px}.top-vendor-card{padding:14px}.top-vendor-card h2{font-size:18px}}.analytics-chart{width:100%;height:320px;margin-top:20px;overflow:hidden}.analytics-chart-revenue{background:linear-gradient(135deg,#7c3aed08,#7c3aed03);border:1px solid #ede9fe;border-radius:20px;padding:20px}@media (width<=992px){.analytics-chart{height:300px}}@media (width<=768px){.analytics-chart{height:260px;margin-top:14px}.analytics-chart-revenue{border-radius:16px;padding:14px}}@media (width<=480px){.analytics-chart{height:220px}.analytics-chart-revenue{border-radius:14px;padding:10px}}@media (width<=320px){.analytics-chart{height:200px}.analytics-chart-revenue{padding:8px}}.admin-notifications-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.admin-notifications-list{flex-direction:column;gap:16px;display:flex}.admin-notification-item{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;min-width:0;padding:20px;transition:all .25s;overflow:hidden}.admin-notification-item:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.admin-notification-item h3{word-break:break-word;color:#111827;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.4}.admin-notification-item p{color:#4b5563;word-break:break-word;margin-bottom:14px;font-size:14px;line-height:1.7}.admin-notification-item small{color:#9ca3af;font-size:12px}@media (width<=992px){.admin-notification-item{padding:18px}.admin-notification-item h3{font-size:17px}}@media (width<=768px){.admin-notifications-page{gap:20px}.admin-notifications-list{gap:14px}.admin-notification-item{border-radius:14px;padding:16px}.admin-notification-item h3{margin-bottom:8px;font-size:16px}.admin-notification-item p{margin-bottom:12px;font-size:13px;line-height:1.6}.admin-notification-item small{font-size:11px}}@media (width<=480px){.admin-notification-item{border-radius:12px;padding:14px}.admin-notification-item h3{font-size:15px}.admin-notification-item p{font-size:12px}.admin-notification-item small{font-size:10px}}@media (width<=320px){.admin-notification-item{padding:12px}.admin-notification-item h3{font-size:14px}.admin-notification-item p{font-size:11px;line-height:1.5}}.admin-login-page{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;overflow-x:hidden}.admin-login-form{background:#fff;border-radius:24px;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:40px;transition:all .25s;display:flex;box-shadow:0 10px 30px #00000014}.admin-login-form:hover{transform:translateY(-2px)}.admin-login-form h1{color:#111827;font-size:32px;line-height:1.2}.admin-login-form p{color:#6b7280;margin-bottom:10px;line-height:1.5}.admin-login-form input{border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;min-width:0;height:52px;padding:0 16px;font-size:15px;transition:all .2s}.admin-login-form input:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed14}.admin-login-form button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:14px;width:100%;height:52px;font-size:15px;font-weight:600;transition:all .25s}.admin-login-form button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed33}.admin-login-form button:disabled{opacity:.7;cursor:not-allowed}.admin-login-error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:14px;font-size:14px;line-height:1.5}@media (width<=992px){.admin-login-form{padding:36px}}@media (width<=768px){.admin-login-page{padding:18px}.admin-login-form{border-radius:20px;padding:30px}.admin-login-form h1{font-size:28px}.admin-login-form p{font-size:14px}.admin-login-form input,.admin-login-form button{height:50px;font-size:14px}}@media (width<=480px){.admin-login-page{padding:14px}.admin-login-form{border-radius:18px;gap:16px;padding:24px}.admin-login-form h1{font-size:24px}.admin-login-form p{font-size:13px}.admin-login-form input,.admin-login-form button{border-radius:12px;height:48px;font-size:13px}.admin-login-error{padding:12px;font-size:13px}}@media (width<=320px){.admin-login-form{padding:20px}.admin-login-form h1{font-size:22px}.admin-login-form input,.admin-login-form button{height:46px;font-size:12px}}