@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap";
:root{--ink:#1a1a1a;--ink2:#555;--ink3:#999;--line:#e5e5e5;--surface:#fdfdfc;--surface-alt:#f4f4f5;--white:#fff;--accent:#4f46e5;--accent-light:#e0e7ff;--accent-hover:#4338ca;--danger:#ef4444;--danger-light:#fee2e2;--success:#10b981;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass-bg:#fffc;--glass-border:#ffffff80}.dark{--ink:#fdfdfc;--ink2:#a1a1aa;--ink3:#71717a;--line:#3f3f46;--surface:#18181b;--surface-alt:#09090b;--white:#27272a;--accent-light:#3730a3;--danger-light:#7f1d1d;--glass-bg:#18181bcc;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface-alt);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,DM Sans,sans-serif;font-size:14px}input,select,textarea,button{color:inherit;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}@media print{body{color:#000!important;background-color:#fff!important}[class*=leftCol],[class*=Header],button,[class*=upgradeBanner]{display:none!important}[class*=rightCol]{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}#invoice-preview{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important}}