/* Customer workspace and operations console refinement. */
.premium-shell { --shell-surface:rgba(255,255,255,.82); --shell-line:rgba(190,205,231,.68); min-height:100vh; background:radial-gradient(circle at 75% -10%,rgba(86,134,245,.12),transparent 30rem),radial-gradient(circle at 8% 34%,rgba(137,103,255,.07),transparent 28rem),var(--subtler); }
.premium-shell .app-sidebar { width:266px; padding:22px 15px; background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.87)); border-right-color:var(--shell-line); box-shadow:18px 0 52px rgba(31,62,121,.035); }
.premium-shell .app-sidebar .brand { padding:0 9px; font-size:20px; letter-spacing:-1.2px; }
.premium-shell .side-nav { gap:5px; margin-top:38px; }.premium-shell .side-nav a { min-height:47px; border:1px solid transparent; border-radius:14px; transition:color .22s ease,background .22s ease,transform .22s ease; }
.premium-shell .side-nav a:hover { transform:translateX(3px); background:#edf3ff; }.premium-shell .side-nav a.active { border-color:#3d7cf0; background:linear-gradient(125deg,#135cdf,#3b7ff0); box-shadow:0 12px 23px rgba(32,100,222,.24); }
.premium-shell .side-section { margin-top:28px; color:#8996aa; }.premium-shell .mini-user { padding:13px; border:1px solid var(--shell-line); background:rgba(246,249,255,.85); }.premium-shell .app-main { margin-left:266px; }
.premium-shell .app-header { height:80px; padding:0 38px; background:rgba(249,251,255,.76); border-bottom-color:var(--shell-line); backdrop-filter:blur(22px); }.premium-shell .header-overline { display:block; margin-bottom:2px; color:#8793a8; font-size:9px; font-weight:800; letter-spacing:.15em; }.premium-shell .header-title h1 { font-size:21px; letter-spacing:-.85px; }.premium-shell .header-tools { gap:12px; }.premium-shell .balance-pill { min-height:39px; padding:5px 6px 5px 13px; border:1px solid #c7dafd; border-radius:13px; background:linear-gradient(135deg,#eaf2ff,#f1f5ff); box-shadow:0 6px 17px rgba(45,100,202,.08); }.premium-shell .balance-plus { width:28px; height:28px; border-radius:10px; box-shadow:0 4px 10px rgba(29,97,226,.23); }.premium-shell .currency > button { min-height:38px; padding:0 8px; border:1px solid transparent; border-radius:11px; }.premium-shell .currency > button:hover { border-color:var(--shell-line); background:var(--surface); }.premium-shell .currency-menu { top:46px; min-width:210px; padding:8px; border-color:var(--shell-line); }.premium-shell .currency-menu p { margin:5px 8px 8px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.premium-shell .currency-menu button { display:grid; grid-template-columns:42px 1fr 16px; align-items:center; gap:8px; padding:10px; font-weight:800; }.premium-shell .currency-menu small { color:var(--muted); font-weight:600; }.premium-shell .currency-menu .svg-icon { width:15px; color:var(--blue); }
.premium-shell .content { max-width:1460px; padding:38px; }.premium-shell .page-title { margin-bottom:27px; }.premium-shell .page-title h2 { font-size:32px; letter-spacing:-1.55px; }.premium-shell .page-title p { max-width:620px; font-size:13px; line-height:1.55; }.premium-shell .page-actions { display:flex; gap:9px; flex-wrap:wrap; }.premium-shell .surface,.premium-shell .section-card { border-color:var(--shell-line); background:var(--shell-surface); box-shadow:0 14px 38px rgba(24,54,109,.045); }.premium-shell .section-card { border-radius:22px; }.premium-shell .welcome { padding:18px 0 5px; }.premium-shell .welcome-icon { position:relative; overflow:hidden; border-color:#c5dafd; background:linear-gradient(140deg,#e9f2ff,#dceaff); }.premium-shell .welcome-icon:after { content:""; position:absolute; inset:-50%; background:linear-gradient(120deg,transparent 35%,#fff9 50%,transparent 65%); transform:translateX(-80%); animation:iconShine 5s ease-in-out infinite; }.premium-shell .welcome h2 { font-size:28px; }.premium-shell .balance-card { border-color:#c9dcff; border-radius:25px; background:radial-gradient(circle at 82% 16%,rgba(133,113,255,.17),transparent 26%),linear-gradient(130deg,#e2efff,#fbfdff 62%,#eff1ff); box-shadow:0 16px 42px rgba(48,96,184,.09); }.premium-shell .quick-card { overflow:hidden; position:relative; border-color:var(--shell-line); border-radius:18px; background:rgba(255,255,255,.8); }.premium-shell .quick-card:before { content:""; position:absolute; inset:auto -25px -35px auto; width:92px; height:92px; border-radius:50%; background:rgba(49,112,242,.055); }.premium-shell .quick-card:hover { border-color:#b8d2ff; box-shadow:0 15px 28px rgba(44,94,182,.1); }

.order-live-tag { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #c4dafd; border-radius:50px; color:var(--blue); background:#f0f6ff; font-size:11px; font-weight:800; }.order-live-tag i,.catalog-kicker i { width:7px; height:7px; border-radius:50%; background:#14ad77; box-shadow:0 0 0 4px #14ad7720; animation:livePulse 2.1s infinite; }
.order-studio { display:grid; grid-template-columns:minmax(0,1fr) 345px; gap:22px; align-items:start; }.order-studio-main { min-width:0; }.platform-picker,.order-form-card,.order-brief { border:1px solid var(--shell-line); border-radius:23px; background:var(--shell-surface); box-shadow:0 14px 38px rgba(24,54,109,.045); }.platform-picker { padding:20px; }.studio-kicker { display:flex; align-items:center; gap:11px; }.studio-kicker > span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:var(--blue); background:#eaf2ff; font-size:11px; font-weight:900; }.studio-kicker strong,.studio-kicker small { display:block; }.studio-kicker strong { font-size:14px; }.studio-kicker small { margin-top:2px; color:var(--muted); font-size:11px; }.platform-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(76px,1fr)); gap:9px; margin-top:17px; }.platform-tile { min-height:84px; padding:9px 6px; display:grid; place-items:center; gap:7px; border:1px solid #e0e8f5; border-radius:16px; color:#637087; background:#fbfcff; font-size:10px; font-weight:800; transition:transform .2s ease,border-color .2s,box-shadow .2s,background .2s; }.platform-tile:hover { transform:translateY(-3px); border-color:#bdd5ff; box-shadow:0 10px 20px rgba(34,88,184,.1); }.platform-tile .social-logo,.platform-all { width:32px; height:32px; display:grid; place-items:center; border-radius:11px; }.platform-all { color:var(--blue); background:#e7f0ff; }.platform-all .svg-icon { width:17px; }.platform-tile.active { color:#145ed9; border-color:#2d73eb; background:linear-gradient(160deg,#f4f8ff,#e9f1ff); box-shadow:inset 0 0 0 1px #73a5f8,0 9px 18px rgba(36,102,221,.12); }
.order-mode-tabs { display:flex; gap:5px; padding:5px; margin:16px 0; border-radius:16px; background:#eaf0fa; }.order-mode-tabs button { flex:1; min-height:42px; display:flex; justify-content:center; align-items:center; gap:7px; border:0; border-radius:12px; color:#7b879a; background:transparent; font-size:12px; font-weight:800; }.order-mode-tabs button.active { color:#fff; background:linear-gradient(115deg,#135ddd,#3d7ff0); box-shadow:0 7px 15px rgba(37,99,213,.22); }.order-mode-tabs .svg-icon { width:15px; }.order-form-card { padding:24px; }.order-discovery { display:grid; grid-template-columns:1fr 195px; gap:10px; margin:20px 0 16px; }.order-category { appearance:auto; }.premium-select { min-height:52px; border-color:#cbdcf8; background:linear-gradient(90deg,#fdfefe,#f4f8ff); font-weight:700; }.order-service-note { padding:12px 13px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:2px 0 18px; border:1px solid #cee0ff; border-radius:15px; background:linear-gradient(90deg,#eff6ff,#f7f9ff); }.order-service-note > div { min-width:0; display:flex; align-items:center; gap:10px; }.order-service-note .social-logo { width:32px; height:32px; border-radius:10px; }.order-service-note strong,.order-service-note small { min-width:0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.order-service-note strong { font-size:12px; }.order-service-note small { margin-top:2px; color:var(--muted); font-size:10px; }.static-field { display:flex; justify-content:space-between; align-items:center; background:#f7f9fe; }.static-field strong { font-size:12px; }.static-field span { color:var(--muted); font-size:11px; }.drip-options { margin-top:16px; overflow:hidden; border:1px solid var(--shell-line); border-radius:15px; background:#fafcff; }.drip-options summary { min-height:50px; padding:0 14px; display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; color:#526078; font-size:12px; font-weight:800; }.drip-options summary::-webkit-details-marker { display:none; }.drip-options summary span { margin-left:auto; color:#9aa6b9; font-size:10px; }.drip-options summary .svg-icon { width:16px; color:var(--blue); }.drip-options summary .svg-icon:last-child { color:var(--muted); }.drip-options .form-grid { padding:0 14px 14px; }.order-safety { display:flex; align-items:flex-start; gap:8px; margin-top:15px; color:#718096; font-size:11px; line-height:1.45; }.order-safety .svg-icon { width:15px; flex:none; color:#2d73eb; }.order-submit { min-height:52px; display:flex; align-items:center; justify-content:center; gap:9px; margin-top:19px; }.order-submit span { padding:4px 7px; border-radius:7px; color:#dceaff; background:#ffffff1c; font-size:11px; }.order-brief { position:sticky; top:102px; padding:23px; overflow:hidden; background:radial-gradient(circle at 100% 0,rgba(114,92,246,.12),transparent 40%),var(--shell-surface); }.brief-top { display:flex; justify-content:space-between; align-items:center; }.brief-top .detail-icon { width:43px; height:43px; display:grid; place-items:center; border:1px solid #cfe0ff; border-radius:14px; background:#eef5ff; }.brief-top .social-logo { width:28px; height:28px; }.brief-eyebrow,.control-overline { margin:18px 0 6px; display:block; color:#3c79e8; font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.order-brief h3 { margin:0; font-size:17px; line-height:1.3; letter-spacing:-.5px; }.order-brief > p:not(.brief-eyebrow) { margin:9px 0 18px; color:var(--muted); font-size:12px; line-height:1.55; }.brief-data { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.brief-data > div { padding:10px; border:1px solid #e5ebf5; border-radius:12px; background:#fafcff; }.brief-data span,.brief-data strong { display:block; }.brief-data span { color:#8b97aa; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }.brief-data strong { margin-top:4px; font-size:11px; }.brief-total { padding:15px; margin-top:15px; border-radius:15px; color:#f7fbff; background:linear-gradient(130deg,#11284d,#214d91); }.brief-total span,.brief-total strong,.brief-total small { display:block; }.brief-total span { color:#b6c9e9; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.brief-total strong { margin:5px 0 2px; font-family:Manrope,sans-serif; font-size:25px; letter-spacing:-1px; }.brief-total small { color:#b6c9e9; font-size:10px; }.brief-wallet { display:flex; align-items:center; gap:9px; padding-top:16px; }.brief-wallet > .svg-icon { width:18px; color:var(--blue); }.brief-wallet span { flex:1; }.brief-wallet small,.brief-wallet strong { display:block; }.brief-wallet small { color:var(--muted); font-size:10px; }.brief-wallet strong { margin-top:2px; font-size:13px; }.brief-wallet button { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:9px; color:#fff; background:var(--blue); }.brief-wallet .svg-icon { width:15px; }

.premium-shell .admin-banner { border:1px solid #cbe0ff; border-radius:15px; background:linear-gradient(100deg,#edf5ff,#f7f8ff); }.premium-shell .admin-metric { position:relative; overflow:hidden; border:1px solid var(--shell-line); border-radius:18px; background:var(--shell-surface); box-shadow:0 10px 26px rgba(29,61,118,.04); }.premium-shell .admin-metric:before { content:""; position:absolute; top:0; right:0; width:65px; height:3px; background:linear-gradient(90deg,#4388f4,#9078fa); }.catalog-control-strip { min-height:110px; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; border:1px solid #cbdcff; border-radius:20px; background:radial-gradient(circle at 88% -20%,rgba(126,91,245,.2),transparent 38%),linear-gradient(105deg,#edf5ff,#f9faff); }.catalog-control-strip .control-overline { margin:0 0 5px; }.catalog-control-strip strong,.catalog-control-strip small { display:block; }.catalog-control-strip strong { font-family:Manrope,sans-serif; font-size:21px; letter-spacing:-.8px; }.catalog-control-strip small { margin-top:3px; color:var(--muted); font-size:11px; }.catalog-control-strip form { display:flex; align-items:end; gap:8px; }.catalog-control-strip label { width:142px; color:var(--muted); font-size:10px; font-weight:800; }.catalog-control-strip label span { color:var(--blue); }.catalog-control-strip input { min-height:40px; margin-top:5px; }.catalog-control-strip .btn { min-height:40px; white-space:nowrap; }.catalog-workspace header p,.studio-description { margin:5px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }.row-actions { display:flex; gap:5px; }.row-actions .icon-button { width:31px; height:31px; border:1px solid var(--shell-line); border-radius:9px; }.row-actions .svg-icon { width:15px; }.danger-button { color:#d95462 !important; }.broadcast-studio { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:20px; }.broadcast-studio-heading,.settings-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.broadcast-studio-heading .control-overline,.settings-heading .control-overline { margin:0 0 5px; }.broadcast-studio-heading h3,.settings-heading h4 { margin:0; }.broadcast-preview-panel { align-self:start; position:sticky; top:102px; }.broadcast-preview-panel > .control-overline { margin-top:0; }.broadcast-preview { position:relative; padding:14px; margin-top:12px; border:1px solid var(--shell-line); border-radius:14px; background:#fbfcff; }.broadcast-preview .status { float:right; text-transform:capitalize; }.broadcast-preview strong { display:block; margin:9px 0 5px; font-size:12px; }.broadcast-preview p { margin:0; color:var(--muted); font-size:11px; line-height:1.5; }.broadcast-preview small { display:block; margin-top:9px; color:#8793a5; font-size:9px; }.settings-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; align-items:start; gap:20px; }.settings-form .settings-section { padding:24px 0; border-top:1px solid var(--shell-line); }.settings-form .settings-section:first-child { padding-top:0; border-top:0; }.settings-heading h4 { font-size:17px; }.settings-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:12px; color:var(--blue); background:#eaf2ff; }.settings-icon .svg-icon { width:19px; }.settings-section > p { margin:9px 0 18px; color:var(--muted); font-size:12px; line-height:1.55; }.compact-upload { min-height:46px; padding:0 12px; display:flex; align-items:center; gap:8px; overflow:hidden; border:1px dashed #b7cced; border-radius:12px; color:#4e6c9c; background:#f7faff; font-size:11px; font-weight:800; cursor:pointer; }.compact-upload .svg-icon { width:17px; }.compact-upload input { position:absolute; width:1px; height:1px; opacity:0; }.settings-guide { position:sticky; top:102px; padding:22px; border:1px solid #cbdcff; border-radius:21px; background:linear-gradient(155deg,#eef5ff,#fafbff); }.settings-guide .control-overline { margin-top:0; }.settings-guide h3 { margin:7px 0 13px; font-size:18px; }.settings-guide ol { padding-left:18px; margin:0; color:#627086; font-size:12px; line-height:1.7; }.settings-guide > div { display:flex; gap:8px; margin-top:18px; padding-top:15px; border-top:1px solid #cbdcff; color:#58709a; font-size:11px; line-height:1.45; }.settings-guide .svg-icon { width:18px; flex:none; color:var(--blue); }.service-editor-modal { width:min(620px,100%); }.service-editor-modal .control-overline { margin:0 0 7px; }.service-editor-modal .modal-heading { margin:0; }.editor-check { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; font-weight:700; }.editor-check input { accent-color:var(--blue); }

.premium-shell .locale-menu { max-height:380px; overflow:auto; }.social-telegram { background:#249bd7; }.social-spotify { background:#1aae69; }.social-xwitter { background:#101725; }
.flag-gb { background:linear-gradient(33deg,#173f86 0 37%,#fff 37% 44%,#ca3543 44% 52%,#fff 52% 59%,#173f86 59%); }.flag-in { background:linear-gradient(#ef9638 0 33%,#fff 33% 66%,#168457 66%); }.flag-ae { background:linear-gradient(90deg,#c73542 0 28%,#14744f 28% 52%,#fff 52% 76%,#10161e 76%); }.flag-sg { background:linear-gradient(#d3424b 0 50%,#fff 50%); }.flag-id { background:linear-gradient(#d53d4c 0 50%,#fff 50%); }.flag-ph { background:linear-gradient(90deg,#fff 0 30%,#2856a5 30% 65%,#d3444d 65%); }.flag-jp { background:radial-gradient(circle,#d1404c 0 29%,transparent 30%),#fff; }.flag-de { background:linear-gradient(#13161d 0 33%,#c53c44 33% 66%,#e7bd3e 66%); }.flag-fr { background:linear-gradient(90deg,#2550a0 0 33%,#fff 33% 66%,#d13e49 66%); }.flag-ke { background:linear-gradient(#1f2024 0 30%,#c43d49 30% 65%,#267657 65%); }.flag-za { background:linear-gradient(145deg,#c63c49 0 36%,#e2b83e 36% 45%,#1b4e96 45% 67%,#22805a 67%); }

[data-theme="dark"] .premium-shell { --shell-surface:rgba(16,29,50,.8); --shell-line:rgba(68,91,131,.55); background:radial-gradient(circle at 75% -10%,rgba(83,125,239,.16),transparent 30rem),radial-gradient(circle at 6% 34%,rgba(147,101,255,.09),transparent 28rem),#091424; } [data-theme="dark"] .premium-shell .app-sidebar { background:linear-gradient(180deg,rgba(12,24,43,.98),rgba(10,20,36,.94)); box-shadow:18px 0 50px rgba(0,0,0,.14); } [data-theme="dark"] .premium-shell .side-nav a:hover { background:#172741; } [data-theme="dark"] .premium-shell .mini-user { background:#111f35; } [data-theme="dark"] .premium-shell .app-header { background:rgba(9,20,36,.76); } [data-theme="dark"] .premium-shell .balance-pill { border-color:#315894; background:linear-gradient(135deg,#132b50,#162746); } [data-theme="dark"] .premium-shell .currency > button:hover { background:#15243a; } [data-theme="dark"] .premium-shell .currency-menu,[data-theme="dark"] .premium-shell .platform-picker,[data-theme="dark"] .premium-shell .order-form-card,[data-theme="dark"] .premium-shell .order-brief { background:rgba(15,28,48,.94); } [data-theme="dark"] .premium-shell .currency-menu button:hover { background:#172842; } [data-theme="dark"] .premium-shell .surface,[data-theme="dark"] .premium-shell .section-card { background:var(--shell-surface); } [data-theme="dark"] .premium-shell .balance-card { border-color:#314f84; background:radial-gradient(circle at 82% 16%,rgba(124,103,255,.22),transparent 26%),linear-gradient(130deg,#112746,#101d32 62%,#1a1b46); } [data-theme="dark"] .premium-shell .quick-card { background:rgba(17,30,52,.83); } [data-theme="dark"] .premium-shell .quick-card:hover { border-color:#3c659f; } [data-theme="dark"] .premium-shell .platform-tile { border-color:#233956; color:#b0bed3; background:#0e1b2e; } [data-theme="dark"] .premium-shell .platform-tile.active { color:#a9caff; border-color:#3c82f5; background:linear-gradient(160deg,#112949,#132744); } [data-theme="dark"] .premium-shell .order-mode-tabs { background:#101d30; } [data-theme="dark"] .premium-shell .order-discovery .form-control,[data-theme="dark"] .premium-shell .premium-select,[data-theme="dark"] .premium-shell .static-field { background:#0d192b; } [data-theme="dark"] .premium-shell .order-service-note { border-color:#284d80; background:linear-gradient(90deg,#112746,#111f36); } [data-theme="dark"] .premium-shell .drip-options { border-color:#2b405f; background:#0e1b2e; } [data-theme="dark"] .premium-shell .brief-data > div { border-color:#273b58; background:#0d192b; } [data-theme="dark"] .premium-shell .catalog-control-strip { border-color:#2b4e83; background:radial-gradient(circle at 88% -20%,rgba(126,91,245,.23),transparent 38%),linear-gradient(105deg,#102742,#111c34); } [data-theme="dark"] .premium-shell .broadcast-preview { border-color:#2b405f; background:#101e34; } [data-theme="dark"] .premium-shell .settings-icon { background:#122949; } [data-theme="dark"] .premium-shell .compact-upload { border-color:#365680; background:#10223b; color:#a6c4f1; } [data-theme="dark"] .premium-shell .settings-guide { border-color:#2c4e84; background:linear-gradient(155deg,#102848,#0f1d36); } [data-theme="dark"] .premium-shell .header-overline { color:#7385a2; }

.hero-network-rail { display:flex; align-items:center; gap:7px; margin:-1px 0 20px; }.hero-network-rail .social-logo { width:30px; height:30px; border:2px solid rgba(255,255,255,.93); box-shadow:0 7px 15px rgba(23,49,98,.12); }.hero-network-rail .social-logo + .social-logo { margin-left:-12px; }.hero-network-rail span:last-child { margin-left:3px; color:#72819b; font-size:10px; font-weight:800; }.admin-feature-grid { display:grid; grid-template-columns:minmax(0,1fr) 315px; gap:20px; align-items:start; }.admin-feature-grid .admin-workspace { padding:26px; }.feature-heading { display:flex; justify-content:space-between; gap:18px; margin-bottom:21px; }.feature-heading .control-overline { margin:0 0 6px; }.feature-heading h3 { margin:0; font-size:20px; }.feature-heading p { max-width:630px; margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }.admin-submit-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:2px; }.admin-submit-row > span { display:flex; align-items:flex-start; gap:7px; max-width:570px; color:#718096; font-size:10px; line-height:1.45; }.admin-submit-row .svg-icon { width:15px; flex:none; color:#2d73eb; }.article-textarea { min-height:132px; }.editorial-library,.leaderboard-panel,.mail-activity { position:sticky; top:102px; padding:21px; }.editorial-library > .control-overline,.leaderboard-panel > .control-overline,.mail-activity > .control-overline { margin-top:0; }.editorial-library h3,.leaderboard-panel h3,.mail-activity h3 { margin:7px 0 13px; font-size:18px; }.editorial-card,.campaign-card { position:relative; padding:14px; margin-top:11px; border:1px solid var(--shell-line); border-radius:14px; background:#fbfcff; }.editorial-card .status,.campaign-card .status { float:right; }.editorial-card strong,.campaign-card strong { display:block; margin:8px 0 6px; font-size:12px; line-height:1.4; }.editorial-card p { margin:0; color:var(--muted); font-size:11px; line-height:1.45; }.editorial-card small,.campaign-card small { display:block; margin-top:8px; color:#8793a5; font-size:9px; }.leaderboard-row { display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--shell-line); }.leader-rank { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:#1a67e8; background:#eaf2ff; font-size:10px; font-weight:900; }.leaderboard-row > div { flex:1; }.leaderboard-row strong,.leaderboard-row small { display:block; }.leaderboard-row strong { font-size:12px; }.leaderboard-row small { margin-top:2px; color:var(--muted); font-size:10px; }.leaderboard-row > span:last-child { color:#6a7c9a; font-size:9px; font-weight:800; }.campaign-list { margin-top:14px; }.campaign-card > div { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:11px; }.campaign-card > div b { padding:7px 3px; border-radius:8px; color:#245fcd; background:#edf4ff; font-size:10px; text-align:center; }.mail-status-strip { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 21px; margin:0 0 20px; border:1px solid #cbdcff; border-radius:19px; background:radial-gradient(circle at 90% -20%,rgba(126,91,245,.16),transparent 40%),linear-gradient(105deg,#edf5ff,#f9faff); }.mail-status-strip .control-overline { margin:0 0 5px; }.mail-status-strip strong,.mail-status-strip small { display:block; }.mail-status-strip strong { font-size:17px; }.mail-status-strip small { max-width:660px; margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }.mail-row { display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-bottom:1px solid var(--shell-line); }.mail-row > .svg-icon { width:17px; margin-top:1px; color:#3679e7; }.mail-row strong,.mail-row small { display:block; }.mail-row strong { font-size:11px; line-height:1.35; }.mail-row small { margin-top:3px; color:#8190a5; font-size:9px; line-height:1.35; }.template-list { display:grid; gap:7px; padding:15px 0 0; margin-top:14px; border-top:1px solid var(--shell-line); }.template-list strong { color:#61738f; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.template-list span { color:#8090a5; font-size:10px; }.social-discord { background:#5865f2; }.social-twitch { background:#9146ff; }.social-linkedin { background:#0a66c2; }.social-threads { background:#22252f; }.social-pinterest { background:#cf2e3e; }.social-soundcloud { background:#ed7134; }

@keyframes iconShine { 0%,62% { transform:translateX(-80%); } 78%,100% { transform:translateX(80%); } } @keyframes livePulse { 50% { box-shadow:0 0 0 7px #14ad7700; } }
@media (max-width:1120px) { .premium-shell .app-sidebar { width:238px; }.premium-shell .app-main { margin-left:238px; }.order-studio,.settings-layout,.broadcast-studio,.admin-feature-grid { grid-template-columns:1fr; }.order-brief,.settings-guide,.broadcast-preview-panel,.editorial-library,.leaderboard-panel,.mail-activity { position:static; }.settings-guide { display:none; } }
@media (max-width:760px) { .premium-shell .app-sidebar { display:none; }.premium-shell .app-main { margin-left:0; }.premium-shell .app-header { height:67px; padding:0 14px; }.premium-shell .header-overline,.premium-shell .header-tools > .currency { display:none; }.premium-shell .app-locale .locale-current { min-height:33px; padding:0 6px; }.premium-shell .app-locale .locale-current .svg-icon { display:none; }.premium-shell .app-locale .country-flag { width:15px; }.premium-shell .content { padding:21px 14px 94px; }.premium-shell .page-title { align-items:flex-start; gap:12px; }.premium-shell .page-title h2 { font-size:27px; }.premium-shell .page-title p { margin-top:4px; font-size:12px; }.premium-shell .page-title .order-live-tag { display:none; }.premium-shell .welcome { padding-top:0; }.premium-shell .welcome h2 { font-size:22px; }.premium-shell .balance-card { min-height:220px; border-radius:21px; }.premium-shell .section-card { border-radius:19px; }.order-studio { gap:14px; }.platform-picker { padding:15px; border-radius:19px; }.platform-tiles { grid-template-columns:repeat(4,1fr); gap:7px; margin-top:13px; }.platform-tile { min-height:66px; padding:7px 3px; border-radius:13px; font-size:8px; }.platform-tile .social-logo,.platform-all { width:25px; height:25px; border-radius:8px; }.platform-tile .social-logo svg { width:14px; }.order-mode-tabs { margin:12px 0; border-radius:14px; }.order-mode-tabs button { min-height:39px; padding:0 7px; font-size:10px; }.order-mode-tabs button .svg-icon { width:13px; }.order-form-card { padding:16px; border-radius:19px; }.order-discovery { grid-template-columns:1fr; margin:15px 0 13px; }.order-category { min-height:43px; }.order-service-note { align-items:flex-start; padding:10px; }.order-service-note .status { font-size:9px; }.drip-options summary { min-height:45px; }.order-submit { min-height:49px; font-size:12px; }.order-brief { padding:17px; border-radius:19px; }.brief-data { gap:7px; }.brief-total { margin-top:12px; }.catalog-control-strip { align-items:stretch; flex-direction:column; padding:17px; border-radius:18px; }.catalog-control-strip form { align-items:end; }.catalog-control-strip form label { flex:1; }.catalog-control-strip .btn { font-size:11px; }.broadcast-studio-heading .status { display:none; }.broadcast-studio .admin-workspace { padding:17px; }.settings-layout .admin-workspace { padding:17px; }.settings-form .settings-section { padding:20px 0; }.settings-heading h4 { font-size:16px; }.service-editor-modal { max-height:calc(100vh - 24px); overflow:auto; }.service-editor-modal .form-grid { gap:12px; }.editor-check { padding:2px 0; }.admin-feature-grid .admin-workspace { padding:17px; }.admin-submit-row,.mail-status-strip { align-items:stretch; flex-direction:column; }.mail-status-strip { padding:16px; border-radius:17px; }.premium-shell .app-mobile-nav { background:linear-gradient(120deg,#0d5bdd,#397df3); box-shadow:0 14px 32px rgba(8,59,155,.35); } }