:root{--bg: #f3f4f6;--bg-section: #e5e7eb;--surface: #ffffff;--surface-2: #f9fafb;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #6b7280;--accent-hover: #4b5563;--accent-active: #374151;--accent-contrast: #ffffff;--link: #374151;--shadow: 0 10px 20px rgba(2, 6, 23, .06)}:root.dark{--bg: #0f1115;--bg-section: #111318;--surface: #1a1d24;--surface-2: #151821;--text: #e5e7eb;--muted: #a1a1aa;--border: #2a2f36;--accent: #3a3f47;--accent-hover: #4a5059;--accent-active: #5a606a;--accent-contrast: #f3f4f6;--link: #d1d5db;--shadow: 0 14px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.container{width:min(1200px,92%);margin-inline:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.btn{background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent);border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform 80ms ease,filter .14s ease}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active{background:var(--accent-active);border-color:var(--accent-active);transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-weight:600;cursor:pointer}.btn-ghost:hover{background:var(--surface-2)}.link{color:var(--link);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;outline:none}.input:focus{border-color:var(--accent-active);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-active) 25%,transparent)}.app-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}.brand-logo{width:36px;height:36px;border-radius:10px;background:var(--accent);box-shadow:var(--shadow)}.spacer{flex:1}.header-actions{display:flex;align-items:center;gap:10px}.modal-backdrop{position:fixed;inset:0;background:#02061773;display:none}.modal-backdrop.show{display:block}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px}.modal.show{display:flex}.modal-card{width:min(720px,96%);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-weight:800}.modal-body{padding:18px}.modal-footer{padding:14px 18px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.drawer-backdrop{position:fixed;inset:0;background:#02061773;display:none}.drawer-backdrop.show{display:block}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(480px,92%);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-100%);transition:transform .22s ease;display:flex;flex-direction:column}.drawer.show{transform:translate(0)}.drawer-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:800}.drawer-content{padding:12px 12px 18px;overflow:auto;display:grid;gap:10px}.drawer-item{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:grid;gap:2px}.drawer-item-title{font-weight:700}.drawer-item-sub{color:var(--muted);font-size:13px}@media (max-width: 768px){.header-actions .label{display:none}}.brand span{color:var(--text);font-weight:900;letter-spacing:.2px}@media print{header.app-header,app-settings-modal,app-profile-modal,app-history-drawer{display:none!important}.print-only{display:block!important}@page{size:A4 auto;margin:12mm}body{margin:0}}