@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;--ink:#172033;--muted:#68758a;--line:#dce4f0;--blue:#2563eb;--blue2:#1d4ed8;--blue-dark:#0f2a5f;--pale:#eaf2ff;--surface:#fff;--surface-subtle:#f8faff;--white:#fff}*{box-sizing:border-box}html{background:#f4f7fb}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f7f9fd 0,#f3f6fb);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--blue)}.loading svg{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.35}}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--surface)}.auth-brand{padding:9vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 15% 20%,#3b82f6 0,transparent 35%),radial-gradient(circle at 90% 90%,#1e40af 0,transparent 42%),linear-gradient(135deg,#081a3a,#123570)}.auth-brand h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.07em;margin:24px 0 8px}.auth-brand p{font-size:1.1rem;color:#c8d9f5}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff80}.auth-brand .brand-mark{width:60px;height:60px;border-radius:18px}.auth-card{align-self:center;justify-self:center;width:min(430px,84%);background:#fff;padding:42px;border:1px solid #e7edf6;border-radius:20px;display:grid;gap:22px;box-shadow:0 28px 80px #19345f18}.auth-card h2,.form-card h1{font-size:2rem;letter-spacing:-.04em;margin:6px 0}.auth-card p,.form-card p{color:var(--muted);margin:0}.auth-foot{color:var(--muted);font-size:.8rem;display:flex;align-items:center;gap:6px;justify-content:center}.eyebrow{text-transform:uppercase;color:var(--blue2);font-size:.72rem;font-weight:700;letter-spacing:.15em}.field{display:grid;gap:7px;color:#34425a;font-size:.86rem;font-weight:600}.field input,.field textarea{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fbfcff;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s,background .15s}.field input:hover,.field textarea:hover{border-color:#bdcbe0}.field input:focus,.field textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2563eb1c}.button{border:0;border-radius:10px;padding:10px 14px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s}.button:active{transform:translateY(1px)}.button:focus-visible,.mobile-menu:focus-visible,.profile:focus-visible{outline:3px solid #93b4f8;outline-offset:2px}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #2563eb2b}.button.primary:hover{background:var(--blue2);box-shadow:0 6px 16px #1d4ed83d}.button.secondary{background:#edf3fc;color:#29415f}.button.secondary:hover{background:#e2ebf8}.button.danger{background:#fff0ee;color:#a13c30}.alert{padding:11px 13px;background:#fff1ef;border:1px solid #f5d0cb;color:#9f3429;border-radius:9px;font-size:.86rem}.center{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#dbeafe,transparent 35%),linear-gradient(135deg,#edf4ff,#f8faff)}.form-card{width:min(460px,90%);display:grid;gap:18px}.shell{min-height:100vh}.shell aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0c2452,#081a3b);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:3;box-shadow:10px 0 30px #0b235019}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.logo>div:last-child{display:grid}.logo span{font-size:.62rem;color:#91a9ce;letter-spacing:.16em}.shell nav{display:grid;gap:4px}.shell nav a,.docs{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#a9bbd7;text-decoration:none;font-size:.9rem;transition:background .15s,color .15s,transform .15s}.shell nav a svg,.docs svg{width:18px}.shell nav a.active,.shell nav a:hover,.docs:hover{background:#ffffff12;color:#fff}.shell nav a.active{background:linear-gradient(90deg,#2563eb66,#3b82f624);box-shadow:inset 3px 0 #60a5fa}.shell nav a:hover{transform:translate(2px)}.docs{margin-top:auto}.profile{margin-top:12px;background:#ffffff08;border:1px solid #ffffff14;color:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;text-align:left;gap:9px;transition:background .15s}.profile:hover{background:#ffffff10}.profile>div:nth-child(2){display:grid;flex:1}.profile span{font-size:.68rem;color:#9fb2d0}.profile>svg{width:17px;color:#9fb2d0}.avatar{width:34px;height:34px;border-radius:9px;background:var(--pale);color:var(--blue);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.avatar svg{width:17px}.content{margin-left:250px;padding:44px clamp(24px,5vw,72px);min-height:100vh}.hero{background:radial-gradient(circle at 88% 20%,#60a5fa55 0,transparent 25%),linear-gradient(120deg,#123b82,#2563eb);border-radius:20px;padding:42px;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 40px #1d4ed829}.hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff25;border-radius:50%;right:-80px;top:-160px;box-shadow:0 0 0 50px #ffffff09}.hero .eyebrow{color:#bfdbfe}.hero h1,.page-head h1{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.05em;margin:8px 0}.hero p,.page-head p{margin:0;color:#dbeafe}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.page-head p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:13px;align-items:center;box-shadow:0 4px 18px #19345f0a;transition:transform .18s,box-shadow .18s,border-color .18s}.stat:hover{transform:translateY(-2px);border-color:#c7d5e8;box-shadow:0 10px 26px #19345f12}.stat>svg{color:var(--blue);padding:9px;background:var(--pale);width:42px;height:42px;border-radius:10px}.stat div{display:grid}.stat span{font-size:.8rem;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 4px 18px #19345f0a}.card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card h2{margin:0;font-size:1rem}.security-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.security-row div{padding:18px;background:var(--surface-subtle);border:1px solid #edf1f7;border-radius:10px;display:flex;align-items:center;gap:9px;color:#42516a;font-size:.85rem}.security-row svg{color:var(--blue);width:19px}.grid-two{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:18px;align-items:start}.stack{display:grid;gap:15px}.list{display:grid}.list-item,.audit{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f6}.list-item:last-child,.audit:last-child{border-bottom:0}.grow{display:grid;min-width:0}.grow span{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:.7rem;padding:4px 8px;border-radius:99px}.badge.ok{background:#e8f7ef;color:#176345}.badge.muted{background:#eef1f5;color:#657184}.client{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid #edf1f6;gap:5px}.client div{display:grid}.client code{color:var(--blue);font-size:.75rem}.client small{grid-column:1/-1;color:var(--muted);overflow-wrap:anywhere}.secret{padding:16px 18px;margin-bottom:18px;background:#fff8df;border:1px solid #ebda97;border-radius:12px;display:flex;gap:14px;align-items:center}.secret code{flex:1;overflow:auto}.secret button{border:0;background:transparent;color:#80620a}.audit time{font-size:.73rem;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#c54c3f}.dot.success{background:#2a8b66}.mobile-menu{display:none}.docs{border-top:1px solid #ffffff14;border-radius:0;padding-top:18px}.clients-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.clients-grid .card{min-width:0}.clients-grid textarea{min-height:96px}.clients-grid .client:first-child{padding-top:4px}.clients-grid .client:last-child{padding-bottom:4px;border-bottom:0}.clients-grid .client strong{line-height:1.35}.clients-grid .client code{margin-top:2px}.clients-grid .client small{margin-top:3px;line-height:1.5}.list-item>.button,.badge{flex:0 0 auto;white-space:nowrap}.list-item>.button{min-width:max-content}.client>.badge{align-self:start;justify-self:end}@media(max-width:1050px)and (min-width:901px){.clients-grid{grid-template-columns:1fr}.clients-grid .card{width:100%}}@media(max-width:900px){.auth-page{grid-template-columns:1fr;background:radial-gradient(circle at 10% 10%,#dbeafe,transparent 38%),#f7f9fd}.auth-brand{display:none}.grid-two,.stats,.security-row{grid-template-columns:1fr}.shell aside{transform:translate(-100%);transition:.2s}.shell aside.open{transform:none;box-shadow:20px 0 60px #071a3b45}.content{margin-left:0;padding:26px 18px}.mobile-menu{display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--blue-dark);border-radius:10px;width:42px;height:42px;margin-bottom:20px;box-shadow:0 4px 14px #19345f12}.page-head{align-items:start;gap:16px}.secret{align-items:flex-start;flex-direction:column}.hero{padding:28px}}@media(max-width:550px){.auth-card{width:min(430px,92%);padding:28px 22px}.content{padding:20px 14px}.hero{border-radius:16px}.list-item{align-items:flex-start;flex-wrap:wrap}.client{grid-template-columns:minmax(0,1fr) auto}.list-item .grow{width:calc(100% - 50px)}.page-head{flex-direction:column}.page-head .button{width:100%}}