@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');
* { box-sizing: border-box; } html, body { margin: 0; background: #f6f7fb; color: #1e293b; font-family: 'DM Sans', sans-serif; } a { color: #405fbd; text-decoration: none; font-weight: 700; }
.page-heading, .detail-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:30px; }.eyebrow { margin:0 0 9px; color:#66748a; font-size:.7rem; font-weight:800; letter-spacing:.13em; } h1 { margin:0; font:600 2.5rem/1.05 Newsreader,serif; letter-spacing:-.04em; }.page-heading p:last-child, .detail-hero p:last-child { margin:10px 0 0; color:#6b7280; }
.login-page { display:grid; min-height:100vh; place-items:center; padding:24px; background:linear-gradient(135deg,#eef2ff,#f7f8fc 55%,#e9f1ff); }.login-card { width:min(100%,430px); padding:38px; border:1px solid #dfe5f2; border-radius:16px; background:#fff; box-shadow:0 24px 65px rgba(34,50,95,.12); }.login-card > p:not(.eyebrow) { margin:12px 0 24px; color:#64748b; }.login-form { display:grid; gap:16px; }.login-form label { display:grid; gap:7px; color:#475569; font-size:.8rem; font-weight:800; }.login-form input { padding:11px; border:1px solid #d9dfeb; border-radius:8px; font:inherit; }.login-form .primary-action { justify-content:center; margin-top:4px; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:18px; }.metric-card { min-height:148px; padding:20px; display:flex; flex-direction:column; justify-content:space-between; }.metric-card > span { color:#64748b; font-size:.78rem; font-weight:700; }.metric-card strong { margin-top:14px; color:#172554; font:600 2.55rem/1 Newsreader,serif; letter-spacing:-.045em; }.metric-card small { margin-top:10px; color:#94a3b8; font-size:.75rem; }.metric-card.attention { border-color:#f4cf8a; background:#fffdf7; }.metric-card.attention strong { color:#9a6700; }.dashboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.dashboard-grid .panel { margin-bottom:0; min-height:210px; }
.primary-action,.secondary-action { min-height:42px; padding:0 16px; border-radius:8px; font:700 .85rem 'DM Sans',sans-serif; cursor:pointer; }.primary-action { display:inline-flex; align-items:center; border:0; background:#3b59b7; color:#fff; }.secondary-action { border:1px solid #d8dfeb; background:#fff; color:#475569; }.primary-action:disabled { opacity:.6; cursor:not-allowed; }
.panel,.metric-card { background:#fff; border:1px solid #e5e9f1; border-radius:12px; box-shadow:0 1px 1px rgba(15,23,42,.02); }.panel { padding:22px; margin-bottom:18px; }.panel-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }.panel h2 { margin:0; font-size:1rem; }.panel p { margin:6px 0 0; color:#94a3b8; font-size:.82rem; }.text-action { font-size:.83rem; }.table-wrap { overflow-x:auto; margin-top:18px; } table { width:100%; border-collapse:collapse; font-size:.88rem; } th { color:#94a3b8; text-align:left; text-transform:uppercase; letter-spacing:.08em; font-size:.68rem; } th,td { padding:14px 10px; border-bottom:1px solid #edf0f5; } th:first-child,td:first-child{padding-left:0} th:last-child,td:last-child{padding-right:0}.reseller-name{color:#1f3f96}.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.status.active{background:#dcfce7;color:#166534}.status.inactive{background:#fee2e2;color:#991b1b}code{padding:3px 6px;border-radius:4px;background:#f2f5f9;color:#53657e;font-size:.78rem}
.activation-row-actions { display:flex; flex-wrap:wrap; gap:8px; }.text-action.danger { color:#b91c1c; }
.form-panel { border-color:#cfd8f5; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }.field label { display:block; margin-bottom:7px; color:#475569; font-size:.78rem; font-weight:800; }.field input,.field select { width:100%; padding:10px 11px; border:1px solid #d9dfeb; border-radius:7px; background:#fff; font:inherit; }.field small { color:#94a3b8; font-size:.72rem; }.checkbox-field { display:flex; align-items:center; gap:8px; }.checkbox-field input { width:auto; }.checkbox-field label { margin:0; }.form-actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:10px; }.form-error { grid-column:1/-1; color:#b91c1c; font-size:.84rem; }.notice { padding:14px 16px; border-radius:8px; }.warning { color:#92400e; border:1px solid #fed7aa; background:#fff7ed; }.loading,.empty-state { margin-top:24px; padding:22px; border:1px dashed #d7ddea; border-radius:8px; color:#64748b; }.back-link { display:inline-block; margin-bottom:20px; font-size:.85rem; }.detail-actions { display:flex; align-items:center; gap:12px; }.detail-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; margin-bottom:18px; }.detail-list { display:grid; grid-template-columns:140px 1fr; gap:13px; margin:22px 0 0; font-size:.88rem; }.detail-list dt { color:#94a3b8; }.detail-list dd { margin:0; }.network-number { margin-top:28px; color:#172554; font:600 3.4rem/1 Newsreader,serif; }.network-label { margin-top:8px; color:#64748b; }.compact-action { min-height:32px; padding:0 11px; font-size:.76rem; }.activation-result { border-color:#bfdbfe; background:#f8fbff; }.activation-code { margin-top:20px; padding:17px; border:1px dashed #8da4db; border-radius:8px; background:#fff; color:#172554; font:700 1.15rem/1.3 monospace; letter-spacing:.08em; }.activation-uri { overflow-wrap:anywhere; color:#53657e !important; font-family:monospace; }
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:800px){.page-heading,.detail-hero{align-items:flex-start;flex-direction:column}.form-grid,.detail-grid,.metrics{grid-template-columns:1fr}h1{font-size:2rem}}
.activation-delivery { display:flex; align-items:center; gap:22px; margin-top:18px; }.activation-qr { width:176px; height:176px; padding:10px; border:1px solid #d7e0f5; border-radius:10px; background:#fff; image-rendering:pixelated; }.activation-delivery > div { min-width:0; flex:1; }
.filter-panel { padding:14px 18px; }.filter-bar { display:flex; align-items:center; gap:10px; }.filter-bar input,.filter-bar select { min-height:40px; padding:9px 11px; border:1px solid #d9dfeb; border-radius:7px; background:#fff; font:inherit; }.filter-bar input { min-width:300px; flex:1; }
@media(max-width:800px){.activation-delivery{align-items:flex-start;flex-direction:column}.activation-qr{width:160px;height:160px}}
@media(max-width:800px){.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input{min-width:0}}
.vat-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.vat-profile-list{display:grid;gap:8px;margin-top:18px}.vat-profile-list-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e2e7f0;border-radius:9px;background:#fff;color:#334155;text-align:left;cursor:pointer}.vat-profile-list-item.selected{border-color:#8da4db;background:#f5f8ff}.vat-profile-list-item small{display:block;margin-top:4px;color:#94a3b8;overflow-wrap:anywhere}.vat-country{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#eef2ff;color:#3b59b7;font-weight:800}.vat-current-rates{margin-top:18px;padding:16px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc}.vat-current-rates-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vat-current-rates-heading>div{display:grid;gap:3px}.vat-current-rates-heading>div>span{color:#334155;font-weight:800}.vat-current-rates-heading small{color:#64748b}.vat-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.vat-rate-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569}.vat-rate-item strong{flex:0 0 auto;color:#172554;font-size:1.05rem}.vat-rates-empty{margin:12px 0 0!important;color:#64748b!important}.vat-scheduled-summary{display:grid;gap:4px;margin-top:13px;padding-top:12px;border-top:1px solid #dbe4f0;color:#475569;font-size:.82rem}.vat-scheduled-summary strong{color:#3730a3;font-weight:700}.vat-band-editor{min-width:0;margin-top:18px}.vat-band-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.vat-band-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr) minmax(72px,.5fr) auto;gap:8px;align-items:center;margin-bottom:8px}.vat-band-row input,.vat-publish-row input{width:100%;min-width:0;padding:9px;border:1px solid #d9dfeb;border-radius:7px;background:#fff;font:inherit}.vat-band-row .text-action{justify-self:end;white-space:nowrap}.vat-form-actions{margin-top:14px}.vat-draft-panel{border-color:#b7c5ec;background:#fbfcff}.vat-publish-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:12px;margin-top:18px}.vat-publish-row label{display:grid;gap:5px;color:#64748b;font-size:.75rem;font-weight:800}.vat-version-list{display:grid;gap:10px;margin-top:18px}.vat-version-card{padding:14px;border:1px solid #e5e9f1;border-radius:9px}.vat-version-card>div{display:flex;justify-content:space-between;gap:10px}.vat-version-card small{display:block;margin-top:5px;color:#94a3b8}.vat-version-card p{color:#475569!important}.status.scheduled{background:#e0e7ff;color:#3730a3}@media(max-width:1050px){.vat-admin-grid{grid-template-columns:1fr}}@media(max-width:650px){.vat-rate-grid{grid-template-columns:1fr}.vat-band-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vat-band-row .text-action{justify-self:start}.vat-publish-row{align-items:stretch;flex-direction:column}.vat-publish-row button{justify-content:center}}
.success { color:#166534; border:1px solid #bbf7d0; background:#f0fdf4; }
.server-summary { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; margin:0 0 18px; padding:11px 12px; border:1px solid #dfe5f2; border-radius:9px; background:#f8faff; font-size:.76rem; }.server-summary span { color:#64748b; font-weight:800; }.server-summary code { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.server-summary a { font-size:.74rem; }.server-connection-card { width:min(100%,560px); }.server-help { color:#64748b; line-height:1.8; overflow-wrap:anywhere; }.server-help code { white-space:normal; overflow-wrap:anywhere; }.server-back-action { display:flex; justify-content:center; align-items:center; margin-top:4px; }.environment-label { max-width:min(56vw,620px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.legal-entity-editor { margin-top:18px; padding:18px; border-top:2px solid #cfd8f5; border-bottom:1px solid #e5e9f1; border-radius:8px; background:#f8faff; }
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px;color:#94a3b8;font-size:.8rem}.breadcrumbs a{color:#557064}.row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.capability-list{display:flex;flex-wrap:wrap;gap:5px}.capability-list span,.count-badge{padding:4px 8px;border-radius:999px;background:#eef5f1;color:#2f654f;font-size:.68rem;font-weight:800}.capability-list.large{margin-top:18px;gap:8px}.capability-list.large span{padding:7px 11px;font-size:.76rem}.country-filter{max-width:82px}.metric-text{font:700 1.08rem/1.25 'DM Sans',sans-serif!important;letter-spacing:0!important;overflow-wrap:anywhere}.store-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.entity-tabs{display:flex;gap:5px;overflow:auto;margin:0 0 18px;padding:5px;border:1px solid #e2e8e5;border-radius:11px;background:#edf3f0}.entity-tabs button{white-space:nowrap;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:#527063;font:700 .8rem 'DM Sans',sans-serif;cursor:pointer}.entity-tabs button.active{background:#fff;color:#174b38;box-shadow:0 1px 4px rgba(23,75,56,.1)}.entity-tabs button span{margin-left:5px;color:#8aa095}.directory-panel-heading{align-items:center}.inline-search{width:min(100%,360px);padding:10px 12px;border:1px solid #d9dfeb;border-radius:8px;font:inherit}.directory-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-group{margin:0}.result-list{display:grid;margin-top:15px}.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f5;color:#1e293b}.search-result>a:first-child,.search-result:not(div){display:grid;gap:3px;flex:1}.search-result span{display:block;color:#84918a;font-size:.75rem;font-weight:500}.compact-link{white-space:nowrap;font-size:.73rem}
@media(max-width:900px){.directory-results{grid-template-columns:1fr}.store-metrics{grid-template-columns:1fr}.directory-panel-heading{align-items:stretch;flex-direction:column}.inline-search{width:100%}.row-actions{justify-content:flex-start}}
.metrics a.metric-card{color:inherit;text-decoration:none}.metrics a.metric-card:hover{border-color:#b8cdc3;box-shadow:0 8px 24px rgba(28,75,57,.07);transform:translateY(-1px)}.attention-list{display:grid;gap:10px;margin-top:18px}.attention-list a{padding:12px;border-radius:8px;background:#fff8e8;color:#805c0e;font-size:.84rem}
.inactive-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#64748b;font-size:.76rem;font-weight:750}.inactive-toggle input{width:16px;height:16px}
.tenant-create-form{display:grid;gap:0}.form-section{display:grid;grid-template-columns:38px 1fr;column-gap:14px}.form-section>.form-grid,.form-section>.license-switches{grid-column:2}.section-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f2ed;color:#174b38;font-weight:850}.section-title h2{font-size:1.05rem}.section-title p{margin-top:4px}.license-switches{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.license-switches label{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dce6e1;border-radius:8px;background:#f7faf8;color:#365b4b;font-size:.78rem;font-weight:750}.license-switches input{width:16px;height:16px}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.sticky-submit{position:sticky;bottom:12px;z-index:4;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid #dce6e1;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(15,23,42,.12)}.create-error{margin-bottom:12px}
@media(max-width:800px){.form-section{grid-template-columns:32px 1fr}.compact-grid{grid-template-columns:1fr 1fr}.sticky-submit{bottom:6px}.sticky-submit>*{flex:1;text-align:center}}