*{box-sizing:border-box}html,body{color:#111827;background:#f5f7fb;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 0 0,#dcfce7,#0000 34%),radial-gradient(circle at 100% 100%,#dbeafe,#0000 34%),#f8fafc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffffff5;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:430px;padding:36px;box-shadow:0 24px 70px #0f172a1f}.brand{margin-bottom:28px}.brand-mark{color:#fff;background:#111827;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-weight:800;display:inline-grid}.brand h1{margin:0 0 8px;font-size:30px}.brand p{color:#64748b;margin:0;line-height:1.5}.login-form{gap:16px;display:grid}.login-form label{gap:7px;font-size:14px;font-weight:700;display:grid}.login-form input{border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:13px 14px}.login-form input:focus{border-color:#111827;box-shadow:0 0 0 3px #11182714}.primary-button{color:#fff;background:#111827;border:0;border-radius:12px;min-height:48px;font-weight:800}.error{color:#b91c1c;font-size:14px}.catalog-shell{color:#e8edf7;background:radial-gradient(circle at 12% 8%,#22c55e1f,#0000 28%),radial-gradient(circle at 90% 15%,#3b82f61a,#0000 24%),#080b12;min-height:100vh;padding:38px}.catalog-header{justify-content:space-between;align-items:center;gap:25px;max-width:1450px;margin:0 auto 25px;display:flex}.brand-label,.eyebrow{color:#45df83;letter-spacing:.18em;font-size:11px;font-weight:800}.catalog-header h1{letter-spacing:-.035em;margin:7px 0 4px;font-size:clamp(28px,3vw,43px)}.catalog-header p{color:#8e9aae;margin:0}.logout-button,.secondary-button,.category-actions button{color:#dce4f2;cursor:pointer;background:#141a26bf;border:1px solid #303a4d;border-radius:10px;padding:10px 15px}.catalog-tabs{background:#0d111be0;border:1px solid #202838;border-radius:13px;gap:6px;max-width:1450px;margin:0 auto 20px;padding:6px;display:flex}.tab{border-radius:9px;padding:10px 18px;font-size:14px;font-weight:700}.active-tab{color:#07110b;background:#45df83}.disabled-tab{color:#667085}.category-layout{grid-template-columns:minmax(300px,410px) minmax(0,1fr);align-items:start;gap:20px;max-width:1450px;margin:auto;display:grid}.panel{background:#0d111beb;border:1px solid #202838;border-radius:18px;box-shadow:0 25px 70px #00000040}.form-panel{padding:24px;position:sticky;top:20px}.list-panel{padding:24px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-heading h2{margin:5px 0 0;font-size:22px}.counter{color:#45df83;background:#45df831a;border-radius:12px;place-items:center;min-width:40px;height:40px;font-weight:800;display:grid}.category-form{gap:16px;display:grid}.category-form label{color:#aeb8c8;gap:7px;font-size:13px;font-weight:700;display:grid}.category-form input,.category-form textarea{box-sizing:border-box;color:#f5f7fb;background:#0a0e17;border:1px solid #2a3447;border-radius:10px;outline:none;width:100%;padding:12px 13px}.category-form input:focus,.category-form textarea:focus{border-color:#45df83;box-shadow:0 0 0 3px #45df831a}.form-row{grid-template-columns:110px 1fr;align-items:end;gap:15px;display:grid}.switch-field{flex-direction:row;grid-template-columns:auto 1fr;align-items:center;min-height:43px;gap:9px!important;display:flex!important}.switch-field input{width:17px;height:17px}.form-actions{gap:10px;display:flex}.primary-button{color:#061009;cursor:pointer;background:#45df83;border:0;border-radius:10px;padding:12px 18px;font-weight:850}.primary-button:disabled{opacity:.6;cursor:wait}.alert{border-radius:9px;padding:11px 12px;font-size:13px}.alert.success{color:#8ef0b5;background:#22c55e1f}.alert.error{color:#fda4af;background:#f43f5e1f}.category-list{gap:12px;display:grid}.category-card{background:#0a0e17;border:1px solid #222c3d;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;display:grid}.category-number{color:#45df83;background:#45df8314;border-radius:12px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:800;display:grid}.category-title-row{align-items:center;gap:10px;display:flex}.category-content h3{margin:0;font-size:17px}.category-content p{color:#8e9aae;margin:6px 0;font-size:13px;line-height:1.5}.category-content small{color:#58657a}.status{text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.status.active{color:#72eca2;background:#22c55e1f}.status.inactive{color:#fda4af;background:#f43f5e1f}.category-actions{gap:7px;display:flex}.empty-state{text-align:center;color:#8e9aae;place-content:center;justify-items:center;min-height:330px;display:grid}.empty-state h3{color:#eef2f8;margin:13px 0 4px}.empty-state p{max-width:390px;line-height:1.6}.empty-icon{color:#45df83;background:#45df831a;border-radius:16px;place-items:center;width:55px;height:55px;font-size:28px;display:grid}@media (max-width:900px){.catalog-shell{padding:20px}.category-layout{grid-template-columns:1fr}.form-panel{position:static}.category-card{grid-template-columns:42px minmax(0,1fr)}.category-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:560px){.catalog-header{flex-direction:column;align-items:flex-start}.catalog-tabs{overflow-x:auto}.form-row,.category-card{grid-template-columns:1fr}.category-number{display:none}}