/* v1.26.0 — approved Streamora Reseller Portal visual master, login and prominent page-complete SVG icons. */
:root{--vm-bg:#010712;--vm-shell:#03101d;--vm-panel:#06192a;--vm-panel-deep:#041321;--vm-line:#174f82;--vm-blue:#087ef4;--vm-blue-bright:#1d91ff;--vm-gold:#efbd4f;--vm-text:#f7f9fd;--vm-muted:#8ea5ba}
body{min-width:320px;background:radial-gradient(circle at 50% -20%,#0b3160 0,transparent 42%),var(--vm-bg);color:var(--vm-text)}
.reseller-authpage{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,#0a376b 0,transparent 31%),radial-gradient(circle at 88% 92%,#112b50 0,transparent 34%),#010712}.reseller-authpage:before,.reseller-authpage:after{content:"";position:absolute;border:1px solid #1686fb24;border-radius:50%;pointer-events:none}.reseller-authpage:before{width:520px;height:520px;left:-280px;bottom:-300px}.reseller-authpage:after{width:680px;height:680px;right:-390px;top:-420px}.reseller-login-stage{position:relative;z-index:1;width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #2275b8;border-radius:24px;background:#03101d;box-shadow:0 32px 95px #000b,0 0 42px #087ef42b;overflow:hidden}.login-brand-panel{position:relative;padding:56px 54px;display:flex;flex-direction:column;background:linear-gradient(145deg,#082849,#041526 58%,#020c16);overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:320px;height:320px;right:-150px;bottom:-150px;border:42px solid #1686fb0d;border-radius:50%}.login-brand-panel .brand{width:max-content;margin:0 0 62px}.login-brand-panel .brand img{width:58px;height:58px;filter:drop-shadow(0 0 12px #1686fb66)}.login-brand-panel .brand span{font-size:20px;letter-spacing:3px}.login-portal-badge{width:max-content;padding:7px 13px;border:1px solid #9c792d;border-radius:20px;background:#241c08;color:var(--vm-gold);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.login-brand-panel h2{max-width:410px;margin:22px 0 15px;font-size:42px;line-height:1.08}.login-brand-panel p{max-width:430px;margin:0;color:#a7bacb;font-size:15px;line-height:1.7}.login-highlights{display:grid;gap:13px;margin-top:34px}.login-highlights span{display:flex;align-items:center;gap:10px;color:#dbe8f3;font-size:12px}.login-highlights span:before{content:"✓";width:21px;height:21px;display:grid;place-items:center;border:1px solid #36c974;border-radius:50%;color:#4cdf87;font-size:11px}.login-slogan{margin-top:auto;padding-top:32px;color:var(--vm-gold);font-family:cursive;font-size:20px;font-style:italic}.reseller-login{width:auto!important;max-width:none!important;padding:70px 58px!important;border:0!important;border-left:1px solid #174f82!important;border-radius:0!important;background:linear-gradient(160deg,#061a2c,#03101d)!important;box-shadow:none!important}.login-kicker{color:var(--vm-gold);font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.reseller-login h1{margin:13px 0 8px;font-size:34px}.reseller-login>p{margin:0 0 30px;color:#91a5ba}.reseller-login label{margin:18px 0}.login-label{display:flex;align-items:center;gap:8px;color:#d7e4ee;font-size:12px;font-weight:700}.login-label i{width:19px;height:19px;display:grid;place-items:center;color:#62b3ff}.login-label .ui-icon{width:16px;height:16px}.reseller-login input{height:50px;margin-top:9px;padding:0 15px;border:1px solid #285f8e;border-radius:9px;background:#020d18;color:#fff}.reseller-login input:focus{border-color:#2b96ff;box-shadow:0 0 0 3px #1686fb1f}.reseller-login>.btn{min-height:50px;margin-top:12px;border-radius:9px;font-weight:800;letter-spacing:.3px}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #153b5e;color:#7790a7;font-size:10px}.login-security i{width:19px;height:19px;color:#4cdf87}.login-security .ui-icon{width:17px;height:17px}.reseller-login .result{margin:10px 0 0;text-align:center}
.reseller-shell{min-height:calc(100vh - 42px);margin:42px 14px 14px;grid-template-columns:230px 1fr;border:2px solid var(--vm-blue);border-radius:14px;background:var(--vm-shell);box-shadow:0 0 8px #087ef4,0 0 34px #075fc738,inset 0 0 24px #087ef412;overflow:visible}
.portal-crown{position:absolute;top:-39px;left:50%;transform:translateX(-50%);height:36px;display:flex;align-items:center;padding:0 28px;border:2px solid var(--vm-blue);border-bottom:0;border-radius:14px 14px 0 0;background:#020b16;color:var(--vm-gold);font-size:26px;font-weight:800;text-shadow:0 1px 2px #000,0 0 8px #efbd4f55;letter-spacing:.2px;white-space:nowrap;z-index:8}
.reseller-shell>aside{position:relative;inset:auto;width:230px;min-height:calc(100vh - 46px);padding:0 12px 14px;border-right:1px solid #123a61;background:linear-gradient(180deg,#031527,#020b14);border-radius:12px 0 0 12px;overflow:hidden}
.reseller-shell>aside .brand{height:66px;margin:0 -12px 10px;padding:0 20px;border-bottom:1px solid #133654;display:flex;align-items:center;gap:10px;letter-spacing:2px}.reseller-shell>aside .brand img{width:42px;height:42px}.reseller-shell>aside .brand span{font-size:16px}.reseller-shell>aside .brand small{display:none}
.reseller-shell>aside nav{gap:3px;padding:0 0 6px}.nav-group{padding:10px 12px 4px;color:#52718d;font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.reseller-shell>aside nav button{min-height:42px;padding:0 11px;border-radius:7px;color:#d7e2ec;font-size:12px}.reseller-shell>aside nav button i{width:26px;height:26px;display:grid;place-items:center;color:#8fb5d6}.reseller-shell>aside nav button i .ui-icon{width:20px;height:20px}.reseller-shell>aside nav button:hover i,.reseller-shell>aside nav button.active i{color:#fff}.reseller-shell>aside nav button:hover,.reseller-shell>aside nav button.active{border-color:#1c8eff;background:linear-gradient(90deg,#0758bc,#087ef4);box-shadow:inset 0 0 16px #46a8ff33,0 0 13px #087ef444;color:#fff}
.reseller-help{margin:auto 4px 0;padding:14px;border:0;background:transparent;position:relative;color:var(--vm-gold)}.reseller-help:after{content:"";position:absolute;left:8px;right:8px;top:49px;height:2px;background:var(--vm-gold);transform:rotate(-12deg);box-shadow:0 0 5px #efbd4f66}.reseller-help b{font-family:cursive;font-size:17px;line-height:1.15;transform:rotate(-5deg)}.reseller-help span{margin-top:9px;color:#8ea5ba}.reseller-help .btn{position:relative;margin-top:7px;border-color:#285b87;background:#061726}
.reseller-shell>section{grid-column:2;min-width:0}.reseller-shell>section>header{height:66px;padding:0 18px;border-bottom:1px solid #133654;background:linear-gradient(180deg,#041626,#03101d);position:relative;top:auto}.header-slogan{font-family:cursive;color:var(--vm-gold);font-size:17px;font-style:italic;margin-left:auto;margin-right:18px}.header-actions{margin-left:auto}.credit-button{height:34px;border-color:#826629;background:#171507;color:var(--vm-gold);font-size:11px}.bell{width:34px;height:34px;border-color:#1e527d;background:#061727}.reseller-user .avatar{width:34px;height:34px;border:0;background:transparent;color:#fff}.reseller-user b{color:#60adff;font-size:12px}.reseller-user div>span{display:none}.reseller-logout{height:34px;padding:0 13px;border:1px solid #315a82;border-radius:6px;background:#071625;color:#dbe6ef;text-align:center}
.reseller-page-heading{min-height:88px;padding:18px 22px 8px;display:flex;justify-content:space-between;gap:20px}.reseller-page-title{display:flex;align-items:center;gap:14px}.page-title-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #348ad0;border-radius:12px;background:#062039;color:#68b8ff;box-shadow:inset 0 0 18px #1686fb2e,0 0 12px #1686fb20}.page-title-icon .ui-icon{width:28px;height:28px}.reseller-page-heading h1{margin:0;font-size:22px}.reseller-page-heading p{margin:5px 0 0;color:var(--vm-muted);font-size:12px}.reseller-page-heading>span{align-self:center;padding-bottom:8px;border-bottom:1px solid #9d7b31;color:var(--vm-gold);font-family:cursive;font-size:18px;font-style:italic}
.reseller-shell main{max-width:none;margin:0;padding:0 22px 22px}.reseller-stats{gap:14px;margin-bottom:16px}.reseller-stat{min-height:118px;padding:16px 14px;display:flex;align-items:center;gap:16px;border:1px solid #1a5588;border-radius:9px;background:linear-gradient(145deg,#071b2e,#041321);box-shadow:inset 0 1px #ffffff08,0 0 16px #087ef412}.reseller-stat:before{display:none}.reseller-stat:after{display:none}.reseller-stat-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border:2px solid var(--stat-accent);border-radius:50%;color:var(--stat-accent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--stat-accent) 25%,transparent),0 0 14px color-mix(in srgb,var(--stat-accent) 22%,transparent)}.reseller-stat>div>span{color:#a9bac9;font-size:11px}.reseller-stat strong{margin-top:7px;font-size:25px}.reseller-stat small{margin-top:7px;color:var(--vm-blue-bright);font-size:10px}
.ui-icon{width:22px;height:22px;display:block}.reseller-stat-icon .ui-icon{width:31px;height:31px}.device-cell,.entity-cell{display:flex;align-items:center;gap:10px;min-width:165px}.device-leading-icon{width:36px;height:36px;flex:0 0 36px}.entity-icon{width:32px;height:32px;flex:0 0 32px}.device-leading-icon,.entity-icon{display:grid;place-items:center;border:1px solid #348ad0;border-radius:8px;background:#072039;color:#65b6ff;box-shadow:inset 0 0 9px #1686fb1f}.device-leading-icon .ui-icon{width:21px;height:21px}.entity-icon .ui-icon{width:18px;height:18px}.device-cell>span:last-child,.entity-cell>span:last-child{min-width:0}.entity-cell small{display:block;margin-top:3px}.platform-badge{width:max-content;display:inline-flex;align-items:center;gap:6px;margin-top:5px;padding:4px 8px;border:1px solid #2b6795;border-radius:12px;background:#061827;color:#b8d5ea;vertical-align:middle}.platform-badge .ui-icon{width:18px;height:18px}.platform-badge em{font-size:10px;font-style:normal;font-weight:700;line-height:1}.platform-tizen{color:#47a8ff}.platform-webos{color:#ef7290}.platform-android{color:#72d394}.platform-firetv{color:#f1a44b}.platform-appletv{color:#d7e1ea}.reseller-app-icon{width:56px;height:56px}.reseller-app-icon .ui-icon{width:34px;height:34px}.reseller-app-card header .platform-badge{margin-top:5px}.reseller-app-card footer .btn{display:inline-flex;align-items:center;gap:7px}.reseller-app-card footer .ui-icon{width:18px;height:18px}.reseller-panel h2>.ui-icon,.form-card h2>.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:-5px;margin-right:7px;color:#58adff}
.reseller-dashboard-master{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.reseller-panel,.reseller-card{border-color:#174b78;border-radius:9px;background:linear-gradient(145deg,#071a2c,#041321);box-shadow:inset 0 1px #ffffff08,0 0 14px #087ef40d}.reseller-dashboard-master>.reseller-panel{padding:14px}.reseller-section-head{margin-bottom:10px}.reseller-section-head h2,.reseller-panel h2{font-size:14px}.text-link{border:0;background:transparent;color:#168eff;text-decoration:underline;cursor:pointer;font-size:11px}.reseller-quick-master .reseller-actions{display:grid;grid-template-columns:1fr;gap:9px}.reseller-quick-master .reseller-actions .btn{min-height:50px;display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:6px 12px}.quick-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #348ad0;border-radius:9px;background:#061929;color:#70bdff}.quick-icon .ui-icon{width:22px;height:22px}.reseller-quick-master .reseller-actions .btn.primary{background:linear-gradient(90deg,#0872e0,#0d86ff)}.reseller-quick-master .btn.primary .quick-icon{border-color:#ffffff66;background:#ffffff14;color:#fff}
.button-icon{width:21px;height:21px;flex:0 0 21px;display:inline-grid;place-items:center;margin-right:7px;color:currentColor;vertical-align:-5px}.button-icon .ui-icon{width:19px;height:19px}.reseller-shell button:has(.button-icon){display:inline-flex;align-items:center;justify-content:center}.reseller-customer-actions .btn:has(.button-icon),.reseller-activation-actions .btn:has(.button-icon){padding:5px 8px}.reseller-tabs button:has(.button-icon){display:inline-flex;align-items:center;gap:4px}.bell .ui-icon{width:20px;height:20px;margin:auto}.reseller-logout:has(.button-icon),.credit-button:has(.button-icon){display:inline-flex;align-items:center}.toolbar .btn:has(.button-icon){align-self:end}
.field-label{display:flex;align-items:center;gap:6px;margin-bottom:5px}.field-label .ui-icon{width:14px;height:14px;color:#58adff}.detail-list{display:grid;gap:9px;margin:18px 0}.detail-row{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px;border:1px solid #174b78;border-radius:8px;background:#041321}.detail-row small,.detail-row b{display:block}.detail-row small{margin-bottom:4px;color:var(--vm-muted)}.reseller-modal h2>.ui-icon{display:inline-block;width:22px;height:22px;margin-right:7px;color:#58adff;vertical-align:-5px}
.tablewrap{border-color:#174b78;border-radius:7px}table{background:#041321;font-size:11px}th{height:34px;background:#08213a;color:#9eb1c2}td{height:43px}th,td{border-color:#123654;padding:8px 10px}td small{display:block;margin-top:3px}.toolbar,.reseller-app-toolbar{border-color:#174b78;background:#061727}.toolbar input,.reseller-app-toolbar input,.form-card input,.form-card select,.form-card textarea{border-color:#245c88;background:#020d18}.reseller-shell .btn{border-color:#285f8e;background:#071a2d}.reseller-shell .btn.primary{border-color:#2b96ff;background:linear-gradient(135deg,#087ef4,#0757bd)}.reseller-shell a{color:#2598ff}.reseller-app-card,.buy-option{border-color:#174b78;background:linear-gradient(145deg,#071a2c,#041321)}.reseller-tabs button.active{color:#42a2ff;border-color:#168cff}.help-card{border-color:#205987;background:#061727}.status,.badge{font-weight:700}.device-status-legend{justify-content:flex-start}.impersonation-banner{left:244px}
@media(max-width:1100px){.reseller-shell{grid-template-columns:205px 1fr}.reseller-shell>aside{width:205px}.reseller-dashboard-master{grid-template-columns:1fr}.reseller-quick-master .reseller-actions{grid-template-columns:repeat(2,1fr)}.impersonation-banner{left:219px}}
@media(max-width:720px){body{background:var(--vm-bg)}.reseller-authpage{padding:18px}.reseller-login-stage{min-height:0;grid-template-columns:1fr;border-radius:18px}.login-brand-panel{min-height:225px;padding:26px 24px}.login-brand-panel .brand{margin-bottom:24px}.login-brand-panel .brand img{width:46px;height:46px}.login-brand-panel h2{margin:15px 0 8px;font-size:28px}.login-brand-panel p{font-size:12px;line-height:1.5}.login-highlights{display:none}.login-slogan{position:absolute;right:24px;top:38px;margin:0;padding:0;font-size:15px}.reseller-login{padding:30px 24px 28px!important;border-left:0!important;border-top:1px solid #174f82!important}.reseller-login h1{font-size:29px}.reseller-login>p{margin-bottom:22px}.reseller-shell{display:block;margin:42px 6px 6px;overflow:hidden}.portal-crown{font-size:20px}.reseller-shell>aside{width:auto;min-height:auto;border-radius:12px 12px 0 0}.reseller-shell>aside nav{flex-direction:row}.nav-group,.reseller-help{display:none}.reseller-shell>section>header{position:static}.header-slogan,.credit-button{display:none}.reseller-page-heading{min-height:74px}.reseller-page-heading>span{display:none}.reseller-shell main{padding:0 12px 18px}.reseller-dashboard-master{grid-template-columns:1fr}.reseller-quick-master .reseller-actions{grid-template-columns:1fr 1fr}.impersonation-banner{left:0}}