:root{--bg-deep: #f5f4f0;--bg-main: #faf9f6;--bg-card: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .9);--border-subtle: rgba(0, 0, 0, .06);--border-glow: rgba(92, 124, 122, .35);--accent-primary: #5c7c7a;--accent-primary-soft: rgba(92, 124, 122, .12);--accent-secondary: #b8a574;--accent-tertiary: #9a8b6e;--accent-green: #5a7d5a;--accent-amber: #c49b4d;--accent-red: #b85c5c;--text-primary: #2d2d2a;--text-muted: #6b6b66;--font-display: "Orbitron", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "DM Sans", sans-serif;--shadow-soft: 0 2px 20px rgba(0, 0, 0, .06);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08);--transition-fast: .2s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}.page-content{padding:28px 32px;width:100%;min-height:calc(100vh - 60px);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:.05em;margin:0 0 24px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.page-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-glow);box-shadow:var(--shadow-elevated)}.btn-glow{position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-smooth)}.btn-glow:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.btn-glow:active{transform:translateY(0)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1}.app-main{flex:1;min-width:0;background:var(--bg-main)}.navbar-futuristic{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-logo-icon{font-size:1.25rem;color:var(--accent-primary);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{50%{opacity:.75}}.navbar-title{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:.08em;margin:0;color:var(--text-primary)}.navbar-right{display:flex;align-items:center;gap:12px;position:relative}.navbar-badge{font-family:var(--font-mono);font-size:.75rem;padding:6px 12px;background:var(--accent-primary-soft);border:1px solid var(--border-glow);border-radius:8px;color:var(--accent-primary);letter-spacing:.05em}.navbar-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 0 2px #5a7d5a33;animation:blink 1.5s ease-in-out infinite}@keyframes blink{50%{opacity:.4;transform:scale(.9)}}.sidebar-futuristic{width:220px;min-width:220px;padding:20px 12px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-radius:10px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);position:relative;text-align:left;width:100%}.sidebar-item:hover{color:var(--text-primary);background:var(--accent-primary-soft);border-color:transparent}.sidebar-item-active{color:var(--accent-primary);background:var(--accent-primary-soft);border:1px solid var(--border-glow)}.sidebar-item-active .sidebar-icon{color:var(--accent-primary)}.sidebar-icon{font-size:1.1rem;opacity:.9;transition:all var(--transition-fast)}.sidebar-label{flex:1}.sidebar-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:0 2px 2px 0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.stat-card{position:relative;padding:24px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:transform var(--transition-smooth),border-color var(--transition-fast),box-shadow var(--transition-smooth)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-elevated)}.stat-card-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(92,124,122,.06) 0%,transparent 70%);pointer-events:none}.stat-card-cyan .stat-card-glow{background:radial-gradient(circle,rgba(92,124,122,.08) 0%,transparent 70%)}.stat-card-purple .stat-card-glow{background:radial-gradient(circle,rgba(184,165,116,.1) 0%,transparent 70%)}.stat-card-green .stat-card-glow{background:radial-gradient(circle,rgba(90,125,90,.08) 0%,transparent 70%)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-icon{font-size:1.4rem;opacity:.9}.stat-card-cyan .stat-icon{color:var(--accent-primary)}.stat-card-purple .stat-icon{color:var(--accent-secondary)}.stat-card-green .stat-icon{color:var(--accent-green)}.stat-trend{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-green);font-weight:500}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin:0 0 4px;letter-spacing:.02em;color:var(--text-primary)}.stat-title{font-size:.9rem;color:var(--text-muted);margin:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{padding:0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:default}.product-card-image-wrap{padding:20px;background:#00000008;min-height:160px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-smooth)}.product-card:hover .product-card-image-wrap{background:var(--accent-primary-soft)}.product-card-image{height:120px;width:100%;object-fit:contain;transition:transform var(--transition-smooth)}.product-card:hover .product-card-image{transform:scale(1.08)}.product-card-body{padding:16px}.product-card-title{font-size:.9rem;font-weight:500;margin:0 0 8px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.product-card-price{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--accent-primary);margin:0}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;color:var(--text-muted)}.loader-ring{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-error{padding:32px;text-align:center;color:var(--text-muted)}.products-error .error-icon{display:block;font-size:2rem;margin-bottom:12px;color:var(--accent-amber)}.orders-table-wrap{overflow:hidden;border-radius:14px;padding:0}.orders-table{width:100%;border-collapse:collapse;font-size:.95rem}.orders-table th{text-align:left;padding:16px 20px;font-family:var(--font-display);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:#00000008;border-bottom:1px solid var(--border-subtle)}.orders-table td{padding:18px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);transition:background var(--transition-fast)}.orders-row:hover td{background:var(--accent-primary-soft)}.order-id{font-family:var(--font-mono);color:var(--accent-primary);font-weight:500}.order-total{font-family:var(--font-mono);font-weight:500;color:var(--text-primary)}.status-pill{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid transparent}.status-completed{background:#5a7d5a1f;color:var(--accent-green);border-color:#5a7d5a40}.status-pending{background:#c49b4d1f;color:var(--accent-amber);border-color:#c49b4d40}.status-cancelled{background:#b85c5c1f;color:var(--accent-red);border-color:#b85c5c40}