:root{--bg:#090d16;--surface:#101622;--surface2:#151d2b;--line:#253044;--text:#f1f5fb;--muted:#94a0b5;--blue:#4d8cff;--cyan:#46d2dc;--purple:#9a7bea;--orange:#eda953;--green:#49c58b}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:50;background:#0d121d;border-bottom:1px solid var(--line)}.topbar-main{height:72px;max-width:1500px;margin:auto;padding:0 28px;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2c6de4,#5e9cff);font-family:Manrope;font-size:20px;font-weight:800}.brand strong{font-family:Manrope;font-size:20px}.brand small{color:#7691ba;border-left:1px solid #31405a;padding-left:9px;font-size:11px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.search{width:min(370px,30vw);height:40px;display:flex;align-items:center;gap:10px;background:#151c29;border:1px solid #283347;border-radius:9px;padding:0 11px}.search i{font-size:20px;color:#75839b;font-style:normal}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.search input::placeholder{color:#707d91}.search kbd{font-size:10px;color:#8591a4;border:1px solid #364157;border-radius:4px;padding:3px 5px;white-space:nowrap}.icon-button{position:relative;width:40px;height:40px;border:1px solid #29354a;border-radius:9px;background:#151c29;color:#aab5c6;font-size:18px}.icon-button b{position:absolute;width:7px;height:7px;background:#f06d76;border:2px solid #151c29;border-radius:50%;right:7px;top:7px}.user-menu{position:relative}.user-menu>button{height:44px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;padding:0 4px;cursor:pointer}.user-menu>button>span{width:35px;height:35px;border-radius:9px;background:#26344a;display:grid;place-items:center;color:#77a7ff;font-weight:700;font-size:12px}.user-menu button div{text-align:left}.user-menu button strong,.user-menu button small{display:block}.user-menu button strong{font-size:13px}.user-menu button small{font-size:11px;color:#7f8da3;margin-top:2px}.user-menu button i{font-style:normal;color:#7a879b}.user-dropdown{display:none;position:absolute;right:0;top:46px;width:180px;padding:8px;background:#171f2d;border:1px solid #2b374c;border-radius:9px;box-shadow:0 20px 50px #0008}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{display:block}.user-dropdown a,.user-dropdown form button{display:block;width:100%;padding:10px;border:0;background:transparent;color:#b7c1d0;text-align:left;font-size:12px;border-radius:6px}.user-dropdown a:hover,.user-dropdown form button:hover{background:#222d40;color:white}.main-nav{height:53px;max-width:1500px;margin:auto;padding:0 28px;display:flex;align-items:stretch;gap:4px}.main-nav>a,.nav-group>button{height:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#a9b3c4;padding:0 17px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.main-nav>a i,.nav-group>button>i{font-style:normal;font-size:17px;color:#73839c}.main-nav>a:hover,.nav-group>button:hover,.main-nav>a.active{color:#fff;background:#141b27;border-bottom-color:var(--blue)}.main-nav>a.active i{color:#5c96ff}.nav-group{position:relative}.nav-group>button span{font-size:10px;color:#647187}.nav-group>button em{font-style:normal;background:#dc5965;color:white;border-radius:20px;padding:2px 6px;font-size:10px}.submenu{display:none;position:absolute;top:51px;left:0;width:285px;background:#151d2a;border:1px solid #2a374c;border-radius:0 0 11px 11px;box-shadow:0 24px 60px #0009;padding:11px}.submenu.right{left:auto;right:0}.nav-group:hover .submenu,.nav-group:focus-within .submenu{display:block}.submenu>b{display:block;color:#65738a;font-size:10px;letter-spacing:1.3px;padding:7px 10px}.submenu>a{display:flex;gap:12px;padding:11px 10px;border-radius:7px}.submenu>a:hover{background:#202a3b}.submenu>a>i{width:32px;height:32px;border-radius:7px;background:#263651;color:#72a4ff;display:grid;place-items:center;font-style:normal}.submenu span{font-size:13px;font-weight:600}.submenu small{display:block;color:#77859a;font-size:11px;font-weight:400;margin-top:4px}.mobile-menu{display:none}main{max-width:1500px;margin:auto;padding:35px 28px 60px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.overline{font-size:11px;letter-spacing:1.4px;color:#5f93ef;font-weight:700}.welcome h1{font-family:Manrope;font-size:31px;letter-spacing:-1px;margin:8px 0 5px}.welcome p{color:var(--muted);margin:0;font-size:14px}.welcome-actions{display:flex;gap:10px}.welcome-actions button{border-radius:8px;padding:11px 15px;font-size:13px;font-weight:600}.secondary{border:1px solid #2b374b;background:#141b28;color:#b6c0cf}.primary{border:1px solid #4b87ee;background:#3476e5;color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px}.stats article,.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 20px #0002}.stats article{padding:20px}.stats article>div{display:flex;justify-content:space-between;align-items:center}.stats article>div>span{font-size:13px;color:#aab5c5}.stats article>div i{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:700}.stats i.blue{background:#1d3560;color:#6ca1ff}.stats i.cyan{background:#15393f;color:#58d5dd}.stats i.purple{background:#30294d;color:#ae8ff6}.stats i.orange{background:#3f3020;color:#f0b15b}.stats article>strong{font-family:Manrope;font-size:27px;display:block;margin:16px 0}.stats footer{display:flex;gap:6px;font-size:11px}.stats footer b{color:var(--green)}.stats footer b.warning{color:var(--orange)}.stats footer span{color:#6f7d91}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr);gap:17px;margin-bottom:17px}.card{padding:21px}.card>header{display:flex;justify-content:space-between;align-items:flex-start}.card h2{font-family:Manrope;font-size:17px;margin:0 0 5px}.card header p{color:#748197;font-size:12px;margin:0}.card select{background:#171f2d;border:1px solid #2b374a;border-radius:7px;color:#aab5c4;padding:8px 10px;font-size:12px}.chart-value{display:flex;align-items:center;gap:10px;margin:22px 0 5px}.chart-value strong{font-family:Manrope;font-size:23px}.chart-value span{font-size:11px;color:#54ca92;background:#15352b;padding:5px 8px;border-radius:20px}.chart{position:relative;height:250px;padding:5px 0 24px 37px}.chart svg{width:100%;height:205px}.chart .lines{stroke:#202a39;stroke-width:1}.chart .area{fill:url(#fill)}.chart .curve{fill:none;stroke:#4d8cff;stroke-width:3;stroke-linecap:round}.y{position:absolute;left:0;top:0;height:210px;display:flex;flex-direction:column;justify-content:space-between;color:#647188;font-size:10px}.months{display:flex;justify-content:space-between;color:#69768b;font-size:10px}.online{color:#55cf94;background:#15362b;border:1px solid #20513f;border-radius:20px;padding:5px 8px;font-size:11px}.server{margin-top:23px;background:#151d2a;border:1px solid #263248;border-radius:10px;padding:16px}.server-name{display:flex;align-items:center;gap:11px;margin-bottom:22px}.server-name>i{width:40px;height:40px;border-radius:9px;background:#1c3762;color:#6da3ff;display:grid;place-items:center;font-style:normal;font-size:20px}.server-name span strong,.server-name span small{display:block}.server-name span strong{font-size:14px}.server-name span small{font-size:11px;color:#76859a;margin-top:3px}.server-name em{margin-left:auto;font-style:normal;color:#56ca91;font-size:11px}.usage{margin-top:15px}.usage>span{display:flex;justify-content:space-between;font-size:11px}.usage span b{font-weight:500;color:#aeb8c7}.usage span small{color:#7b899e}.usage>i{display:block;height:6px;background:#252f40;border-radius:10px;margin-top:7px}.usage>i>b{display:block;height:100%;background:linear-gradient(90deg,#3979e7,#64a2ff);border-radius:10px}.uptime{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.uptime div{background:#151d29;border-radius:8px;padding:11px;text-align:center}.uptime strong,.uptime span{display:block}.uptime strong{font-size:14px}.uptime span{font-size:10px;color:#708096;margin-top:4px}.health>a{display:block;text-align:center;color:#6d9df0;font-size:12px;margin-top:15px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr);gap:17px}.orders{padding:0}.orders>header{padding:21px}.card header>a{color:#6e9ff3;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:12px 16px;text-align:left;background:#141b27;color:#68768c;font-size:10px;letter-spacing:.7px}td{padding:13px 16px;border-top:1px solid #222c3d;color:#9ba7b8;font-size:12px}.client{display:flex;align-items:center;gap:9px}.client>i{width:35px;height:35px;border-radius:9px;background:#20375c;color:#6da2fc;display:grid;place-items:center;font-style:normal;font-size:11px}.client span strong,.client span small{display:block}.client span strong,td>b{color:#dfe5ee;font-size:12px}.client span small{color:#68758a;font-size:10px;margin-top:3px}.badge{padding:5px 8px;border-radius:20px;font-size:10px}.badge.paid{background:#15362b;color:#57cc92}.badge.pending{background:#3d3020;color:#ecad51}.badge.review{background:#282e3c;color:#aeb8c8}.ticket{display:grid;grid-template-columns:5px 1fr auto;gap:12px;align-items:center;padding:15px 3px;border-bottom:1px solid #232d3e}.ticket>i{width:4px;height:35px;border-radius:5px}.ticket>i.alta{background:#ec6973}.ticket>i.media{background:#eda953}.ticket>i.baixa{background:#4bc58d}.ticket span small,.ticket span strong{display:block}.ticket span small{font-size:11px;color:#718096}.ticket span strong{font-size:13px;margin-top:5px}.ticket em{font-style:normal;color:#8e9aad;font-size:11px}.ticket-list>button{width:100%;border:1px dashed #364157;border-radius:8px;background:#151c28;color:#77a4ee;padding:11px;margin-top:16px;font-size:12px}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#183665 0,transparent 34%),radial-gradient(circle at 85% 85%,#182841 0,transparent 30%),var(--bg)}.login-page:before{content:'';position:fixed;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle,#000,transparent 75%)}.login-card{position:relative;width:min(450px,100%);background:#111824;border:1px solid #2a3549;border-radius:16px;padding:38px;box-shadow:0 35px 100px #0009}.login-brand{display:flex;align-items:center}.login-brand .logo{display:flex;align-items:center;gap:9px;font-family:Manrope;font-size:23px;font-weight:800}.login-brand .logo svg{width:36px;fill:#4d8cff}.login-brand .logo svg path+path{fill:none;stroke:white;stroke-width:2;stroke-linecap:round}.login-brand>small{margin-left:auto;border:1px solid #354158;border-radius:5px;padding:5px 7px;color:#8290a5;font-size:10px;letter-spacing:1px}.login-copy{margin:42px 0 28px}.login-copy>span{font-size:10px;letter-spacing:1.5px;color:#6c9df2;font-weight:700}.login-copy h1{font-family:Manrope;font-size:30px;margin:10px 0}.login-copy p{color:#8d99ab;font-size:13px}.login-card form label{display:block;color:#b9c2d0;font-size:13px;font-weight:600;margin-bottom:17px}.login-card input{display:block;width:100%;height:47px;margin-top:8px;border:1px solid #303c51;background:#0c111b;color:#fff;border-radius:8px;padding:0 13px;outline:0;font-size:14px}.login-card input:focus{border-color:#4f88ef;box-shadow:0 0 0 3px #4f88ef1c}.login-card form>button{width:100%;height:47px;border:0;border-radius:8px;background:#3477e6;color:white;font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:25px;margin-top:24px}.login-error{background:#3d2027;color:#ff9ba4;border:1px solid #65313b;padding:12px;border-radius:7px;font-size:13px;margin-bottom:15px}.secure{display:block;text-align:center;color:#6e7c90;font-size:11px;margin-top:23px}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid,.bottom-grid{grid-template-columns:1fr}.search{width:280px}.main-nav>a,.nav-group>button{padding:0 10px}}
@media(max-width:760px){.topbar-main{height:65px;padding:0 16px}.brand{min-width:0}.brand small,.search,.icon-button,.user-menu{display:none}.mobile-menu{display:block;margin-left:auto;background:#182236;color:#c5d1e2;border:1px solid #2f3c52;border-radius:7px;padding:9px 12px}.main-nav{display:none;height:auto;padding:8px 12px 14px;flex-direction:column}.main-nav.open{display:flex}.main-nav>a,.nav-group>button{height:43px;width:100%;justify-content:flex-start;border:0;border-radius:7px}.nav-group .submenu,.nav-group:hover .submenu{display:none;position:static;width:100%;box-shadow:none;border-radius:7px;margin:3px 0 8px}.nav-group.open .submenu{display:block}.submenu.right{right:auto}.welcome{display:block}.welcome-actions{margin-top:20px}.welcome h1{font-size:27px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats article{padding:15px}.stats article>strong{font-size:22px}.stats footer span{display:none}main{padding:25px 15px}.card{padding:16px}.orders{padding:0}.chart{height:215px}.chart svg{height:170px}.y{height:175px}.bottom-grid{grid-template-columns:1fr}.login-card{padding:29px 23px}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.welcome-actions{display:grid;grid-template-columns:1fr 1fr}.welcome-actions button{padding:10px 8px}.uptime strong{font-size:12px}}
.brand>img{display:block;width:145px;height:auto}.brand>small{color:#7691ba;border-left:1px solid #31405a;padding-left:10px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.login-brand .logo img{display:block;width:158px;height:auto}
.brand>img{width:45px;height:45px;object-fit:contain}.wordmark{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.1px;color:#f4f7fc}.brand>small{margin-left:3px}.login-brand .logo img{width:52px;height:52px;object-fit:contain}.login-brand .wordmark{font-size:29px;letter-spacing:-1.4px}.login-brand .logo{gap:7px}
.brand>svg{width:40px;height:auto;fill:#2f70e8;flex:0 0 auto}.brand>svg path+path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand>b,.login-brand .logo>b{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.4px;color:#f4f7fc}.login-brand .logo>svg{width:43px;height:auto;fill:#2f70e8}.login-brand .logo>svg path+path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-brand .logo>b{font-size:29px}
.brand>.logo-symbol,.login-brand .logo>.logo-symbol{display:flex;gap:3px;align-items:center;width:33px;height:33px;transform:skew(-18deg);background:none;border-radius:0;flex-shrink:0}
.logo-symbol i{display:block;width:7px;height:18px;border-radius:3px;background:linear-gradient(#bdedff,#5185ff)}
.logo-symbol i:nth-child(2){height:32px}.logo-symbol i:last-child{height:25px}
.brand:has(.logo-symbol),.login-brand .logo:has(.logo-symbol){gap:10px}
.brand:has(.logo-symbol)>b,.login-brand .logo:has(.logo-symbol)>b{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1.4px;line-height:1;color:#f0f6ff}
.brand:has(.logo-symbol)>b>span,.login-brand .logo:has(.logo-symbol)>b>span{font-size:12px;vertical-align:top;margin-left:3px;letter-spacing:0;color:#87e5ff}