.dashboard-container{display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0 25%,#cbd5e1 50%,#94a3b8 75%,#64748b);padding:0;width:100%;height:100%;min-height:calc(100vh - 4rem);overflow:hidden;position:relative;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark .dashboard-container{background:linear-gradient(135deg,#0f172a,#1e293b 25%,#334155 50%,#475569 75%,#64748b)}.dashboard-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 85%,rgba(59,130,246,.3) 0,transparent 60%),radial-gradient(circle at 85% 15%,rgba(168,85,247,.25) 0,transparent 60%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.15) 0,transparent 70%),radial-gradient(circle at 25% 25%,rgba(251,146,60,.2) 0,transparent 50%);pointer-events:none;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.dashboard-content{position:relative;z-index:1;height:100%;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.dashboard-header{margin-bottom:2rem;background:rgba(255,255,255,.15);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.dashboard-header h1{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem;letter-spacing:-.05em;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}}.dashboard-subtitle{color:#475569;font-size:1.2rem;margin:0 0 2rem;font-weight:600;line-height:1.6;text-shadow:0 1px 2px rgba(255,255,255,.5)}.dashboard-actions-row{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.last-updated{font-size:.875rem;color:#64748b;font-weight:500}.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);color:white;border:none;padding:1rem 2rem;border-radius:50px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px rgba(59,130,246,.4),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden}.refresh-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.refresh-button:hover:before{left:100%}.refresh-button:hover{box-shadow:0 20px 40px rgba(59,130,246,.6),inset 0 1px 0 rgba(255,255,255,.3);background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e3a8a)}.refresh-button:active{transition:all .1s}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.dashboard-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1.5rem}.card-content{padding:1rem;max-height:300px;overflow-y:auto}.stat-card{background:rgba(255,255,255,.18);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}.stat-card:before{bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));pointer-events:none}.stat-card:after,.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;transition:opacity .3s ease}.stat-card:after{height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);opacity:0}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c)}.stat-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c 50%,#c2410c)}.stat-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d)}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8)}.stat-icon.purple{background:linear-gradient(135deg,#a855f7,#9333ea 50%,#7c3aed)}.stat-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777 50%,#be185d)}.stat-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.profile-layout{display:grid;gap:2rem;grid-template-columns:1fr;max-width:1200px;margin:0 auto}@media (min-width:768px){.profile-layout{grid-template-columns:350px 1fr;grid-template-rows:auto auto}.profile-overview{grid-row:1/3}.profile-details{grid-column:2;grid-row:1}.profile-security{grid-column:2;grid-row:2}}@media (max-width:767px){.profile-layout{grid-template-columns:1fr;gap:1.5rem}.profile-details,.profile-overview,.profile-security{grid-column:1}}.stat-description{font-size:.9rem;color:#64748b;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.5)}.stat-growth{font-size:.9rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;backdrop-filter:blur(10px)}.growth{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-align:center;min-width:3rem;transition:all .2s ease}.growth.positive{color:#26de81;background:rgba(38,222,129,.2)}.growth.negative{color:#ff6b6b;background:rgba(255,107,107,.2)}.growth.neutral{color:#64748b;background:rgba(100,116,139,.1)}.loading-placeholder{color:hsl(var(--muted-foreground));animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filter-button{position:relative;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;font-size:.875rem}.filter-button-inactive{background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.25)!important;color:rgba(255,255,255,.9)!important;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.filter-button-active{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,1))!important;border:1px solid rgba(59,130,246,.8)!important;color:white!important;box-shadow:0 4px 12px rgba(59,130,246,.5),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-1px);backdrop-filter:blur(15px);font-weight:700}.filter-button-inactive:hover{background:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.4)!important;color:#475569!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.filter-button-active:hover{background:linear-gradient(135deg,rgba(37,99,235,1),rgba(29,78,216,1))!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(59,130,246,.6),inset 0 1px 0 rgba(255,255,255,.3)}.stat-card .text-white{color:#475569!important;text-shadow:0 1px 2px rgba(255,255,255,.5);font-weight:600}.stat-card .text-white\/70{color:#64748b!important}.search-input,.stat-card .text-white\/70{text-shadow:0 1px 2px rgba(255,255,255,.5)}.search-input{border:1px solid rgba(255,255,255,.4)!important;color:#475569!important;backdrop-filter:blur(15px);box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);border-radius:8px}.search-input,.search-input:focus{background:rgba(255,255,255,.25)!important}.search-input:focus{border-color:rgba(59,130,246,.6)!important;box-shadow:0 0 0 3px rgba(59,130,246,.2),0 4px 12px rgba(0,0,0,.15)!important;outline:none!important}.search-input::placeholder{color:#64748b!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}.order-table-container{width:100%;max-width:100%;position:relative;overflow:hidden}.order-table-wrapper{background:rgba(255,255,255,.18);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:20px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.order-table-wrapper:hover{box-shadow:0 15px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.table-responsive{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:transparent}.table-responsive::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.order-table{width:100%;min-width:600px}.table-header-row{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}.table-header-cell{padding:1rem 1.5rem;font-weight:700;color:#475569!important;text-shadow:0 1px 2px rgba(255,255,255,.5);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-data-row{border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease}.table-data-row:hover{background:rgba(255,255,255,.15)}.table-data-row[data-state=selected]{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}.table-data-cell{padding:1rem 1.5rem;color:#475569!important;font-weight:500;vertical-align:middle;white-space:nowrap}.loading-cell{padding:3rem;text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#475569!important;font-weight:600;font-size:.875rem}.error-cell{padding:3rem;text-align:center}.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.error-text{color:#ef4444;font-weight:600;font-size:.875rem}.retry-button{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444;transition:all .2s ease}.retry-button:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}.empty-state-cell{padding:4rem 2rem;text-align:center}.empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.empty-state-icon{font-size:3rem;opacity:.6;filter:grayscale(1)}.empty-state-title{font-size:1.25rem;font-weight:700;color:#475569;margin:0}.empty-state-description{font-size:.875rem;color:#64748b;margin:0}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1)}.pagination-info{flex:1}.selection-count{font-size:.875rem;color:#64748b;font-weight:500}.pagination-controls{gap:.5rem}.pagination-button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#475569;font-weight:600;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:1rem}.pagination-info .page-info{font-size:.875rem;color:#64748b;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:.75rem}.page-size-selector{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.page-size-label{font-size:.875rem;color:#64748b;font-weight:500}.page-size-select{padding:.375rem .75rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#475569;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;outline:none}.page-size-select:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.page-size-select:hover{background:rgba(255,255,255,.2)}@media (max-width:1024px){.table-data-cell,.table-header-cell{padding:.75rem 1rem;font-size:.8rem}.order-table{min-width:500px}}@media (max-width:768px){.table-data-cell,.table-header-cell{padding:.5rem .75rem;font-size:.75rem}.order-table{min-width:450px}.table-pagination{flex-direction:column;gap:1rem;align-items:stretch}.pagination-controls{justify-content:center}.empty-state-cell,.error-cell,.loading-cell{padding:2rem 1rem}}@media (max-width:640px){.order-table-wrapper{border-radius:12px;margin:0}.order-table-container{margin:0 -.5rem}.table-data-cell,.table-header-cell{padding:.5rem;font-size:.7rem}.order-table{min-width:400px}.empty-state-icon{font-size:2rem}.empty-state-title{font-size:1rem}.empty-state-description{font-size:.8rem}}.progress-bar{height:6px;background-color:hsl(var(--muted));border-radius:3px}.progress-fill{border-radius:3px;transition:width .3s ease}.progress-fill.red{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-fill.orange{background:linear-gradient(90deg,#f97316,#ea580c)}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.blue{background:linear-gradient(90deg,#3b82f6,#2563eb)}.text-success{color:#22c55e}.text-warning{color:#f97316}.text-danger{color:#ef4444}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:2rem;transition:all .4s ease;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.chart-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.2);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.2)}.chart-card.overview{background:linear-gradient(135deg,rgba(255,107,107,.3),rgba(238,90,36,.3));backdrop-filter:blur(20px);color:white;border:1px solid rgba(255,107,107,.4)}.chart-header{margin-bottom:2rem;position:relative;z-index:1}.chart-header h3{font-size:.8rem;color:#64748b;font-weight:700;margin:0 0 .75rem;letter-spacing:.1em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.chart-card.overview .chart-header h2,.chart-card.overview .chart-header h3{color:white;text-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-header h2{font-size:1.5rem;font-weight:700;color:#475569;text-shadow:0 1px 2px rgba(255,255,255,.5)}.chart-actions{gap:.75rem;position:relative;z-index:1}.chart-content{height:320px;position:relative;z-index:1}.chart{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.tables-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.table-card{background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;transition:all .4s ease;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative}.table-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.table-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.2);border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.2)}.table-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);position:relative;z-index:1}.table-header h3{font-size:1.1rem;font-weight:700;color:#475569;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.5)}.table-content{padding:2rem;position:relative;z-index:1}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;padding:1rem .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid rgba(255,255,255,.2)}.data-table td,.data-table th{color:#475569;text-shadow:0 1px 2px rgba(255,255,255,.5)}.data-table td{padding:1.25rem .75rem;vertical-align:middle;border-top:1px solid rgba(255,255,255,.1);font-weight:500}.progress-bar{height:5px;width:100%;background-color:#e9ecef;border-radius:2.5px;overflow:hidden}.progress-fill{height:100%;border-radius:2.5px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-content-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.charts-section,.tables-section{grid-template-columns:1fr;gap:2rem}.actions-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-title{font-size:2.5rem}}@media (max-width:992px){.dashboard-content,.dashboard-header{padding:1.5rem}.dashboard-title{font-size:2.2rem}.stat-card{padding:1.5rem}.chart-content{height:250px}.action-icon{width:3.5rem;height:3.5rem}}@media (max-width:768px){.dashboard-content{padding:1rem}.dashboard-header{flex-direction:column;gap:1.5rem;align-items:flex-start;padding:1.5rem}.dashboard-title{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-content-grid{grid-template-columns:1fr;gap:.75rem}.actions-grid{grid-template-columns:1fr;gap:1.5rem}.filter-tabs{flex-wrap:wrap;gap:.75rem;padding:1rem;width:100%;justify-content:center}.filter-tab{flex:1;min-width:100px;padding:.75rem 1rem;font-size:.85rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.chart-card,.dashboard-card,.table-card{border-radius:20px}.chart-content{height:200px}.action-card{padding:1.5rem;border-radius:20px}.action-icon{width:3rem;height:3rem}.card-header{padding:1rem}.card-content{padding:.75rem}.chart-legend{gap:1rem;justify-content:center}}@media (max-width:480px){.dashboard-content{padding:.75rem}.dashboard-header{padding:1rem}.dashboard-title{font-size:1.75rem}.stats-grid{gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-title{font-size:.8rem}.filter-tabs{padding:.75rem;gap:.5rem}.filter-tab{padding:.5rem .75rem;font-size:.8rem;min-width:80px}.chart-content{height:180px}.action-card{padding:1rem}.action-icon{width:2.5rem;height:2.5rem}.action-title{font-size:1rem}.action-description{font-size:.8rem}.card-header{padding:1rem}.card-title h3{font-size:1rem}}@media (max-width:360px){.dashboard-content{padding:.5rem}.dashboard-header{padding:.75rem}.dashboard-title{font-size:1.5rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.chart-content{height:150px}.filter-tab{padding:.5rem;font-size:.75rem;min-width:70px}.action-card,.card-header{padding:.75rem}.card-content{padding:.5rem}}@media (max-width:768px){.table-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.data-table td,.data-table th{padding:.75rem .5rem;font-size:.8rem}.data-table th{font-size:.75rem}}@media (max-width:480px){.data-table{min-width:500px}.data-table td,.data-table th{padding:.5rem .25rem;font-size:.75rem}.data-table th{font-size:.7rem}}@media (max-width:768px){.chart-legend{flex-direction:column;gap:.75rem;align-items:center}.legend-item{font-size:.8rem}}@media (max-width:480px){.chart-legend{gap:.5rem}.legend-item{font-size:.75rem}.legend-dot{width:.6rem;height:.6rem}}.bar-chart,.line-chart{width:100%;height:100%}.chart-header{margin-bottom:1.5rem}.chart-header h3{font-size:.75rem;text-transform:uppercase;color:hsl(var(--muted-foreground));font-weight:600;margin:0 0 .5rem;letter-spacing:.05em}.chart-card.overview .chart-header h2,.chart-card.overview .chart-header h3{color:hsl(var(--primary-foreground))}.chart-header h2{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1rem}.chart-actions{display:flex;gap:.5rem}.chart-content{height:300px}.chart{width:100%;height:100%}.chart-legend{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--foreground))}.legend-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.filter-tabs{display:flex;gap:.75rem;margin-bottom:2rem;background:rgba(255,255,255,.15);backdrop-filter:blur(25px);padding:.75rem;border-radius:60px;width:fit-content;border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 25px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2)}.filter-tab{background-color:transparent;color:#475569;border:none;padding:1rem 2rem;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(255,255,255,.5)}.filter-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.filter-tab:hover:before{left:100%}.filter-tab:hover{background:rgba(255,255,255,.25);color:#1e293b;box-shadow:0 8px 20px rgba(0,0,0,.15)}.filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);color:white;box-shadow:0 10px 25px rgba(59,130,246,.5),inset 0 1px 0 rgba(255,255,255,.2)}.filter-tab.active:before{display:none}.revenue-details{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.revenue-breakdown{margin-bottom:1rem}.breakdown-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.breakdown-label{color:hsl(var(--muted-foreground))}.breakdown-value{color:hsl(var(--foreground));font-weight:600}.payment-methods-title{font-size:.75rem;text-transform:uppercase;color:hsl(var(--muted-foreground));font-weight:600;margin:0 0 .5rem;letter-spacing:.05em}.payment-method-item{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.875rem}.method-name{color:hsl(var(--foreground))}.method-details{display:flex;gap:.5rem}.method-amount{color:hsl(var(--foreground));font-weight:600}.method-percentage{color:hsl(var(--muted-foreground))}.quick-actions{margin-bottom:1.5rem}.quick-actions-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem;text-shadow:0 1px 2px rgba(255,255,255,.5)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.action-card{background:rgba(255,255,255,.18);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:2rem;text-decoration:none;color:inherit;transition:all .4s ease;display:block;box-shadow:0 8px 32px rgba(0,0,0,.12);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));pointer-events:none}.action-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.2);border-color:rgba(255,255,255,.4);text-decoration:none;color:inherit;background:rgba(255,255,255,.2)}.action-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:20px;color:white;margin-bottom:1.5rem;box-shadow:0 8px 20px rgba(0,0,0,.2);position:relative;z-index:1}.action-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.action-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-icon.purple{background:linear-gradient(135deg,#a855f7,#8b5cf6)}.action-title{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(255,255,255,.3)}.action-description{font-size:.9rem;color:#64748b;font-weight:600;line-height:1.5;position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.5)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.stats-grid{animation:fadeInUp .8s ease-out .2s both}.filter-tabs{animation:slideInRight .6s ease-out .1s both}.dashboard-header{animation:fadeInUp .6s ease-out both}.dashboard-card{animation:fadeInUp .8s ease-out both}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card{background:rgba(255,255,255,.18);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:20px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;max-height:400px}.dashboard-card:before{bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));pointer-events:none}.dashboard-card:after,.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;transition:opacity .3s ease}.dashboard-card:after{height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);opacity:0}.dashboard-card:hover{box-shadow:0 12px 25px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.25)}.dashboard-card:hover:after,.dashboard-card:hover:before{opacity:1}.card-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.15);position:relative;z-index:1}.card-title{justify-content:space-between;gap:1rem}.card-title,.card-title h3{display:flex;align-items:center}.card-title h3{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 2px 4px rgba(255,255,255,.3);gap:.75rem}.view-all{color:#64748b;text-decoration:none;font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;background:rgba(100,116,139,.1);transition:all .3s ease;border:1px solid rgba(100,116,139,.2);text-shadow:0 1px 2px rgba(255,255,255,.5)}.view-all:hover{color:#1e293b;background:rgba(100,116,139,.2);transform:translateY(-1px);text-decoration:none}@media (max-width:1200px){.actions-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-content-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}}@media (max-width:768px){.actions-grid{grid-template-columns:1fr}.dashboard-actions-row{flex-direction:column;gap:1.5rem;align-items:flex-start}.filter-tabs{flex-wrap:wrap;gap:.5rem}.dashboard-header{padding:1.5rem}.dashboard-header h1{font-size:2.5rem}.stat-card{padding:1.25rem}.stat-value{font-size:2rem}.stat-icon{width:2.5rem;height:2.5rem}.dashboard-content{padding:.75rem}}@media (max-width:480px){.dashboard-header h1{font-size:2rem}.dashboard-subtitle{font-size:1rem}.filter-tab{padding:.75rem 1.5rem;font-size:.85rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}.stat-icon{width:2rem;height:2rem}.refresh-button{padding:.75rem 1.5rem;font-size:.85rem}}.customer-table tr,.order-table tr,.table-data-row,table tr{will-change:auto;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.customer-table tr:hover,.order-table tr:hover,.table-data-row:hover,table tr:hover{background:rgba(255,255,255,.15);transform:none}.customer-table td,.order-table td,.table-data-cell,table td{will-change:auto;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.stat-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.25);transform:none!important}.stat-card:hover:after,.stat-card:hover:before{opacity:1}.stat-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1}.stat-title{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 1px 2px rgba(255,255,255,.5)}.stat-value{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.75rem 0;line-height:1;text-shadow:0 2px 4px rgba(255,255,255,.3);position:relative;z-index:1;animation:valueCounter .8s ease-out}@keyframes valueCounter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:16px;color:white;flex-shrink:0;box-shadow:0 8px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2);position:relative;z-index:1;transition:all .3s ease}.dark .dashboard-container:before{opacity:.5}.dark .dashboard-header{background:rgba(15,23,42,.4);border-color:rgba(255,255,255,.1)}.dark .dashboard-header h1{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark .dashboard-subtitle{color:#e2e8f0;text-shadow:none}.dark .last-updated{color:#94a3b8}.dark .stat-card{background:rgba(15,23,42,.5);border-color:rgba(255,255,255,.1);box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.dark .stat-card:hover{background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.2)}.dark .stat-title{color:#ffffff!important;text-shadow:none}.dark .stat-value{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark .filter-tab{color:rgba(255,255,255,.7)}.dark .filter-tab.active{color:#ffffff}.dark .stat-description{color:#94a3b8;text-shadow:none}.dark .action-title,.dark .breakdown-label,.dark .chart-header h2,.dark .chart-header h3,.dark .data-table th,.dark .method-name,.dark .payment-methods-title,.dark .quick-actions-title,.dark .table-header h3{color:#ffffff!important;text-shadow:none}.dark .action-description{color:#cbd5e1!important}.dark .filter-button-inactive{background:rgba(30,41,59,.5)!important;border-color:rgba(255,255,255,.1)!important;color:#e2e8f0!important}.dark .filter-button-inactive:hover{background:rgba(30,41,59,.8)!important;color:#fff!important}.dark .customer-table td,.dark .customer-table th,.dark .data-table td,.dark .data-table th,.dark .order-table td,.dark .order-table th,.dark .table-data-cell,.dark .table-header-cell,.dark table td,.dark table th{color:#ffffff!important;text-shadow:none}.dark .search-input,.dark .search-input::placeholder,.dark .stat-card .text-white,.dark .stat-card .text-white\/70{color:#e2e8f0!important;text-shadow:none}.dark .search-input{background:rgba(30,41,59,.5)!important;border-color:rgba(255,255,255,.1)!important}.dark .search-input:focus{background:rgba(30,41,59,.8)!important;border-color:rgba(59,130,246,.5)!important}.dark .order-table-wrapper{background:rgba(15,23,42,.5);border-color:rgba(255,255,255,.1)}.dark .table-header-row{background:rgba(15,23,42,.3);border-bottom-color:rgba(255,255,255,.1)}.dark .table-data-row{border-bottom-color:rgba(255,255,255,.05)}.dark .table-data-row:hover{background:rgba(255,255,255,.05)}.dark .text-black,.dark .text-gray-600,.dark .text-gray-700,.dark .text-gray-800,.dark .text-gray-900{color:#ffffff!important}.dark .text-gray-500{color:#94a3b8!important}.dark div,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark p,.dark span{color:inherit}.dark body{color:#e2e8f0}.dark .action-card{background:rgba(15,23,42,.6);border-color:rgba(255,255,255,.1);box-shadow:0 8px 20px rgba(0,0,0,.4)}.dark .action-card:hover{background:rgba(15,23,42,.8);border-color:rgba(255,255,255,.2)}.dark .action-title{background:none;-webkit-text-fill-color:#ffffff;color:#ffffff!important}.sidebar{width:250px;height:100%;background:hsl(var(--card));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;position:relative;z-index:100;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow-y:auto;overflow-x:hidden}.sidebar-header{padding:1.25rem;background:hsl(var(--primary));border-bottom:1px solid hsl(var(--border))}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:.75rem;text-decoration:none;transition:all .2s ease}.sidebar-brand:hover{transform:translateY(-1px)}.sidebar-brand span{font-weight:600;font-size:1.25rem;letter-spacing:-.025em}.sidebar-brand span,.sidebar-logo{color:hsl(var(--primary-foreground))}.sidebar-logo{width:1.5rem;height:1.5rem;transition:all .2s ease}.sidebar-brand:hover .sidebar-logo{transform:scale(1.05)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:visible}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.25rem}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;padding:.75rem 1.5rem;color:hsl(var(--muted-foreground));text-decoration:none;transition:all .2s ease;font-size:.875rem;font-weight:500;width:100%;text-align:left;background:none;border:none;cursor:pointer;border-radius:.375rem;margin:0 .5rem}.sidebar-nav a:hover,.sidebar-nav button:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.sidebar-nav a.active{background:hsl(var(--primary)/.1);color:hsl(var(--primary));border-left:3px solid hsl(var(--primary));font-weight:600}.sidebar-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.sidebar-divider{height:1px;background:hsl(var(--border));margin:1rem 1.5rem}.sidebar-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));padding:.5rem 1.5rem;margin-top:.5rem;font-weight:600}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.3)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin:0}.user-role{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.client-layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.client-layout-sidebar{width:250px;flex-shrink:0}.client-layout-content{flex:1;overflow-y:auto;padding:1.5rem;background:hsl(var(--background))}@media (max-width:768px){.client-layout-sidebar,.sidebar{width:220px}}.sidebar-toggle{top:1rem;left:1rem;background:hsl(var(--primary));border:none;border-radius:.375rem;padding:.5rem;gap:2px;width:40px;height:40px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.sidebar-toggle:hover{background:hsl(var(--primary)/.9);transform:translateY(-1px)}.sidebar-toggle span{width:18px;border-radius:1px;transition:all .2s ease}.client-layout-sidebar.sidebar-hidden{width:0;overflow:hidden;transition:width .3s ease}.client-layout-sidebar:not(.sidebar-hidden){width:250px;transition:width .3s ease}.sidebar-toggle{position:fixed;top:1.5rem;z-index:1000;background:hsl(var(--primary)/.2);color:hsl(var(--primary-foreground));border:1px solid hsl(var(--border)/.05);border-radius:.5rem;padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:3px;width:48px;height:48px;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sidebar-toggle:hover{background:hsl(var(--primary)/.3);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.03)}.sidebar-toggle:active{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.sidebar-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:all .3s ease;transform-origin:center}.sidebar-toggle[aria-label="Hide sidebar"] span:first-child{transform:translateY(5px) rotate(45deg)}.sidebar-toggle[aria-label="Hide sidebar"] span:nth-child(2){opacity:0}.sidebar-toggle[aria-label="Hide sidebar"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}body,html{overflow-x:hidden;max-width:100vw}.flex{min-width:0}@media (max-width:767px){.overflow-x-auto{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.overflow-x-auto::-webkit-scrollbar{display:none}}@media (max-width:767px){[role=button],[type=button],[type=reset],[type=submit],a[href],button,input,select,textarea{min-height:44px;min-width:44px}.btn,.button{padding:.75rem 1rem;font-size:var(--text-base)}}.grid{min-width:0}@media (max-width:639px){[role=dialog]{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.dialog-content{width:95vw;max-width:95vw;margin:1rem}}input,select,textarea{max-width:100%}input,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:var(--text-base)}@media (max-width:1023px){.sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;width:280px;transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}}.card,.content-card{word-wrap:break-word;overflow-wrap:break-word}.responsive-padding{padding:clamp(1rem,.5rem + 2vw,2rem)}.responsive-margin{margin:clamp(1rem,.5rem + 2vw,2rem)}@media (max-width:1023px){.mobile-nav{z-index:40}.mobile-nav a{flex:1;text-align:center;padding:.5rem;font-size:var(--text-sm)}.client-layout-content{padding-bottom:80px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e5e7eb;padding:.5rem;z-index:50;pointer-events:auto}.dark .mobile-nav{background:#1e293b;border-top-color:#334155}.client-layout-content>:last-child{margin-bottom:80px}}.min-h-screen{min-height:100vh;min-height:100dvh}@media (max-width:1023px){.action-buttons,.button-group,.form-group,[role=button],[type=button],[type=reset],[type=submit],a[href],button,input,select,textarea{position:relative;z-index:10}.content-wrapper,.page-container{padding-bottom:100px}}@media (max-width:390px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}