:root{--bean-900: #2b180a;--ebony-900: #3e2407;--linen-100: #f6f0e9;--slate-950: #0f172a;--slate-700: #334155;--slate-500: #64748b;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--green-600: #16a34a;--green-50: #f0fdf4;--amber-500: #f59e0b;--amber-50: #fffbeb;--red-600: #dc2626;--red-50: #fef2f2;--blue-600: #2563eb;--blue-50: #eff6ff;--violet-600: #7c3aed;--violet-50: #f5f3ff;--teal-600: #0d9488;--teal-50: #f0fdfa;--orange-500: #f97316;--orange-50: #fff7ed;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--slate-700);font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#f0ebe3,#e8e0d4,#f2ede6,#e5ddd2,#ede7df);background-attachment:fixed}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(40px)}body:before{top:-10%;left:5%;width:520px;height:520px;background:radial-gradient(circle,rgba(124,58,237,.08) 8%,transparent 70%)}body:after{bottom:-15%;right:-5%;width:620px;height:620px;background:radial-gradient(circle,rgba(13,148,136,.06) 8%,transparent 70%);filter:blur(50px)}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{color:var(--slate-950);margin:0;font-weight:600}a{color:var(--blue-600);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:var(--slate-950)}.tabular{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){body:before,body:after{display:none}.glass-card,.glass-light,.glass-strong{background:#fff!important;border:1px solid var(--slate-200)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-hamburger,.app-sidebar-overlay{display:none}@media (min-width: 768px) and (max-width: 1200px){.editor-split,.view-split{grid-template-columns:1fr!important;gap:20px!important}.editor-preview{position:static!important;top:auto!important}}.rail-tip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;padding:5px 9px;background:#2b180a;color:#f6f0e9;font-size:12px;line-height:1;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 4px 14px #0000002e;z-index:50;transition:opacity 90ms ease}.app-sidebar:not(.collapsed) .rail-tip{display:none}.app-sidebar.collapsed .nl:hover .rail-tip,.app-sidebar.collapsed .nl:focus-visible .rail-tip{opacity:1}.sidebar-collapse-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 767px){.app-hamburger{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(246,240,233,.25);color:#f6f0e9;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:18px;line-height:1;flex-shrink:0}.topbar-email,.topbar-role{display:none!important}.app-sidebar{position:fixed!important;top:56px!important;left:0!important;z-index:30!important;height:calc(100vh - 56px)!important;align-self:auto!important;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1);width:240px!important}.app-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.app-sidebar-overlay{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#00000059;z-index:29}.app-main{padding:16px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.form-grid-2{grid-template-columns:1fr!important}.editor-split{grid-template-columns:1fr!important;gap:16px!important}.editor-split>:last-child{display:none!important}.view-split{grid-template-columns:1fr!important;gap:16px!important}.recovery-banner{flex-direction:column!important;align-items:flex-start!important}.recovery-banner>div:last-child{flex-shrink:1!important}.editor-actions{flex-wrap:wrap!important}.invoice-actions{flex-wrap:wrap!important;justify-content:flex-start!important}}