:root{--bg: #000000;--surface: #070a10;--surface-2: #0d1119;--surface-3: #151a25;--border: #1c2230;--border-strong: #2a3242;--text: #eaf2ff;--muted: #8fa3bf;--muted-2: #5c6b82;--accent: #2e90ff;--accent-hi: #7dd3ff;--accent-deep: #0b4fd6;--accent-dim: rgba(46, 144, 255, .14);--accent-glow: rgba(46, 144, 255, .45);--accent-bg-1: rgba(46, 144, 255, .08);--accent-bg-2: rgba(46, 144, 255, .05);--accent-transition: .9s cubic-bezier(.22, 1, .36, 1);--accent-rgb: 46 144 255;--accent-hi-rgb: 125 211 255;--on-accent: #000814;--success: #2de3a0;--danger: #ff4d6a;--danger-dim: rgba(255, 77, 106, .14);--warning: #ffc53d;--warning-dim: rgba(255, 197, 61, .14);--info: #7dd3ff;--success-rgb: 45 227 160;--danger-rgb: 255 77 106;--warning-rgb: 255 197 61;--info-rgb: 125 211 255;--font-display: "Archivo", "Inter", system-ui, sans-serif;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fs-2xs: .7rem;--fs-xs: .75rem;--fs-sm: .85rem;--fs-md: .95rem;--fs-lg: 1.15rem;--fs-xl: 1.6rem;--fs-2xl: 2.4rem;--fs-3xl: 3.2rem;--lh-display: .98;--lh-heading: 1.2;--lh-body: 1.55;--lh-ui: 1.2;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--wdth-display: 112;--tracking-tight: -.02em;--tracking-tighter: -.035em;--tracking-wide: .02em;--tracking-widest: .16em;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-soft: 0 2px 10px rgba(0, 0, 0, .6), inset 0 1px 0 rgb(255 255 255 / .04);--shadow: 0 16px 48px -12px rgba(0, 0, 0, .9), inset 0 1px 0 rgb(255 255 255 / .05);--shadow-lift: 0 32px 80px -24px rgba(0, 0, 0, .95), 0 0 0 1px rgb(255 255 255 / .04), inset 0 1px 0 rgb(255 255 255 / .07);--ease: cubic-bezier(.22, 1, .36, 1);--transition: .16s var(--ease);--transition-slow: .42s var(--ease);--spring: .56s cubic-bezier(.16, 1.06, .28, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--page-x: var(--space-8);--page-y: var(--space-7);--section-gap: var(--space-7);--card-pad: var(--space-5);--stack-gap: var(--space-4);--touch-min: 44px;--sidebar-w: 268px;color-scheme:dark}@media(max-width:900px){:root{--page-x: var(--space-5);--page-y: var(--space-5);--section-gap: var(--space-6);--card-pad: var(--space-4);--fs-xl: 1.4rem;--fs-2xl: 2rem;--fs-3xl: 2.4rem}}@media(max-width:560px){:root{--page-x: var(--space-4);--page-y: var(--space-4);--section-gap: var(--space-5);--card-pad: var(--space-4);--stack-gap: var(--space-3);--fs-2xl: 1.8rem;--fs-3xl: 2rem;--wdth-display: 100}}:root{--elevation-0: var(--bg);--elevation-1: color-mix(in srgb, var(--surface) 88%, transparent);--elevation-2: color-mix(in srgb, var(--surface-2) 90%, transparent);--elevation-3: var(--surface-3);--hairline: color-mix(in srgb, var(--border) 85%, transparent);--hairline-strong: var(--border-strong);--hairline-accent: rgb(var(--accent-rgb) / .28);--text-primary: var(--text);--text-secondary: var(--muted);--text-tertiary: var(--muted-2);--text-accent: var(--accent);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px rgb(var(--accent-rgb) / .6);--glow-accent: 0 0 0 1px rgb(var(--accent-rgb) / .35), 0 20px 60px -24px rgb(var(--accent-rgb) / .7);--glow-soft: 0 0 24px -6px rgb(var(--accent-rgb) / .45);--edge-light: inset 0 1px 0 rgb(255 255 255 / .06);--panel-bg: linear-gradient( 168deg, color-mix(in srgb, var(--surface-2) 94%, transparent), color-mix(in srgb, var(--surface) 97%, transparent) );--panel-radius: var(--radius-lg);--panel-border: 1px solid var(--hairline);--button-radius: var(--radius-sm);--input-bg: color-mix(in srgb, var(--bg) 60%, var(--surface));--input-border: 1px solid var(--hairline);--metric-value-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.9rem)}h1,h2,h3,h4,.brand,.metric-value,.auth-headline{font-family:var(--font-display);font-variation-settings:"wdth" var(--wdth-display);letter-spacing:var(--tracking-tight)}h1,h2{line-height:var(--lh-display)}h3,h4,h5,h6{line-height:var(--lh-heading)}.metric-value,.money,.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:var(--tracking-tight)}th,td,label,.btn,input,select{line-height:var(--lh-ui)}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1100px 600px at 88% -8%,var(--accent-bg-1),transparent 60%),radial-gradient(900px 500px at -5% 110%,var(--accent-bg-2),transparent 55%);pointer-events:none;transition:background var(--accent-transition)}body:after{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;pointer-events:none;opacity:.5;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgb(var(--accent-rgb) / .05) 60deg,transparent 140deg,rgb(var(--info-rgb) / .035) 220deg,transparent 320deg);filter:blur(90px);animation:aurora 48s linear infinite}@keyframes aurora{to{transform:rotate(360deg)}}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:rgb(var(--accent-rgb) / .28);color:var(--text)}html.scroll-locked,html.scroll-locked body{overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:16px;padding:20px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-right:1px solid var(--hairline);z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;border-bottom:1px solid var(--hairline)}.brand .logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--bg);background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--info)));box-shadow:0 10px 26px -10px var(--accent-glow);transition:background var(--accent-transition)}.brand .logo svg{width:20px;height:20px}.brand strong{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;padding-right:4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:var(--touch-min);padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);text-decoration:none;border:1px solid transparent;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.nav-item svg{width:18px;height:18px;flex:none}.nav-item:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-2) 70%,transparent);transform:translate(2px)}.nav-item.active{color:var(--text-primary);background:linear-gradient(90deg,rgb(var(--accent-rgb) / .16),rgb(var(--accent-rgb) / .02));border-color:var(--hairline-accent)}.nav-item.active:before{content:"";position:absolute;left:-16px;top:50%;translate:0 -50%;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.nav-marker{display:grid;place-items:center;width:18px;height:18px;flex:none;opacity:.6;transition:opacity var(--transition),color var(--transition)}.nav-item.active .nav-marker{opacity:1;color:var(--accent)}.nav-marker:before{content:"";background:currentColor}.nav-marker-bullet:before{width:6px;height:6px;border-radius:50%}.nav-marker-square:before{width:7px;height:7px;border-radius:2px}.nav-marker-circle:before{width:9px;height:9px;border-radius:50%;background:transparent;border:2px solid currentColor}.nav-marker-diamond:before{width:7px;height:7px;border-radius:1px;rotate:45deg}.nav-marker-arrow:before,.nav-marker-none:before{display:none}.nav-marker-arrow svg{width:14px;height:14px}.sidebar-footer{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--hairline)}.user-chip{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 60%,transparent);border:1px solid var(--hairline)}.user-chip .avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;overflow:hidden;font-weight:var(--fw-bold);color:var(--bg);background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--info)))}.user-chip .avatar img{width:100%;height:100%;object-fit:cover}.user-chip .meta{min-width:0;display:flex;flex-direction:column}.user-chip .meta b{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .meta span{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{min-width:0;padding:var(--page-y) var(--page-x) 64px}.mobile-bar{display:none;position:sticky;top:0;z-index:40;align-items:center;gap:12px;padding:12px var(--page-x);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline)}@media(max-width:900px){.app{grid-template-columns:1fr}.mobile-bar{display:flex;padding-top:calc(var(--space-3) + env(safe-area-inset-top));padding-right:calc(var(--page-x) + env(safe-area-inset-right));padding-left:calc(var(--page-x) + env(safe-area-inset-left))}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,var(--sidebar-w));transform:translate(-102%);transition:transform var(--spring);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));padding-left:calc(var(--space-4) + env(safe-area-inset-left))}.sidebar.open{transform:none;box-shadow:var(--shadow-lift)}.content{padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom));padding-right:calc(var(--page-x) + env(safe-area-inset-right));padding-left:calc(var(--page-x) + env(safe-area-inset-left))}.toasts{bottom:calc(var(--space-5) + env(safe-area-inset-bottom));right:calc(var(--space-5) + env(safe-area-inset-right))}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:var(--section-gap)}.page-title{margin:0;font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter);line-height:1.05;background:linear-gradient(120deg,var(--text) 30%,color-mix(in srgb,var(--text) 55%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.page-sub{margin:8px 0 0;color:var(--text-secondary);font-size:var(--fs-sm)}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.card{position:relative;padding:var(--card-pad);border-radius:var(--panel-radius);background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / .45),transparent);opacity:.7}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap)}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--text-secondary)}.hint{margin:4px 0 0;color:var(--text-tertiary);font-size:var(--fs-xs)}.text-accent{color:var(--text-accent)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:var(--section-gap)}.metric{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-lg);background:var(--panel-bg);border:var(--panel-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.metric:after{content:"";position:absolute;right:-60px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgb(var(--accent-rgb) / .16),transparent 68%);pointer-events:none;transition:opacity var(--transition);opacity:.75}.metric[role=button]{cursor:pointer}.metric[role=button]:hover,.metric[role=button]:focus-visible{transform:translateY(-3px);border-color:var(--hairline-accent);box-shadow:var(--glow-accent)}.metric.pulse{animation:metric-pulse .62s cubic-bezier(.22,1,.36,1)}@keyframes metric-pulse{0%{transform:scale(1)}38%{transform:scale(1.022)}to{transform:scale(1)}}.m-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary)}.m-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.m-top svg{width:18px;height:18px;opacity:.7}.m-value{font-size:var(--metric-value-size);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter);line-height:1;white-space:nowrap;transition:color var(--transition)}.m-value.counting{color:var(--accent);text-shadow:0 0 26px var(--accent-glow)}.metric-dismiss{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 60%,transparent);color:var(--text-secondary);cursor:pointer;z-index:2}.metric-dismiss svg{width:13px;height:13px}.metric-sum-temp{border-style:dashed;border-color:var(--hairline-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--touch-min);padding:8px 16px;border-radius:var(--button-radius);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 75%,transparent);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),color var(--transition)}.btn svg{width:16px;height:16px}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--hairline-strong)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--on-accent);border-color:transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,var(--info)));box-shadow:0 14px 34px -16px var(--accent-glow);transition:background var(--accent-transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover:not(:disabled){box-shadow:0 20px 44px -16px var(--accent-glow)}.btn-accent-outline{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .06)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.btn-danger{color:var(--danger);border-color:rgb(var(--danger-rgb) / .35);background:var(--danger-dim)}.btn-icon{min-height:36px;width:36px;padding:0;border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover:not(:disabled){color:var(--text-primary)}.btn-icon.btn-danger:hover:not(:disabled){color:var(--danger)}.btn-sm{min-height:34px;font-size:var(--fs-xs)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);color:var(--text-secondary);text-transform:uppercase}input,select,textarea{width:100%;min-height:var(--touch-min);padding:12px;border-radius:var(--radius-sm);border:var(--input-border);background:var(--input-bg);color:var(--text-primary);font:inherit;font-size:var(--fs-sm);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}textarea{min-height:96px;resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hairline-accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .14)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:40px}.field-error{margin:4px 0 0;color:var(--danger);font-size:var(--fs-xs)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--stack-gap)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--section-gap)}.toolbar select{width:auto;min-width:190px}.table-wrap{border-radius:var(--panel-radius);border:var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}thead th{position:sticky;top:0;padding:12px 16px;text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary);background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}tbody td{padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);vertical-align:middle}tbody tr{transition:background var(--transition)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}tbody tr.row-highlight{background:rgb(var(--accent-rgb) / .12);animation:row-flash 3.2s ease-out}@keyframes row-flash{0%{background:rgb(var(--accent-rgb) / .28)}to{background:rgb(var(--accent-rgb) / 0)}}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-3) 70%,transparent);color:var(--text-secondary);text-transform:capitalize}.tag.alta{color:var(--danger);border-color:rgb(var(--danger-rgb) / .35);background:var(--danger-dim)}.tag.media{color:var(--warning);border-color:rgb(var(--warning-rgb) / .35);background:var(--warning-dim)}.tag.baixa,.tag.accent{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .1)}.tag.info{color:var(--info);border-color:rgb(var(--info-rgb) / .35);background:rgb(var(--info-rgb) / .12)}.tag.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent)}.bars{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;align-items:center;gap:12px}.bar-track{height:10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-3) 80%,transparent);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,var(--info)),var(--accent));box-shadow:0 0 18px -4px var(--accent-glow);transform-origin:left;animation:bar-grow var(--transition-slow) cubic-bezier(.22,1,.36,1)}@keyframes bar-grow{0%{transform:scaleX(0)}}.empty{display:grid;place-items:center;gap:12px;padding:56px 24px;color:var(--text-tertiary);text-align:center}.empty svg{width:40px;height:40px;opacity:.45}.empty p{margin:0;font-size:var(--fs-sm)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:220% 100%;animation:shimmer 1.35s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.skeleton-rows{display:flex;flex-direction:column;gap:8px;padding:16px}.skeleton-row{height:46px}.skeleton-card{height:128px;border-radius:var(--radius-lg)}.toasts{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(92vw,380px)}.toast{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);font-size:var(--fs-sm);animation:toast-in var(--spring)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}.toast:before{content:"";width:3px;align-self:stretch;border-radius:3px;background:var(--accent);flex:none}.toast.error:before{background:var(--danger)}.toast.warning:before{background:var(--warning)}.toast.info:before{background:var(--info)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}}.modal{width:min(100%,520px);max-height:88vh;overflow-y:auto;padding:24px;border-radius:var(--radius-lg);border:1px solid var(--hairline-strong);background:linear-gradient(170deg,var(--surface-2),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:var(--shadow-lift);animation:modal-in var(--spring)}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.975)}}.modal h3{margin:0 0 8px;font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.modal-body{margin:0 0 16px;color:var(--text-secondary);font-size:var(--fs-sm)}.modal-warn{display:flex;gap:8px;padding:12px;margin:0 0 16px;border-radius:var(--radius-sm);border:1px solid rgb(var(--warning-rgb) / .3);background:var(--warning-dim);color:var(--text-primary);font-size:var(--fs-sm)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}.pick-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding-right:4px}.pick-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 70%,transparent);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.pick-item:hover{border-color:var(--hairline-accent)}.pick-item input{width:18px;min-height:18px;height:18px;accent-color:var(--accent)}.pick-price{color:var(--text-accent);font-weight:var(--fw-semibold)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .18s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(94vw,460px);display:flex;flex-direction:column;border-left:1px solid var(--hairline-strong);background:linear-gradient(200deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lift);animation:drawer-in var(--spring)}@keyframes drawer-in{0%{transform:translate(30px);opacity:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--hairline)}.drawer-head h3{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.drawer-content{flex:1;overflow-y:auto;padding:16px 20px 28px;display:flex;flex-direction:column;gap:8px}.detail-item{padding:12px;border-radius:var(--radius);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 70%,transparent);transition:border-color var(--transition),transform var(--transition)}.detail-item-link{cursor:pointer}.detail-item-link:hover{border-color:var(--hairline-accent);transform:translate(-2px)}.di-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.di-name{font-weight:var(--fw-semibold)}.di-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--text-tertiary);font-size:var(--fs-xs)}.auth-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-12);overflow:hidden;border-right:1px solid var(--hairline);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 70%,transparent),transparent 70%)}.auth-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(to bottom,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(120% 90% at 20% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(120% 90% at 20% 30%,#000 25%,transparent 75%);pointer-events:none}.ledger{margin-top:var(--space-8);max-width:380px;padding:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 80%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ledger-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--hairline);font-size:var(--fs-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary)}.ledger-total{font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:0;color:var(--text-primary);animation:ledger-total 7.8s var(--ease) infinite}.ledger-rows{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ledger-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--fs-sm);color:var(--text-secondary);animation:ledger-settle 7.8s var(--ease) infinite;animation-delay:calc(var(--i) * 2.6s)}.ledger-row+.ledger-row{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.ledger-dot{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary);box-shadow:0 0 rgb(var(--accent-rgb) / .5);animation:ledger-dot 7.8s var(--ease) infinite;animation-delay:calc(var(--i) * 2.6s)}.ledger-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-value{font-size:var(--fs-sm);color:var(--text-primary)}@keyframes ledger-settle{0%,8%{color:var(--text-secondary)}14%,30%{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:rgb(var(--accent-rgb) / .7)}40%,to{color:var(--text-secondary)}}@keyframes ledger-dot{0%,8%{background:var(--text-tertiary)}14%{background:var(--accent);box-shadow:0 0 0 6px rgb(var(--accent-rgb) / 0)}16%{box-shadow:0 0 rgb(var(--accent-rgb) / .55)}30%{background:var(--accent)}40%,to{background:var(--text-tertiary);box-shadow:0 0 rgb(var(--accent-rgb) / 0)}}@keyframes ledger-total{0%,10%{opacity:1;transform:translateY(0)}15%{opacity:.35;transform:translateY(-3px)}22%,to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ledger-row,.ledger-dot,.ledger-total{animation:none}.ledger-dot{background:var(--accent)}}.auth-aside__glow{position:absolute;inset:auto -20% -30% -20%;height:78%;background:radial-gradient(60% 60% at 50% 100%,rgb(var(--accent-rgb) / .26),transparent 70%);filter:blur(48px);pointer-events:none;animation:aurora-drift 40s ease-in-out infinite alternate}.auth-aside__glow:after{content:"";position:absolute;top:-30%;right:40%;bottom:10%;left:-10%;background:radial-gradient(50% 50% at 30% 50%,rgb(var(--info-rgb) / .16),transparent 70%);filter:blur(56px);animation:aurora-drift 52s ease-in-out infinite alternate-reverse}@keyframes aurora-drift{0%{transform:translate3d(-4%,3%,0) scale(1)}to{transform:translate3d(5%,-4%,0) scale(1.12)}}@media(prefers-reduced-motion:reduce){.auth-aside__glow,.auth-aside__glow:after{animation:none}}.auth-headline{margin:0;font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter);line-height:1.03}.auth-headline em{font-style:normal;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--info)));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-bullets{display:flex;flex-direction:column;gap:12px;margin:28px 0 0;padding:0;list-style:none;color:var(--text-secondary);font-size:var(--fs-sm)}.auth-bullets li{display:flex;align-items:center;gap:8px}.auth-bullets svg{width:16px;height:16px;color:var(--accent);flex:none}.auth-main{display:grid;place-items:center;padding:40px 24px}.auth-card{position:relative;width:min(100%,420px);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--hairline);background:var(--panel-bg);box-shadow:var(--shadow-lift);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:modal-in var(--spring)}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgb(var(--accent-rgb) / .45),transparent 35%,transparent 65%,rgb(255 255 255 / .06));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:24px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 60%,transparent)}.auth-tab{position:relative;z-index:1;min-height:38px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--transition)}.auth-tab.active{color:var(--on-accent)}.auth-tabs-indicator{position:absolute;z-index:0;top:4px;bottom:4px;width:calc(50% - 6px);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--info)));box-shadow:0 10px 26px -12px var(--accent-glow);transition:transform var(--spring),background var(--accent-transition)}.email-suffix{display:flex;align-items:stretch}.email-suffix input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.email-suffix span{display:grid;place-items:center;padding:0 12px;border:var(--input-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--surface-3) 70%,transparent);color:var(--text-tertiary);font-size:var(--fs-xs);white-space:nowrap}.strength{display:flex;gap:4px;margin-top:8px}.strength span{height:4px;flex:1;border-radius:var(--radius-pill);background:var(--surface-3);transition:background var(--transition)}.strength[data-level="1"] span:nth-child(-n+1){background:var(--danger)}.strength[data-level="2"] span:nth-child(-n+2){background:var(--warning)}.strength[data-level="3"] span:nth-child(-n+3){background:var(--accent)}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:var(--fs-xs)}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition)}a:hover{opacity:.8}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-secondary)}.checkbox-row input{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}@media(max-width:900px){.auth-shell{grid-template-columns:1fr;min-height:100dvh}.auth-aside{justify-content:flex-start;gap:var(--space-6);padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--page-x) var(--space-8);border-right:0;border-bottom:1px solid var(--hairline)}.auth-headline{font-size:clamp(1.9rem,1.1rem + 4vw,2.6rem)}.ledger{max-width:none;margin-top:var(--space-6)}.auth-aside>.hint{display:none}.auth-main{padding:var(--space-8) var(--page-x) calc(var(--space-10) + env(safe-area-inset-bottom))}.auth-card{padding:var(--space-6)}}@media(max-width:560px){.ledger{display:none}.auth-aside{padding-bottom:var(--space-6)}}.settings{display:flex;flex-direction:column;gap:var(--space-6)}.settings-rail{display:flex;flex-direction:row;gap:4px;padding:4px;border-radius:var(--panel-radius);border:var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-tab{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;min-height:var(--touch-min);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;text-align:center;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.settings-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.settings-tab.active{color:var(--text-primary);background:linear-gradient(180deg,rgb(var(--accent-rgb) / .16),rgb(var(--accent-rgb) / .02));border-color:var(--hairline-accent)}.settings-tab.active:before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.settings-tab-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 55%,transparent);transition:color var(--transition),border-color var(--transition),background var(--transition)}.settings-tab-icon svg{width:16px;height:16px}.settings-tab.active .settings-tab-icon{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .12)}.settings-tab-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px}.settings-tab-text b{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.settings-tab-text small{font-size:var(--fs-2xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-body{min-width:0}.settings-stack{display:flex;flex-direction:column;gap:var(--stack-gap)}.settings-block-desc{margin:6px 0 0;color:var(--text-secondary);font-size:var(--fs-xs);max-width:60ch}.settings-block .card-head{align-items:flex-start}.settings-actions{display:flex;justify-content:flex-end}.save-bar{position:sticky;bottom:var(--space-4);z-index:5;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:var(--panel-radius);border:1px solid var(--hairline-accent);background:linear-gradient(120deg,color-mix(in srgb,var(--surface-3) 94%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:var(--shadow-lift),var(--glow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:save-bar-in var(--spring) both}@keyframes save-bar-in{0%{opacity:0;transform:translateY(14px)}}.save-bar-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow);animation:save-bar-pulse 1.8s var(--ease) infinite}@keyframes save-bar-pulse{50%{opacity:.35;scale:.8}}.save-bar-text{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.identity{display:flex;align-items:center;gap:var(--space-5)}.identity-avatar{display:grid;place-items:center;width:68px;height:68px;flex:none;border-radius:50%;overflow:hidden;font-family:var(--font-display);font-variation-settings:"wdth" var(--wdth-display);font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--on-accent);background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--info)));box-shadow:0 16px 40px -16px var(--accent-glow);transition:background var(--accent-transition)}.identity-avatar img{width:100%;height:100%;object-fit:cover}.identity-meta{min-width:0}.identity-meta h3{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.identity-mail{display:block;margin-top:4px;color:var(--text-secondary);font-size:var(--fs-sm);word-break:break-all}.identity-meta .row{margin-top:12px;flex-wrap:wrap;gap:8px}.identity-since{color:var(--text-tertiary);font-size:var(--fs-xs)}.field-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field-inline-input{width:110px;flex:none}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:34px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 60%,transparent);color:var(--text-secondary);font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}.chip:hover{color:var(--text-primary);border-color:var(--hairline-strong);transform:translateY(-1px)}.chip.active{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .12)}.input-locked{position:relative}.input-locked input{padding-right:46px}.input-locked-mark{position:absolute;right:14px;top:50%;translate:0 -50%;display:grid;place-items:center;color:var(--text-tertiary);pointer-events:none}.input-locked-mark svg{width:15px;height:15px}.input-reveal{position:absolute;right:5px;top:50%;translate:0 -50%;display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition),background var(--transition)}.input-reveal svg{width:16px;height:16px}.input-reveal:hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-3) 70%,transparent)}.input-reveal[aria-pressed=true]{color:var(--accent)}.notice{display:flex;align-items:flex-start;gap:10px;margin:4px 0 0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 55%,transparent);color:var(--text-secondary);font-size:var(--fs-xs);line-height:1.5}.notice svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--accent)}.notice b{color:var(--text-primary);font-weight:var(--fw-semibold)}.notice-warn{border-color:rgb(var(--warning-rgb) / .3);background:var(--warning-dim)}.notice-warn svg{color:var(--warning)}.preview{display:grid;grid-template-columns:208px 1fr;border-radius:var(--radius-lg);border:1px solid var(--hairline);background:radial-gradient(420px 220px at 100% 0%,color-mix(in srgb,var(--preview-accent) 12%,transparent),transparent 70%),var(--bg);overflow:hidden}.preview-sidebar{display:flex;flex-direction:column;gap:12px;padding:14px 12px;border-right:1px solid var(--hairline);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),transparent)}.preview-brand{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}.preview-brand strong{font-family:var(--font-display);font-variation-settings:"wdth" var(--wdth-display);font-size:var(--fs-sm);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-logo{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;color:var(--on-accent);background:linear-gradient(140deg,var(--preview-accent),color-mix(in srgb,var(--preview-accent) 55%,var(--info)))}.preview-logo svg{width:15px;height:15px}.preview-logo .nav-marker{opacity:1}.preview-nav{display:flex;flex-direction:column;gap:2px}.preview-nav-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-secondary);font-size:var(--fs-xs)}.preview-nav-item svg{width:15px;height:15px;flex:none}.preview-nav-item .grow{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-nav-item.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--preview-accent) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 18%,transparent),transparent)}.preview-nav-item.active .nav-marker,.preview-nav-item.active svg{color:var(--preview-accent);opacity:1}.preview-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.preview-heading{font-family:var(--font-display);font-variation-settings:"wdth" var(--wdth-display);font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--tracking-tighter)}.preview-metric{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.preview-metric-label{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-secondary)}.preview-metric-value{font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight)}.preview-bars{display:flex;flex-direction:column;gap:6px;width:100%}.preview-bars span{height:6px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--preview-accent),color-mix(in srgb,var(--preview-accent) 45%,transparent))}.preview-btn{padding:8px 16px;border-radius:var(--radius-sm);color:var(--on-accent);background:linear-gradient(135deg,var(--preview-accent),color-mix(in srgb,var(--preview-accent) 62%,var(--info)));font-size:var(--fs-xs);font-weight:var(--fw-semibold);box-shadow:0 14px 30px -18px color-mix(in srgb,var(--preview-accent) 90%,transparent)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--swatch);color:var(--on-accent);cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.swatch svg{width:17px;height:17px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:var(--text);box-shadow:0 0 0 3px var(--bg),0 0 22px -4px var(--swatch)}.swatch-custom{overflow:hidden;color:var(--text);background:conic-gradient(from 210deg,#ff5db1,#ffc53d,#2de3a0,#22d3ee,#2e90ff,#8b7dff,#ff5db1)}.swatch-custom:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--swatch);border:1px solid rgb(0 0 0 / .25)}.swatch-custom svg{position:relative;z-index:1;width:15px;height:15px;color:var(--on-accent)}.swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;opacity:0;cursor:pointer}.accent-readout{flex:none;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--text-secondary);font-size:var(--fs-xs)}.style-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.style-option{display:grid;place-items:center;gap:8px;padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}.style-option:hover{color:var(--text-primary);border-color:var(--hairline-strong);transform:translateY(-1px)}.style-option.active{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .12)}.style-option-glyph{display:grid;place-items:center;height:20px}.style-option-glyph svg{width:17px;height:17px}.style-option .nav-marker{opacity:1}.style-option-label{font-size:var(--fs-xs);font-weight:var(--fw-medium)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.icon-pick{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--text-secondary);cursor:pointer;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}.icon-pick svg{width:18px;height:18px}.icon-pick:hover{color:var(--text-primary);border-color:var(--hairline-strong);transform:translateY(-1px)}.icon-pick.active{color:var(--accent);border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .12)}.icon-pick.is-static{cursor:default}.nav-order{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-order-row{border-radius:var(--radius);border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 70%,transparent);overflow:hidden;transition:border-color var(--transition),background var(--transition)}.nav-order-row:hover{border-color:var(--hairline-strong)}.nav-order-row.open{border-color:var(--hairline-accent);background:rgb(var(--accent-rgb) / .05)}.nav-order-main{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--fs-sm)}.nav-order-main .grow{flex:1;min-width:0}.nav-order-main .icon-pick{width:34px;height:34px;flex:none}.nav-order-index{width:20px;flex:none;color:var(--text-tertiary);font-size:var(--fs-xs)}.nav-order-moves{display:flex;gap:4px;flex:none}.nav-order-picker{padding:10px;border-top:1px dashed var(--hairline);background:color-mix(in srgb,var(--bg) 45%,transparent);animation:picker-in var(--transition-slow) both}@keyframes picker-in{0%{opacity:0;transform:translateY(-6px)}}.rule-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0}.rule-list li{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);border:1px dashed var(--hairline-strong);color:var(--text-tertiary);font-size:var(--fs-xs);transition:color var(--transition),border-color var(--transition),background var(--transition)}.rule-list li.ok{color:var(--success);border-style:solid;border-color:color-mix(in srgb,var(--success) 35%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent)}.rule-mark{display:grid;place-items:center;width:14px;height:14px;flex:none}.rule-mark svg{width:13px;height:13px}.rule-list li:not(.ok) .rule-mark:before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid currentColor}.access-log{position:relative;list-style:none;margin:0;padding:0}.access-log:before{content:"";position:absolute;left:5px;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,var(--hairline-strong),transparent)}.access-log li{position:relative;display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--hairline)}.access-log li:last-child{border-bottom:0;padding-bottom:0}.access-log-mark{width:11px;height:11px;flex:none;border-radius:50%;border:2px solid var(--hairline-strong);background:var(--bg)}.access-log li:first-child .access-log-mark{border-color:var(--accent);background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.access-log-when{flex:1;min-width:0;color:var(--text-secondary);font-size:var(--fs-sm)}@media(max-width:640px){.settings-rail{overflow-x:auto;scrollbar-width:none}.settings-rail::-webkit-scrollbar{display:none}.settings-tab{flex:1 0 auto;min-width:max(9rem,30%)}.settings-tab-text small{display:none}}@media(max-width:620px){.preview{grid-template-columns:1fr}.preview-sidebar{border-right:0;border-bottom:1px solid var(--hairline)}.identity{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.save-bar{flex-wrap:wrap}.save-bar-text{flex:1 0 100%}.save-bar .btn{flex:1}}.badge-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 8px;border-radius:var(--radius-pill);background:var(--danger);color:var(--text);font-size:var(--fs-2xs);font-weight:var(--fw-bold)}.status-dot{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);text-transform:capitalize}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status-active{color:var(--accent)}.status-pending{color:var(--warning)}.status-suspended{color:var(--danger)}.copy-box{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--input-bg);font-size:var(--fs-xs);word-break:break-all}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--bg);opacity:1;transition:opacity .48s cubic-bezier(.22,1,.36,1);pointer-events:auto}.boot--exit{opacity:0;pointer-events:none}.boot--enter{opacity:0;animation:boot-overlay-in .48s cubic-bezier(.22,1,.36,1) forwards;pointer-events:auto}@keyframes boot-overlay-in{to{opacity:1}}.boot--enter .boot__inner{opacity:0;transform:translateY(10px);animation:boot-in .52s cubic-bezier(.22,1,.36,1) forwards}.boot__inner{display:grid;place-items:center;gap:16px;animation:boot-in .52s cubic-bezier(.22,1,.36,1)}.boot--exit .boot__inner{animation:none;transform:translateY(-8px) scale(.98);opacity:0;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .36s ease-out}.boot__logo{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;color:var(--bg);background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--info)));box-shadow:0 0 60px -10px var(--accent-glow);animation:boot-breathe 2.2s ease-in-out infinite;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .36s ease-out,box-shadow .48s ease-out}.boot--exit .boot__logo{animation:none;transform:scale(1.1);opacity:0;box-shadow:0 0 80px 0 var(--accent-glow)}.boot__logo svg{width:30px;height:30px}.boot__label{margin:0;color:var(--text-tertiary);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);transition:opacity .32s ease-out,transform .32s ease-out}.boot--exit .boot__label{opacity:0;transform:translateY(6px)}@keyframes boot-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.06);opacity:1}}.app-enter{min-height:100dvh;opacity:0;transform:translateY(14px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.app-enter--active{opacity:1;transform:translateY(0)}.app-enter--exit{opacity:0;transform:translateY(12px);pointer-events:none}.btn-icon,.btn-sm{position:relative}.btn-icon:after,.btn-sm:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:max(100%,var(--touch-min));height:max(100%,var(--touch-min));transform:translate(-50%,-50%)}.btn-sm{min-height:36px}.btn[aria-busy=true]{cursor:progress;pointer-events:none}.btn[aria-busy=true]>*{opacity:.35}.btn[aria-busy=true]:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .64s linear infinite}.btn[aria-busy=true]{position:relative}@keyframes btn-spin{to{transform:rotate(360deg)}}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:rgb(var(--danger-rgb) / .55)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{border-color:var(--danger);box-shadow:0 0 0 3px rgb(var(--danger-rgb) / .14)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in srgb,var(--surface-2) 40%,transparent)}tbody tr:active,.nav-item:active,.metric[role=button]:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.btn[aria-busy=true]:before{animation-duration:2s}tbody tr:active,.nav-item:active,.metric[role=button]:active{transform:none}}