:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg:#f8fafc;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#16a34a;--danger:#dc2626;--warning:#d97706}body{background:var(--bg);color:var(--text);line-height:1.6}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{margin-right:32px;font-size:18px;font-weight:700}.nav-links{gap:8px;display:flex}.nav-links a{color:var(--text-muted);border-radius:6px;padding:6px 14px;font-size:14px;text-decoration:none;transition:all .15s}.nav-links a:hover,.nav-links a.router-link-active{background:var(--primary);color:#fff}main.with-nav{padding-top:56px}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}@media print{.navbar{display:none!important}main.with-nav{padding-top:0!important}}