:root{--kada-blue: #2B3D4F;--kada-blue-dark: #1A2A3A;--kada-blue-light: #3D5568;--com-gray: #8E9AAB;--com-gray-light: #B4BCC8;--com-gray-lighter: #D6DAE0;--bg-warm: #F7F8FA;--white: #FFFFFF;--accent-light: #E8ECF1;--success: #2E7D5B;--success-bg: #E8F5EE;--warning: #E85D3A;--warning-bg: #FFF3E8;--info: #5B6ABF;--info-bg: #EEEDF8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg-warm);color:var(--kada-blue);line-height:1.6}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:var(--white);border-bottom:1px solid var(--accent-light);position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo{font-family:Josefin Sans,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-kada{color:var(--kada-blue)}.logo-fin{color:var(--com-gray)}.logo-badge{font-family:DM Sans,sans-serif;font-weight:700;font-size:.6rem;letter-spacing:.1em;padding:.15rem .4rem;border-radius:4px;background:var(--warning-bg);color:var(--warning)}.nav-links{display:flex;gap:.25rem}.nav-link{font-size:.85rem;font-weight:500;text-decoration:none;color:var(--com-gray);padding:.4rem .75rem;border-radius:6px;transition:all .2s}.nav-link:hover{color:var(--kada-blue);background:var(--bg-warm)}.nav-link.router-link-active{color:var(--kada-blue);background:var(--accent-light)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-user{font-size:.8rem;color:var(--com-gray)}.nav-logout{font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--com-gray-light);background:transparent;color:var(--com-gray);cursor:pointer;transition:all .2s}.nav-logout:hover{border-color:var(--warning);color:var(--warning)}.main{max-width:1200px;margin:0 auto;padding:2rem}.main--full{max-width:100%;padding:0}