@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--red-main: #d32f2f;--red-light: #f44336;--red-dark: #b71c1c;--primary-glow: #d32f2f;--bg-main: #ffffff;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-main: #000000;--text-dim: #444444;--glass-border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--purple-main: var(--red-main);--grad-purple: linear-gradient(135deg, var(--red-main), var(--red-dark))}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass{background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.glass:hover{box-shadow:var(--shadow-md)}.bg-red{background:var(--red-main)!important;color:#fff!important}.text-red{color:var(--red-main)!important}.font-bold{font-weight:800!important}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:#0000000d!important}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1200px){.card-grid{grid-template-columns:repeat(2,1fr)}}.table-row:hover{background-color:#f8f9fa}.btn-purple{background:var(--grad-purple);color:#fff;border:none;border-radius:4px;font-weight:500;padding:.8rem 1.5rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity .2s}.btn-purple:hover{opacity:.9}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:1.5rem 1rem;z-index:100;transition:transform .3s ease}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-width:0}.main-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90;margin:1rem;border-radius:16px}.content-area{padding:1rem 2rem 2rem}.mobile-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.dashboard-main{margin-left:0}.mobile-toggle{display:block}.mobile-close{display:block!important}.main-header{padding:0 1rem;margin:.5rem}.content-area{padding:1rem}}.card-grid{display:grid;gap:1.5rem}@media (max-width: 640px){.card-grid{grid-template-columns:1fr!important}.stat-card{padding:1rem!important}}.hover-nav:hover{background:#d32f2f0d!important;color:var(--red-main)!important}.stat-card{padding:1.25rem;border-radius:20px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-4px)}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-glow)}.table-container{border-radius:16px;overflow:hidden;margin-top:2rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:1rem;background:#f8fafc;color:#000;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--glass-border)}td{padding:1rem;border-bottom:1px solid var(--glass-border)}tr:hover{background:#ffffff05}.status-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.status-pending{background:#eab30833;color:#eab308}.status-paid{background:#22c55e33;color:#22c55e}.status-shipped{background:#3b82f633;color:#3b82f6}.status-delivered{background:#a855f733;color:#a855f7}.actions{gap:10px!important;justify-content:flex-end}.approve-btn{background:#28a745!important;color:#fff!important;padding:6px 12px!important;border-radius:6px!important;border:none!important;cursor:pointer;font-weight:600;transition:opacity .2s}.reject-btn{background:#dc3545!important;color:#fff!important;padding:6px 12px!important;border-radius:6px!important;border:none!important;cursor:pointer;font-weight:600;transition:opacity .2s}.approve-btn:hover,.reject-btn:hover{opacity:.9}.status{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.status.pending{background:#eab30826;color:#eab308}.status.approved{background:#22c55e26;color:#22c55e}.status.rejected{background:#ef444426;color:#ef4444}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:all .4s ease-out}