:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14213a;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.hidden{display:none!important}button,input{font:inherit}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);background:#f8f9fd}.login-story{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;padding:54px clamp(40px,6vw,92px);color:#fff;background:radial-gradient(circle at 75% 20%,rgba(131,147,255,.45),transparent 26%),radial-gradient(circle at 10% 90%,rgba(79,202,212,.22),transparent 27%),linear-gradient(145deg,#0d1731 0%,#182858 48%,#314cc7 100%)}.login-story:before,.login-story:after{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}.login-story:before{width:520px;height:520px;right:-250px;top:-210px}.login-story:after{width:360px;height:360px;left:-200px;bottom:-190px}.master-brand,.dashboard-brand{display:inline-flex;z-index:1;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:27px;font-weight:790;letter-spacing:-1px}.master-mark{position:relative;display:inline-flex;width:47px;height:36px}.master-mark i{position:absolute;top:2px;width:28px;height:32px;border-radius:9px;transform:skewY(-28deg);background:#aeb7ff}.master-mark i:nth-child(2){left:10px;background:#7585ff}.master-mark i:nth-child(3){left:20px;background:#465bd7}.story-copy{position:relative;z-index:1;max-width:760px;margin:auto 0}.eyebrow{margin:0 0 18px;color:#7384f3;font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.login-story .eyebrow{color:#b8c1ff}.story-copy h1{margin:0;font-size:clamp(52px,6vw,88px);line-height:.96;letter-spacing:-4.5px}.story-copy h1 span{color:#aeb9ff}.story-copy>p:last-child{max-width:630px;margin:30px 0 0;color:#d8def5;font-size:18px;line-height:1.7}.network{position:absolute;right:5%;bottom:11%;width:260px;height:260px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.network:before{position:absolute;inset:54px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}.network-core,.node{position:absolute;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);font-weight:800}.network-core{left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);background:#fff;color:#314cc7;font-size:20px}.node{width:42px;height:42px;font-style:normal}.node-a{left:-12px;top:104px}.node-b{right:10px;top:15px}.node-c{right:-7px;bottom:50px}.node-d{left:42px;top:12px}.security-note{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:0;color:#cbd3f4;font-size:12px}.security-note span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#b9ffd9}.login-panel{display:grid;min-height:100vh;place-items:center;padding:48px}.login-card{width:min(470px,100%)}.mobile-brand{display:none}.login-heading h2{margin:0;font-size:43px;letter-spacing:-2px}.login-heading>p:last-child{margin:12px 0 34px;color:#738099;line-height:1.55}form{display:grid;gap:21px}label{display:grid;gap:9px;color:#34415a;font-size:13px;font-weight:750}.field{display:flex;align-items:center;gap:12px;height:58px;padding:0 16px;border:1px solid #d9dfeb;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(24,40,82,.035);transition:.2s}.field:focus-within{border-color:#6074ec;box-shadow:0 0 0 4px rgba(96,116,236,.1)}.field svg,.search svg{width:20px;fill:none;stroke:#8792a8;stroke-width:1.7}.field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#17233b}.reveal,.back{border:0;background:transparent;color:#5063d6;font-size:12px;font-weight:750;cursor:pointer}.primary{display:flex;height:58px;align-items:center;justify-content:space-between;margin-top:4px;padding:0 20px;border:0;border-radius:16px;background:linear-gradient(135deg,#5369e5,#344cc9);box-shadow:0 15px 35px rgba(52,76,201,.24);color:#fff;font-weight:800;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}.primary b{font-size:21px}.message{min-height:22px;margin-top:18px;color:#d14452;font-size:13px;line-height:1.5}.message.ok{color:#16815f}.trust{display:flex;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #e3e7f0;color:#8993a7;font-size:10px;font-weight:700}.otp-symbol{display:grid;width:62px;height:62px;place-items:center;margin:0 auto 5px;border-radius:20px;background:#edf0ff;color:#4057d5;font-size:23px;letter-spacing:3px}.otp-input{width:100%;height:66px;border:1px solid #d9dfeb;border-radius:17px;outline:0;background:#fff;color:#17233b;text-align:center;font-size:27px;font-weight:850;letter-spacing:12px}.otp-input:focus{border-color:#6074ec;box-shadow:0 0 0 4px rgba(96,116,236,.1)}.hint{margin:-10px 0 0;color:#8490a7;font-size:12px;line-height:1.55}.back{justify-self:start;padding:0}.dashboard{min-height:100vh;background:#f5f7fc}.topbar{position:sticky;top:0;z-index:10;display:flex;height:82px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #e1e6ef;background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.dashboard-brand{color:#17233b}.dashboard-brand b{color:#4d61db}.dashboard-brand span:last-child{margin-left:-8px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button,.logout{height:42px;border:1px solid #dde3ee;border-radius:13px;background:#fff;color:#526078;cursor:pointer}.icon-button{width:42px;font-size:18px}.logout{padding:0 15px;font-size:12px;font-weight:750}.profile{display:flex;align-items:center;gap:10px;margin:0 5px}.profile>span{display:grid;width:39px;height:39px;place-items:center;border-radius:13px;background:#e8ebff;color:#4056cd;font-weight:850}.profile div{display:grid;gap:2px}.profile b{font-size:12px}.profile small{color:#8993a7;font-size:10px}.dashboard-body{display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:82px;display:flex;height:calc(100vh - 82px);flex-direction:column;padding:30px 20px;border-right:1px solid #e1e6ef;background:#fff}.aside-label{margin:0 12px 12px;color:#a0a8b6;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}aside>a{padding:13px 14px;border-radius:12px;color:#68758c;text-decoration:none;font-size:13px;font-weight:700}aside>a.active,aside>a:hover{background:#eef0ff;color:#4056ce}.aside-secure{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px;border-radius:15px;background:#effaf6;color:#217a60}.aside-secure>span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#d5f3e8}.aside-secure div{display:grid}.aside-secure b{font-size:11px}.aside-secure small{font-size:9px}.content{width:min(1440px,100%);padding:48px clamp(28px,4vw,64px) 90px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.welcome h1{margin:0;font-size:clamp(36px,5vw,58px);letter-spacing:-2.8px}.welcome h1 span{color:#5064db}.welcome>div>p:last-child{margin:12px 0 0;color:#7d899e}.date{padding:12px 15px;border:1px solid #dfe4ee;border-radius:14px;background:#fff;color:#69768c;font-size:12px}.search-row{display:flex;align-items:center;gap:18px;margin:38px 0}.search{display:flex;max-width:700px;height:56px;flex:1;align-items:center;gap:12px;padding:0 18px;border:1px solid #dfe4ee;border-radius:17px;background:#fff}.search input{width:100%;border:0;outline:0;background:transparent;color:#17233b}.search-row>span{color:#929baa;font-size:11px}.group{margin-top:42px;scroll-margin-top:110px}.group-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.group-heading h2{margin:0;font-size:22px;letter-spacing:-.7px}.group-heading p{margin:4px 0 0;color:#9099aa;font-size:12px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.app-card{position:relative;display:flex;min-height:165px;overflow:hidden;flex-direction:column;padding:20px;border:1px solid #e0e5ef;border-radius:21px;background:#fff;color:#17233b;text-decoration:none;box-shadow:0 10px 35px rgba(29,45,82,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.app-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 38%,#e0e5ef);box-shadow:0 18px 40px rgba(29,45,82,.09)}.app-card:after{position:absolute;width:100px;height:100px;right:-48px;top:-47px;border-radius:50%;background:var(--card-soft);content:""}.card-top{display:flex;align-items:center;gap:13px}.logo-box{position:relative;z-index:1;display:grid;width:53px;height:53px;flex:0 0 53px;place-items:center;overflow:hidden;border-radius:15px;background:var(--card-soft);color:var(--card-accent);font-size:18px;font-weight:900}.logo-box img{width:43px;height:43px;object-fit:contain}.logo-box img.wide{width:47px;height:34px}.app-card h3{margin:0;font-size:16px}.app-card .category{margin-top:4px;color:#929cad;font-size:10px}.app-card>p{margin:19px 0 0;color:#6d7a91;font-size:12px;line-height:1.55}.open-label{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;color:var(--card-accent);font-size:11px;font-weight:800}.empty{padding:34px;border:1px dashed #d8deea;border-radius:20px;color:#8994a8;text-align:center}
@media(max-width:1100px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network{opacity:.48}.login-story{padding-inline:45px}.story-copy h1{font-size:56px}}
@media(max-width:820px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:28px 20px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:58px;color:#223050;font-size:22px}.dashboard-body{display:block}aside{display:none}.topbar{height:72px;padding:0 18px}.profile div,.logout{display:none}.content{padding:35px 20px 70px}.welcome{align-items:flex-start;flex-direction:column}.date{display:none}.app-grid{grid-template-columns:1fr}.search-row{align-items:stretch;flex-direction:column}.search{max-width:none;width:100%}.group{margin-top:35px}}
@media(max-width:430px){.login-heading h2{font-size:37px}.trust{flex-wrap:wrap}.dashboard-brand span:last-child{display:none}.app-card{min-height:154px}}
[data-theme="dark"]{color-scheme:dark}[data-theme="dark"] .dashboard{background:#080f20;color:#edf2ff}[data-theme="dark"] .topbar,[data-theme="dark"] aside{border-color:#26324a;background:rgba(10,18,36,.94)}[data-theme="dark"] .dashboard-brand,[data-theme="dark"] .app-card,[data-theme="dark"] .search input{color:#edf2ff}[data-theme="dark"] .icon-button,[data-theme="dark"] .logout,[data-theme="dark"] .date,[data-theme="dark"] .search,[data-theme="dark"] .app-card{border-color:#26334d;background:#101a30}[data-theme="dark"] .app-card:hover{border-color:var(--card-accent)}[data-theme="dark"] aside>a{color:#9eabc2}[data-theme="dark"] aside>a.active,[data-theme="dark"] aside>a:hover{background:#182344;color:#aeb9ff}
.network{right:-70px;bottom:8%;opacity:.58}
.network{right:-120px;bottom:-40px;opacity:.5}