@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color:#f97316;--primary-hover:#ea580c;--primary-gradient:linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--secondary-color:#10b981;--background-start:#fdfbfb;--background-end:#ebedee;--surface-color:#ffffffa6;--surface-hover:#ffffffd9;--glass-border:1px solid #ffffff80;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#00000014;--error-color:#ef4444;--font-family:"Inter", system-ui, -apple-system, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-glow:0 4px 14px 0 #f9731663}body{font-family:var(--font-family);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(-45deg,#fdfbfb,#ebedee,#fdfbfb,#f3e7e9) 0 0/400% 400%;margin:0;animation:15s infinite gradientBG}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;margin-top:0}a{color:var(--primary-color);text-decoration:none;transition:all .3s}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit;transition:all .3s}button[type=submit],.primary-btn{box-shadow:var(--shadow-glow);border:none;background:var(--primary-gradient)!important;color:#fff!important}button[type=submit]:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0003;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--glass-border);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background-color:#ffffffe6;width:90%;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;max-width:850px!important}.modal-header{margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.modal-header h3{margin:0;font-size:22px;font-weight:600}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s}.close-btn:hover{color:var(--text-primary);background-color:#0000000d;transform:rotate(90deg)}input,textarea,select{font-family:inherit;transition:all .3s;background:#fffc!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #f9731626!important}table{border-collapse:separate;border-spacing:0 8px;width:100%}thead th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600;background:0 0!important;border:none!important;padding-bottom:4px!important}tbody tr{background-color:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);transition:all .2s}tbody tr:hover{box-shadow:var(--shadow-md);background-color:var(--surface-hover);transform:translateY(-2px)scale(1.005)}tbody td{padding:var(--spacing-md)!important;border:none!important}tbody td:first-child{border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}tbody td:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.login-container{background:linear-gradient(135deg, var(--primary-color) 0%, #ff8a65 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;width:100%;max-width:400px}.login-card h1{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-size:24px}.login-card h2{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:16px;font-weight:500}.form-group{margin-bottom:var(--spacing-md);text-align:left}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:14px;font-weight:500;display:block}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-family:inherit;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color);outline:none}button[type=submit]{width:100%;padding:var(--spacing-md);background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);border:none;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s}button[type=submit]:hover:not(:disabled){background-color:var(--primary-hover)}button[type=submit]:active:not(:disabled){transform:translateY(1px)}button[type=submit]:disabled{background-color:var(--border-color);cursor:not-allowed}.error-message{color:var(--error-color);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);background-color:#ffebee;font-size:14px}.dashboard-layout{min-height:100vh;display:flex;position:relative}.sidebar{background-color:var(--surface-color);-webkit-backdrop-filter:blur(20px);border-right:var(--glass-border);z-index:10;flex-direction:column;width:260px;display:flex;box-shadow:1px 0 15px #00000008}.sidebar-header{padding:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.sidebar-header h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.badge{background:var(--primary-gradient);color:#fff;letter-spacing:.5px;box-shadow:var(--shadow-glow);border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.sidebar-nav{padding:0 var(--spacing-md);flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{align-items:center;gap:var(--spacing-md);color:var(--text-secondary);border-radius:var(--border-radius-md);padding:12px 16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background-color:#fff9;transform:translate(4px)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.nav-item.active svg{color:#fff}.sidebar-footer{padding:var(--spacing-md);margin-top:auto}.logout-btn{align-items:center;gap:var(--spacing-sm);border:var(--glass-border);border-radius:var(--border-radius-md);width:100%;color:var(--error-color);background:#fff6;padding:12px 16px;font-weight:600;transition:all .3s;display:flex}.logout-btn:hover{color:#dc2626;background-color:#fee2e2;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.topbar{padding:var(--spacing-md) var(--spacing-xl);margin-top:var(--spacing-sm);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.topbar h1{margin:0;font-size:24px}.user-profile{color:var(--text-secondary);background:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--shadow-sm);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500}.content-area{padding:var(--spacing-lg) var(--spacing-xl);flex:1;width:100%;max-width:1200px;margin:0 auto}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.admin-card{background-color:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:var(--glass-border);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:var(--glass-border);box-shadow:var(--shadow-md);transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary-gradient);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-card:hover:before{opacity:1}.stat-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:14px}.stat-value{color:var(--text-primary);margin:0;font-size:36px;font-weight:800}.recent-orders{background-color:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:var(--glass-border);box-shadow:var(--shadow-md)}.recent-orders h2{margin-bottom:var(--spacing-lg);font-size:20px;font-weight:700}.loading{min-height:100vh;color:var(--text-secondary);background:linear-gradient(-45deg,#fdfbfb,#ebedee);justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}