@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #080a12;--surface-color: rgba(20, 24, 38, .6);--surface-hover: rgba(30, 36, 56, .8);--border-color: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent-color: #002ba8;--accent-hover: #003bf0;--accent-glow: rgba(0, 59, 240, .4);--success-color: #10b981;--danger-color: #990000;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 15% 50%,rgba(0,43,168,.2) 0%,transparent 35%),radial-gradient(circle at 85% 30%,rgba(153,0,0,.15) 0%,transparent 35%);z-index:-1;pointer-events:none}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a3a3a3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--surface-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:32px;box-shadow:0 4px 30px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.btn{background-color:var(--text-primary);color:var(--bg-color);border:none;padding:12px 24px;border-radius:9999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:scale(1.02);box-shadow:0 0 20px #fff3}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--surface-hover);box-shadow:none}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.input-field{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-color);background:#0003;color:var(--text-primary);font-size:15px;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--accent-color);background:#0006;box-shadow:0 0 0 2px var(--accent-glow)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:440px;text-align:center}.login-logo{max-width:180px;margin-bottom:32px}.app-layout{display:flex;flex-direction:column;min-height:100vh}.header{height:80px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#0d0d0dcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.header-logo{height:40px;cursor:pointer}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s;display:flex;align-items:center;gap:8px}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.main-content{flex:1;padding:60px 40px;max-width:1200px;margin:0 auto;width:100%}.table-container{width:100%;overflow-x:auto;border-radius:16px;border:1px solid var(--border-color);background:var(--surface-color)}table{width:100%;border-collapse:collapse}th,td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.05em;background:#0003}tbody tr{transition:background-color .2s}tbody tr:hover{background-color:var(--surface-hover)}td{font-size:15px}.badge{padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;background:#10b9811a;color:var(--success-color)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary);font-size:1.2rem}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media (max-width: 768px){.header{flex-direction:column;height:auto;padding:16px;gap:16px}.nav-links{flex-wrap:wrap;justify-content:center;gap:16px}.main-content{padding:24px 16px}.products-header{flex-direction:column;align-items:flex-start;gap:16px}h1{font-size:2rem}table{display:block;width:100%}th,td{padding:12px 16px}}