:root{color-scheme:light;--purple:#330967;--orange:#f98d16;--ink:#21192e}*{box-sizing:border-box}body{margin:0;background:#f6f3fa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}main{max-width:1180px;margin:0 auto;padding:32px 24px 64px}header{display:flex;align-items:center;justify-content:space-between}.brand{color:var(--purple);font-size:30px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--orange)}header p{color:#71677c;margin:4px 0 0}.stage{background:#ece4f5;border-radius:999px;color:var(--purple);padding:10px 16px;font-size:13px}.hero{margin:56px 0 32px;background:linear-gradient(125deg,var(--purple),#5c218f);border-radius:24px;color:white;padding:50px;box-shadow:0 18px 50px #33096725}.hero h1{font-size:clamp(32px,5vw,52px);max-width:780px;margin:10px 0 16px;line-height:1.05}.hero>p:last-child{color:#e8dcf5;font-size:18px;max-width:670px;line-height:1.55}.eyebrow{color:#ffb963;font-size:12px;font-weight:700;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}article{background:white;border:1px solid #e8e1ee;border-radius:18px;padding:24px}article p{color:#786d82;margin:0 0 18px}article strong{color:var(--purple);font-size:28px}@media (max-width:760px){.grid{grid-template-columns:1fr 1fr}.hero{padding:32px 24px}.stage{display:none}}.login-shell{max-width:none;min-height:100vh;padding:0;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{background:linear-gradient(145deg,#250348,var(--purple) 55%,#68259b);color:white;padding:52px 7vw;display:flex;flex-direction:column;justify-content:space-between}.brand-light{color:white}.login-brand h1{font-size:clamp(48px,6vw,78px);line-height:.98;margin:14px 0 24px;letter-spacing:-3px}.login-brand div>p:last-child{color:#e6d9f1;max-width:570px;font-size:18px;line-height:1.6}.login-brand small{color:#cdb9de}.login-area{display:grid;place-items:center;padding:36px}.login-card{width:min(420px,100%);background:white;border:1px solid #e9e1ee;border-radius:24px;padding:38px;box-shadow:0 24px 70px #32104415}.login-card h2{font-size:36px;margin:8px 0}.muted{color:#786d82;line-height:1.5}.purple{color:var(--purple)}.mobile-brand{display:none}.login-form{margin-top:30px;display:grid;grid-gap:10px;gap:10px}.login-form label{font-size:14px;font-weight:700;margin-top:8px}.login-form input{width:100%;border:1px solid #dcd2e3;border-radius:12px;padding:14px 15px;font:inherit;outline:none}.login-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #33096712}.login-form button,.logout{border:0;border-radius:12px;cursor:pointer;font-weight:700}.login-form button{background:var(--orange);color:#251407;margin-top:14px;padding:15px;font-size:16px}.login-form button:disabled,.logout:disabled{cursor:wait;opacity:.65}.form-error{background:#fff0f0;color:#a52424;border-radius:10px;padding:11px;font-size:14px}.user-area{display:flex;align-items:center;gap:16px;text-align:right}.user-area div{display:grid;grid-gap:3px;gap:3px}.user-area small{color:#786d82}.logout{background:#eee8f3;color:var(--purple);padding:11px 16px}.dashboard-hero h1{margin-bottom:10px}@media (max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-area{padding:22px}.mobile-brand{display:inline-block;margin-bottom:32px}.login-card{padding:30px 24px}}@media (max-width:560px){.grid{grid-template-columns:1fr}.user-area strong{display:none}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#29044f,var(--purple));color:white;padding:28px 18px 20px;display:flex;flex-direction:column}.sidebar-brand{padding:0 12px 26px;display:grid;grid-gap:4px;gap:4px}.sidebar-brand small{color:#cab7dc}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-item{min-height:46px;display:flex;align-items:center;gap:12px;border-radius:11px;color:#dfd1eb;padding:0 12px;text-decoration:none;font-size:14px}.nav-item i{width:26px;height:26px;border-radius:8px;background:#ffffff13;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}.nav-item:hover{background:#ffffff0c;color:white}.nav-active{color:white;background:#ffffff18;font-weight:700}.nav-active i{background:var(--orange);color:#2b1740}.nav-disabled{opacity:.5;cursor:default}.nav-disabled em{margin-left:auto;font-size:9px;text-transform:uppercase;font-style:normal;letter-spacing:.5px}.sidebar-footer{margin-top:auto;color:#a98ebd;padding:14px 12px 0;font-size:11px}.admin-main{min-width:0}.topbar{height:76px;padding:0 32px;background:white;border-bottom:1px solid #e8e1ee}.topbar>div:first-child{display:grid;grid-gap:3px;gap:3px}.topbar small{color:#83778d}.avatar{width:36px;height:36px;border-radius:10px;background:#ede4f5;color:var(--purple);display:grid;place-items:center;font-weight:800}.admin-content{max-width:1440px;margin:0 auto;padding:34px 32px 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.page-heading h1{font-size:32px;margin:5px 0 8px;letter-spacing:-1px}.page-heading p{margin:0;color:#756a7f}.page-heading .eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px}.date-chip{background:white;border:1px solid #e4dce9;border-radius:10px;padding:10px 15px;color:#695f72}.primary-action,.secondary-action{border:0;border-radius:10px;cursor:pointer;font-weight:700;padding:12px 17px}.primary-action{background:var(--purple);color:white;box-shadow:0 8px 20px #33096722}.secondary-action{background:#eee6f4;color:var(--purple)}.metric-grid{margin-bottom:22px}.metric-grid article{box-shadow:0 6px 20px #35144508}.panel-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:18px;gap:18px}.panel-card,.table-card{background:white;border:1px solid #e8e1ee;border-radius:18px;padding:24px}.panel-title h2,.table-tools h2{margin:0 0 6px;font-size:18px}.panel-title p,.table-tools p{margin:0;color:#82768b;font-size:13px}.empty-chart{height:230px;margin-top:20px;border-radius:14px;background:repeating-linear-gradient(180deg,#faf8fb 0,#faf8fb 54px,#eee9f1 55px);display:grid;place-items:center;color:#93889c}.status-list{list-style:none;padding:16px 0 0;margin:0}.status-list li{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #eee9f1}.status-list b{color:#8a7e93;font-size:12px}.green,.status-list .status-ok{color:#159565}.red{color:#ca3c4d}.table-card{padding:0;overflow:hidden}.table-tools{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #eee8f1;gap:20px}.table-tools input,.table-tools select{min-width:230px;border:1px solid #ded5e5;border-radius:10px;padding:11px 13px;background:white;color:#665b70}.empty-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state h3{margin:14px 0 7px}.empty-state p{color:#81758a;margin:0 0 20px;max-width:430px}.empty-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#eee6f4;color:var(--purple);font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-top:18px}.permission-grid article{padding:18px}.permission-grid p{font-size:12px;line-height:1.5;margin:8px 0 0}.compact-metrics{margin-bottom:18px}.notice{display:flex;flex-direction:column;gap:5px;background:#fff5e9;border:1px solid #ffd8aa;border-radius:14px;padding:16px 18px;margin-bottom:20px;color:#704114}.notice span{font-size:13px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.plan-card{position:relative;padding:26px}.plan-card h2{margin:18px 0 8px}.plan-card>strong{color:var(--purple);font-size:30px}.plan-card ul{color:#74697d;padding-left:18px;line-height:2;font-size:14px;margin:20px 0}.plan-tag{background:#eee5f4;color:var(--purple);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:1px}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-inactive{opacity:.65}.status-toggle{border:0;border-radius:999px;padding:7px 10px;background:#eee9f1;color:#796d82;font-size:11px;font-weight:800;cursor:pointer}.status-toggle.active{background:#ddf7eb;color:#10734d}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#1d1029aa;padding:22px;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(680px,100%);max-height:calc(100vh - 44px);overflow:auto;background:white;border-radius:22px;padding:28px;box-shadow:0 30px 90px #16032255}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-heading h2{margin:5px 0 0}.close-button{width:36px;height:36px;border:0;border-radius:10px;background:#eee8f2;color:var(--purple);cursor:pointer;font-size:22px}.plan-form{display:grid;grid-gap:15px;gap:15px}.plan-form label{display:grid;grid-gap:7px;gap:7px;color:#554b5e;font-size:13px;font-weight:700}.plan-form input,.plan-form select{min-width:0;width:100%;border:1px solid #ddd4e3;border-radius:10px;padding:12px;background:white;font:inherit}.form-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.form-row:has(label:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.form-row.two{grid-template-columns:repeat(2,1fr)}.plan-form textarea{width:100%;resize:vertical;border:1px solid #ddd4e3;border-radius:10px;padding:12px;font:inherit}.form-section-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee8f1;padding-top:17px;margin-top:3px}.form-help,.form-section-title span{color:#887b91;font-size:11px}.hotspot-list{display:grid}.hotspot-row{display:grid;grid-template-columns:10px minmax(170px,1.4fr) repeat(4,minmax(120px,1fr));align-items:center;grid-gap:16px;gap:16px;padding:19px 22px;border-bottom:1px solid #eee8f1}.hotspot-row:last-child{border-bottom:0}.hotspot-row>div:not(.hotspot-status){min-width:0;display:grid;grid-gap:4px;gap:4px}.hotspot-row small,.hotspot-row span{color:#81758a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotspot-row strong{font-size:13px}.hotspot-main strong{font-size:15px}.hotspot-main a{color:var(--purple);font-size:11px;font-weight:700;text-decoration:none}.hotspot-links{display:flex;gap:12px}.qr-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.qr-actions a{text-decoration:none;font-size:13px}.print-sheet{width:min(640px,100%);min-height:900px;margin:0 auto;padding:44px 54px 34px;background:white;border:1px solid #e5dce9;border-radius:20px;text-align:center;box-shadow:0 18px 60px #2e0a4812;display:flex;flex-direction:column;align-items:center}.print-brand{color:var(--purple);font-size:28px;font-weight:900;letter-spacing:-1px}.print-brand span,.print-offer{color:var(--orange)}.print-offer{margin:32px 0 7px;font-size:13px;font-weight:900;letter-spacing:2px}.print-sheet>h1{color:var(--purple);font-size:42px;line-height:1.05;margin:0 0 9px;letter-spacing:-1.5px}.print-provider{color:#74687d;margin:0 0 22px}.print-provider strong{color:var(--purple)}.qr-frame{width:330px;max-width:82%;aspect-ratio:1;padding:14px;border:3px solid var(--purple);border-radius:20px;background:white;box-shadow:0 10px 30px #33096714}.qr-frame img{display:block;width:100%;height:100%}.print-sheet>h2{color:#271d30;font-size:24px;margin:24px 0 6px}.print-instruction{color:#72667b;margin:0 0 20px}.print-location{display:grid;grid-gap:4px;gap:4px;width:100%;background:#f4eff7;border-radius:13px;padding:13px;color:var(--purple)}.print-location span{color:#776b80;font-size:12px}.print-url{max-width:100%;color:#9c90a4;margin-top:13px;overflow-wrap:anywhere}.print-sheet footer{width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #eee7f1;color:#8d8196;font-size:11px}.print-sheet footer strong{color:var(--purple)}.print-sheet footer strong span{color:var(--orange)}.customer-search{display:flex;align-items:center;gap:8px}.customer-search a{color:var(--purple);font-size:12px;font-weight:700;text-decoration:none}.responsive-table{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{background:#faf8fb;color:#807489;padding:12px 18px;text-align:left;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.data-table td{border-top:1px solid #eee8f1;color:#64596e;padding:15px 18px;font-size:13px;vertical-align:middle}.data-table td:first-child,.data-table td:nth-child(2){color:#312739}.data-table td>a,.data-table td>span,.data-table td>strong{display:block}.data-table td:first-child a{color:#7e7188;margin-top:4px;text-decoration:none;font-size:12px}.data-table td span{color:#8c8095;margin-top:4px;font-size:11px}.visit-badge{width:-moz-fit-content;width:fit-content;min-width:28px;border-radius:999px;background:#eee5f4;color:var(--purple)!important;padding:5px 8px;text-align:center;font-weight:800}.row-link{color:var(--purple);font-weight:700;text-decoration:none;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eee8f1;padding:16px 20px;color:#796e82;font-size:12px}.pagination>div{display:flex;gap:8px}.back-link,.pagination a{text-decoration:none}.customer-profile{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.customer-profile article{display:grid;grid-gap:8px;gap:8px}.customer-profile small{color:#81758a}.customer-profile a{color:var(--purple);font-weight:700;text-decoration:none}.session-status{width:-moz-fit-content;width:fit-content;border-radius:999px;background:#eee9f1;color:#74687d!important;padding:6px 9px;font-weight:700}.session-status.authorized{background:#ddf7eb;color:#117a52!important}.session-status.expired,.session-status.revoked{background:#fde6e9;color:#a52939!important}.live-chip{display:inline-flex;align-items:center;gap:8px;background:#e4f7ed;color:#18734f;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.live-chip i{width:8px;height:8px;border-radius:50%;background:#1cad70;box-shadow:0 0 0 4px #c9f0df}.online-table{min-width:1050px}.disconnect-control{display:grid;grid-gap:4px;gap:4px}.disconnect-control button{border:0;border-radius:8px;background:#fde8eb;color:#a62e3e;cursor:pointer;padding:8px 10px;font-size:11px;font-weight:700}.disconnect-control button:disabled{opacity:.6;cursor:wait}.disconnect-control small{color:#ad3241;max-width:130px;white-space:normal}@media print{@page{size:A4 portrait;margin:10mm}body{background:white}.no-print,.sidebar,.topbar{display:none!important}.admin-main,.admin-shell{display:block}.admin-content{max-width:none;padding:0}.print-sheet{width:190mm;min-height:267mm;margin:0;padding:14mm;border:0;border-radius:0;box-shadow:none}}.hotspot-status{width:9px;height:9px;border-radius:50%;background:#d6cddc}.hotspot-status.online{background:#1db77a;box-shadow:0 0 0 4px #dff7ed}.hotspot-status.offline{background:#d74657;box-shadow:0 0 0 4px #fde4e7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}@media (max-width:1050px){.admin-shell{grid-template-columns:82px 1fr}.sidebar{padding:26px 12px}.nav-item,.nav-item:not(.nav-active) em,.sidebar-brand .brand,.sidebar-brand small{font-size:0}.nav-item{justify-content:center;padding:0}.nav-item i{font-size:12px}.sidebar-footer{display:none}.permission-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.admin-shell{display:block}.sidebar{position:fixed;z-index:10;left:0;right:0;top:auto;bottom:0;width:auto;height:68px;padding:8px}.nav-disabled,.sidebar-brand,.sidebar-footer{display:none}.sidebar nav{display:flex;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 64px;min-height:50px;width:64px}.topbar{padding:0 18px}.topbar>div:first-child{display:none}.topbar{justify-content:flex-end}.admin-content{padding:26px 18px 100px}.panel-grid,.plans-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.table-tools{align-items:flex-start;flex-direction:column}.table-tools input,.table-tools select{width:100%;min-width:0}}@media (max-width:1100px){.hotspot-row{grid-template-columns:10px 1.5fr repeat(2,1fr)}.hotspot-row>div:nth-child(5),.hotspot-row>div:nth-child(6){display:none}}@media (max-width:520px){.page-heading{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}}@media (max-width:600px){.form-row,.form-row.two,.form-row:has(label:nth-child(2):last-child){grid-template-columns:1fr}.modal-card{padding:22px 18px}.hotspot-row{grid-template-columns:10px 1fr}.hotspot-row>div:not(.hotspot-status):not(.hotspot-main){display:none}}@media (max-width:520px){.qr-actions{justify-content:flex-start}.print-sheet{min-height:720px;padding:30px 22px 24px}.print-sheet>h1{font-size:34px}.qr-frame{width:280px}}@media (max-width:700px){.customer-search{width:100%;flex-wrap:wrap}.customer-search input{flex:1 1 210px}.customer-profile{grid-template-columns:1fr}.pagination{align-items:flex-start;flex-direction:column}}.portal-shell{max-width:none;min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at top,#612294,#310760 48%,#21033f)}.portal-card{width:min(440px,100%);overflow:hidden;background:white;border-radius:26px;box-shadow:0 30px 90px #17002588}.portal-header{text-align:center;color:white;background:linear-gradient(145deg,#330967,#5d1e90);padding:30px 28px 26px}.portal-header span{color:#dac8e8;font-size:12px}.portal-header h1{margin:5px 0 6px;font-size:27px}.portal-header p{color:#ddcce9;margin:0;font-size:13px}.wifi-mark{width:48px;height:48px;margin:0 auto 13px;display:grid;place-items:center;border-radius:15px;background:var(--orange);color:#381551;font-size:31px;font-weight:800}.portal-content{padding:28px 30px 24px}.portal-kicker{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.7px;margin:0 0 7px}.portal-content>h2{font-size:26px;margin:0 0 6px}.portal-description{color:#7c7185;margin:0 0 22px}.portal-form{display:grid;grid-gap:9px;gap:9px}.portal-form>label:not(.terms-check){color:#504659;font-size:13px;font-weight:700;margin-top:6px}.portal-form>input{border:1px solid #dcd3e2;border-radius:11px;padding:13px;font:inherit;outline:none}.portal-form>input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #33096712}.portal-form>input.voucher-input{color:var(--purple);text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:900;font-size:17px}.portal-unavailable.compact{min-height:260px;padding:10px}.voucher-warning{background:#fff3e4;color:#7b4814;border-radius:11px;padding:12px;font-size:13px}.generated-codes{max-height:360px;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;background:#f6f2f8;border-radius:12px;padding:14px}.generated-codes code{background:white;color:var(--purple);border:1px solid #e3d9e9;border-radius:8px;padding:9px;text-align:center;font-weight:800}.voucher-table{min-width:900px}.payment-connect-card{display:flex;gap:22px;align-items:flex-start;padding:28px;background:#fff;border:1px solid #e8e3ef;border-radius:18px;box-shadow:0 8px 28px rgba(51,9,103,.06)}.payment-connect-card.connected{align-items:center;border-left:5px solid #18a875}.payment-logo{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:16px;background:#e8f5ff;color:#0874b9;font-weight:800}.payment-account{flex:1 1}.payment-account h2{margin:9px 0 4px}.payment-account p,.payment-account small{color:#716a7b}.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.online{background:#e3f8ef;color:#087f58}.status-pill.pending{background:#fff3dc;color:#9b5b00}.token-form{max-width:650px;margin-top:22px;display:grid;grid-gap:12px;gap:12px}.token-form label{display:grid;grid-gap:7px;gap:7px;font-weight:650}.token-form input,.token-form select{width:100%;padding:13px 14px;border:1px solid #dcd5e5;border-radius:10px;background:#fff}.token-form button{justify-self:start}.danger-text{color:#b3261e}.info-card{margin-top:20px;padding:24px 28px;background:#faf8fc;border-radius:16px}.info-card h3{margin-top:0}.info-card ol{margin-bottom:0;padding-left:20px;color:#625b6c;line-height:1.9}.access-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:5px;margin:18px 0;background:#f1edf4;border-radius:12px}.access-tabs button{padding:11px;border:0;border-radius:9px;background:transparent;color:#655d6d;font-weight:750;cursor:pointer}.access-tabs button.active{background:#fff;color:var(--purple);box-shadow:0 3px 12px rgba(51,9,103,.1)}.pix-plans{display:grid;grid-gap:9px;gap:9px;margin-bottom:5px}.pix-plan{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;padding:12px;border:1px solid #ded7e5;border-radius:12px;cursor:pointer}.pix-plan:has(input:checked){border-color:var(--purple);background:#faf7fc}.pix-plan input{width:auto!important}.pix-plan span{flex:1 1;display:grid}.pix-plan small{color:#766f7e;font-weight:400}.pix-plan b{color:var(--orange)}.pix-charge{display:grid;justify-items:center;grid-gap:13px;gap:13px;text-align:center}.pix-charge h2{margin:0;font-size:32px;color:var(--purple)}.pix-qr{width:230px;height:230px;object-fit:contain;background:#fff}.pix-charge textarea{width:100%;height:76px;padding:10px;border:1px solid #ddd5e4;border-radius:10px;resize:none;font-size:11px}.pix-charge button{width:100%;padding:13px;border:0;border-radius:10px;background:var(--purple);color:#fff;font-weight:750;cursor:pointer}.pix-charge small{color:#6d6675}.portal-loading{padding:28px;text-align:center;color:#756d7e}.sales-metrics{margin-bottom:20px}.sales-metrics article small{display:block;margin-top:5px;color:#7b7483}.sales-card{margin-top:0}.table-filter{padding:10px 12px;border:1px solid #ddd6e5;border-radius:9px;background:#fff;color:#51495a}.sales-table{min-width:960px}.sales-table td span{display:block;margin-top:3px;color:#7b7483;font-size:12px}.payment-status{display:inline-flex!important;padding:6px 10px;border-radius:999px;font-weight:750}.payment-status.approved{background:#e3f8ef;color:#087f58!important}.payment-status.creating,.payment-status.pending{background:#fff3dc;color:#9b5b00!important}.payment-status.canceled,.payment-status.expired{background:#f1eff3;color:#6f6876!important}.payment-status.failed{background:#fde9e7;color:#ae2d25!important}.payment-settings{margin-top:30px;padding-top:26px;border-top:1px solid #e5dfe9}.section-heading{margin-bottom:16px}.section-heading h2{margin-bottom:4px}.section-heading p{margin:0;color:#756e7d}.routeros-card,.routeros-result{padding:26px;background:#fff;border:1px solid #e5deea;border-radius:17px;box-shadow:0 7px 24px rgba(51,9,103,.05)}.routeros-card h2{margin-top:0}.portal-setup-card,.routeros-result{margin-top:20px}.routeros-result pre{max-height:420px;overflow:auto;padding:18px;background:#1d1425;color:#f6edff;border-radius:12px;white-space:pre-wrap;line-height:1.6}.routeros-result ol{color:#665e6e;line-height:1.8}.config-note{padding:11px 13px;background:#f6f2f8;color:#655d6d;border-radius:9px;font-size:13px}.terms-check{display:flex;align-items:flex-start;gap:9px;color:#6d6276;font-size:12px;line-height:1.4;margin-top:10px}.terms-check input{margin-top:2px;accent-color:var(--purple)}.portal-terms{color:#786d81;font-size:11px}.portal-terms summary{cursor:pointer}.portal-terms p{background:#f6f2f8;border-radius:9px;padding:10px;line-height:1.5}.portal-form>button{border:0;border-radius:12px;background:var(--orange);color:#301b08;cursor:pointer;padding:14px;margin-top:9px;font-size:16px;font-weight:800}.portal-form>button:disabled{opacity:.65;cursor:wait}.portal-form>small{color:#998ea1;text-align:center;font-size:10px;line-height:1.4}.portal-card footer{border-top:1px solid #eee8f1;color:#968b9e;padding:15px;text-align:center;font-size:10px}.portal-card footer strong{color:var(--purple);font-size:13px}.portal-card footer strong span{color:var(--orange)}.portal-success,.portal-unavailable{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.portal-success>span,.portal-unavailable>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#dff7eb;color:#138657;font-size:26px;font-weight:800}.portal-success h2,.portal-unavailable h1{margin:16px 0 7px}.portal-success p,.portal-unavailable p{color:#7d7285;margin:0;line-height:1.5}@media (max-width:480px){.portal-shell{padding:0;align-items:stretch}.portal-card{width:100%;min-height:100vh;border-radius:0}.portal-content{padding:26px 22px 22px}}@media (max-width:600px){.generated-codes{grid-template-columns:1fr 1fr}}