:root{--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-hue: 220;--bg-sat: 20%;--bg: hsl(var(--bg-hue), var(--bg-sat), 96%);--card: hsl(var(--bg-hue), var(--bg-sat), 100%);--line: hsl(var(--bg-hue), var(--bg-sat), 88%);--text: hsl(var(--bg-hue), 25%, 15%);--muted: hsl(var(--bg-hue), 15%, 45%);--accent: hsl(245, 75%, 60%);--accent-soft: rgba(79, 70, 229, .08);--accent-hover: hsl(245, 75%, 52%);--accent-text: #fff;--good: hsl(145, 65%, 42%);--good-soft: rgba(40, 167, 69, .08);--bad: hsl(355, 70%, 54%);--bad-soft: rgba(220, 53, 69, .08);--warn: hsl(38, 92%, 50%);--warn-soft: rgba(255, 159, 67, .08);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--shadow: 0 4px 18px -4px rgba(15, 23, 42, .08);--shadow-hover: 0 10px 25px -5px rgba(15, 23, 42, .12);--transition: all .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px}[data-theme=dark]{--bg: hsl(var(--bg-hue), 28%, 8%);--card: hsl(var(--bg-hue), 25%, 12%);--line: hsl(var(--bg-hue), 20%, 18%);--text: hsl(var(--bg-hue), 20%, 94%);--muted: hsl(var(--bg-hue), 12%, 65%);--accent: hsl(245, 80%, 65%);--accent-soft: rgba(129, 140, 248, .12);--accent-hover: hsl(245, 80%, 72%);--good: hsl(145, 70%, 48%);--good-soft: rgba(40, 199, 111, .12);--bad: hsl(355, 80%, 60%);--bad-soft: rgba(234, 84, 85, .12);--warn: hsl(38, 95%, 58%);--warn-soft: rgba(255, 159, 67, .12);--shadow: 0 8px 30px rgba(0, 0, 0, .35);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}input,select,textarea,button{font-family:inherit;font-size:14px}.app-shell{display:flex;min-height:100vh}.left-sidebar{width:var(--sidebar-width);background-color:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;position:fixed;height:100vh;z-index:100;transition:var(--transition)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-left:8px}.logo-badge{background:linear-gradient(135deg,var(--accent),#818cf8);color:#fff;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:800;font-size:16px;box-shadow:0 4px 12px #4f46e54d}.brand span{font-family:var(--font-title);font-weight:800;font-size:18px;background:linear-gradient(to right,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-btn{background:none;border:none;color:var(--muted);padding:12px 16px;text-align:left;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600;transition:var(--transition)}.nav-btn:hover{background-color:var(--accent-soft);color:var(--accent)}.nav-btn.active{background-color:var(--accent);color:var(--accent-text);box-shadow:0 4px 14px #4f46e540}.nav-btn .icon{font-size:18px}.footer-nav{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:16px}.main-content{flex:1;margin-left:var(--sidebar-width);padding:40px;transition:var(--transition)}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:28px;font-weight:800;color:var(--text);margin-bottom:4px}.page-sub{color:var(--muted);font-size:14px}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background-color:var(--card);border-radius:var(--radius-lg);border:1px solid var(--line);padding:24px;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.glass{background:rgba(var(--card),.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn{background-color:var(--accent);color:var(--accent-text);border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn:hover{background-color:var(--accent-hover);box-shadow:0 4px 14px #4f46e540}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-soft{background-color:var(--accent-soft);color:var(--accent)}.btn-soft:hover{background-color:var(--accent);color:#fff}.btn-good{background-color:var(--good);color:#fff}.btn-good:hover{background-color:#1f9350;box-shadow:0 4px 12px #28a74533}.btn-danger{background-color:var(--bad-soft);color:var(--bad)}.btn-danger:hover{background-color:var(--bad);color:#fff;box-shadow:0 4px 12px #dc354533}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=number],input[type=password],input[type=email],select,textarea{background-color:var(--bg);border:1.5px solid var(--line);color:var(--text);padding:12px 16px;border-radius:var(--radius-md);outline:none;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background-color:var(--card);box-shadow:0 0 0 4px var(--accent-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tbl-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--line);background-color:var(--card)}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:var(--bg);color:var(--muted);font-family:var(--font-title);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:16px 20px;border-bottom:1px solid var(--line)}td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--accent-soft)}.pill{padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:800;text-transform:uppercase;display:inline-block}.pill-good{background-color:var(--good-soft);color:var(--good)}.pill-bad{background-color:var(--bad-soft);color:var(--bad)}.pill-warn{background-color:var(--warn-soft);color:var(--warn)}.pill-accent{background-color:var(--accent-soft);color:var(--accent)}.chip{background-color:var(--bg);border:1px solid var(--line);padding:4px 12px;border-radius:20px;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cat-card{background-color:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.cat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.cat-card img.thumb{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--line);background-color:var(--bg)}.cat-card .body{padding:20px}.colour-chips{display:flex;flex-wrap:wrap;gap:6px}.alert-banner{border-left:4px solid var(--accent);background-color:var(--accent-soft);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:24px}.spin{width:36px;height:36px;border:3.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:loading-spin .8s linear infinite;margin:20px auto}@keyframes loading-spin{to{transform:rotate(360deg)}}.mobile-header{display:none;background-color:var(--card);border-bottom:1px solid var(--line);padding:14px 20px;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;z-index:99}.mobile-nav{display:none;background-color:var(--card);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;height:64px;z-index:99;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -4px 18px #0000000d}.mobile-nav-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:4px;font-size:10px;font-weight:700;cursor:pointer}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn .ico{font-size:20px}@media (max-width: 1024px){.left-sidebar{transform:translate(-100%)}.left-sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0000001a}.main-content{margin-left:0;padding:80px 20px 100px}.mobile-header{display:flex}.mobile-nav{display:grid}}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.page-title-row{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}}