@import"https://fonts.googleapis.com/css2?family=Cookie&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--background: #030910;--foreground: #f7fbff;--title: #ffffff;--surface: rgba(4, 11, 18, .74);--surface-2: rgba(255, 255, 255, .05);--muted: rgba(213, 226, 239, .62);--muted-strong: rgba(236, 244, 252, .82);--border: rgba(174, 218, 250, .2);--border-strong: rgba(82, 213, 255, .5);--primary: #00d4ff;--primary-hover: #28a8ff;--primary-soft: rgba(0, 212, 255, .16);--primary-foreground: #ffffff;--input: rgba(2, 8, 15, .64);--shadow: rgba(0, 0, 0, .64);--hero-muted: rgba(221, 231, 242, .74);--grid: rgba(77, 202, 255, .18);--radius: 22px;color:var(--foreground);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:light){:root:not([data-theme]){--background: #f5f8fc;--foreground: #132033;--title: #142032;--surface: rgba(255, 255, 255, .7);--surface-2: rgba(15, 34, 54, .035);--muted: rgba(84, 97, 116, .76);--muted-strong: rgba(53, 67, 88, .9);--border: rgba(32, 55, 82, .11);--border-strong: rgba(0, 163, 255, .42);--primary: #20b7ff;--primary-hover: #0b93f0;--primary-soft: rgba(32, 183, 255, .13);--primary-foreground: #ffffff;--input: rgba(255, 255, 255, .56);--shadow: rgba(35, 50, 70, .16);--hero-muted: rgba(82, 96, 116, .78);--grid: rgba(38, 70, 100, .09)}}html[data-theme=light]{--background: #f5f8fc;--foreground: #132033;--title: #142032;--surface: rgba(255, 255, 255, .7);--surface-2: rgba(15, 34, 54, .035);--muted: rgba(84, 97, 116, .76);--muted-strong: rgba(53, 67, 88, .9);--border: rgba(32, 55, 82, .11);--border-strong: rgba(0, 163, 255, .42);--primary: #20b7ff;--primary-hover: #0b93f0;--primary-soft: rgba(32, 183, 255, .13);--primary-foreground: #ffffff;--input: rgba(255, 255, 255, .56);--shadow: rgba(35, 50, 70, .16);--hero-muted: rgba(82, 96, 116, .78);--grid: rgba(38, 70, 100, .09)}html[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html,body{overflow:hidden}body[data-view=dashboard]{overflow:auto}body[data-view=dashboard],body[data-view=dashboard] #root{height:auto;min-height:100%}body{margin:0;background:var(--background)}button,input{font:inherit}button{border:0}::selection{color:var(--primary-foreground);background:var(--primary)}.app-shell{position:relative;width:100vw;height:100vh;min-height:680px;display:grid;grid-template-columns:minmax(520px,1fr) minmax(560px,1fr);overflow:hidden;isolation:isolate;background:var(--background)}@supports (height: 100lvh){.app-shell{height:100lvh}}.app-shell:before,.app-shell:after{content:"";position:absolute;z-index:-4;pointer-events:none}.app-shell:before{inset:0;background:radial-gradient(circle at 73% 18%,rgba(0,212,255,.12),transparent 30%),linear-gradient(90deg,transparent calc(50% - 1px),var(--border) calc(50% - 1px),var(--border) calc(50% + 1px),transparent calc(50% + 1px))}.app-shell:after{left:0;right:50%;bottom:-11vh;height:35vh;background:radial-gradient(ellipse 90% 34% at 44% 95%,rgba(0,212,255,.46),transparent 48%),radial-gradient(ellipse 82% 42% at 50% 74%,rgba(0,93,152,.36),transparent 57%),linear-gradient(180deg,transparent 0%,rgba(0,212,255,.09) 72%,rgba(0,0,0,.24) 100%);border-top:1px solid rgba(0,212,255,.3);border-radius:100% 100% 0 0/44% 44% 0 0;filter:drop-shadow(0 -10px 36px rgba(0,212,255,.2))}html[data-theme=light] .app-shell:after{right:50%;bottom:-4vh;height:26vh;background:radial-gradient(ellipse 120% 80% at 34% 100%,rgba(128,117,101,.25),transparent 52%),linear-gradient(8deg,rgba(227,213,194,.88) 0 41%,rgba(238,226,207,.72) 42% 55%,transparent 56%),linear-gradient(-5deg,transparent 0 40%,rgba(225,207,181,.78) 41% 60%,transparent 61%);border-top:1px solid rgba(188,174,152,.3);border-radius:0;filter:blur(.1px)}.page-actions{position:fixed;top:38px;right:38px;z-index:10;display:inline-flex;align-items:center;gap:16px}.support-link{color:var(--muted-strong);text-decoration:none;border-bottom:1px dashed var(--primary);text-underline-offset:6px;font-size:15px;transition:color .18s ease,border-color .18s ease}.support-link:hover{color:var(--primary)}.theme-toggle{width:48px;height:48px;display:grid;place-items:center;color:var(--primary);cursor:pointer;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 18px 46px -28px var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--border-strong)}.hero-panel{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,3.8vw,56px);border-right:1px solid var(--border)}.logo{display:inline-flex;align-items:center;gap:16px;width:fit-content;-webkit-user-select:none;user-select:none;animation:fadeIn .45s ease both}.logo-mark{width:50px;height:50px;display:grid;place-items:center;color:var(--primary);border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);box-shadow:0 26px 60px -32px var(--shadow),inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo-mark svg{width:23px;height:23px}.logo-text{color:var(--title);font-family:Cookie,cursive;font-size:52px;line-height:.9;text-shadow:0 12px 28px rgba(0,0,0,.18)}.hero-copy{max-width:650px;transform:translateY(-1vh);animation:fadeUp .52s .1s cubic-bezier(.2,.7,.2,1) both}.eyebrow,.status-bar,.field-label,.generate-title span,.word-chip small,.note{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace}.eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:clamp(26px,4vh,42px);color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow:after{content:"";width:92px;height:1px;background:linear-gradient(90deg,var(--primary),transparent)}.eyebrow span{width:7px;height:7px;border:1px solid var(--primary);border-radius:999px;background:var(--primary-soft);box-shadow:0 0 0 8px #00d4ff14,0 0 20px #00d4ff85;animation:pulseDot 2.1s ease-in-out infinite}h1,h2,p{margin:0}.hero-copy h1{color:var(--title);font-size:clamp(42px,3.85vw,56px);line-height:1.08;font-weight:800;letter-spacing:-.012em}.hero-copy h1 span{display:block;white-space:nowrap}.hero-copy h1 em{display:block;font-family:"Instrument Serif",ui-serif,Georgia,serif;font-style:italic;font-weight:400;color:var(--primary);letter-spacing:-.035em;text-shadow:0 18px 50px rgba(0,212,255,.28)}.hero-copy p{max-width:500px;margin-top:24px;color:var(--hero-muted);font-size:clamp(16px,1.28vw,19px);line-height:1.65}.status-bar{width:min(100%,390px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px 28px;padding:20px 22px;color:var(--muted);font-size:12px;line-height:1.8;letter-spacing:.04em;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 30px 80px -46px var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeUp .52s .24s cubic-bezier(.2,.7,.2,1) both}.status-lines{display:grid;gap:8px}.status-bar span{display:block}.status-bar em{color:#49d66c;font-style:normal}.status-bar strong{color:var(--muted-strong);font-weight:500}.signal-bars{display:inline-flex;align-items:flex-end;gap:4px}.signal-bars i{display:block;width:4px;border-radius:4px;background:var(--primary);box-shadow:0 0 16px #00d4ff9e}.form-pane{min-width:0;height:100%;display:grid;place-items:center;padding:clamp(56px,6vw,84px) clamp(38px,4.8vw,70px) clamp(28px,3.6vw,46px)}.auth-stack{width:min(100%,560px);display:grid;gap:18px}.auth-card{width:100%;display:grid;gap:20px;padding:clamp(26px,3vw,36px) clamp(28px,3.35vw,44px);border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 34px 92px -48px var(--shadow),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);animation:fadeUp .52s .18s cubic-bezier(.2,.7,.2,1) both}html[data-theme=dark] .auth-card{border-color:#95dbff61;box-shadow:0 36px 100px -48px #000000e6,0 0 62px #00d4ff14,inset 0 1px #ffffff14}.form-top{display:flex;align-items:center;justify-content:flex-start;gap:20px}.generate-card .form-top{justify-content:space-between}.tabs{display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);box-shadow:inset 0 1px #ffffff0f}.tabs button{min-width:118px;height:42px;padding:0 16px;color:var(--muted);cursor:pointer;border-radius:11px;background:transparent;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.tabs button.active{position:relative;color:var(--title);background:#ffffff1a;box-shadow:0 16px 34px -28px var(--shadow),inset 0 1px #ffffff17}html[data-theme=light] .tabs button.active{background:#ffffffc7}.tabs button.active:after{content:"";position:absolute;left:34%;right:34%;bottom:-5px;height:3px;border-radius:999px;background:var(--primary);box-shadow:0 0 16px #00d4ff57}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer;background:transparent;transition:color .18s ease}.back-link{font-size:13px}.back-link:hover{color:var(--foreground)}.field-block{display:grid;gap:16px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted-strong);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.field-label b{color:var(--primary);font-weight:700}.field-label i{margin:0 9px;color:var(--primary);font-style:normal}.phrase-field{display:flex;align-items:center;height:58px;padding:0 16px 0 24px;border:1px solid var(--border);border-radius:16px;background:var(--input);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.phrase-field:focus-within{border-color:var(--border-strong);background:color-mix(in srgb,var(--input),var(--primary-soft) 22%);box-shadow:0 0 0 4px #00d4ff14}.phrase-field input{width:100%;min-width:0;color:var(--foreground);outline:none;border:0;background:transparent;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:500;letter-spacing:.02em}.phrase-field input::placeholder{color:color-mix(in srgb,var(--muted),transparent 35%)}.phrase-field button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:var(--muted);cursor:pointer;border-radius:14px;background:transparent;transition:color .2s ease,background .2s ease}.phrase-field button:hover{color:var(--foreground);background:var(--surface-2)}.primary-action,.secondary-action,.small-actions button{cursor:pointer}.primary-action,.secondary-action{position:relative;overflow:hidden;width:100%;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:16px;font-size:16px;font-weight:700;transition:transform .16s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.primary-action{color:var(--primary-foreground);background:linear-gradient(135deg,#31c5ff,#159cff);box-shadow:0 20px 46px -22px #009cffd6}.primary-action:after{content:"";position:absolute;inset:0;transform:translate(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transition:transform .7s ease}.primary-action:hover{transform:translateY(-1px);box-shadow:0 24px 58px -24px #009cffe6}.primary-action:hover:after{transform:translate(110%)}.primary-action svg,.primary-action span{position:relative;z-index:1}.primary-action:hover svg,.secondary-action:hover svg:last-child{transform:translate(3px)}.primary-action svg,.secondary-action svg{transition:transform .18s ease}.secondary-action{color:var(--muted-strong);border:1px solid var(--border);background:#ffffff09}.secondary-action svg:first-child{color:var(--primary)}.secondary-action:hover{color:var(--foreground);border-color:var(--border-strong);background:var(--surface-2)}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--border))}.divider:after{background:linear-gradient(90deg,var(--border),transparent)}.generate-card{gap:22px}.generate-title span{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.generate-title h2{margin-top:12px;color:var(--title);font-size:clamp(36px,4vw,54px);line-height:.95;font-weight:800}.phrase-reveal{display:flex;flex-wrap:wrap;gap:11px;padding:24px;border:1px solid color-mix(in srgb,var(--primary),transparent 68%);border-radius:22px;background:radial-gradient(circle at 0 0,var(--primary-soft),transparent 55%),var(--surface-2)}.word-chip{display:inline-flex;align-items:baseline;gap:8px;padding:10px 13px;color:var(--foreground);border:1px solid var(--border);border-radius:999px;background:#ffffff0f;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700}html[data-theme=light] .word-chip{background:#ffffff8f}.word-chip small{color:var(--primary);font-size:10px}.small-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--foreground);border:1px solid var(--border);border-radius:16px;background:var(--surface-2);transition:border-color .2s ease,background .2s ease}.small-actions button:hover{border-color:var(--border-strong);background:#ffffff12}.small-actions button:hover svg{transform:rotate(180deg)}.note{margin:0;color:var(--muted);font-size:11px;line-height:1.65;text-align:center}.security-note{display:flex;align-items:flex-start;justify-content:center;gap:14px;color:var(--muted);font-size:13px;line-height:1.65}.security-note svg{flex:0 0 auto;margin-top:3px;color:var(--primary)}.boot-loader{position:fixed;inset:0;display:grid;place-items:center;gap:14px;color:var(--primary);font-family:Cookie,cursive;font-size:56px;z-index:2}.boot-loader svg{filter:drop-shadow(0 0 18px rgba(0,212,255,.34))}.form-error{margin:-8px 0 0;color:#ff5c7a;font-size:13px;line-height:1.5}.phrase-loading{min-height:94px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border);border-radius:18px}button:disabled{cursor:not-allowed;opacity:.58}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));padding:13px 18px;color:var(--foreground);border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:0 26px 80px -38px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-shell{position:relative;min-height:100vh;height:auto;color:var(--foreground);background:var(--background);isolation:isolate;overflow-x:hidden;padding-bottom:max(24px,4vh)}.dashboard-shell .cosmic-background{opacity:.8}.dash-header{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(18px,4vw,44px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background),transparent 18%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dash-logo{display:inline-flex;align-items:center;gap:12px;color:var(--title);cursor:pointer;background:transparent}.dash-logo span{width:38px;height:38px;display:grid;place-items:center;color:var(--primary);border:1px solid var(--border-strong);border-radius:14px;background:var(--surface)}.dash-logo b{font-family:Cookie,cursive;font-size:42px;line-height:.85;font-weight:400}.dash-actions{display:inline-flex;align-items:center;gap:10px}.user-chip,.dash-icon-button{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--muted-strong);cursor:pointer;border:1px solid var(--border);border-radius:14px;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.user-chip{padding:0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.dash-icon-button,.dash-theme{width:42px}.dash-theme{height:42px;border-radius:14px}.dashboard-grid{width:min(1180px,94vw);margin:0 auto;padding:clamp(14px,2.3vh,26px) 0 max(64px,10vh);display:grid;grid-template-columns:minmax(180px,19.6%) minmax(0,1fr);gap:clamp(14px,2.4vw,28px)}.dash-sidebar{position:sticky;top:94px;align-self:start;padding:10px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 28px 80px -48px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dash-sidebar nav{display:grid;gap:4px}.dash-sidebar button{min-height:46px;display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--muted);cursor:pointer;border-radius:14px;background:transparent;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.dash-sidebar button:hover,.dash-sidebar button.active{color:var(--foreground);background:var(--surface-2)}.dash-sidebar button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary),transparent 68%)}.dash-sidebar button.active svg{color:var(--primary)}.dash-content{min-width:0}.dash-page{display:grid;gap:clamp(14px,2.1vh,22px);animation:fadeUp .34s cubic-bezier(.2,.7,.2,1) both}.dash-page.narrow{max-width:680px;margin:0 auto}.page-title h1{color:var(--title);font-size:clamp(26px,3.1vw,38px);line-height:1.05;font-weight:800;letter-spacing:-.02em}.page-title p{margin-top:.8vh;color:var(--muted);font-size:15px}.import-banner,.hero-card,.stat-card,.dash-tile,.tariff-card,.table-card,.info-list{border:1px solid var(--border);background:var(--surface);box-shadow:0 28px 80px -48px var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.import-banner{width:100%;min-height:84px;display:flex;align-items:center;gap:16px;padding:18px;color:var(--foreground);cursor:pointer;border-radius:22px;text-align:left}.import-banner>svg:first-child{width:46px;height:46px;padding:12px;color:var(--primary);border-radius:15px;background:var(--primary-soft)}.import-banner span{flex:1;min-width:0}.import-banner b,.import-banner small{display:block}.import-banner small{margin-top:4px;color:var(--muted);font-size:13px}.hero-card{position:relative;overflow:hidden;padding:clamp(18px,3vw,30px);border-radius:26px}.account-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}.account-emblem{width:clamp(82px,9vw,112px);height:clamp(82px,9vw,112px);display:grid;place-items:center;color:var(--primary);border:1px solid var(--border);border-radius:28px;background:radial-gradient(circle at 30% 0%,var(--primary-soft),transparent 60%),var(--surface-2)}.kicker{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero-card h2{margin-top:8px;color:var(--title);font-size:clamp(26px,3.2vw,38px);line-height:1;font-weight:800}.hero-card p{margin-top:10px;color:var(--muted);line-height:1.6}.dash-primary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;color:var(--primary-foreground);cursor:pointer;border-radius:15px;background:linear-gradient(135deg,#31c5ff,#159cff);box-shadow:0 20px 46px -26px #009cffe6;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.dash-primary:hover{transform:translateY(-1px);box-shadow:0 24px 56px -24px #009cffe6}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.3vw,14px)}.stat-card{display:flex;align-items:center;gap:14px;padding:clamp(14px,1.6vw,18px);border-radius:20px}.stat-card>span{width:42px;height:42px;display:grid;place-items:center;color:var(--primary);border-radius:14px;background:var(--surface-2)}.stat-card p{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stat-card strong{display:block;margin-top:3px;color:var(--title);font-size:17px;overflow:hidden;text-overflow:ellipsis}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.3vw,14px)}.dash-tile{min-height:clamp(116px,15vh,150px);display:grid;align-content:start;gap:10px;padding:clamp(16px,1.8vw,20px);color:var(--foreground);text-decoration:none;border-radius:22px}.dash-tile svg{color:var(--primary)}.dash-tile h3{margin:0;font-size:17px}.dash-tile p{margin:0;color:var(--muted)}.tariff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,16px)}.tariff-card{position:relative;display:grid;gap:16px;padding:clamp(18px,2vw,24px);border-radius:24px}.tariff-card.popular{border-color:var(--border-strong)}.badge{width:fit-content;padding:6px 10px;color:var(--primary);border:1px solid var(--border-strong);border-radius:999px;background:var(--primary-soft);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tariff-card h2{margin:0;color:var(--title);font-size:24px}.tariff-card p{margin:0;color:var(--muted)}.tariff-card strong{color:var(--title);font-size:36px;line-height:1}.tariff-card dl,.invoice-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.tariff-card dt,.invoice-detail dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tariff-card dd,.invoice-detail dd{margin:4px 0 0;color:var(--foreground);font-weight:800}.table-card{overflow:hidden;border-radius:22px}.invoice-row{width:100%;display:grid;grid-template-columns:1fr 1.2fr 1.4fr .7fr 150px;gap:14px;align-items:center;padding:16px 20px;color:var(--foreground);text-align:left;border-bottom:1px solid var(--border);background:transparent}button.invoice-row{cursor:pointer}button.invoice-row:hover{background:var(--surface-2)}.invoice-row.header{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:800}.status-badge{width:fit-content;padding:7px 10px;border-radius:11px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status-badge.pending{color:#d99500;border:1px solid rgba(217,149,0,.3);background:#d995001f}.status-badge.paid{color:#31c96b;border:1px solid rgba(49,201,107,.28);background:#31c96b1f}.status-badge.cancelled{color:#ff5c7a;border:1px solid rgba(255,92,122,.28);background:#ff5c7a1f}.empty-state{padding:28px;color:var(--muted);text-align:center}.invoice-detail,.invoice-total,.referral-card,.import-card{display:grid;gap:18px}.invoice-total{grid-template-columns:1fr auto;align-items:baseline}.invoice-total span{color:var(--muted);font-weight:800}.invoice-total strong{color:var(--title);font-size:34px}.payment-disabled{width:100%}.referral-card>svg,.import-card>svg{color:var(--primary)}.referral-card h2{font-family:JetBrains Mono,ui-monospace,monospace}.referral-card .dash-primary,.import-card .dash-primary{width:fit-content}.info-list{display:grid;gap:clamp(8px,1vh,10px);padding:clamp(16px,2vw,22px);border-radius:22px}.info-list h2{margin:0;color:var(--title);font-size:18px}.info-list p{margin:0 0 10px;color:var(--muted);line-height:1.6}.cosmic-background{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:var(--background)}.gradient-layer{position:absolute;inset:0;background:radial-gradient(ellipse 60% 54% at 22% 23%,rgba(0,212,255,.13),transparent 64%),radial-gradient(ellipse 58% 48% at 82% 79%,rgba(0,116,145,.2),transparent 65%),radial-gradient(ellipse 90% 70% at 50% 110%,rgba(0,212,255,.1),transparent 70%)}html[data-theme=light] .gradient-layer{background:radial-gradient(ellipse 58% 58% at 86% 0%,rgba(255,255,255,.96),transparent 56%),radial-gradient(ellipse 60% 50% at 77% 30%,rgba(32,183,255,.08),transparent 66%),radial-gradient(ellipse 52% 42% at 20% 82%,rgba(205,222,239,.6),transparent 72%),linear-gradient(135deg,#fbfdff,#eff5fb)}.grid-layer{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 86% 66% at 52% 42%,black 26%,transparent 84%);mask-image:radial-gradient(ellipse 86% 66% at 52% 42%,black 26%,transparent 84%)}.grid-layer:before,.grid-layer:after{content:"";position:absolute;border:1px solid var(--grid);border-radius:999px}.grid-layer:before{width:520px;height:520px;left:5vw;top:21vh}.grid-layer:after{width:720px;height:720px;left:-2vw;top:16vh;opacity:.52}.cosmic-background canvas,.vignette-layer{position:absolute;inset:0;width:100%;height:100%}html[data-theme=light] .cosmic-background canvas{opacity:.28;filter:invert(1) saturate(.3) opacity(.45)}.vignette-layer{background:linear-gradient(90deg,rgba(3,9,16,.02),transparent 45%,rgba(3,9,16,.08)),radial-gradient(ellipse 100% 80% at 50% 50%,transparent 48%,rgba(3,9,16,.82) 100%)}html[data-theme=light] .vignette-layer{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 45%,rgba(255,255,255,.12)),radial-gradient(ellipse 100% 72% at 50% 50%,transparent 52%,rgba(214,226,239,.38) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.66;transform:scale(.86)}}@media(max-width:1120px){html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr}.app-shell:before{background:var(--background)}.app-shell:after{display:none}.page-actions{position:fixed}.hero-panel{min-height:430px;border-right:0;border-bottom:1px solid var(--border)}.form-pane{min-height:590px;padding-top:40px}.dashboard-grid{grid-template-columns:1fr}.dash-sidebar{position:static}.dash-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.dash-sidebar button{justify-content:center}.dash-sidebar button span{display:none}.tariff-grid{grid-template-columns:1fr}}@media(max-height:760px)and (min-width:1121px){.dash-header{height:58px}.dash-logo span{width:34px;height:34px}.dash-logo b{font-size:36px}.dashboard-grid{padding-top:14px;padding-bottom:28px}.dash-sidebar{top:74px;padding:8px;border-radius:18px}.dash-sidebar button{min-height:40px}.page-title h1{font-size:30px}.page-title p{font-size:14px}.account-card{gap:18px}.hero-card h2{font-size:30px}.hero-card p,.info-list p{line-height:1.45}.dash-primary{min-height:42px}.stat-card>span{width:36px;height:36px}}@media(max-width:660px){.app-shell{min-height:100vh}.page-actions{top:18px;right:18px}.support-link{display:none}.hero-panel{min-height:0;padding:22px 18px}.logo-mark{width:48px;height:48px}.logo-text{font-size:50px}.hero-copy{margin:40px 0;transform:none}.hero-copy h1{font-size:clamp(42px,13vw,62px)}.hero-copy h1 span{white-space:normal}.hero-copy p{font-size:15px}.status-bar{width:100%;padding:18px;gap:14px;font-size:11px}.form-pane{min-height:auto;padding:18px}.auth-card{padding:20px;border-radius:22px}.form-top,.small-actions{grid-template-columns:1fr}.form-top,.generate-card .form-top{display:grid;align-items:stretch;justify-content:stretch}.tabs{width:100%}.tabs button{min-width:0}.back-link{justify-self:end}.phrase-field{height:62px;padding-left:16px}.phrase-field input{font-size:13px}.primary-action,.secondary-action{min-height:56px;font-size:14px}.security-note{justify-content:flex-start;font-size:13px}.dash-header{height:auto;padding:12px 14px}.dash-logo b{font-size:36px}.user-chip span{display:none}.dashboard-grid{width:min(100% - 24px,1180px);padding-top:14px;gap:14px}.dash-sidebar{border-radius:18px}.dash-page{gap:16px}.account-card{grid-template-columns:1fr}.account-emblem{width:86px;height:86px;border-radius:22px}.stat-grid,.tile-grid,.tariff-card dl,.invoice-detail dl,.invoice-row,.invoice-row.header{grid-template-columns:1fr}.invoice-row.header{display:none}.referral-card .dash-primary,.import-card .dash-primary{width:100%}}