:root{--brand-primary: #2563eb;--brand-secondary: #1e40af;--brand-accent: #22c55e;--brand-menu: #1a2233}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}body{background:#f4f6f8;color:var(--brand-primary, #1c1c1c)}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--brand-menu, #1a2233);color:#fff;padding:20px;flex-shrink:0}.sidebar h2{font-size:18px;margin-bottom:24px}.sidebar nav a{display:block;color:#c7d0dc;padding:10px 8px;text-decoration:none;border-radius:6px;margin-bottom:4px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--brand-secondary, #2c3a54);color:#fff}.main-content{flex:1;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #eee;font-size:14px}th{color:#6b7280;font-weight:600}.btn{background:var(--brand-primary, #2563eb);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.btn:hover{background:var(--brand-secondary, #1d4ed8)}.brand-logo{height:36px;margin-bottom:12px;display:block}.btn-secondary{background:#e5e7eb;color:#1c1c1c}input,select{padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;width:100%}input[type=color]{width:48px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.status-badge{padding:2px 8px;border-radius:12px;font-size:12px}.status-active{background:#dcfce7;color:#166534}.status-cancelled,.status-expired{background:#fee2e2;color:#991b1b}.status-paused{background:#fef3c7;color:#92400e}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto}.sidebar nav{display:flex}.sidebar nav a{white-space:nowrap}.grid-3,.grid-2{grid-template-columns:1fr}.desktop-only{display:none}}