:root{--color-primary: #1773E6;--color-primary-600: #1666cc;--color-primary-700: #1257af;--color-accent: #FF7A1A;--color-accent-600: #e56d17;--color-teal: #0FA3B1;--color-text: #0F172A;--color-muted: #334155;--color-subtle: #64748B;--color-border: #E5E7EB;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--grad-brand: linear-gradient(135deg, #1773E6 0%, #0FA3B1 45%, #FF7A1A 100%);--ring: 0 0 0 3px rgba(23,115,230,0.25);--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 8px 24px rgba(15,23,42,.12);--radius: 0.75rem}[data-theme="dark"]{--color-text: #E5E7EB;--color-muted: #CBD5E1;--color-subtle: #94A3B8;--color-border: #334155;--color-bg: #0B1020;--color-surface: #121A2A;--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow-md: 0 8px 24px rgba(0,0,0,.35)}html,body{background:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-600)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.brand__text{font-weight:800;letter-spacing:0.2px;color:var(--color-text)}.logo{position:relative;width:36px;height:36px;display:inline-block;background:var(--grad-brand);clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);box-shadow:var(--shadow-sm)}.logo::before{content:"";position:absolute;left:50%;top:20%;transform:translateX(-50%);width:4px;height:40%;border-radius:2px;background:#fff}.logo::after{content:"";position:absolute;left:50%;bottom:16%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-sm)}.btn{border-radius:10px;font-weight:600;box-shadow:var(--shadow-sm)}.btn:focus{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-600)}.badge-gradient{background:var(--grad-brand);color:#fff;border:0;padding:.15rem .5rem;border-radius:.75rem}.table thead th{border-bottom:2px solid var(--color-border);color:var(--color-muted)}.input,.form-control{border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.input:focus,.form-control:focus{border-color:var(--color-primary);box-shadow:var(--ring)}