:root{--bg:#eef0f4;--tile:#ffffff;--ink:#0b0e15;--ink2:#39414f;--mut:#79808f;--faint:#a8aebb;--line:#e4e7ed;--line2:#d7dbe3;--blue:#2f5bff;--blue-d:#1e44d6;--blue-soft:#e8edff;--pink:#ff4d8d;--green:#12b76a;--amber:#e6982a;--ink-tile:#0b0e15}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100%}.pf{font-family:Playfair Display,serif}.mono{font-family:JetBrains Mono,monospace}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:#ccd2db;border-radius:20px;border:2px solid var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column}.bar{display:flex;align-items:center;justify-content:space-between;padding:17px 30px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:12px}.mk{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 20px Playfair Display}.brand b{font:700 21px Playfair Display;letter-spacing:-.01em}.brand b i{color:var(--blue);font-style:italic}.tabs{display:flex;gap:5px;background:var(--tile);border:1px solid var(--line);border-radius:13px;padding:5px}.tabs a{font:600 13px Manrope;color:var(--mut);padding:9px 15px;border-radius:9px}.tabs a.on{background:var(--blue);color:#fff}.rt{display:flex;align-items:center;gap:14px}.live{display:flex;align-items:center;gap:8px;font:600 12px JetBrains Mono;color:var(--green);background:#e6f7ee;border:1px solid #c4ecd5;padding:8px 13px;border-radius:999px}.live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pls 1.7s infinite}@keyframes pls{0%{box-shadow:0 0 #12b76a66}70%{box-shadow:0 0 0 7px #12b76a00}}.ava{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 16px Playfair Display}.logout{font:600 12px JetBrains Mono;color:var(--mut);border:1px solid var(--line2);padding:9px 13px;border-radius:10px}.logout:hover{color:var(--ink);border-color:var(--blue)}.wrap{flex:1;padding:22px 30px 44px}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(80px,auto);gap:16px;max-width:1320px;margin:0 auto}.t{background:var(--tile);border:1px solid var(--line);border-radius:20px;padding:24px;animation:rise .5s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lab{font:600 11px JetBrains Mono;color:var(--faint);letter-spacing:.14em;text-transform:uppercase}.hero{grid-column:span 2;grid-row:span 2;background:var(--ink-tile);color:#eef1f7;border:none;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-130px;top:-150px;background:radial-gradient(closest-side,rgba(47,91,255,.5),transparent)}.hero .lab{color:#8d96ff}.hero h2{font:600 36px/1.12 Playfair Display;letter-spacing:-.01em;margin:16px 0 8px;position:relative;max-width:15ch}.hero h2 em{font-style:italic;color:#a9b2ff}.hero p{color:#aab2c5;font-size:14px;max-width:42ch;position:relative;line-height:1.55}.nums{display:flex;gap:30px;margin:22px 0 auto;position:relative;align-items:baseline}.nums b{font:700 40px Playfair Display;display:block;line-height:1}.nums span{font:500 11px JetBrains Mono;color:#8b94a8;margin-top:7px;display:block}.pend{margin-top:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:16px;position:relative}.pend .ph{font:600 11px JetBrains Mono;color:#e7b34a;margin-bottom:9px}.pend .body{font-family:Playfair Display;font-style:italic;font-size:17px;line-height:1.45;color:#eef1f7}.pend .act{display:flex;gap:9px;margin-top:14px}.ap{background:var(--blue);color:#fff;font:600 13px Manrope;padding:11px 18px;border-radius:11px}.ap:hover{background:var(--blue-d)}.rj{border:1px solid rgba(255,255,255,.2);color:#aab2c5;font:600 13px Manrope;padding:11px 16px;border-radius:11px;background:none}.pt{grid-column:span 1;cursor:pointer;transition:.18s;display:block;color:inherit}.pt:hover{transform:translateY(-3px);box-shadow:0 16px 36px -22px #0b0e1566}.pt .pn{font:600 17px Playfair Display;margin-bottom:3px;letter-spacing:-.01em}.pt .pc{font:600 10px JetBrains Mono;letter-spacing:.06em;text-transform:uppercase}.pt.b1 .pc{color:var(--blue)}.pt.b2 .pc{color:var(--pink)}.pt.b3 .pc{color:var(--green)}.pt .big{font:700 48px Playfair Display;letter-spacing:-.01em;margin:16px 0 2px;line-height:.92}.pt .sub{font:500 11px JetBrains Mono;color:var(--mut)}.spark{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:16px}.spark i{flex:1;border-radius:3px 3px 0 0;background:var(--blue-soft)}.spark.p i{background:#ffe1ec}.spark.g i{background:#d8f3e6}.spark i:last-child{background:var(--blue)}.spark.p i:last-child{background:var(--pink)}.spark.g i:last-child{background:var(--green)}.pt .dl{display:flex;justify-content:space-between;margin-top:14px;font:600 11px JetBrains Mono}.up{color:var(--green)}.nx{color:var(--mut)}.an{grid-column:span 2}.an .row4{display:flex;gap:30px;flex-wrap:wrap;margin:16px 0 18px}.an .m b{font:700 32px Playfair Display}.an .m span{font:500 11px JetBrains Mono;color:var(--mut);display:block;margin-top:5px}.an .m .d{font:600 11px JetBrains Mono;color:var(--green);margin-top:6px}.chart{display:flex;align-items:flex-end;gap:7px;height:78px}.chart i{flex:1;background:linear-gradient(180deg,var(--blue),var(--blue-soft));border-radius:5px 5px 0 0;min-height:5px}.mix{display:flex;height:12px;border-radius:7px;overflow:hidden;margin:14px 0}.mix i{height:100%}.ml{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 0}.ml .d{display:flex;gap:9px;align-items:center}.ml .sw{width:10px;height:10px;border-radius:3px}.ml b{font:600 12px JetBrains Mono}.ml .n2{font:600 15px Playfair Display;letter-spacing:-.01em}.fd{grid-column:span 2}.ev{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}.ev:last-child{border:none}.ev .ic{width:31px;height:31px;border-radius:9px;background:var(--bg);display:grid;place-items:center;flex:none;font-size:14px}.ev b{font:600 15.5px Playfair Display;letter-spacing:-.01em}.ev .tm{font:500 10px JetBrains Mono;color:var(--faint);margin-bottom:2px}.ev .st{margin-left:auto;font:600 10px JetBrains Mono;align-self:center;padding:4px 9px;border-radius:7px}.st.w{background:#fef3e2;color:#b27412}.st.d{background:#e6f7ee;color:var(--green)}.st.r{background:var(--blue-soft);color:var(--blue-d)}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.l-left{padding:64px 70px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);position:relative}.l-wm{font:700 22px Playfair Display}.l-wm i{color:var(--blue);font-style:italic}.l-left h1{font:600 50px/1.05 Playfair Display;letter-spacing:-.01em;margin:0 0 18px;max-width:13ch}.l-left h1 em{font-style:italic;color:var(--blue)}.l-lead{color:var(--ink2);font-size:18px;max-width:34ch;line-height:1.55}.l-stat{display:flex;gap:34px;margin-top:30px}.l-stat b{font:700 26px Playfair Display;display:block}.l-stat span{display:block;font:500 12px JetBrains Mono;color:var(--mut);margin-top:7px}.l-feed{position:absolute;right:64px;top:60px;width:230px;font:500 11.5px/1.7 JetBrains Mono;color:var(--faint)}.l-feed b{color:var(--green);font-weight:500}.l-right{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(180deg,#fff,var(--bg))}.l-card{width:100%;max-width:380px}.l-card .k{font:600 12px JetBrains Mono;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}.l-card h2{font:700 28px Playfair Display;margin:14px 0 26px}.fld{margin-bottom:14px}.fld label{display:block;font:600 12px JetBrains Mono;color:var(--mut);margin-bottom:8px}.fld input{width:100%;background:var(--tile);border:1px solid var(--line2);color:var(--ink);border-radius:13px;padding:14px 16px;font:500 15px Manrope;transition:.18s}.fld input:focus{outline:none;border-color:var(--blue)}.l-btn{width:100%;background:var(--blue);color:#fff;font:700 15px Manrope;padding:15px;border-radius:13px;transition:.18s;box-shadow:0 12px 30px -12px #2f5bff99}.l-btn:hover{background:var(--blue-d)}.l-btn:disabled{opacity:.6}.l-note{margin-top:16px;color:var(--faint);font-size:13px;text-align:center}.l-err{color:var(--pink);font:600 13px Manrope;margin-top:14px;text-align:center}@media(max-width:1080px){.bento{grid-template-columns:repeat(2,1fr)}.hero,.an,.fd{grid-column:span 2}.login{grid-template-columns:1fr}.l-left{display:none}}.plan{max-width:1080px;margin:0 auto}.plan>header{margin-bottom:8px}.plan h2{font:700 30px Playfair Display;letter-spacing:-.02em;margin:0}.plan h3{font:600 19px Playfair Display;letter-spacing:-.01em;margin:0 0 12px}.plan section{margin-top:18px!important;background:var(--tile);border:1px solid var(--line);border-radius:18px;padding:22px 24px}.plan p{color:var(--ink2);font-size:14px;line-height:1.55}.plan [data-testid=plan-wedge]{font:600 22px/1.3 Playfair Display;color:var(--ink)!important}.plan ul,.plan ol{margin:6px 0 0;padding-left:20px}.plan li{margin:6px 0;color:var(--ink2);font-size:14px}.plan table{width:100%;border-collapse:collapse;font-size:14px;margin-top:4px}.plan th{text-align:left;font:600 11px JetBrains Mono;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;padding:0 12px 10px 0}.plan td{padding:11px 12px 11px 0;border-top:1px solid var(--line);color:var(--ink2)}.plan td:first-child{font-weight:600;color:var(--ink)}.plan select{font:600 13px Manrope;background:var(--tile);border:1px solid var(--line2);color:var(--ink);border-radius:10px;padding:9px 12px}.plan button{background:var(--blue);color:#fff;font:600 13px Manrope;padding:10px 16px;border-radius:11px}.plan button:hover{background:var(--blue-d)}.plan button:disabled{opacity:.55}.plan [data-testid=version-history] button,.plan [data-testid=cancel-edit]{background:var(--tile);color:var(--ink2);border:1px solid var(--line2)}.plan [data-testid=version-history] button:hover{border-color:var(--blue);color:var(--ink);background:var(--tile)}.plan [data-testid=version-history] li{font:500 13px JetBrains Mono;display:flex;align-items:center;gap:9px}.plan [data-testid=edit-form]{background:var(--tile);border:1px solid var(--line2)!important;border-radius:18px;padding:22px!important}.plan input,.plan textarea{background:#fff;border:1px solid var(--line2);border-radius:11px;padding:11px 13px;font:500 14px Manrope;color:var(--ink)}.plan textarea{font-family:JetBrains Mono!important;font-size:12.5px!important}.plan label{font:600 12px JetBrains Mono;color:var(--mut);display:block;margin-bottom:6px}