.wh-neon .control-content{padding:0;background:none;border:0;overflow:visible}.wh-neon .control-card{min-width:0;padding:23px;margin-bottom:18px;border:1px solid #18566b;border-radius:10px;background:linear-gradient(135deg,#061d2aee,#03121cf5);box-shadow:inset 0 0 30px #00d7ff03}.wh-neon .control-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.wh-neon .control-heading h2{font-size:21px;line-height:1.25;margin:0}.wh-neon .control-heading p{font-size:12px;line-height:1.5;color:#87a9bb;margin:6px 0 0;max-width:580px}.wh-neon .control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.wh-neon .control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-neon .account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.wh-neon .account-summary.three{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-neon .account-metric{padding:17px 18px;background:#051a27;border:1px solid #164658;border-radius:8px;min-width:0}.wh-neon .account-metric>span{display:block;color:#8eb1c2;font-size:11px;line-height:1.4;margin-bottom:8px}.wh-neon .account-metric>strong{display:block;font-size:23px;font-weight:700;color:#27dcec;overflow-wrap:anywhere;line-height:1.2;font-variant-numeric:tabular-nums}.wh-neon .account-metric>small{display:block;color:#7396a9;font-size:10px;margin-top:7px;overflow-wrap:anywhere}.wh-neon .control-card>h3{font-size:18px;margin-bottom:16px}.wh-neon .account-details{margin:0}.wh-neon .account-detail{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #113746;font-size:12px;line-height:1.4}.wh-neon .account-detail:last-child{border-bottom:0}.wh-neon .account-detail dt{color:#89aebf;font-weight:400;flex-shrink:0;max-width:50%}.wh-neon .account-detail dd{margin:0;color:#def0f7;text-align:right;overflow-wrap:anywhere;min-width:0}.wh-neon .control-card .form-control{background:#021722;border:1px solid #22546a;border-radius:6px;color:#d4ebf7;min-height:43px;box-shadow:inset 0 1px 5px #0002;font-size:13px;padding:10px 12px}.wh-neon .control-card select.form-control{height:43px}.wh-neon .control-card textarea.form-control{line-height:1.6;min-height:110px}.wh-neon .control-card .form-control:focus{border-color:#04bddb;box-shadow:0 0 0 3px #02d2e51c}.wh-neon .control-card .form-control:disabled{background:#0d222d;color:#6c8b9d;cursor:not-allowed}.wh-neon .control-card label.form-group,.wh-neon .control-card .form-group>label{display:block;width:100%;font-size:12px;color:#9dc2d3;line-height:1.5}.wh-neon .control-card .form-group{margin-bottom:18px}.wh-neon .control-card .form-group input,.wh-neon .control-card label.form-group select{margin-top:7px}.wh-neon .control-card .btn{font-size:12px;padding:10px 17px;min-height:39px}.wh-neon .control-card .btn-primary{background:linear-gradient(#07425a,#042638);border-color:#16bed7;color:#b2f8ff;box-shadow:inset 0 0 14px #00c9eb20,0 0 10px #00c9eb10}.wh-neon .control-card .btn-primary:hover{background:#07566d;border-color:#41e2ef}.wh-neon .control-card form{margin:0}.wh-neon .control-card .form-result{font-size:11px;color:#8ae7b1;line-height:1.5;margin:10px 0 0;min-height:0}.wh-neon .control-card .form-result.is-error{color:#ffadb3}.wh-neon .control-card form[aria-busy=true]{opacity:.8}.wh-neon .control-disclosure{margin:0;border-bottom:1px solid #163c4c}.wh-neon .control-disclosure summary{list-style:none;display:flex;align-items:center;gap:9px;padding:15px 0;color:#a6d5e5;cursor:pointer;font-size:13px;font-weight:600}.wh-neon .control-disclosure summary::-webkit-details-marker{display:none}.wh-neon .control-disclosure summary:after{content:'+';margin-left:auto;color:#1bdaed;font-size:20px;font-weight:400}.wh-neon .control-disclosure[open] summary:after{content:'−'}.wh-neon .control-disclosure[open]>form,.wh-neon .control-disclosure[open]>.geo-result{padding-bottom:20px}.wh-neon .control-disclosure summary svg{width:19px;height:19px;color:#1cdaeb}.wh-neon .app-access{margin-top:25px}.wh-neon .app-access>h3{font-size:16px;margin:0 0 6px}.wh-neon .app-access>p{font-size:12px;color:#8fb1c3;margin-bottom:18px}.wh-neon .secret-field,.wh-neon .copy-field{display:flex;align-items:center;gap:8px;min-width:0}.wh-neon .secret-field .form-control,.wh-neon .copy-field .form-control{min-width:0;margin-top:0}.wh-neon .secret-field .btn{padding:8px 10px;min-height:41px;font-size:11px}.wh-neon .copy-field.vertical{align-items:start;flex-direction:column}.wh-neon .setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0;margin-top:18px;border-top:1px solid #164252}.wh-neon .setting-row h3{font-size:14px;letter-spacing:0;margin:0 0 5px}.wh-neon .setting-row p{font-size:11px;color:#7eabba;margin:0;line-height:1.5}.wh-neon .switch-control{display:flex;align-items:center;gap:9px;position:relative;white-space:nowrap;margin:0;cursor:pointer}.wh-neon .switch-control input{position:absolute;width:42px;height:24px;opacity:0;left:0;top:0}.wh-neon .switch-control span{display:block;width:42px;height:24px;border-radius:20px;background:#0a2635;border:1px solid #376073;transition:background .15s}.wh-neon .switch-control span:after{content:'';display:block;width:16px;height:16px;border-radius:50%;background:#7295a7;margin:3px;transition:transform .15s}.wh-neon .switch-control input:checked+span{background:#075549;border-color:#41b88e}.wh-neon .switch-control input:checked+span:after{transform:translateX(17px);background:#8aefb1;box-shadow:0 0 8px #80efad55}.wh-neon .switch-control input:focus-visible+span{outline:2px solid #9af743;outline-offset:3px}.wh-neon .switch-control b{font-size:11px;font-weight:500;color:#a8d1e1}.wh-neon .membership-section{margin-top:3px}.wh-neon .package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wh-neon .package-card{position:relative;background:#051926;border:1px solid #1b4b60;border-radius:9px;padding:20px 15px;min-width:0}.wh-neon .package-card.package-current{border-color:#15c5dd;box-shadow:inset 0 0 30px #12d7ea08,0 0 15px #12d7ea0c}.wh-neon .package-title{display:flex;align-items:center;gap:9px;min-height:35px;flex-wrap:wrap}.wh-neon .package-title h3{font-size:17px;margin:0}.wh-neon .package-title svg{color:#1cd7e8;width:27px}.wh-neon .package-title img{object-fit:contain}.wh-neon .package-price{font-size:30px;color:#def4ff;margin:23px 0 17px;font-weight:700}.wh-neon .package-price small{display:block;font-size:10px;font-weight:400;color:#789eaf;margin-top:6px}.wh-neon .package-features{margin-bottom:20px}.wh-neon .package-features .account-detail{padding:9px 0;font-size:11px;gap:10px}.wh-neon .package-card form .btn{width:100%;padding:10px 6px}.wh-neon .package-gold .package-price{color:#ffde75}.wh-neon .package-platinum .package-price{color:#a3eff9}.wh-neon .state-badge{font-size:10px;line-height:1.3;font-weight:600;display:inline-flex;padding:5px 9px;border-radius:5px;white-space:nowrap;border:1px solid #316678;color:#aad5e4;background:#103346}.wh-neon .state-approved{background:#0c3a2e;border-color:#1a644a;color:#9df1b7}.wh-neon .state-terminated{background:#411e2b;border-color:#74374b;color:#ff9fae}.wh-neon .state-awaiting_confirmation{background:#342f1d;border-color:#605439;color:#f2d18b}.wh-neon .empty-state{text-align:center;padding:35px 20px;color:#8caec0}.wh-neon .empty-state h3{font-size:18px;color:#c5e6f4;margin-bottom:10px}.wh-neon .empty-state p{font-size:12px;line-height:1.6;margin-bottom:15px}.wh-neon .empty-state.compact{padding:25px 8px}.wh-neon .allocation-actions{display:flex;gap:10px;margin-bottom:17px;flex-wrap:wrap}.wh-neon .allocation-actions .btn{font-size:11px;padding:9px 12px;white-space:normal}.wh-neon .count-chip{font-size:11px;color:#29d6eb;border:1px solid #1c576d;border-radius:5px;padding:3px 8px;vertical-align:middle;margin-left:7px}.wh-neon .site-list-heading{margin-top:6px}.wh-neon .inline-search{display:flex;gap:8px;max-width:330px;flex:1}.wh-neon .inline-search .form-control{background:#041b28;color:#d7effa;border-color:#22556b;border-radius:5px;min-width:0}.wh-neon .website-card{padding:0;overflow:hidden}.wh-neon .website-heading{display:flex;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #133a4a;background:#08233166}.wh-neon .website-symbol{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #206174;background:#0b3541;border-radius:9px;color:#18d9ec}.wh-neon .website-title{min-width:0;flex:1}.wh-neon .website-title h3{font-size:16px;letter-spacing:0;margin:0 0 6px}.wh-neon .website-title h3 a{color:#cfedf9}.wh-neon .website-title p{font-size:11px;color:#668fa4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.wh-neon .site-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:17px 22px;gap:0}.wh-neon .site-metrics .account-metric{border:0;border-right:1px solid #163e4f;border-radius:0;background:none;padding:0 17px}.wh-neon .site-metrics .account-metric:first-child{padding-left:0}.wh-neon .site-metrics .account-metric:last-child{border-right:0;padding-right:0}.wh-neon .site-metrics .account-metric strong{font-size:19px}.wh-neon .site-metrics .account-metric>span{font-size:10px}.wh-neon .website-options{padding:0 22px}.wh-neon .settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.wh-neon .settings-block h4{font-size:12px;font-weight:700;letter-spacing:.02em;color:#e1eff8;margin:0 0 18px}.wh-neon .checkbox-control,.wh-neon .radio-control{display:flex;gap:9px;align-items:center;font-size:12px;color:#a9c8d7;margin-bottom:12px;line-height:1.4;cursor:pointer}.wh-neon .checkbox-control input,.wh-neon .radio-control input{accent-color:#20d5e7;width:15px;height:15px}.wh-neon .radio-control:has(input:disabled){opacity:.45;cursor:not-allowed}.wh-neon .field-hint{font-size:10px;color:#779dad;line-height:1.6;margin:10px 0}.wh-neon .remove-site{display:flex;justify-content:flex-end;padding:15px 0}.wh-neon .remove-site .btn{background:none;border-color:#62434c;color:#d996a5;font-size:11px;padding:7px 12px;min-height:33px}.wh-neon .site-reason{font-size:12px;color:#edb7a7;margin:0;padding:0 22px 16px}.wh-neon .control-pagination{display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;color:#86aabc;margin:25px 0}.wh-neon .referral-banner{padding:23px 0 0;text-align:center}.wh-neon .control-card .table{font-size:12px;margin-bottom:0}.wh-neon .control-card .table td,.wh-neon .control-card .table th{padding:11px 12px;border-color:#153e50}.wh-neon .control-card .table th{background:#0c2938;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8eb5c8}.wh-neon .contest-tabs{display:flex;gap:9px;margin-bottom:18px}.wh-neon .contest-tabs .is-current{background:#074659;color:#75f2ff;border-color:#16c5dc}.wh-neon .surf-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:18px}.wh-neon .surf-primary{margin-bottom:0}.wh-neon .surf-side .control-card{margin-bottom:18px}.wh-neon .surf-side .control-card:last-child{margin-bottom:0}.wh-neon .surf-intro{padding:18px 15px 25px;text-align:center;background:radial-gradient(ellipse at 50% 5%,#0c52665c,transparent 70%)}.wh-neon .surf-intro-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border:1px solid #1b6f86;border-radius:50%;color:#25dfef;background:#07334c;box-shadow:0 0 35px #00d6f21a}.wh-neon .surf-intro-icon svg{width:35px;height:35px;filter:drop-shadow(0 0 9px #00e6ef66)}.wh-neon .surf-intro h3{font-size:24px;margin-bottom:12px}.wh-neon .surf-intro p{max-width:450px;margin:0 auto 25px;color:#8daec0;font-size:13px;line-height:1.6}.wh-neon .surf-intro .btn{min-width:210px;min-height:46px}.wh-neon .surf-session-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.wh-neon .session-clock,.wh-neon .session-reward{padding:20px;background:#041923;border:1px solid #17556b;border-radius:9px}.wh-neon .field-label{color:#779eaf;font-size:10px;text-transform:uppercase;letter-spacing:.08em;display:block}.wh-neon .surf-session-stats p{font-size:40px;color:#21e0ef;font-weight:700;line-height:1.2;margin:15px 0 0;font-variant-numeric:tabular-nums}.wh-neon .session-reward p{color:#9de88e}.wh-neon .surf-session-stats small{font-size:11px;color:#6e99aa;display:block;font-weight:400;letter-spacing:.03em;margin-top:7px}.wh-neon .current-website{padding:20px 0 5px}.wh-neon .current-website p{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 0}.wh-neon #current-site{color:#57e1f0;font-size:14px;overflow-wrap:anywhere;min-width:0}.wh-neon .report-link{font-size:10px;color:#7c9eaf;border:1px solid #2e4c5a;padding:5px 8px;border-radius:4px;white-space:nowrap}.wh-neon .segmented-control{display:flex;position:relative;background:#04131e;border:1px solid #245466;border-radius:6px;padding:3px;flex-shrink:0}.wh-neon .segmented-control input{position:absolute;width:1px;height:1px;opacity:0}.wh-neon .segmented-control label{font-size:11px;color:#80a3b5;padding:7px 18px;margin:0;border:1px solid transparent;border-radius:4px;cursor:pointer}.wh-neon .segmented-control input:checked+label{color:#b7f8ff;border-color:#1c91a9;background:#084153;box-shadow:0 0 8px #00cbe515}.wh-neon .segmented-control input:focus-visible+label{outline:2px solid #a2e945}.wh-neon .credit-stack>div{padding:15px 0;border-bottom:1px solid #153d4e}.wh-neon .credit-stack>div:last-child{border-bottom:0}.wh-neon .credit-stack span{display:block;font-size:11px;color:#88acbf;margin-bottom:8px}.wh-neon .credit-stack strong{font-size:25px;color:#27daec;overflow-wrap:anywhere;line-height:1.2}.wh-neon .app-promotion>svg{width:35px;height:35px;color:#10c9e2;float:right}.wh-neon .app-promotion h3{font-size:16px;margin:0 0 10px}.wh-neon .app-promotion p{font-size:12px;color:#85aabc;line-height:1.5;margin-bottom:18px}.wh-neon .surf-history{margin-top:18px}.wh-neon .recently-visited-site{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #173b4a;padding:12px 0;margin:0;font-size:12px}.wh-neon .recently-visited-site>a:first-child{color:#92c2d4;overflow-wrap:anywhere}.wh-neon .surf-layout+section{margin-top:18px}.wh-neon .modal-body label{display:block;font-size:12px;color:#9abdcf;margin-bottom:16px}.wh-neon .modal-body input{margin-top:7px}.wh-neon .control-notice{position:fixed;right:24px;bottom:24px;padding:14px 20px;max-width:370px;border:1px solid #20876c;background:#07382ff2;color:#b4f5cf;box-shadow:0 5px 30px #0006;border-radius:7px;font-size:12px;z-index:1100}.wh-neon .control-notice.is-error{background:#3c1827f2;border-color:#954059;color:#ffc5ce}.wh-neon .admin-body .control-card{margin-top:20px}.wh-neon .admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.wh-neon .admin-nav a{padding:9px 15px;border:1px solid #1a5268;border-radius:5px;font-size:12px;color:#8acbdf}.wh-neon .admin-nav a:hover{background:#094053}
@media(max-width:1200px){.wh-neon .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-neon .control-grid.three{grid-template-columns:1fr 1fr}.wh-neon .control-grid.three>.control-card:last-child{grid-column:1/-1}.wh-neon .site-metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.wh-neon .site-metrics .account-metric:nth-child(3){border-right:0}.wh-neon .site-metrics .account-metric:nth-child(4){padding-left:0}.wh-neon .site-metrics .account-metric:nth-child(6){padding-right:0}.wh-neon .surf-layout{grid-template-columns:1.4fr 1fr}.wh-neon .surf-intro h3{font-size:22px}.wh-neon .surf-primary .setting-row{align-items:start;flex-direction:column;gap:12px}.wh-neon .settings-grid{gap:16px}}
@media(max-width:850px){.wh-neon .control-grid{grid-template-columns:1fr}.wh-neon .account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-neon .control-card{padding:19px}.wh-neon .settings-grid{grid-template-columns:1fr 1fr}.wh-neon .settings-block:last-child{grid-column:1/-1}.wh-neon .surf-layout{grid-template-columns:1fr}.wh-neon .surf-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wh-neon .surf-side .control-card{margin:0}.wh-neon .control-heading{gap:12px}.wh-neon .website-heading{padding:18px}.wh-neon .website-options{padding:0 18px}.wh-neon .site-metrics{padding:17px 18px}}
@media(max-width:540px){.wh-neon .control-card{padding:16px;margin-bottom:14px;border-radius:8px}.wh-neon .account-summary{gap:8px;margin-bottom:15px}.wh-neon .account-summary.three{grid-template-columns:1fr}.wh-neon .account-summary.three .account-metric{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.wh-neon .account-summary.three .account-metric>span{margin:0}.wh-neon .account-summary.three .account-metric>strong{font-size:21px}.wh-neon .account-summary.three .account-metric>small{width:100%;margin:0}.wh-neon .account-metric{padding:14px 12px}.wh-neon .account-metric>strong{font-size:18px}.wh-neon .account-metric>span{font-size:10px}.wh-neon .control-heading h2{font-size:19px}.wh-neon .control-heading p{font-size:11px}.wh-neon .control-grid,.wh-neon .control-grid.three{display:block}.wh-neon .account-detail{font-size:11px;gap:12px;padding:11px 0}.wh-neon .secret-field{flex-wrap:wrap}.wh-neon .secret-field input{flex-basis:100%}.wh-neon .package-grid{grid-template-columns:1fr}.wh-neon .package-card{padding:20px}.wh-neon .package-title h3{font-size:20px}.wh-neon .package-price{margin:20px 0;font-size:32px}.wh-neon .package-features .account-detail{font-size:12px}.wh-neon .website-card{padding:0}.wh-neon .website-heading{gap:10px;padding:15px;flex-wrap:wrap}.wh-neon .website-title{flex-basis:calc(100% - 60px)}.wh-neon .website-title h3{font-size:14px}.wh-neon .website-heading .state-badge{margin-left:52px}.wh-neon .website-symbol{width:35px;height:35px}.wh-neon .site-metrics{padding:15px;gap:15px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.wh-neon .site-metrics .account-metric{padding:0 12px;border-right:1px solid #173e4f}.wh-neon .site-metrics .account-metric:nth-child(odd){padding-left:0}.wh-neon .site-metrics .account-metric:nth-child(even){padding-right:0;border-right:0}.wh-neon .site-metrics .account-metric strong{font-size:17px}.wh-neon .website-options{padding:0 15px}.wh-neon .settings-grid{display:block}.wh-neon .settings-block{padding:10px 0 15px;border-top:1px solid #163747}.wh-neon .setting-row{align-items:flex-start;flex-direction:column;gap:13px}.wh-neon .site-list-heading{align-items:stretch;flex-direction:column}.wh-neon .inline-search{max-width:none;width:100%}.wh-neon .allocation-actions{display:block}.wh-neon .allocation-actions .btn{width:100%;margin-bottom:9px}.wh-neon .control-pagination{gap:10px}.wh-neon .control-pagination .btn{font-size:10px;padding:7px 10px}.wh-neon .surf-side{grid-template-columns:1fr;gap:14px}.wh-neon .surf-session-stats{gap:10px;margin:20px 0}.wh-neon .session-clock,.wh-neon .session-reward{padding:16px 12px}.wh-neon .surf-session-stats p{font-size:32px}.wh-neon .current-website p{align-items:flex-start}.wh-neon #current-site{font-size:12px}.wh-neon .surf-intro{padding:15px 0 23px}.wh-neon .surf-intro h3{font-size:22px}.wh-neon .surf-intro p{font-size:12px}.wh-neon .control-notice{right:12px;left:12px;bottom:12px;max-width:none}.wh-neon .control-card .table td,.wh-neon .control-card .table th{padding:9px 8px}.wh-neon .referral-banner{padding-top:20px}.wh-neon .contest-tabs .btn{flex:1;padding:9px;font-size:11px}}

.admin-workspace{min-height:100vh;padding:24px}.admin-workspace .container{max-width:1500px;margin:auto}.admin-brand{max-width:1500px;margin:0 auto 24px;display:flex;align-items:center;gap:24px}.admin-brand>a{font-size:32px;font-weight:900;color:#fff}.admin-brand>a span{color:#00deeb}.admin-brand>span{color:#809da9}.admin-workspace form{margin:16px 0}.admin-workspace label{display:block;margin:12px 0}.admin-workspace td form{min-width:130px}.admin-workspace td{max-width:350px;overflow-wrap:anywhere}.admin-workspace input[type=checkbox]{width:auto}.admin-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere}.admin-workspace .wh-links{display:flex;gap:10px;flex-wrap:wrap}.admin-workspace .wh-links a{padding:10px 18px;border:1px solid #144354;border-radius:8px;background:#06222e}.admin-workspace .table-responsive{overflow:auto}

.package-period{display:grid;grid-template-columns:1fr 1.8fr 1.4fr;gap:20px;padding:20px;border:1px solid #165266;border-radius:10px;margin:20px 0;background:#06202c}.package-period span,.package-period strong{display:block}.package-period span{font-size:12px;color:#93acb7;margin-bottom:8px}.package-period strong{font-size:16px;color:#7debef}.package-explanation{max-width:1000px;color:#aac3cd;line-height:1.6;margin-bottom:24px}.package-locked:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.package-price small{display:block}@media(max-width:700px){.package-period{grid-template-columns:1fr}}

.package-history-title{margin:28px 0 16px}
.package-period{grid-template-columns:1fr 1.6fr 1.3fr 1fr;align-items:center}.package-renew p{font-size:12px;color:#93acb7;margin:0 0 12px}.package-renew .switch-control{margin:0}.package-renew .switch-control b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.transfer-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.conversion-direction{display:flex;gap:10px;margin-bottom:24px}.conversion-direction .is-current{color:#031a22;background:#49deeb;border-color:#49deeb}.conversion-fields{display:grid;grid-template-columns:1fr 42px 1fr;gap:16px;align-items:end}.conversion-fields label{margin:0}.conversion-fields label>p{margin:0 0 10px}.conversion-fields input{font-size:24px;min-width:0}.conversion-arrow{text-align:center;font-size:28px;color:#27dfeb;align-self:center;padding-top:24px}.conversion-preview{background:#062432;border:1px solid #124653;border-radius:9px;padding:18px;margin:24px 0;min-height:105px}.conversion-preview p{margin:0 0 8px}.conversion-card button[type=submit]{min-width:220px}.website-preview{aspect-ratio:16/6;overflow:hidden;border-bottom:1px solid #164455;background:#05212e}.website-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.dashboard-viewer{min-width:0}.dash-live-window{border:1px solid #00b7d2;border-radius:12px;background:linear-gradient(130deg,#072332,#020e18);overflow:hidden;box-shadow:0 0 20px #00b8d015;margin-bottom:14px}.live-window-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #194151}.live-window-bar p{margin:0;font-size:12px;color:#71dbe8}.live-window-bar p:last-child{color:#99ef76}.live-window-main{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(95px,1fr);gap:12px;padding:14px}.live-window-screen{min-width:0;border:1px solid #2c6575;border-radius:7px;overflow:hidden;position:relative;background:#041721;align-self:stretch}.live-site-preview{display:block;width:100%;height:100%;min-height:160px;object-fit:cover;object-position:top;aspect-ratio:8/5}.preview-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:8px 10px;color:#e4ffff;font-size:10px;background:#00151fc9}.live-window-details{display:grid;gap:12px}.live-window-details>div{border:1px solid #214b58;border-radius:8px;padding:12px 10px;background:#041923}.live-window-details p{margin:0}.live-window-details p.field-label{font-size:11px;margin-bottom:6px}.live-window-details strong{font-size:25px;line-height:1.3}.live-window-details p>span{display:block;font-size:10px;color:#86a4b0}.live-current-site{padding:0 14px}.live-current-site>p{margin:0 0 7px;overflow-wrap:anywhere;font-size:12px}.live-current-site .field-label{font-size:10px}.live-viewer-progress{height:4px;background:#133949;margin:14px;border-radius:5px;overflow:hidden}.live-viewer-progress>span{display:block;width:0;height:100%;background:#1edfea;transition:width .4s}.dash-live-window>.btn{display:flex;width:calc(100% - 28px);margin:14px;justify-content:center}.dash-live-window>.field-hint{padding:0 14px}.dashboard-viewer .setting-row.compact{margin:0;padding:12px 0;gap:12px}.dashboard-viewer .setting-row.compact>p{font-size:12px;margin:0}.dashboard-site-cell{display:flex;align-items:center;gap:10px;min-width:190px}.dashboard-site-cell img{width:74px;height:46px;object-fit:cover;object-position:top;border:1px solid #245160;border-radius:4px}.dashboard-site-cell a{min-width:0}@media(max-width:1100px){.package-period{grid-template-columns:1fr 1.5fr}.conversion-fields input{font-size:19px}}@media(max-width:700px){.transfer-layout{grid-template-columns:1fr}.conversion-fields{grid-template-columns:1fr}.conversion-arrow{padding:0}.package-period{grid-template-columns:1fr}.live-window-main{grid-template-columns:minmax(0,2fr) minmax(85px,1fr)}}
.wh-neon .control-grid.transfer-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.wh-neon .conversion-direction .btn{color:#9aeaf2!important}.wh-neon .conversion-direction .btn.is-current{background:#30d9e8!important;color:#001923!important;border-color:#30d9e8!important}.wh-neon .conversion-card button[type=submit]:not(:disabled){color:#e5ffff!important;background:linear-gradient(#07516a,#042335)!important}@media(max-width:700px){.wh-neon .control-grid.transfer-layout{grid-template-columns:1fr}}
.dash-live-window{position:relative}.live-window-screen{aspect-ratio:8/5;min-height:165px}.live-site-preview{min-height:0;aspect-ratio:auto}.dashboard-viewer .live-window-details .alert{position:absolute;top:52px;left:14px;right:14px;z-index:3;font-size:12px;line-height:1.45;padding:12px;margin:0;max-height:110px;overflow:auto}

.website-list{display:flex;flex-direction:column;gap:12px}.website-card{display:block!important;padding:14px!important;min-width:0}.website-card>.website-preview{display:none}.site-list-row{display:grid;grid-template-columns:80px minmax(150px,1fr) 145px minmax(85px,.35fr) 65px 90px;gap:16px;align-items:center}.site-list-preview img{width:80px;height:50px;object-fit:cover;border-radius:5px;border:1px solid #275365}.site-list-row .website-title{min-width:0}.site-list-row .website-title h3{font-size:15px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-list-row .website-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;color:#8eacbb}.site-row-value{display:flex;flex-direction:column;gap:4px;min-width:0}.site-row-value small{font-size:11px;color:#8eacbb}.site-row-value strong{font-size:14px;overflow-wrap:anywhere}.site-detail-panel>summary{cursor:pointer;color:#4de4f4;font-size:12px;padding:12px 0 0}.site-detail-panel[open]>summary{margin-bottom:16px}.site-detail-panel .site-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.site-detail-panel .website-options{display:block}.traffic-recent{border-top:1px solid #204452;margin-top:14px;padding-top:12px;min-width:0}.traffic-recent h4{font-size:12px;font-weight:normal;color:#90b0bd;margin:0 0 8px}.traffic-recent-row{display:flex;gap:8px;align-items:center;margin-top:7px;min-width:0}.traffic-recent-row img{width:38px;height:26px;object-fit:cover;border-radius:3px;flex-shrink:0}.traffic-recent-url{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.traffic-recent-row .report-link{font-size:11px;color:#7acddd;background:none;border:0;padding:4px;flex-shrink:0;cursor:pointer}.dash-row>.card{min-width:0}
@media(max-width:1100px){.site-list-row{grid-template-columns:64px minmax(110px,1fr) 120px 90px}.site-list-preview img{width:64px;height:42px}.site-list-row>.site-row-value:nth-last-child(-n+2){display:none}}@media(max-width:600px){.site-list-row{grid-template-columns:54px minmax(90px,1fr) 90px;gap:9px}.site-list-preview img{width:54px;height:38px}.site-list-row>.site-row-value{display:none}.site-list-row .state-badge{font-size:10px;white-space:normal}.site-detail-panel .site-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
