:root{--bg-color:#f9fafb;--card-bg:#fff;--text-primary:#111827;--text-secondary:#4b5563;--border-color:#e5e7eb;--accent-gold:#c5a880;--accent-gold-hover:#b39369;--focus-ring:#c5a88040;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#10b981;--edit-color:#3b82f6;--meta-blue:#1877f2;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--card-bg);border-right:1px solid var(--border-color);padding:24px 16px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand-title{letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;font-size:1.1rem;font-weight:700}.brand-title span{color:var(--accent-gold)}.nav-section{margin-bottom:20px}.nav-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 10px;font-size:.7rem;font-weight:700}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#fcfaf6}.nav-link.active{border-left:3px solid var(--accent-gold)}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar h1{text-transform:uppercase;letter-spacing:.5px;font-size:1.25rem;font-weight:700}.user-chip{align-items:center;gap:12px;font-size:.875rem;display:flex}.panel-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.813rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover{background:#1f2937}.btn-danger{color:var(--danger-color);background:#fef2f2;border:1px solid #fee2e2}.btn-danger:hover:not(:disabled){background:var(--danger-color);color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-color);background:#fff}.btn-success{background:var(--success-color);color:#fff}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.input-field{border:1px solid var(--border-color);background:#fafafa;border-radius:6px;width:100%;padding:10px 12px;font-size:.875rem}.input-field:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--focus-ring);background:#fff;outline:none}.input-wrapper{position:relative}.input-wrapper i{color:#9ca3af;pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrapper .input-field{padding-left:36px}.table-responsive{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:#f9fafb;padding:12px 14px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:12px 14px}tr:hover{background:#fcfcfc}.id-badge{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:600}.category-pill{color:#fff;background:#111827;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:500}.badge-meta{color:var(--meta-blue);background:#e8f4fe;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.75rem;font-weight:600}.action-link{cursor:pointer;background:0 0;border:none;font-size:.95rem}.link-edit{color:var(--edit-color)}.link-delete{color:var(--danger-color)}.link-save{color:var(--success-color)}.toast{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:14px;font-size:.875rem;display:flex}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.875rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:420px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=900px){.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;position:static}.app-shell{flex-direction:column}.main-content{margin-left:0}.grid-2{grid-template-columns:1fr}}