.nav{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:60px}.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.nav__logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:contain}.nav__title{font-weight:700;font-size:1rem;color:var(--color-text)}.nav__links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.nav__links a{color:var(--color-text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition)}.nav__links a:hover,.nav__links a.router-link-active{color:var(--color-primary)}.nav__github{padding:6px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem!important}.nav__github:hover{border-color:var(--color-primary)!important}.footer{margin-top:80px;padding:32px 0;border-top:1px solid var(--color-border-soft);text-align:center;color:var(--color-text-muted);font-size:.85rem}*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #0074e0;--color-primary-dark: #0060b4;--color-primary-light:#edf5fc;--color-bg: #f3f5f7;--color-surface: #ffffff;--color-border: #d1d5db;--color-border-soft: #e5e7eb;--color-text: #1f2937;--color-text-muted: #4b5563;--color-success: #18ab8e;--color-danger: #f47789;--color-warning: #f9cb7c;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--transition: .15s ease}html,body{margin:0;padding:0;font-family:Inter,sans-serif;font-size:16px;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}code,pre,.mono{font-family:JetBrains Mono,monospace;font-size:.875em}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge--skill{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge--agent{background:#f0eefc;color:#5d50c9}.badge--command,.badge--ok{background:#e8f8f5;color:#138972}.badge--error{background:#feeef0;color:#af3d4d}.badge--warning{background:#fef8ed;color:#b48637}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);text-decoration:none}.btn--ghost{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--ghost:hover{background:var(--color-primary-light);text-decoration:none}.btn--sm{padding:6px 14px;font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--ok{background:var(--color-success)}.status-dot--error{background:var(--color-danger)}.status-dot--pending{background:var(--color-warning)}