:root{--syspro-dark:#51524b;--syspro-olive:#9ba08e;--syspro-blue:#0078a8;--syspro-gray-dark:#222;--syspro-gray:#666;--syspro-gray-light:#ddd;--syspro-white:#fff;--syspro-bg:#f4f4f4;--syspro-red:#c44;--syspro-orange:#e8960c;--color-primary:var(--syspro-dark);--color-primary-dark:#3a3b36;--color-primary-light:var(--syspro-olive);--color-accent:var(--syspro-blue);--color-bg:var(--syspro-bg);--color-surface:var(--syspro-white);--color-text:var(--syspro-gray-dark);--color-text-light:var(--syspro-gray);--color-border:var(--syspro-gray-light);--color-error:var(--syspro-red);--color-warning:var(--syspro-orange);--color-info:var(--syspro-blue);--color-fbh:#e07020;--color-kd:var(--syspro-blue)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4{color:var(--color-text);font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.card{background:var(--color-surface);border-radius:6px;padding:24px;box-shadow:0 1px 3px #00000014}input,select{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:8px 12px;font-size:14px}input:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0078a833}label{color:var(--color-text-light);margin-bottom:4px;font-size:13px;font-weight:500;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px}th{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.app-header{background:var(--color-surface);border-bottom:3px solid var(--color-primary);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.app-header .logo{height:40px}.app-header nav{align-items:center;gap:16px;display:flex}#app{min-height:100vh}main{max-width:1200px;margin:0 auto;padding:24px}.header-left{align-items:center;gap:12px;display:flex}.app-title{color:var(--color-primary);font-size:16px;font-weight:600}.user-info{color:var(--color-text-light);font-size:13px}.btn-sm{padding:4px 12px;font-size:13px}nav a{border-radius:4px;padding:4px 8px;font-size:14px}nav a.router-link-active{background:var(--color-primary);color:#fff}