.select-control{height:43px;border:1px solid var(--line);background:var(--surface);border-radius:11px;display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--muted)}
.select-control select{border:0;background:transparent;color:var(--text);outline:0}
.select-control option{background:var(--surface)}
.catalog-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.catalog-intro h2,.catalog-intro p{margin:0}
.catalog-intro h2{margin-top:5px}
.catalog-toolbar{padding:0 16px;margin-bottom:10px}.catalog-toolbar .search{max-width:420px}
.modal-small{width:min(530px,100%)}
.client-info-modal{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden}.client-info-modal .modal-head{flex:0 0 auto;margin-bottom:10px}.client-info-modal #clientInfoContent{flex:1 1 auto;min-height:0;overflow:auto;padding-right:2px}.client-info-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-info-topbar,.client-info-grid,.client-info-notes{grid-column:1/-1}.client-info-topbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.client-info-status{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1117}.client-info-status>div{display:grid;justify-items:start;gap:3px}.client-info-status small{color:var(--muted);font-size:11px;line-height:1.2}.client-info-status .avatar{width:36px;height:36px;font-size:13px;flex:0 0 36px}.client-info-topbar #clientCredentialPanel{display:flex;align-items:stretch}.client-info-topbar #clientCredentialPanel .credential-panel{flex:1;width:100%}.client-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.client-info-grid>div,.client-info-notes>div{display:grid;align-content:start;gap:3px;min-height:50px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0d1117}.client-info-grid small,.client-info-notes small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.client-info-grid strong{overflow-wrap:anywhere;font-size:13px;line-height:1.3}.client-info-grid .client-info-applications{grid-column:span 3}.client-info-notes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.client-info-notes p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.35}.client-info-modal .form-actions{flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);background:var(--surface)}@media(max-width:650px){.client-info-modal{width:min(100% - 20px,780px);max-height:calc(100vh - 20px)}.client-info-topbar{grid-template-columns:1fr}.client-info-grid{grid-template-columns:1fr 1fr}.client-info-grid .client-info-applications{grid-column:span 2}.client-info-notes{grid-template-columns:1fr}}@media(max-width:440px){.client-info-grid{grid-template-columns:1fr}.client-info-grid .client-info-applications{grid-column:auto}}
.row-actions{display:flex;justify-content:flex-end;gap:7px}
.row-action.success{color:var(--green);border-color:#28604b}
.row-action.danger{color:var(--red);border-color:#63323a}
.inline-note{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.sort-heading{border:0;background:none;color:var(--muted);font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:0;cursor:pointer;display:flex;align-items:center;gap:7px}.sort-heading span{font-size:12px;color:#596474}.sort-heading:hover,.sort-heading.active{color:var(--text)}.sort-heading.active span{color:var(--green)}
.icon-action{width:31px;height:31px;padding:0;display:inline-grid;place-items:center;font-size:15px}.payment-info{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.payment-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.payment-info small{display:block;color:var(--muted);margin-bottom:4px}.payment-note{margin-top:14px;padding:12px;background:#0c1015;border-radius:9px;color:var(--muted)}.payment-period-preview{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:11px 13px;border:1px solid #244a3d;border-radius:9px;background:#10251f;color:var(--muted)}.payment-period-preview strong{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.payment-period-preview span{line-height:1.45}.watchlist-row{background:#11202a66}
#clientsView table{min-width:1080px}
.report-badge{padding:8px 12px;border-radius:20px;background:var(--green2);color:var(--green);font-size:12px;font-weight:700}.report-grid{grid-template-columns:1.65fr 1fr}.finance-breakdown{padding:0 24px 24px}.finance-line{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.finance-line.total{font-size:18px;color:var(--green)}.finance-line small{color:var(--muted)}
@media(max-width:1000px){.report-grid{grid-template-columns:1fr}}
.user-menu{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.user-menu[hidden]{display:none}.user-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--green2);color:var(--green);font-weight:800}.user-menu .icon-button{font-size:18px}.auth-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 75% 20%,#163f31 0,transparent 32%),#090c10;display:grid;place-items:center;padding:22px}.auth-screen[hidden]{display:none}.auth-card{width:min(430px,100%);padding:36px;background:var(--surface);border:1px solid #2b3540;border-radius:22px;box-shadow:0 30px 90px #000}.auth-brand{margin:0 0 38px}.auth-card h2{font-size:27px;margin:8px 0}.auth-card>p.muted{margin:0 0 25px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:var(--muted);font-size:12px}.auth-card label[hidden]{display:none}.auth-card input{border:1px solid var(--line);border-radius:10px;background:#0c1015;color:var(--text);padding:12px;font:inherit;outline:0}.auth-card input:focus{border-color:var(--green)}.auth-submit{width:100%;margin-top:5px}.auth-error{min-height:18px;margin:0;color:var(--red);font-size:12px}.auth-card>small{display:block;color:#596270;text-align:center;margin-top:22px}
.import-hero{padding:30px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px}.import-hero h2{margin:7px 0}.import-hero p:last-child{max-width:650px;margin-bottom:0}.file-picker{display:grid;gap:4px;padding:12px 15px;border:1px dashed #3a4653;border-radius:12px;cursor:pointer;min-width:220px}.file-picker:hover{border-color:var(--green)}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker span{color:var(--text);font-size:13px;font-weight:700}.file-picker small{color:var(--muted);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-footnote{font-size:12px;margin:13px 5px}.pill.warning{color:#85c8ff;background:#173247}.pill.invalid{color:var(--red);background:#3d1d24}.primary:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.import-hero{grid-template-columns:1fr}.file-picker{width:100%}}
@media(max-width:720px){.catalog-intro{align-items:flex-start;gap:18px}.select-control{order:2}.toolbar .segmented{order:4}}
.pill.standby{color:#ffd166;background:#3b3018}.pill.overdue{color:#ff9f43;background:#3c2717}.pill.teste{color:#c4a7ff;background:#2d2345}.pill.off{color:#ff858b;background:#3d1d24}
.status-avatar{border:1px solid transparent}.status-avatar.status-on{color:#48e5a4;background:#153d31;border-color:#28604b}.status-avatar.status-overdue{color:#ff9f43;background:#3c2717;border-color:#674123}.status-avatar.status-standby{color:#ffd166;background:#3b3018;border-color:#665123}.status-avatar.status-off{color:#ff858b;background:#3d1d24;border-color:#63323a}.status-avatar.status-teste{color:#c4a7ff;background:#2d2345;border-color:#514071}
.plan-chip{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text)}.plan-chip>span,.color-swatch{width:10px;height:10px;border-radius:50%;background:var(--plan-color);box-shadow:0 0 12px color-mix(in srgb,var(--plan-color) 55%,transparent)}.color-swatch{display:inline-block;margin-right:8px;vertical-align:middle}.form-grid input[type="color"]{height:43px;padding:5px;cursor:pointer}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-wide{grid-column:1/-1}.settings-grid .catalog-intro{padding:22px 24px 14px}.settings-grid table{min-width:560px}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}}
.settings-toggle{position:relative;width:100%}.submenu-arrow{position:absolute;right:14px;font-weight:400;transition:.2s}.settings-toggle.expanded .submenu-arrow{transform:rotate(180deg)}.nav-submenu{display:grid;gap:3px;margin:-3px 0 5px 25px;padding-left:12px;border-left:1px solid var(--line)}.nav-submenu[hidden]{display:none}.nav-subitem{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer}.nav-subitem:before{content:'◦';margin-right:8px}.nav-subitem:hover,.nav-subitem.active{color:var(--text);background:var(--surface2)}
.table-sort{border:0;background:none;color:var(--muted);font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:0;cursor:pointer;display:flex;align-items:center;gap:7px}.table-sort span{font-size:12px;color:#596474}.table-sort:hover,.table-sort.active{color:var(--text)}.table-sort.active span{color:var(--green)}
.deadline{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.deadline.future{color:var(--green);background:#14362c}.deadline.today{color:var(--amber);background:#3c2d17}.deadline.late{color:var(--red);background:#3d1d24}.deadline.paid{color:#85c8ff;background:#173247}.deadline-stack{display:grid;justify-items:start;gap:5px}.deadline-stack small{color:var(--muted);font-size:10px;white-space:nowrap}.period-picker h2{margin:3px 0 10px}.period-controls{display:flex;align-items:center;gap:7px;margin-top:10px}.period-controls input{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:0 10px;color-scheme:dark;font:inherit}.period-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);font-size:22px;cursor:pointer}.period-arrow:hover{border-color:var(--green)}.period-current{height:38px;padding:8px 12px}@media(max-width:720px){.period-controls{flex-wrap:wrap}.period-current{flex-basis:100%}.billing-totals{justify-content:space-between}}
@media(min-width:721px){html,body,.app-shell{height:100%;overflow:hidden}main{height:100vh;display:flex;flex-direction:column;padding-bottom:24px}.topbar{flex:0 0 110px}.view.active{min-height:0;flex:1}.view.active:not(#clientsView):not(#billingView):not(#serversView):not(#devicesView):not(#applicationsView):not(#plansView){overflow:auto;padding-bottom:24px}#clientsView.active,#billingView.active,#serversView.active,#devicesView.active,#applicationsView.active,#plansView.active{display:flex;flex-direction:column;overflow:hidden}#clientsView .table-panel,#billingView .table-panel,#serversView .table-panel,#devicesView .table-panel,#applicationsView .table-panel,#plansView .table-panel{display:flex;flex:1;min-height:0;flex-direction:column}#clientsView .table-wrap,#billingView .table-wrap,#serversView .table-wrap,#devicesView .table-wrap,#applicationsView .table-wrap,#plansView .table-wrap{flex:1;min-height:0;overflow:auto}#clientsView thead th,#billingView thead th,#serversView thead th,#devicesView thead th,#applicationsView thead th,#plansView thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--line)}}
.client-info-actions .row-action,.credential-actions .row-action{display:inline-flex;align-items:center;gap:6px}.credential-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1117}.credential-panel>div{display:grid;justify-items:start;gap:3px}.credential-panel small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.credential-panel .muted{font-size:11px;text-transform:none;letter-spacing:0}.credential-panel strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px}.credential-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.credential-label small{font-weight:400;color:var(--muted);display:block;margin-top:2px}.credential-def{display:grid;gap:8px}.credential-def input,.credential-def small{width:100%;box-sizing:border-box}.credential-feedback{color:var(--muted);font-size:11px}.credential-mask{font-family:ui-monospace,Consolas,monospace;letter-spacing:.18em}@media(max-width:520px){.credential-panel{align-items:stretch;flex-direction:column}.credential-actions{justify-content:flex-start}}