:root{--color-brand: #002f58;--color-gold: #D4AF37;--color-white: #ffffff;--color-bg: #f6f8fa;--color-surface:#ffffff;--shadow-soft: 0 6px 18px rgba(18,24,32,.06);--color-border:#e5e7eb;--color-text: #0f172a;--color-text-dim:#3f4041;--ring: 2px solid rgba(0,47,88,.25);--radius: 8px;--space: 12px}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--color-text);background:var(--color-bg)}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}.dim-text{color:var(--color-text-dim)}.danger-text{margin:0 0 .5rem;color:#b00020}.error-text{margin-top:.5rem;color:#df4b4b}.container{width:min(100%,1100px);margin-inline:auto;padding-inline:16px}.site-nav{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-nav-inner{display:flex;align-items:center;gap:10px;padding:10px 16px}.site-logo{display:inline-flex;align-items:center;gap:8px}.site-logo img{display:block;width:30px;height:30px;border-radius:6px}.nav-links{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-links a{display:inline-block;padding:6px 10px;border-radius:6px;color:var(--color-text-dim)}.nav-links a:hover{background:#f1f5f9;text-decoration:none}.nav-links a.router-link-active,.nav-links a[aria-current=page]{color:var(--color-brand);background:#eaf2fb;font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px;max-width:420px;margin:24px auto}.card form{display:flex;flex-direction:column;gap:12px}button{appearance:none;border:1px solid var(--color-brand);background:var(--color-brand);color:var(--color-white);padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer;transition:transform .02s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-caution{background:#df4b4b;color:#fff;border:none}.btn-danger{background:#b00020;color:#fff;border:none}.btn-danger[disabled]{opacity:.6;cursor:not-allowed}button:hover{opacity:.9}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--color-border);background:var(--color-surface);padding:10px 12px;border-radius:var(--radius);outline:none}input:focus,select:focus,textarea:focus,button:focus{box-shadow:0 0 0 2px #d4af3740;border-color:var(--color-gold)}.page{padding:24px 16px}.page .section{background:var(--color-surface);border:1px solid #edf2f7;border-radius:var(--radius);padding:16px}