:root{--bg:#050505;--surface:#141416;--surface-2:#1d1d20;--red:#f20b0b;--muted:#a7a7ad;--line:#2b2b30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0, #3d0505 0, transparent 28rem), var(--bg);color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1440px;margin:auto;padding:0 28px 48px}.topbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:88px;display:flex}.wordmark{letter-spacing:2px;align-items:center;gap:8px;font-size:21px;display:inline-flex;position:relative}.wordmark b{font-weight:900}.wordmark em{color:var(--red);font-size:16px;font-style:normal;font-weight:900}.wordmark i{background:var(--red);width:56px;height:2px;position:absolute;bottom:-8px;left:0}.admin-actions{color:var(--muted);align-items:center;gap:18px;font-size:14px;display:flex}.hero{max-width:730px;padding:58px 0 36px}.hero p,.eyebrow{color:var(--red);letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(32px,5vw,58px);line-height:1.04}.hero span{color:var(--muted);font-size:17px}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.metric,.card{border:1px solid var(--line);background:linear-gradient(145deg,#1b1b1e,#111113);border-radius:20px}.metric{padding:22px;position:relative;overflow:hidden}.metric span{color:var(--muted);font-size:14px}.metric strong{margin-top:11px;font-size:34px;display:block}.metric i{border:14px solid #f20b0b30;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-36px;right:-22px}.grid{grid-template-columns:minmax(320px,.88fr) minmax(420px,1.42fr);gap:24px;display:grid}.card{padding:25px}.section-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-title h2{margin:0;font-size:22px}.section-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.badge{width:35px;height:35px;color:var(--red);background:#f20b0b25;border-radius:11px;place-items:center;font-size:22px;font-weight:900;display:grid}.customer-form{gap:14px;display:grid}.two-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:#d7d7db;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{color:#fff;background:#0b0b0d;border:1px solid #35353a;border-radius:11px;outline:none;width:100%;padding:12px}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px #f20b0b20}.toggle,.check{align-items:center;gap:9px;display:flex}.toggle input,.check input{width:auto;accent-color:var(--red)}fieldset{border:1px solid #343439;border-radius:12px;margin:0;padding:13px}legend{color:var(--muted);padding:0 7px;font-size:12px}.list-options{flex-wrap:wrap;gap:13px;display:flex}.primary{color:#fff;background:linear-gradient(120deg,#ff1616,#b60000);border:0;border-radius:12px;padding:13px 17px;font-weight:800;box-shadow:0 10px 24px #b6000030}.primary:disabled{opacity:.55;cursor:not-allowed}.ghost{color:#fff;background:0 0;border:1px solid #3c3c40;border-radius:10px;padding:9px 13px}.search{margin-bottom:14px}.customer-list{gap:9px;max-height:650px;display:grid;overflow:auto}.customer{background:#111114;border:1px solid #2b2b30;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.customer strong,.customer span,.customer small{display:block}.customer span,.customer small{color:var(--muted);margin-top:4px;font-size:13px}.customer small{font-size:11px}.mini{padding:8px 10px;font-size:12px}.renew{align-items:center;gap:6px;display:flex}.renew select{min-width:115px;padding:8px}.empty{color:var(--muted);text-align:center;padding:30px}.notice{border-radius:12px;justify-content:space-between;margin:0 0 20px;padding:12px 15px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-size:18px}.notice.success{color:#c4ffd2;background:#11351d}.notice.error,.form-error{color:#ffabab;background:#440d0d}.notice.error{padding:12px 15px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#121214;border:1px solid #2d2d31;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;max-width:980px;display:grid;overflow:hidden;box-shadow:0 30px 80px #000}.login-brand{background:radial-gradient(circle at 0 100%,#750000,#0000 43%),linear-gradient(145deg,#be0505,#360000);padding:62px 50px}.login-brand p{color:#ffd4d4;max-width:280px;margin-top:42px;font-size:20px;line-height:1.4}.brand-line{border-top:3px solid #fff;width:70px;margin-top:36px}.login-form{align-content:center;gap:18px;padding:54px;display:grid}.login-form h1{margin:8px 0;font-size:34px}.login-form p{color:var(--muted);margin:0}.form-error{border-radius:9px;padding:10px}.login-form .primary{margin-top:5px}@media (max-width:850px){.grid,.login-card{grid-template-columns:1fr}.login-brand{padding:42px 32px}.login-brand p{margin-top:25px}.metrics{grid-template-columns:1fr}.shell{padding:0 16px 30px}.topbar{height:72px}.hero{padding-top:40px}.two-cols{grid-template-columns:1fr}.customer{flex-direction:column;align-items:flex-start}.renew{width:100%}.renew select{flex:1}}:root{--bg:#080809;--surface:#121214;--surface-2:#1a1a1e;--red:#fa1616;--red-soft:#ff3a3a;--muted:#9898a1;--line:#29292e}html{scroll-behavior:smooth}body{isolation:isolate;background:var(--bg);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}body:before{content:none}.shell,.login-page{z-index:1;position:relative}.shell{max-width:1560px;padding:0 36px 56px}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#080809f2 72%,#08080900);height:82px;position:sticky;top:0}.wordmark{letter-spacing:2.8px;font-size:19px}.wordmark em{font-size:14px}.wordmark i{background:linear-gradient(90deg, var(--red), transparent);width:46px}.admin-actions{gap:10px;font-size:13px}.admin-actions b{color:#f3f3f5;font-weight:700}.admin-avatar{background:linear-gradient(140deg, var(--red-soft), #680000);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.ghost{background:#ffffff05;border-color:#3c3c43;transition:all .2s}.ghost:hover{background:#f20b0d18;border-color:#f85252}.dashboard-layout{grid-template-columns:210px minmax(0,1fr);gap:38px;padding-top:28px;display:grid}.sidebar{align-self:start;gap:7px;padding:16px 0;display:grid;position:sticky;top:108px}.sidebar-label{color:#6f6f76;letter-spacing:1.5px;padding:0 13px 10px;font-size:10px;font-weight:800}.nav-item{color:#a6a6ae;border-radius:10px;align-items:center;gap:11px;padding:11px 13px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-item svg{color:#87878e;flex:none}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:#fff;box-shadow:inset 2px 0 0 var(--red);background:linear-gradient(90deg,#f20b0d24,#f20b0d08)}.nav-item.active svg{color:var(--red)}.sidebar-tip{background:linear-gradient(145deg,#18181c,#0f0f11);border:1px solid #2a2a30;border-radius:16px;margin:28px 8px 0;padding:17px}.sidebar-tip span{color:#f34a4a;letter-spacing:1.1px;font-size:10px;font-weight:800}.sidebar-tip p{color:#8f8f97;margin:8px 0 0;font-size:12px;line-height:1.5}.dashboard-content{min-width:0}.hero{background:linear-gradient(114deg,#211114 0%,#141416 52%,#111114 100%);border:1px solid #323238;border-radius:24px;justify-content:space-between;align-items:center;max-width:none;min-height:236px;margin-bottom:25px;padding:38px 42px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 58%,#f20b0d1c);position:absolute;inset:0}.hero p{margin:0 0 12px;font-size:10px}.hero h1{letter-spacing:-2.4px;max-width:670px;margin:0 0 12px;font-size:clamp(31px,3.8vw,52px)}.hero span{max-width:580px;font-size:15px;line-height:1.55;display:block}.hero-orbit{z-index:1;color:#fff;letter-spacing:2px;border:1px solid #ff4a4a59;border-radius:50%;place-items:center;width:150px;height:150px;margin-right:22px;font-size:11px;font-weight:800;display:grid;position:relative;transform:rotate(-12deg);box-shadow:0 0 0 18px #f20b0d08,0 0 0 37px #f20b0d05}.hero-orbit:before,.hero-orbit:after{content:"";background:var(--red);border-radius:50%;position:absolute}.hero-orbit:before{width:9px;height:9px;top:12px;left:24px}.hero-orbit:after{width:6px;height:6px;bottom:35px;right:17px}.hero-orbit i{border-left:3px solid var(--red);border-bottom:3px solid var(--red);width:52px;height:52px;position:absolute;transform:rotate(45deg)}.metric,.card{border-color:#2d2d33;box-shadow:0 16px 34px #00000018}.metric{background:linear-gradient(145deg,#1b1b20,#101012);align-items:center;gap:15px;min-height:126px;padding:22px;display:flex}.metric strong{letter-spacing:-1px;margin-top:4px;font-size:38px}.metric span{font-size:12px}.metric-icon{width:42px;height:42px;color:var(--red);background:#f20b0d18;border-radius:13px;flex:0 0 42px;place-items:center;font-size:21px;font-weight:800;display:grid}.metric.subscriptions .metric-icon{color:#ff9d4d;background:#ff9d4d15}.metric.trials .metric-icon{color:#c37cff;background:#c37cff14}.metric i{opacity:.8;border-width:12px;width:88px;height:88px;bottom:-40px;right:-28px}.grid{grid-template-columns:minmax(320px,.95fr) minmax(480px,1.4fr);align-items:start;gap:20px}.card{background:linear-gradient(145deg,#17171b,#111113);border-radius:20px;padding:26px}.form-card{border-top:2px solid #e90b0b}.section-title{margin-bottom:22px}.section-title h2{letter-spacing:-.4px;font-size:20px}.section-title p{font-size:12px}.badge{background:linear-gradient(145deg,#f20b0d30,#f20b0d0e);border-radius:12px;width:38px;height:38px}.customer-form{gap:16px}label{color:#c1c1c7;letter-spacing:.25px;text-transform:uppercase;gap:8px;font-size:11px}input,select{color:#f2f2f4;text-transform:none;letter-spacing:normal;background:#0d0d0f;border-color:#33333a;border-radius:10px;padding:13px 12px;font-size:14px;transition:all .18s}input:hover,select:hover{border-color:#494951}input:focus,select:focus{box-shadow:0 0 0 3px #f20b0d1f}.toggle{color:#f1f1f3;text-transform:none;letter-spacing:normal;background:#ffffff04;border:1px solid #303037;border-radius:10px;padding:12px 13px;font-size:13px}fieldset{background:#0d0d0f80;border-color:#303038;padding:14px}legend{letter-spacing:1px;text-transform:uppercase;font-size:10px}.check{text-transform:none;letter-spacing:normal;background:#ffffff05;border-radius:8px;padding:6px 8px;font-size:12px}.primary{background:linear-gradient(120deg,#ff2121,#b70000);border-radius:11px;min-height:45px;transition:transform .18s,box-shadow .18s}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #b6000048}.search-control{margin-bottom:14px;position:relative}.search-control svg{z-index:1;color:#85858d;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search{margin:0;padding-left:39px}.customer-list{gap:10px;max-height:555px;padding-right:3px}.customer{background:linear-gradient(100deg,#151519,#101012);border-color:#2e2e35;border-radius:13px;padding:16px;transition:all .2s;position:relative}.customer:hover{border-color:#4b4b53;transform:translate(2px)}.customer-clickable{cursor:pointer}.customer-clickable:hover{background:linear-gradient(100deg,#1c1517,#111113);border-color:#9d292d}.customer strong{font-size:14px}.customer span{color:#b5b5bb}.customer small{color:#797982}.renew select{background:#080809}.notice{border:1px solid;box-shadow:0 12px 24px #00000020}.notice.success{border-color:#285b36}.notice.error{border-color:#7f2525}.toast{z-index:80;color:#f3f3f5;background:#17171b;border-radius:13px;align-items:center;gap:16px;max-width:min(430px,100vw - 32px);padding:13px 15px;animation:.2s ease-out toast-in;display:flex;position:fixed;top:22px;right:24px;box-shadow:0 18px 42px #00000080}.toast.success{border-color:#3a874d}.toast.error{border-color:#b5363b}.toast button{color:#c7c7cd;background:#ffffff0b;border:0;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;padding:0;display:grid}.toast button:hover{color:#fff;background:#ffffff18}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-page{background:radial-gradient(circle at 18% 15%,#5e0b0d 0,#0000 26rem),radial-gradient(circle at 88% 78%,#2a0708 0,#0000 28rem),#070708}.login-card{border-color:#3b3b40;border-radius:26px;max-width:1020px;box-shadow:0 32px 100px #000000a6}.login-brand{background:radial-gradient(circle at 0 100%,#8c0004,#0000 48%),linear-gradient(145deg,#d30b0e,#410204 67%,#170002);position:relative;overflow:hidden}.login-brand:before{content:"";border:1px solid #ffffff2d;border-radius:50%;width:320px;height:320px;position:absolute;top:-155px;right:-155px;box-shadow:0 0 0 32px #ffffff0b,0 0 0 66px #ffffff08}.login-brand p{font-size:18px;line-height:1.5;position:relative}.login-form{background:linear-gradient(145deg,#18181b,#111113);padding:58px}.login-form h1{letter-spacing:-1.5px;font-size:37px}.login-page{isolation:isolate;background:#070708;padding:28px;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";z-index:-1;pointer-events:none;filter:blur(2px);border-radius:50%;position:fixed}.login-page:before{background:radial-gradient(circle,#b7080b45,#0000 66%);width:620px;height:620px;top:-370px;left:-220px}.login-page:after{background:radial-gradient(circle,#71000435,#0000 68%);width:500px;height:500px;bottom:-270px;right:-260px}.login-card{background:#111113;border:1px solid #35353b;border-radius:24px;grid-template-columns:minmax(340px,.94fr) minmax(380px,1.06fr);max-width:940px;min-height:570px;box-shadow:0 38px 90px #000000a8}.login-brand{background:linear-gradient(135deg,#251214 0%,#151518 59%,#101012 100%);flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 54px;display:flex}.login-brand:before{border-color:#f20b0d4d;width:230px;height:230px;top:-116px;right:-95px;box-shadow:0 0 0 27px #f20b0d0a,0 0 0 55px #f20b0d06}.login-brand:after{content:"";background:linear-gradient(90deg,#0000,#f20b0d80,#0000);width:330px;height:1px;position:absolute;bottom:39px;right:-80px;transform:rotate(-28deg)}.login-brand-kicker{z-index:1;color:#ef3535;letter-spacing:1.7px;margin-bottom:18px;font-size:10px;font-weight:800;position:relative}.login-brand .wordmark{z-index:1;letter-spacing:4px;font-size:30px;position:relative}.login-brand .wordmark em{font-size:19px}.login-brand .wordmark i{width:68px;bottom:-10px}.login-brand h2{z-index:1;letter-spacing:-1.6px;max-width:315px;margin:51px 0 12px;font-size:clamp(29px,3vw,40px);line-height:1.08;position:relative}.login-brand p{z-index:1;color:#a9a9b1;max-width:320px;margin:0;font-size:14px;line-height:1.6;position:relative}.brand-line{z-index:1;border-color:var(--red);opacity:.9;width:54px;margin-top:30px;position:relative}.login-mark{z-index:1;opacity:.9;filter:drop-shadow(0 14px 20px #00000085);width:86px;height:86px;position:absolute;bottom:42px;right:38px}.login-form{background:linear-gradient(145deg,#18181b,#111113);align-content:center;gap:18px;padding:64px 60px;display:grid}.login-heading{margin-bottom:12px}.login-form .eyebrow{font-size:10px}.login-form h1{letter-spacing:-1.4px;margin:9px 0 8px;font-size:34px;line-height:1.08}.login-form p{color:#93939b;margin:0;font-size:13px;line-height:1.5}.login-form .primary{width:100%;margin-top:7px}.login-form .form-error{border:1px solid #843237;border-radius:9px;padding:10px 12px;font-size:12px}@media (max-width:1080px){.dashboard-layout{grid-template-columns:1fr;gap:0}.sidebar{flex-wrap:wrap;gap:6px;padding:0 0 22px;display:flex;position:static}.sidebar-label,.sidebar-tip{display:none}.nav-item{border:1px solid #303036}.grid{grid-template-columns:1fr}}@media (max-width:680px){.shell{padding:0 16px 34px}.topbar{height:70px}.admin-actions>span:not(.admin-avatar){display:none}.dashboard-layout{padding-top:19px}.hero{min-height:220px;padding:28px 23px}.hero h1{font-size:32px}.hero-orbit{display:none}.metrics{gap:10px}.metric{min-height:100px}.metric strong{font-size:31px}.card{padding:19px}.customers{min-height:auto}.login-page{padding:14px}.login-form,.login-brand{padding:34px 24px}}.nav-item{width:100%;font:inherit;text-align:left;background:0 0;border:0}.logout-button,.create-button{align-items:center;gap:8px;display:inline-flex}.create-button{min-height:39px;margin-top:20px;padding:10px 14px;font-size:13px}.create-button:hover:not(:disabled){background:linear-gradient(120deg,#ff2424,#c30000);box-shadow:0 12px 24px #c900004d}.hero-status{z-index:1;background:linear-gradient(145deg,#ffffff12,#f20b0d0d);border:1px solid #ffffff1d;border-radius:18px;align-content:center;justify-items:center;width:164px;min-height:156px;padding:17px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff12,0 18px 32px #0000001f}.status-label{color:#aaaab2;letter-spacing:1px;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.status-dot{background:#ff3434;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f20b0d20,0 0 13px #ff3434}.status-symbol{color:#fff;background:linear-gradient(145deg,#fd3333,#a70000);border-radius:16px;place-items:center;width:54px;height:54px;margin:13px 0 9px;display:grid;box-shadow:0 10px 22px #a4000059}.hero-status strong{color:#f6f6f8;letter-spacing:1.8px;text-align:center;font-size:12px;line-height:1.07}.hero-status em{color:#ef3535;letter-spacing:1.5px;font-size:9px;font-style:normal}.status-bars{align-items:end;gap:3px;height:13px;margin-top:10px;display:flex}.status-bars span{background:#f349495e;border-radius:4px;width:18px}.status-bars span:first-child{height:4px}.status-bars span:nth-child(2){background:#f34949a3;height:8px}.status-bars span:nth-child(3){background:#f34949;height:12px}@media (max-width:680px){.hero-status{display:none}}.hero-icon{z-index:1;background:radial-gradient(circle,#f20b0d2b,#f20b0d06 67%);border-radius:28px;place-items:center;width:112px;height:112px;margin-right:30px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #f75a5a2e,0 0 0 18px #f20b0d05}.hero-icon:before{content:"";border:1px solid #f74f4f33;border-radius:21px;position:absolute;inset:14px;transform:rotate(14deg)}.atlas-mark{z-index:1;filter:drop-shadow(0 8px 14px #0006);width:78px;height:78px;position:relative}@media (max-width:680px){.hero-icon{display:none}}.hero{min-height:200px;padding:30px 36px}.hero h1{font-size:clamp(29px,3.2vw,44px)}.metrics{gap:12px;margin-bottom:18px}.metric{gap:11px;min-height:94px;padding:15px 17px}.metric-icon{border-radius:10px;flex-basis:36px;width:36px;height:36px;font-size:17px}.metric strong{margin-top:2px;font-size:29px}.metric i{border-width:9px;width:67px;height:67px;bottom:-33px;right:-24px}.grid{grid-template-columns:minmax(0,1fr)}.customers{min-height:0}.customer-list{max-height:520px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030304bf;place-items:center;padding:24px;animation:.18s ease-out modal-in;display:grid;position:fixed;inset:0}.modal-card{background:#111113;border:1px solid #3a3a41;border-radius:22px;width:min(650px,100%);max-height:min(92vh,900px);position:relative;overflow:auto;box-shadow:0 28px 90px #000000b3}.modal-card .card{box-shadow:none;border:0;border-radius:20px}.modal-close{z-index:2;float:right;color:#c5c5ca;background:#19191d;border:1px solid #3a3a40;border-radius:9px;width:31px;height:31px;margin:13px 13px -44px 0;font-size:22px;line-height:1;position:sticky;top:13px;right:13px}.modal-close:hover{color:#fff;background:#3b1113;border-color:#f04444}.trial-note{color:#b8b8be;margin:-3px 0 2px;font-size:12px;line-height:1.45}.trial-duration{width:100%;display:grid}.customer-details{width:min(680px,100%);padding:32px}.details-header{border-bottom:1px solid #ffffff10;align-items:center;gap:13px;padding:8px 0 24px;display:flex}.details-header .badge{width:42px;height:42px}.details-header span:not(.badge){color:var(--red);letter-spacing:1.5px;font-size:10px;font-weight:800}.details-header h2{margin:3px 0;font-size:24px}.details-header p{color:#aaaab1;margin:0;font-size:13px}.details-grid{grid-template-columns:1fr 1fr;gap:10px;padding:22px 0;display:grid}.details-grid>div{background:#0c0c0e;border:1px solid #303036;border-radius:12px;min-height:74px;padding:12px}.details-grid span{color:#8d8d96;margin-bottom:7px;font-size:11px;display:block}.details-grid strong{color:#e4e4e8;font-size:13px;line-height:1.35}.details-form{border-top:1px solid #ffffff10;padding-top:20px}.details-form h3{margin:0 0 2px;font-size:16px}.details-form label small{color:#888891;font-size:11px;font-weight:400}.details-form .primary{justify-self:start}.creation-result{text-align:center;justify-items:center;gap:12px;min-height:380px;padding:66px 38px;display:grid}.creation-result h2{margin:7px 0 0;font-size:25px}.creation-result p{color:#b9b9c0;max-width:390px;margin:0;line-height:1.5}.creation-result-icon{border:2px solid;border-radius:50%;place-items:center;width:92px;height:92px;animation:.45s cubic-bezier(.2,1.5,.4,1) both result-pop;display:grid}.creation-result.success .creation-result-icon{color:#61d379;background:#3ec65a1c;border-color:#4bc266;box-shadow:0 0 0 12px #3ec65a0b}.creation-result.error .creation-result-icon{color:#ff5d62;background:#e6494f18;border-color:#e6494f;box-shadow:0 0 0 12px #e6494f0b}.creation-result-icon svg{animation:.42s ease-out .16s both result-stroke}@keyframes result-pop{0%{opacity:0;transform:scale(.38)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes result-stroke{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:680px){.hero{min-height:0;padding:25px 22px}.create-button{margin-top:16px}.metric{min-height:83px}.modal-backdrop{align-items:end;padding:10px}.modal-card{border-radius:20px 20px 14px 14px;max-height:94vh}.customer-details{padding:25px 20px}.details-grid{grid-template-columns:1fr}}@media (max-width:850px){.login-card{grid-template-columns:1fr;max-width:570px;min-height:0}.login-brand{min-height:310px;padding:42px 38px}.login-mark{width:72px;height:72px;bottom:35px;right:36px}.login-form{padding:44px 38px 48px}}@media (max-width:680px){.login-page{padding:14px}.login-brand{min-height:280px;padding:35px 27px}.login-brand h2{max-width:260px;margin-top:41px;font-size:29px}.login-brand p{max-width:250px;font-size:13px}.login-mark{width:62px;height:62px;bottom:28px;right:23px}.login-form{padding:35px 27px 40px}.login-form h1{font-size:30px}}