:root { --bg:#080b12; --panel:#10151f; --panel-2:#141a26; --border:#202838; --muted:#8791a5; --text:#f4f7fb; --violet:#7367f0; --violet-2:#988ef8; --green:#35c989; --blue:#499af8; --amber:#f3af49; --red:#ef6c78; --font-inter:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --font-manrope:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.ticket-modal{width:min(620px,calc(100vw - 28px))}.ticket-messages{max-height:380px;overflow:auto;padding:16px;display:grid;gap:10px;background:#0b1018}.ticket-message{max-width:82%;padding:11px 12px;border-radius:10px;background:#18202d;color:#d9e0eb}.ticket-message.admin{justify-self:end;background:rgba(115,103,240,.18);border:1px solid rgba(115,103,240,.3)}.ticket-message strong{font-size:9px;color:#aab5c8}.ticket-message p{margin:5px 0 0;font-size:11px;line-height:1.5}
.ticket-filter{width:min(360px,100%);margin:0 0 15px}.ticket-filter a{display:grid;place-items:center;border-radius:6px;color:#778399;font-size:10px;font-weight:650;text-decoration:none}.ticket-filter a.active{background:rgba(115,103,240,.2);color:#b6afff}
.ticket-filter{height:44px;width:min(460px,100%)}.ticket-filter a{font-size:12px}.table-panel:has(.ticket-filter),.ticket-modal{font-size:14px}.table-panel.panel:has(th:first-child){min-width:0}.table-panel:has(th:first-child) th{font-size:11px;padding:15px 16px}.table-panel:has(th:first-child) td{font-size:13px;padding:17px 16px}.table-panel:has(th:first-child) td strong{font-size:14px}.ticket-modal{width:min(760px,calc(100vw - 42px))}.ticket-modal .modal-head{padding:22px 24px}.ticket-modal .modal-head h3{font-size:20px}.ticket-messages{max-height:480px;padding:22px;gap:14px}.ticket-message{padding:14px 16px;border-radius:12px}.ticket-message strong{font-size:11px}.ticket-message p{font-size:13px;line-height:1.6}.ticket-modal .modal-form{padding:20px 24px;gap:16px}.ticket-modal textarea{min-height:94px;font-size:13px}
.ticket-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-actions .table-action{padding:10px 13px;font-size:11px}
.ticket-actions .table-action.danger{border-color:#db5868;background:linear-gradient(145deg,#df6574,#b94050);color:#fff;box-shadow:0 8px 18px rgba(219,88,104,.2)}
.area-chart.real-chart{background:repeating-linear-gradient(to bottom,rgba(43,53,72,.42) 0,rgba(43,53,72,.42) 1px,transparent 1px,transparent 33.33%)}.area-chart.real-chart:after{display:none}.area-chart.real-line-chart{padding:0;display:block}.area-chart.real-line-chart svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px rgba(115,103,240,.28))}.area-chart.real-line-chart circle{fill:#111721;stroke:#aca4ff;stroke-width:3}.chart-labels{gap:8px}.chart-labels span{flex:1;text-align:center}
.legacy-revenue{display:none}.operation-carousel{min-height:330px}.operation-chart{display:none}.operation-chart.is-active{display:block}.operation-chart-head{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.operation-chart-head>div{display:flex;flex-direction:column;gap:4px}.operation-chart-head strong{font-size:13px;color:#e7ebf3}.operation-chart-head small,.chart-history-note{font-size:10px;color:#7d899d}.operation-chart-head b{font-family:var(--font-manrope);font-size:28px}.operation-chart-head b.green{color:#57d69c}.operation-chart-head b.red{color:#ef7e8c}.operation-chart-head b.violet{color:#a89fff}.chart-dots{display:flex;gap:6px}.chart-dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#354055;cursor:pointer;transition:.2s}.chart-dots button.is-active{width:22px;background:#8277f5}.operation-carousel .chart-wrap{height:170px;margin-top:14px}.operation-carousel .chart-labels{margin-left:28px}.chart-history-note{display:block;text-align:center;margin-top:10px}
form.plan-builder{display:none!important}form[action="/administracao/planos/salvar"]:not(.plan-builder){display:grid!important}
form[action="/administracao/planos/salvar"]:not(.plan-builder){display:none}.plan-builder{display:grid;gap:14px;margin-bottom:18px}.plan-builder-section{padding:20px;display:grid;gap:14px}.plan-builder-section h3{margin:4px 0 0;font-size:16px}.plan-builder-section p{margin:0;color:#8490a5;font-size:11px}.plan-builder-section>label{display:grid;gap:7px;max-width:520px;color:#aab3c2;font-size:10px;font-weight:700}.plan-builder-section input:not([type="checkbox"]),.plan-builder-section textarea{width:100%;border:1px solid #2a3447;border-radius:9px;background:#0a0f17;color:#e4e8f0;padding:11px 12px;outline:0}.plan-builder-section textarea{resize:vertical;font:11px/1.55 var(--font-inter)}.plan-builder-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.bouquet-search{width:220px!important}.plan-builder .bouquet-picker{margin:0;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));background:#0a0f17}.plan-builder .bouquet-picker>label{min-height:60px}.plan-builder-section>small{color:#758095;font-size:10px}@media(max-width:600px){.plan-builder-heading{flex-direction:column}.bouquet-search{width:100%!important}}
.price-card-fields{grid-template-columns:repeat(4,112px)!important;justify-content:end}@media(max-width:800px){.price-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch}}
form[action="/administracao/planos/salvar"]{gap:18px!important}form[action="/administracao/planos/salvar"]>label.full{padding:15px;border:1px solid var(--border);border-radius:12px;background:rgba(8,12,19,.4)}form[action="/administracao/planos/salvar"]>label.full>span{font-weight:700;color:#c5ccda}form[action="/administracao/planos/salvar"] input,form[action="/administracao/planos/salvar"] textarea{background:#0a0f17!important;border-color:#2a3447!important}form[action="/administracao/planos/salvar"] .bouquet-picker{padding:18px;background:linear-gradient(145deg,rgba(18,25,37,.8),rgba(10,15,23,.65));border-color:#2a3447;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px}form[action="/administracao/planos/salvar"] .bouquet-picker>label{min-height:58px;padding:11px 12px 11px 40px;border-radius:9px;background:#0b111a;border-color:#263146}form[action="/administracao/planos/salvar"] .bouquet-picker>label:before{left:13px;width:15px;height:15px}form[action="/administracao/planos/salvar"] .bouquet-picker>label strong{font-size:12px}form[action="/administracao/planos/salvar"] .bouquet-picker>label small{font-size:9px}
.detail-modal .modal-form select{width:100%;max-width:100%}.mini-avatar.dashboard-renew-trigger{border:0;cursor:pointer}
.period-choice{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.period-choice legend{padding:0 0 4px;font-size:10px;color:#aab3c2}.period-choice label{display:block!important;position:relative;cursor:pointer}.period-choice input{position:absolute;opacity:0}.period-choice label span{min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:#0b1018;color:#cbd3e0;font-size:11px}.period-choice label small{color:#758095;font-size:9px}.period-choice label:has(input:checked) span{border-color:#786cf2;background:rgba(115,103,240,.16);color:#c5bfff}.period-choice label:has(input:checked) small{color:#aaa1ff}
@media(max-width:560px){.detail-modal .modal-form label{min-width:0}.detail-modal .modal-form select{display:block;min-width:0;width:100%;max-width:100%;}}
* { box-sizing:border-box; }
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield;appearance:textfield}
.price-editor table{table-layout:fixed}.price-editor th:first-child,.price-editor td:first-child{width:42%;text-align:left}.price-editor th:not(:first-child),.price-editor td:not(:first-child){width:14.5%;text-align:right}.price-editor .price-input{justify-content:flex-end}.price-editor .price-input input{width:76px;min-width:0}
.price-cards{display:grid;gap:12px}.price-card{padding:17px;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr);gap:24px;align-items:center}.price-card-title{display:flex;align-items:center;gap:11px}.price-card-title .plan-icon{margin:0}.price-card-title h3{margin:4px 0 0;font-size:14px}.price-card-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.price-card-fields label{display:grid;gap:6px;color:#8f9aae;font-size:9px}.price-card-fields .price-input{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;background:#0b1018;padding:0 9px}.price-card-fields .price-input small{color:#728096;font-size:9px}.price-card-fields input{width:100%;min-width:0;border:0!important;background:transparent!important;padding:10px 0!important;color:#e4e8f0;outline:0;text-align:right}@media(max-width:800px){.price-card{grid-template-columns:1fr}.price-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
html { background:var(--bg); }
body { margin:0; background:radial-gradient(circle at 55% -20%,rgba(115,103,240,.11),transparent 33%),var(--bg); color:var(--text); font-family:var(--font-inter),sans-serif; }
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:30px;display:grid;gap:16px}.auth-card .brand{justify-content:center;margin-bottom:12px}.auth-card h1{font-family:var(--font-manrope);font-size:27px;margin:0}.auth-card>p{margin:0;color:#8590a4;font-size:14px;line-height:1.5}.auth-card .flash{margin:0;padding:11px 12px;border-radius:9px;font-size:13px;border:1px solid var(--border)}.auth-card .flash.error{background:rgba(239,108,120,.12);border-color:rgba(239,108,120,.38);color:#ff9eaa}.auth-form{display:grid;gap:15px;margin-top:6px}.auth-form label{display:grid;gap:7px}.auth-form label span{font-size:12px;color:#aab3c2;font-weight:650}.auth-form input{border:1px solid var(--border);border-radius:9px;background:#0c111a;color:#e0e5ee;padding:12px 13px;outline:0;font-size:14px}.auth-form .primary-button{min-height:44px;margin-top:5px;font-size:13px}@media(max-width:800px){.auth-card{width:min(410px,100%);padding:28px;gap:14px}.auth-card h1{font-size:24px}.auth-card>p{font-size:12px}.auth-form{gap:14px}.auth-form label span{font-size:10px}.auth-form input{padding:11px 12px;font-size:11px}.auth-form .primary-button{min-height:0;font-size:12px}}
button,input,select { font:inherit; }
button { color:inherit; }
.app-shell { min-height:100vh; display:flex; }
.sidebar { position:fixed; inset:0 auto 0 0; z-index:20; width:248px; background:#0c1018; border-right:1px solid var(--border); padding:22px 16px 16px; display:flex; flex-direction:column; }
.sidebar-top { display:flex; align-items:center; justify-content:space-between; padding:0 8px; }
.brand { display:flex; align-items:center; gap:11px; font-family:var(--font-manrope),sans-serif; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:white; background:linear-gradient(145deg,var(--violet),#4f46b8); box-shadow:0 8px 22px rgba(115,103,240,.32); }
.brand strong { font-size:18px; letter-spacing:-.4px; }.brand small { color:var(--violet-2); font-size:12px; margin-left:4px; text-transform:uppercase; letter-spacing:1.2px; }
.account-card { display:flex; align-items:center; gap:9px; margin:25px 2px 18px; padding:11px; background:var(--panel); border:1px solid var(--border); border-radius:12px; }
.avatar,.top-avatar { background:linear-gradient(145deg,#3b4260,#222a3c); display:grid; place-items:center; font-weight:700; color:#d8dded; }
.avatar { width:32px; height:32px; border-radius:9px; font-size:11px; }.account-card>span:nth-child(2) { min-width:0; flex:1; display:flex; flex-direction:column; }.account-card strong { font-size:12px; }.account-card small { color:var(--muted); font-size:10px; margin-top:3px; }
.nav-title { color:#5e687a; font-size:10px; text-transform:uppercase; letter-spacing:1.6px; font-weight:700; padding:0 12px; margin:19px 0 7px; }
.nav-item { width:100%; border:0; background:transparent; display:flex; align-items:center; gap:12px; color:#98a2b5; padding:10px 12px; border-radius:9px; cursor:pointer; font-size:13px; transition:.18s ease; text-align:left; }.nav-item:hover { color:#e5e9f2; background:#121824; }.nav-item.active { background:rgba(115,103,240,.14); color:#a99fff; }.nav-item span { flex:1; }.nav-item em { font-style:normal; font-size:10px; padding:2px 6px; border-radius:12px; background:#1b2332; color:#9ca6b8; }.nav-item.active em { color:#c9c4ff; background:rgba(115,103,240,.21); }
.sidebar-footer { margin-top:auto; padding:12px; border-radius:11px; background:rgba(53,201,137,.07); color:var(--green); display:grid; gap:8px; }.sidebar-footer span { display:flex; flex-direction:column; }.sidebar-footer strong { font-size:11px; }.sidebar-footer small { color:#6e8f80; font-size:9px; margin-top:3px; }.recent-logins{list-style:none;margin:0;padding:0;display:grid;gap:6px}.recent-logins li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#a4d8ba}.recent-logins li strong{font-size:9px;font-weight:600}.recent-logins li .recent-login-ip{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-logins li small{margin:0;white-space:nowrap;font-size:8px}
.main { margin-left:248px; width:calc(100% - 248px); min-width:0; }.topbar { height:76px; position:sticky; top:0; z-index:15; display:flex; align-items:center; justify-content:space-between; padding:0 30px; border-bottom:1px solid rgba(32,40,56,.75); background:rgba(8,11,18,.86); backdrop-filter:blur(18px); }.title-wrap { display:flex; align-items:center; gap:12px; }.title-wrap p { margin:0 0 2px; color:#697386; font-size:10px; text-transform:uppercase; letter-spacing:1.3px; }.title-wrap h1 { font-family:var(--font-manrope); font-size:20px; margin:0; letter-spacing:-.3px; }.top-actions { display:flex; align-items:center; gap:9px; }.global-search { width:300px; display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid var(--border); background:#0e131c; border-radius:9px; color:#687386; }.global-search input { flex:1; min-width:0; border:0; outline:0; color:#dce2ed; background:transparent; font-size:12px; }.global-search kbd { border:1px solid #2a3345; border-radius:5px; padding:2px 5px; color:#657084; font-size:9px; }.icon-button { width:36px; height:36px; border-radius:9px; border:1px solid var(--border); background:#0f141e; display:grid; place-items:center; color:#8994a8; cursor:pointer; }.notification { position:relative; }.notification i { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--red); right:7px; top:7px; box-shadow:0 0 0 2px #0f141e; }.top-avatar { width:34px; height:34px; border-radius:9px; font-size:11px; margin-left:3px; }.mobile-menu,.close-menu { display:none; }
.content { padding:24px 28px 40px; max-width:1640px; margin:auto; }.panel { background:linear-gradient(145deg,rgba(18,24,35,.98),rgba(13,18,27,.98)); border:1px solid var(--border); border-radius:14px; box-shadow:0 16px 36px rgba(0,0,0,.12); }.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr); gap:16px; }.welcome { grid-column:1/-1; padding:21px 23px; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(100deg,rgba(115,103,240,.15),rgba(15,20,30,.98) 52%); }.eyebrow { color:#7c879c; font-size:10px; text-transform:uppercase; letter-spacing:1.1px; font-weight:700; display:flex; align-items:center; gap:6px; }.welcome h2 { font-family:var(--font-manrope); font-size:21px; margin:7px 0 5px; }.welcome p { margin:0; color:#8f99ac; font-size:12px; }.welcome p strong { color:#d8ddec; }.welcome-actions { display:flex; gap:9px; }.primary-button,.secondary-button,.filter-button { border-radius:9px; padding:9px 13px; display:inline-flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; font-weight:650; font-size:12px; }.primary-button { border:1px solid #7c70f2; background:linear-gradient(145deg,#786cf2,#6559dc); box-shadow:0 8px 22px rgba(115,103,240,.2); }.secondary-button,.filter-button { border:1px solid var(--border); background:#131925; color:#b4bdcc; }
.metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.metric { padding:17px; position:relative; min-height:129px; overflow:hidden; }.metric-icon { width:35px; height:35px; border-radius:9px; display:grid; place-items:center; margin-bottom:13px; }.metric-icon.violet { color:#a99fff; background:rgba(115,103,240,.13); }.metric-icon.blue { color:#75b4fb; background:rgba(73,154,248,.12); }.metric-icon.green { color:#64dca5; background:rgba(53,201,137,.12); }.metric-icon.amber { color:#f8c16e; background:rgba(243,175,73,.12); }.metric>span { display:block; color:#7e899c; font-size:11px; }.metric>strong { display:block; font-family:var(--font-manrope); font-size:23px; margin-top:5px; letter-spacing:-.6px; }.metric>small { color:#7c8799; font-size:9px; }.sparkline { position:absolute; right:15px; bottom:16px; width:88px; height:42px; display:flex; align-items:flex-end; gap:3px; opacity:.65; }.sparkline i { flex:1; min-height:5px; border-radius:4px 4px 1px 1px; background:linear-gradient(to top,rgba(115,103,240,.13),#776bea); }
.revenue { padding:20px; min-height:330px; }.panel-heading { display:flex; align-items:center; justify-content:space-between; }.panel-heading h3 { font-family:var(--font-manrope); margin:5px 0 0; font-size:15px; }.panel-heading select { background:#111721; color:#9ba5b7; border:1px solid var(--border); border-radius:8px; padding:7px 9px; font-size:10px; outline:0; }.chart-wrap { height:190px; display:flex; margin-top:20px; }.chart-y { display:flex; flex-direction:column; justify-content:space-between; color:#586275; font-size:9px; padding:2px 9px 17px 0; }.area-chart { position:relative; flex:1; background:repeating-linear-gradient(to bottom,rgba(43,53,72,.42) 0,rgba(43,53,72,.42) 1px,transparent 1px,transparent 33.33%); overflow:hidden; }.area-chart:after { content:""; position:absolute; inset:12% 0 0; background:linear-gradient(to bottom,rgba(115,103,240,.23),transparent 78%); clip-path:polygon(0 75%,18% 61%,35% 69%,52% 43%,68% 48%,84% 20%,100% 5%,100% 100%,0 100%); }.chart-line { position:absolute; z-index:2; inset:12% 0 0; background:#8b80f6; height:2px; transform:rotate(-12deg); top:48%; box-shadow:0 0 12px #7367f0; }.chart-point { position:absolute; width:7px; height:7px; border:2px solid #a89fff; background:#111721; border-radius:50%; z-index:3; }.p1{left:2%;top:69%}.p2{left:19%;top:58%}.p3{left:36%;top:62%}.p4{left:53%;top:43%}.p5{left:70%;top:38%}.p6{left:94%;top:18%}.chart-labels { margin-left:28px; display:flex; justify-content:space-between; color:#596376; font-size:9px; }.chart-summary { display:flex; gap:24px; padding-top:17px; margin-top:15px; border-top:1px solid var(--border); color:#717c8f; font-size:9px; }.chart-summary span { display:flex; align-items:center; gap:6px; }.chart-summary strong { color:#c7ceda; margin-left:3px; }.dot { width:6px;height:6px;border-radius:50%;}.dot.violet{background:var(--violet)}.dot.green{background:var(--green)}.dot.red{background:var(--red)}
.expirations { padding:20px; }.text-button { border:0; background:transparent; color:#9389f5; font-size:10px; cursor:pointer; }.mini-list { margin-top:12px; }.mini-list>div { display:flex; align-items:center; gap:9px; padding:10px 0; border-bottom:1px solid rgba(32,40,56,.7); }.mini-list>div:last-child{border-bottom:0}.mini-avatar,.identity>span { width:31px; height:31px; border-radius:8px; display:grid; place-items:center; background:#1a2230; color:#aab3c2; font-weight:700; font-size:9px; }.mini-list>div>span:nth-child(2){flex:1;display:flex;flex-direction:column}.mini-list strong{font-size:10px}.mini-list small{color:#6f7a8e;font-size:9px;margin-top:3px}.mini-date{color:#8e98a9;font-size:9px}.renew-button{border:1px solid #302b61;background:rgba(115,103,240,.1);color:#9f96f6;border-radius:7px;padding:6px 8px;font-size:9px;cursor:pointer}
.servers,.quick { padding:20px; }.server-row { display:grid; grid-template-columns:35px minmax(130px,1fr) auto 100px 30px; align-items:center; gap:10px; padding:15px 0; border-bottom:1px solid var(--border); }.server-row:last-child{border-bottom:0}.server-icon { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#7db5fa;background:rgba(73,154,248,.1)}.server-row>span:nth-child(2){display:flex;flex-direction:column}.server-row strong{font-size:10px}.server-row small{font-size:8px;color:#697488;margin-top:3px}.server-row b{font-size:9px;color:#8c96a8}.progress{height:5px;border-radius:6px;background:#202737;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6559db,#8e84f7)}
.status { display:inline-flex; align-items:center; gap:5px; font-size:9px; white-space:nowrap; }.status i{width:5px;height:5px;border-radius:50%}.status.success{color:#63d9a2}.status.success i{background:var(--green)}.status.info{color:#75b5fb}.status.info i{background:var(--blue)}.status.warning{color:#f5bd68}.status.warning i{background:var(--amber)}.status.neutral{color:#8c96a7}.status.neutral i{background:#758096}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.quick-grid button{border:1px solid var(--border);border-radius:10px;background:#111722;padding:11px;text-align:left;display:grid;grid-template-columns:30px 1fr;column-gap:9px;cursor:pointer}.quick-grid button:hover{border-color:#39345f;background:#141a27}.quick-grid button>span{grid-row:1/3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(115,103,240,.1);color:#9e95f6}.quick-grid strong{font-size:9px}.quick-grid small{font-size:8px;color:#697488;margin-top:3px}
.section-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:20px; }.section-header h2 { margin:0; font-family:var(--font-manrope); font-size:23px; letter-spacing:-.5px; }.section-header p { margin:6px 0 0; color:#788398; font-size:12px; }.filters { display:grid; grid-template-columns:minmax(230px,1fr) 180px 180px auto; gap:10px; padding:12px; margin-bottom:14px; }.filters label { display:flex;align-items:center;gap:8px;background:#0d121b;border:1px solid var(--border);border-radius:8px;padding:0 10px;color:#677286}.filters input,.filters select{width:100%;border:0;outline:0;background:transparent;color:#c6cdd8;font-size:11px}.filters select{background:#0d121b;border:1px solid var(--border);border-radius:8px;padding:9px}.filter-button{white-space:nowrap}
.table-panel{overflow:hidden}.table-panel table{width:100%;border-collapse:collapse}.table-panel th{text-align:left;color:#697488;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;padding:12px 16px;background:#0e131c;border-bottom:1px solid var(--border)}.table-panel td{padding:13px 16px;border-bottom:1px solid rgba(32,40,56,.7);font-size:10px;color:#9da6b7}.table-panel tr:last-child td{border-bottom:0}.identity{display:flex;align-items:center;gap:9px}.identity>div{display:flex;flex-direction:column}.identity strong{color:#e2e6ee;font-size:10px}.identity small{color:#687387;font-size:9px;margin-top:3px}.more-button{border:0;background:transparent;color:#737e91;cursor:pointer;letter-spacing:2px}.table-heading{padding:18px 18px 13px}
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan-card{padding:18px;position:relative}.plan-card>.status{position:absolute;right:18px;top:19px}.plan-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#9d94f6;background:rgba(115,103,240,.12)}.plan-card h3{font-family:var(--font-manrope);font-size:15px;margin:18px 0 4px}.plan-card p{color:#6f7a8d;font-size:9px;margin:0}.plan-card>strong{display:block;font-size:20px;margin:18px 0}.plan-card>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:14px}.plan-card>div span{display:flex;flex-direction:column}.plan-card>div small{color:#657084;font-size:8px}.plan-card>div b{font-size:10px;margin-top:4px}.plan-card .secondary-button{width:100%}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:17px;background:var(--border)}.price-grid span{display:flex;flex-direction:column;padding:10px;background:#101722}.price-grid small{color:#708097;font-size:8px}.price-grid b{font-size:11px;margin-top:5px}.price-editor{padding:0}.price-editor .integration-actions{padding:15px 18px;margin:0}.price-input{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:7px;background:#0c111a;padding:0 8px}.price-input span{color:#768298;font-size:9px}.price-input input{width:84px;border:0;background:transparent;color:#e4e8f0;outline:0;padding:9px 0;font-size:10px}
.finance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.finance-metrics article{padding:18px;display:flex;flex-direction:column}.finance-metrics small{color:#748095;font-size:10px}.finance-metrics strong{font-family:var(--font-manrope);font-size:22px;margin:8px 0 5px}.finance-metrics span{color:#758094;font-size:9px}.finance-metrics .positive{color:#55cf95}
.server-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.server-card{padding:20px}.server-card-head{display:flex;align-items:center;gap:11px}.server-icon.large{width:44px;height:44px}.server-card-head>div{flex:1}.server-card h3{margin:0;font-family:var(--font-manrope);font-size:15px}.server-card p{margin:4px 0 0;color:#6e798d;font-size:9px}.server-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:22px 0}.server-stats span{display:flex;flex-direction:column;padding:11px;background:#0e141d;border:1px solid var(--border);border-radius:9px}.server-stats small{color:#697488;font-size:8px}.server-stats strong{font-size:16px;margin-top:6px}.load{margin-bottom:18px}.load>span{display:flex;justify-content:space-between;color:#778296;font-size:9px;margin-bottom:8px}.load b{color:#b2bac8}
.integration-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:15px}.integration-form,.integration-info{padding:22px}.integration-head{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border)}.integration-head>div{flex:1}.integration-head h3,.integration-info h3{font-family:var(--font-manrope);margin:0;font-size:16px}.integration-head p{margin:5px 0 0;color:#748095;font-size:10px;max-width:580px;line-height:1.5}.integration-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:#a198f7;background:rgba(115,103,240,.13)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label.full{grid-column:1/-1}.form-grid label>span{font-size:10px;color:#aab3c2;font-weight:650}.form-grid input{width:100%;border:1px solid var(--border);border-radius:9px;background:#0c111a;color:#e0e5ee;padding:11px 12px;outline:0;font-size:11px}.form-grid input:focus{border-color:#554ca8;box-shadow:0 0 0 3px rgba(115,103,240,.08)}.form-grid small{color:#5f697c;font-size:8px}.advanced-toggle{width:100%;margin-top:18px;padding:11px 0;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;color:#8d97a9;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px;text-align:left}.advanced-toggle svg:last-child{margin-left:auto;transition:.2s}.advanced-toggle .rotated{transform:rotate(180deg)}.advanced-fields{margin-top:16px}.integration-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.integration-info h3{margin:7px 0 18px}.integration-info ul{list-style:none;padding:0;margin:0}.integration-info li{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid rgba(32,40,56,.7);font-size:10px;color:#9ba5b6}.check-mark{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:rgba(53,201,137,.1);color:#55d096;font-size:10px;font-weight:800}.security-note{display:flex;gap:10px;padding:13px;margin-top:20px;border:1px solid rgba(53,201,137,.17);border-radius:10px;background:rgba(53,201,137,.06);color:#55d096}.security-note span{display:flex;flex-direction:column}.security-note strong{font-size:9px}.security-note small{font-size:8px;color:#6f9986;margin-top:4px;line-height:1.45}
.quick-test-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0 -3px}.quick-test-presets>span{font-size:10px;font-weight:700;color:#a99fff}.quick-test-presets button,.table-action{border:1px solid var(--border);background:#121925;color:#aeb8c9;border-radius:7px;padding:5px 8px;font-size:9px;cursor:pointer}.quick-test-presets button:hover,.table-action:hover{border-color:#5c54b4;color:#d8d4ff}.quick-test-presets small{font-size:9px;color:#697488}.row-actions{display:flex;gap:5px;align-items:center}.row-actions form{margin:0}.table-action.accent{border-color:#514aa1;background:rgba(115,103,240,.12);color:#aca4ff}.detail-modal{width:min(430px,calc(100vw - 32px));border:1px solid #303a4d;border-radius:14px;background:#101722;color:#e6eaf1;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.55)}.detail-modal::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:19px;border-bottom:1px solid var(--border)}.modal-head h3{font-family:var(--font-manrope);font-size:17px;margin:5px 0 0}.modal-head button{border:0;background:#1c2432;color:#aeb8c8;border-radius:7px;font-size:20px;line-height:28px;width:28px;height:28px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--border)}.detail-grid>div{padding:14px;background:#101722}.detail-grid dt{font-size:9px;color:#758095}.detail-grid dd{margin:5px 0 0;font-size:11px;color:#e1e6ee}.modal-form{display:grid;gap:14px;padding:19px}.modal-form label{display:grid;gap:7px;font-size:10px;color:#aab3c2}.modal-form input{border:1px solid var(--border);border-radius:8px;background:#0b1018;color:#e3e7ef;padding:10px 11px;outline:0}
.table-action.danger{border-color:rgba(239,108,120,.45);color:#f29aa4}.modal-form select{border:1px solid var(--border);border-radius:8px;background:#0b1018;color:#e3e7ef;padding:10px 11px;outline:0}.modal-form small{color:#758095;font-size:9px;line-height:1.4}
.profile-menu{position:relative}.profile-menu .top-avatar{border:0;cursor:pointer}.profile-popover{display:none;position:absolute;z-index:30;right:0;top:42px;width:190px;padding:12px;border:1px solid #2b3548;border-radius:10px;background:#111824;box-shadow:0 16px 36px rgba(0,0,0,.35)}.profile-menu.is-open .profile-popover{display:grid;gap:5px}.profile-popover strong{font-size:11px;color:#e4e9f1}.profile-popover small{font-size:9px;color:#7d899d;padding-bottom:8px;border-bottom:1px solid var(--border)}.profile-popover button{margin-top:4px;padding:8px;border:0;border-radius:7px;background:#1a2230;color:#bcb5ff;text-align:left;font-size:10px;cursor:pointer}.profile-popover button:hover{background:#252e40}
.profile-password-link{justify-self:start;padding:0;border:0;background:transparent;color:#aaa1ff;font-size:10px;cursor:pointer}.profile-password-link:hover{color:#cbc5ff;text-decoration:underline}.profile-password-fields{display:grid;gap:14px;padding-top:2px;animation:profile-password-reveal .2s ease-out}.profile-password-fields[hidden]{display:none}@keyframes profile-password-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.profile-feedback{padding:9px 10px;border-radius:8px;font-size:10px;line-height:1.4}.profile-feedback.success{background:rgba(53,201,137,.12);color:#7ee2b1;border:1px solid rgba(53,201,137,.25)}.profile-feedback.error{background:rgba(239,108,120,.1);color:#f3a2ab;border:1px solid rgba(239,108,120,.26)}
.modal-form textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#0b1018;color:#e3e7ef;padding:10px 11px;outline:0;font:10px/1.5 var(--font-inter)}
.modal-form>p{margin:0;color:#aeb8c9;font-size:11px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.danger-button{border-color:#d65d6c;background:linear-gradient(145deg,#dc6372,#b94354);box-shadow:none}
.delivery-content{padding:19px;display:grid;gap:14px}.delivery-content>p{margin:0;color:#8793a7;font-size:10px;line-height:1.5}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--border)}.delivery-grid>div{padding:12px;background:#101722}.delivery-grid dt{font-size:9px;color:#758095}.delivery-grid dd{margin:6px 0 0;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;color:#e4e8f0}.delivery-grid button{border:1px solid #3b3574;background:rgba(115,103,240,.12);color:#aaa1ff;border-radius:6px;padding:4px 6px;font-size:8px;cursor:pointer}.delivery-text{width:100%;min-height:104px;resize:none;border:1px solid var(--border);border-radius:8px;background:#0b1018;color:#cbd3e0;padding:10px;font:10px/1.5 var(--font-inter)}
.form-grid textarea{width:100%;border:1px solid var(--border);border-radius:9px;background:#0c111a;color:#e0e5ee;padding:11px 12px;outline:0;font:11px/1.5 var(--font-inter);resize:vertical}
.trial-option{display:flex;flex-direction:column;gap:7px}.trial-option>span{font-size:10px;color:#aab3c2;font-weight:650}.trial-choice{height:38px;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--border);border-radius:9px;background:#0c111a}.trial-choice label{display:grid!important;place-items:center;position:relative;cursor:pointer;border-radius:6px;color:#778399;font-size:10px;font-weight:650}.trial-choice input{position:absolute;opacity:0}.trial-choice label:has(input:checked){background:rgba(115,103,240,.2);color:#b6afff}
.credential-input{display:flex;border:1px solid var(--border);border-radius:9px;background:#0c111a;overflow:hidden}.credential-input input{border:0!important;border-radius:0!important;box-shadow:none!important}.credential-input button{width:40px;border:0;border-left:1px solid var(--border);background:#151c29;color:#aca4ff;cursor:pointer}.form-grid select{width:100%;border:1px solid var(--border);border-radius:9px;background:#0c111a;color:#e0e5ee;padding:11px 12px;outline:0;font-size:11px}.admin-layout{display:grid;gap:15px}.admin-section{padding:20px}.admin-section>p{color:#788398;font-size:11px;line-height:1.5;margin:9px 0 0}.bouquet-admin-list{margin-top:17px;border-top:1px solid var(--border)}.bouquet-admin-row{display:grid;grid-template-columns:38px minmax(180px,1fr) minmax(230px,.7fr);align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--border)}.bouquet-admin-row>div{display:flex;flex-direction:column;gap:4px}.bouquet-admin-row strong{font-size:11px}.bouquet-admin-row small{color:#728096;font-size:9px}.bouquet-admin-row label:not(.switch){display:grid;gap:5px;color:#97a2b4;font-size:9px}.bouquet-admin-row input:not([type="checkbox"]){border:1px solid var(--border);border-radius:8px;background:#0c111a;color:#e0e5ee;padding:9px 10px;outline:0;font-size:10px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:31px;height:18px;border-radius:10px;background:#30394b;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#b8c0cf;top:3px;left:3px;transition:.16s}.switch input:checked+span{background:#6257d8}.switch input:checked+span:after{left:16px;background:#fff}
.bouquet-picker{grid-column:1/-1;border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;background:rgba(7,11,18,.35)}.bouquet-picker legend{padding:0 6px;color:#aab3c2;font-size:10px;font-weight:700}.bouquet-picker>label{min-height:68px;position:relative;display:flex;align-items:center;gap:10px;padding:13px 14px 13px 42px;border:1px solid #283246;border-radius:10px;background:#0d121b;cursor:pointer;transition:.16s ease}.bouquet-picker>label:before{content:"";position:absolute;left:14px;width:16px;height:16px;border:1px solid #566178;border-radius:5px;background:#111824}.bouquet-picker>label:has(input:checked){border-color:#786cf2;background:linear-gradient(130deg,rgba(115,103,240,.2),rgba(15,20,30,.92));box-shadow:0 0 0 1px rgba(115,103,240,.2)}.bouquet-picker>label:has(input:checked):before{border-color:#958bf8;background:#766af0;box-shadow:inset 0 0 0 3px #171b2d}.bouquet-picker>label:hover{border-color:#535f77}.bouquet-picker input{position:absolute;opacity:0}.bouquet-picker label span{display:flex;flex-direction:column;gap:4px}.bouquet-picker label strong{font-size:11px;color:#e2e7f0}.bouquet-picker label small{font-size:9px;color:#718095}.plan-catalog{margin-top:16px}
.menu-backdrop{display:none}
.form-grid label.is-disabled{opacity:.5}.form-grid label.is-disabled input{cursor:not-allowed}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{color:#e0e5ee}input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus{background-color:#0c111a!important;color:#e0e5ee!important}input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill,input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:hover,input:not([type="checkbox"]):not([type="radio"]):-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:#e0e5ee!important;-webkit-box-shadow:0 0 0 1000px #0c111a inset!important;box-shadow:0 0 0 1000px #0c111a inset!important;caret-color:#e0e5ee;transition:background-color 9999s ease-out 0s}.auth-form input:focus{border-color:#6257d8;box-shadow:0 0 0 3px rgba(115,103,240,.1)}
.recent-logins-link{display:block;color:inherit;text-decoration:none;border-radius:7px;transition:background .16s ease}.recent-logins-link:hover{background:rgba(53,201,137,.09)}.access-history{padding:6px 20px}.access-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.access-row:last-child{border-bottom:0}.access-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(82,201,143,.1);color:#74d9a4;font-size:16px}.access-row div{min-width:0;display:flex;flex-direction:column;gap:4px}.access-row strong{overflow-wrap:anywhere;color:#e5eaf1;font:700 12px var(--font-manrope)}.access-row small,.access-row time{color:#8190a5;font-size:10px}.access-row time{white-space:nowrap}.access-empty{padding:18px 0;color:#8794a8;font-size:12px}@media(max-width:560px){.access-row{grid-template-columns:32px minmax(0,1fr)}.access-row time{grid-column:2;font-size:9px}}
.status.danger{color:#f08c98}.status.danger i{background:#ef6374}
.expiry-tabs{display:flex;gap:6px;margin:14px 0 4px;overflow-x:auto;padding-bottom:3px}.expiry-tabs button{flex:0 0 auto;border:1px solid var(--border);border-radius:8px;background:#121925;color:#8995a8;padding:7px 9px;font:700 9px var(--font-manrope);cursor:pointer}.expiry-tabs button span{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;border-radius:99px;background:#202a3a;color:#aeb8c8}.expiry-tabs button.is-active{border-color:#6559db;background:rgba(115,103,240,.16);color:#c4bfff}.expiry-tabs button.is-active span{background:#766af0;color:#fff}.expiry-list{max-height:255px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#46516a transparent}.expiry-list::-webkit-scrollbar{width:6px}.expiry-list::-webkit-scrollbar-thumb{background:#46516a;border-radius:99px}.expiry-empty{min-height:105px;justify-content:center}.expiry-empty>span{align-items:center;text-align:center}
.pagination{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin:18px 0;color:var(--muted)}.pagination-summary{margin-right:auto;font-size:.78rem;color:#8793a8}.pagination-size label{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:rgba(12,17,26,.72);font-size:.75rem;color:#93a0b4}.pagination-size select{appearance:none;min-width:52px;padding:4px 23px 4px 8px;border:0;border-radius:6px;background:#1b2433 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 5 3 3 3-3' fill='none' stroke='%239aa6ba' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 7px center;color:#eef2f8;font:700 .75rem var(--font-manrope);cursor:pointer}.pagination-size select:focus{outline:2px solid rgba(123,111,243,.45)}.pagination-actions{display:flex;align-items:center;gap:9px;font-size:.78rem}.pagination-actions span{color:#a7b1c2}
.pricing-header{margin-bottom:22px}.pricing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pricing-overview-card{padding:20px}.pricing-overview-card h3,.price-config-card h3{margin:0;color:#edf0f7;font:700 15px var(--font-manrope)}.price-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:17px 0 0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--border)}.price-periods>div{min-height:62px;padding:11px 12px;background:#0c111a}.price-periods dt{color:#7f8ba0;font-size:9px}.price-periods dd{margin:6px 0 0;color:#edf0f7;font-size:12px;font-weight:700}.pricing-empty{padding:22px}.pricing-empty h3{margin:0 0 6px;font:700 15px var(--font-manrope)}.pricing-empty p{margin:0;color:#8290a5;font-size:11px}.price-configuration{display:grid;gap:13px;max-width:1000px}.price-config-card{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.6fr);align-items:center;gap:24px;padding:19px 20px}.price-config-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.price-config-fields label{display:grid;gap:7px;color:#8f9aae;font-size:9px}.price-config-fields .price-input{height:39px;padding:0 10px;border-radius:8px}.price-config-fields .price-input small{color:#738198;font-size:10px}.price-config-fields .price-input input{width:100%;min-width:0;padding:9px 0;text-align:right;font-size:11px}.price-save-bar{display:flex;justify-content:flex-end;padding:13px 15px;position:sticky;bottom:14px;z-index:3;background:rgba(17,24,34,.95);backdrop-filter:blur(12px)}
@media(max-width:1100px){.pricing-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.price-config-card{grid-template-columns:1fr;gap:16px}.price-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pricing-overview{grid-template-columns:1fr}.pricing-overview-card{padding:17px}.price-config-card{padding:17px}.price-save-bar{bottom:8px}.price-save-bar .primary-button{width:100%}}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.plans-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.expirations,.quick{grid-column:auto}.server-cards,.integration-layout{grid-template-columns:1fr}.global-search{width:240px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.is-open{transform:translateX(0)}.close-menu,.mobile-menu{display:grid}.menu-backdrop{display:none;position:fixed;z-index:19;inset:0;border:0;background:rgba(0,0,0,.55)}.menu-backdrop.is-visible{display:block}.main{margin-left:0;width:100%}.topbar{padding:0 18px}.global-search{display:none}.content{padding:18px}.filters{grid-template-columns:1fr 1fr}.filters label{grid-column:1/-1}.table-panel{overflow-x:auto}.table-panel table{min-width:720px}.welcome{align-items:flex-start;gap:18px}.welcome-actions{flex-direction:column}.server-row{grid-template-columns:35px 1fr auto}.server-row .progress,.server-row>b{display:none}}
@media(max-width:560px){.metrics,.plans-grid,.finance-metrics,.quick-grid,.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.welcome{flex-direction:column}.welcome-actions{width:100%;flex-direction:row}.welcome-actions button{flex:1}.chart-summary{gap:10px;flex-wrap:wrap}.filters{grid-template-columns:1fr}.filters label{grid-column:auto}.section-header{align-items:flex-start;gap:15px}.section-header p{max-width:220px}.server-stats{grid-template-columns:1fr}.top-actions .icon-button:last-of-type{display:none}.integration-actions{flex-direction:column}.integration-actions button{width:100%}}
/* Dashboard: atalhos após operação e vencimentos logo abaixo. */