:root{--bg: #E8EDF2;--shadow-dark: #c8cdd4;--shadow-light: #ffffff;--accent: #6C9BD1;--accent-hover: #5a89bf;--accent-strong: #3D6FA8;--accent-strong-hover: #325C8C;--danger: #A63A2E;--danger-hover: #8C3026;--text-primary: #3a4a5c;--text-muted: #8a9ab0;--radius-card: 16px;--radius-input: 10px;--sidebar-w: 220px}.nm-raised{box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.nm-inset{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.nm-btn{box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:box-shadow .15s ease}.nm-btn:active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--shadow-dark);border-radius:3px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:none;border-radius:var(--radius-input);background:var(--bg);color:var(--text-primary);font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:color .15s,background .15s,box-shadow .15s}.btn:hover:not(:disabled){color:var(--accent-strong)}.btn:active:not(:disabled){box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-strong),3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.btn-lg{height:36px;padding:0 20px;font-size:13px}.btn-sm{height:26px;padding:0 11px;font-size:11.5px;border-radius:8px;box-shadow:2px 2px 4px var(--shadow-dark),-2px -2px 4px var(--shadow-light)}.btn-xs{height:22px;padding:0 9px;font-size:10.5px;border-radius:7px;box-shadow:2px 2px 4px var(--shadow-dark),-2px -2px 4px var(--shadow-light)}.btn-sm:active:not(:disabled),.btn-xs:active:not(:disabled){box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.btn-block{width:100%}.btn-primary{background:var(--accent-strong);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong-hover);color:#fff}.btn-primary:disabled{background:var(--bg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);color:#fff}.btn-danger:disabled{background:var(--bg)}