@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root[data-theme="dark"]{color-scheme:dark;--back:#061325;--text:#eff7ff;--sub:#94a9c6;--faint:#6a81a6;--panel:rgba(19,42,75,.65);--panel-2:rgba(18,41,75,.80);--top:rgba(9,24,46,.78);--line:rgba(181,214,255,.16);--line-strong:rgba(175,217,255,.30);--field:rgba(8,24,48,.65);--soft:rgba(48,109,178,.13);--shadow:0 20px 48px rgba(0,7,23,.23);--accent:#2d9dff;--accent-bright:#5fd1ff;--white:#eff7ff;--muted:#94a9c6;--lime:#36a2ff;--blue:#329fff;--border:rgba(180,217,255,.16);--card:rgba(16,38,72,.73);--deep:#08182f;--ok:#74e6b3;--bad:#ff858e;--warning:#f9c96e}
:root[data-theme="light"]{color-scheme:light;--back:#eaf1fc;--text:#18304f;--sub:#637d9b;--faint:#9aaec3;--panel:rgba(255,255,255,.76);--panel-2:rgba(255,255,255,.92);--top:rgba(246,250,255,.72);--line:rgba(45,100,165,.12);--line-strong:rgba(56,115,185,.24);--field:rgba(244,249,255,.9);--soft:rgba(37,131,230,.075);--shadow:0 16px 45px rgba(60,100,152,.12);--accent:#197fe9;--accent-bright:#179ef4;--white:#18304f;--muted:#637d9b;--lime:#258cea;--blue:#217fe1;--border:rgba(45,100,165,.14);--card:rgba(255,255,255,.77);--deep:#f1f6fe;--ok:#1c986c;--bad:#cc5065;--warning:#aa6a06}
body.admin-ui{margin:0;min-height:100vh;background:var(--back);color:var(--text);font:500 14px 'DM Sans',system-ui,-apple-system,sans-serif;transition:background .28s ease,color .28s ease}
.admin-ui *, .admin-ui *::before, .admin-ui *::after{box-sizing:border-box}
.admin-ui a{color:inherit}
.admin-ui .hidden{display:none!important}
.admin-ui .svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.admin-ui .icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.admin-ui h1,.admin-ui h2,.admin-ui h3,.admin-ui strong,.admin-ui b{font-family:'Manrope','DM Sans',system-ui,sans-serif}
.admin-ui .app{display:flex;min-height:100vh;position:relative;isolation:isolate}
.admin-ui .app::before{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse 60% 45% at 83% 3%,rgba(13,117,230,.19),transparent),radial-gradient(ellipse 34% 36% at 7% 93%,rgba(33,151,244,.11),transparent),linear-gradient(150deg,var(--back),var(--back));}
:root[data-theme="light"] body.admin-ui .app::before{background:radial-gradient(ellipse 65% 40% at 90% 0%,rgba(111,193,251,.20),transparent),radial-gradient(ellipse 55% 45% at 0% 100%,rgba(137,181,245,.17),transparent),#edf3fd}
.admin-ui .sidebar{width:248px;flex:0 0 248px;height:100vh;position:sticky;top:0;padding:26px 15px 18px;background:var(--top);border-right:1px solid var(--line);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;flex-direction:column;z-index:5}
.admin-ui .brand{display:flex;align-items:center;gap:11px;padding:5px 10px 34px}
.admin-ui .brand-mark,.admin-ui .logo-badge,.admin-ui .auth-card .mark{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7fe4ff 0%,#168efa 58%,#075bc2);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 2px #ffffff90,0 8px 22px #0879ea66}
.admin-ui .brand-mark{width:40px;height:40px;border-radius:13px}
.admin-ui .brand-mark .icon{width:24px;height:24px;stroke-width:2.5}
.admin-ui .brand b{font-size:18px;letter-spacing:-.8px;color:var(--text)}
.admin-ui .brand b span{font-weight:600;color:var(--sub)}
.admin-ui .brand small{font-size:8px;font-weight:800;letter-spacing:1.2px;color:var(--faint);margin-top:4px}
.admin-ui .nav-caption{padding:3px 14px 12px;color:var(--faint);letter-spacing:1.6px;font-size:10px}
.admin-ui #nav{gap:3px;overflow-y:auto;scrollbar-width:thin;padding-bottom:12px}
.admin-ui #nav button{font:700 13px 'DM Sans',sans-serif;padding:12px 14px;border-radius:14px;background:transparent;color:var(--sub);border:1px solid transparent;display:flex;gap:14px;align-items:center;justify-content:flex-start;transition:background .2s,color .2s,transform .2s}
.admin-ui #nav button:hover{background:var(--soft);color:var(--text)}
.admin-ui #nav button.active{color:var(--accent-bright);background:linear-gradient(120deg,rgba(26,135,241,.18),rgba(97,174,249,.055));border-color:rgba(80,171,255,.25);padding:12px 14px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.admin-ui .side-bottom{border-top:1px solid var(--line);margin-top:auto;color:var(--sub);font-size:11px;padding:20px 10px 8px}
.admin-ui .side-bottom small{color:var(--faint)}
.admin-ui .live-dot{background:#41d5a4;box-shadow:0 0 9px #41d5a4;width:7px;height:7px}
.admin-ui .main{min-width:0;flex:1;background:transparent;display:flex;flex-direction:column}
.admin-ui .topbar{padding:33px clamp(20px,4vw,55px) 24px;border-bottom:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;align-items:center;gap:12px}
.admin-ui .breadcrumb{font-size:10px;color:var(--faint);letter-spacing:1.5px}
.admin-ui .breadcrumb span{color:var(--accent)}
.admin-ui #pageTitle{font-size:clamp(24px,3vw,32px);line-height:1.23;font-weight:800;letter-spacing:-1.15px;color:var(--text);margin:6px 0 0}
.admin-ui .topactions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.admin-ui .ghostlink{font-size:12px;color:var(--accent);font-weight:800;white-space:nowrap;text-decoration:none;margin-right:6px}
.admin-ui .icon-action{position:relative;width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);backdrop-filter:blur(14px)}
.admin-ui .icon-action:hover{color:var(--accent);border-color:var(--line-strong)}
.admin-ui .btn{font-weight:800;font-size:12px;border-radius:13px;min-height:39px;padding:10px 16px;transition:transform .16s,filter .16s,box-shadow .16s}
.admin-ui .btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.admin-ui .btn.primary{color:#fff;border:1px solid rgba(180,232,255,.65);background:linear-gradient(180deg,#61d5ff 0%,#159af6 46%,#126ce0 100%);box-shadow:inset 0 1px rgba(255,255,255,.6),inset 0 -1px rgba(10,44,155,.48),0 6px 19px rgba(22,131,248,.30);text-shadow:0 1px rgba(8,65,129,.18)}
.admin-ui .btn.ghost,.admin-ui .btn.secondary,.admin-ui .btn.outline{color:var(--text);border-color:var(--line);background:var(--panel);backdrop-filter:blur(15px)}
.admin-ui .btn.outline{background:transparent}
.admin-ui .content{padding:28px clamp(20px,4vw,55px) 42px;max-width:1500px;width:100%;flex:1}
.admin-ui .sectionbar{margin-bottom:19px;align-items:flex-end}
.admin-ui .sectionbar h3,.admin-ui .panel h3{font:800 17px 'Manrope',sans-serif;letter-spacing:-.5px;color:var(--text)}
.admin-ui .sectionbar p,.admin-ui .subtle{font-size:12px;color:var(--sub);line-height:1.55}
.admin-ui .eyebrow{color:var(--accent);letter-spacing:1.4px;font-weight:800;font-size:10px}
.admin-ui .panel,.admin-ui .metric,.admin-ui .glass-card{position:relative;isolation:isolate;overflow:hidden;border-radius:21px;border:1px solid var(--line);background:linear-gradient(139deg,rgba(255,255,255,.065),transparent 34%),var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.085),var(--shadow);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.admin-ui .panel::before,.admin-ui .metric::before,.admin-ui .glass-card::before{content:"";inset:0;position:absolute;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(129deg,rgba(179,226,255,.085),transparent 47%);}
:root[data-theme="light"] body.admin-ui .panel,:root[data-theme="light"] body.admin-ui .metric,:root[data-theme="light"] body.admin-ui .glass-card{background:linear-gradient(132deg,rgba(255,255,255,.8),rgba(255,255,255,.08) 80%),var(--panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--shadow)}
.admin-ui .panel{padding:22px;margin-bottom:19px}
.admin-ui .panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px}
.admin-ui .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px}
.admin-ui .metric{min-height:148px;padding:19px 19px 18px}
.admin-ui .metric .stat-icon{color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:8px}
.admin-ui .metric .stat-icon .icon{width:24px;height:24px}
.admin-ui .metric .stat-icon small{font-size:10px;letter-spacing:.75px;color:var(--sub);font-weight:800;text-transform:uppercase}
.admin-ui .metric strong{font-size:clamp(22px,2.2vw,32px);color:var(--text);display:block;line-height:1.2;margin-top:19px;letter-spacing:-1px}
.admin-ui .metric label{font-weight:600;color:var(--sub);font-size:11px;margin:6px 0 0}
.admin-ui .layout-two{display:grid;grid-template-columns:1.22fr 1fr;gap:17px}
.admin-ui .layout-two .panel{min-width:0}
.admin-ui .panel-footnote{color:var(--sub);font-size:10px;line-height:1.6;margin:12px 0 0}
.admin-ui .status-line{padding:12px 0;border-bottom-color:var(--line);font-size:12px;color:var(--sub)}
.admin-ui .status-line .value{color:var(--text);font-weight:800;text-align:right}
.admin-ui .table-wrap{overflow-x:auto;width:100%}
.admin-ui table{min-width:560px;border-collapse:collapse;width:100%}
.admin-ui th{border-color:var(--line);color:var(--faint);padding:13px 11px;font-weight:800;font-size:10px;letter-spacing:.9px}
.admin-ui td{color:var(--sub);border-color:var(--line);padding:15px 11px;font-size:12px}
.admin-ui td strong{color:var(--text)}
.admin-ui td code,.admin-ui code{color:var(--accent);font-size:12px}
.admin-ui .badge{font-size:10px;border-radius:99px;padding:6px 10px;background:var(--soft);color:var(--sub);letter-spacing:.2px}
.admin-ui .badge.good{background:rgba(53,179,120,.15);color:var(--ok)}
.admin-ui .badge.warn{background:rgba(255,184,61,.14);color:var(--warning)}
.admin-ui .badge.bad{background:rgba(247,78,106,.14);color:var(--bad)}
.admin-ui .tablebtn{background:var(--soft);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 11px;white-space:nowrap;font-size:11px}
.admin-ui .tablebtn:hover{background:rgba(42,151,255,.18)}
.admin-ui .empty{border-color:var(--line);color:var(--sub);font-size:13px}
.admin-ui .empty i{color:var(--accent)}
.admin-ui .bar-row{grid-template-columns:minmax(70px,138px) minmax(45px,1fr) 100px;gap:12px}
.admin-ui .bar-name{color:var(--sub)}
.admin-ui .bar-track{background:var(--soft);border-radius:99px}
.admin-ui .bar-fill{background:linear-gradient(90deg,#1469df,#55cfff);border-radius:99px}
.admin-ui .bar-money{color:var(--text);font-weight:800}
.admin-ui .small-note,.admin-ui .notice{background:var(--soft);border:1px solid var(--line);color:var(--sub);border-radius:14px;line-height:1.6}
.admin-ui .notice b,.admin-ui .small-note b{color:var(--text)}
.admin-ui .tip{font-size:12px;color:var(--sub);line-height:1.6}
.admin-ui .footer{color:var(--faint);margin-top:auto}
.admin-ui .footer span{color:var(--accent)}
.admin-ui .alert{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);border-radius:13px;box-shadow:var(--shadow)}
.admin-ui .alert.error{color:var(--bad);border-color:rgba(255,100,100,.35)}
.admin-ui .bottom-nav{display:none}
/* Dashboard, charts and list surfaces */
.admin-ui .hero-greeting{margin:0 0 22px}.admin-ui .hero-greeting h3{font:800 clamp(20px,3vw,27px) 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 5px}.admin-ui .hero-greeting p{color:var(--sub);font-size:12px;margin:0}
.admin-ui .mini-chip{border:1px solid var(--line);background:var(--soft);color:var(--sub);padding:7px 10px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}
.admin-ui .chart-card{padding:20px 22px 17px}.admin-ui .revenue-chart{display:block;width:100%;height:190px;overflow:visible;filter:drop-shadow(0 0 6px rgba(34,155,255,.2))}
.admin-ui .chart-axis{display:flex;justify-content:space-between;color:var(--faint);font-size:11px;margin-top:6px}
.admin-ui .chart-value{font:800 clamp(25px,3vw,36px) 'Manrope',sans-serif;letter-spacing:-1px;margin:4px 0 7px;color:var(--text)}
.admin-ui .analytics-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.admin-ui .range-select{appearance:none;-webkit-appearance:none;width:auto;min-width:122px;max-width:180px;margin:0;padding:9px 29px 9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);font-weight:800;font-size:12px}
.admin-ui .segment{display:flex;padding:5px;gap:4px;background:var(--soft);border:1px solid var(--line);border-radius:15px;overflow-x:auto;max-width:100%;scrollbar-width:none;margin-bottom:17px}
.admin-ui .segment::-webkit-scrollbar{display:none}
.admin-ui .segment button{border:0;border-radius:10px;background:transparent;color:var(--sub);padding:9px 13px;font-size:11px;white-space:nowrap;font-weight:800;flex:1}
.admin-ui .segment button.active{background:linear-gradient(145deg,#47bdff,#157be3);color:#fff;box-shadow:inset 0 1px #ffffff80,0 5px 14px rgba(21,123,227,.25)}
.admin-ui .analytics-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}
.admin-ui .summary-block{padding:17px 18px}
.admin-ui .summary-block span{display:block;font-size:11px;color:var(--sub);font-weight:700}
.admin-ui .summary-block strong{font-size:clamp(19px,2.5vw,27px);margin-top:8px;display:block;color:var(--text);letter-spacing:-.7px}
.admin-ui .donut-layout{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.admin-ui .donut{width:168px;height:168px;flex:0 0 168px;position:relative;border-radius:50%;box-shadow:0 0 15px rgba(29,141,255,.15)}
.admin-ui .donut-core{position:absolute;inset:27px;background:var(--panel-2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.08)}
.admin-ui .donut-core strong{font-size:21px;color:var(--text)}
.admin-ui .donut-core small{font-size:10px;color:var(--sub)}
.admin-ui .legend{flex:1;min-width:155px;display:flex;flex-direction:column;gap:10px}
.admin-ui .legend-item{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--sub)}
.admin-ui .legend-dot{height:9px;width:9px;flex:0 0 9px;border-radius:50%}
.admin-ui .legend-item strong{margin-left:auto;color:var(--text);font-weight:800;font-size:11px;text-align:right}
.admin-ui .performance-list,.admin-ui .notice-list,.admin-ui .voucher-list,.admin-ui .controller-list{display:flex;flex-direction:column;gap:10px}
.admin-ui .performance-item,.admin-ui .notice-item,.admin-ui .voucher-item,.admin-ui .controller-item{padding:15px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent),var(--soft);display:flex;align-items:center;gap:12px;min-width:0}
.admin-ui .performance-item{cursor:pointer;width:100%;text-align:left;color:var(--text)}
.admin-ui .performance-item:hover{border-color:var(--line-strong);background:rgba(55,145,238,.13)}
.admin-ui .round-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:rgba(31,149,250,.14);color:var(--accent-bright)}
.admin-ui .round-icon .icon{width:23px;height:23px}
.admin-ui .round-icon.ok{color:var(--ok);background:rgba(44,183,126,.12)}
.admin-ui .round-icon.warn{color:var(--warning);background:rgba(252,180,67,.12)}
.admin-ui .round-icon.bad{color:var(--bad);background:rgba(239,70,100,.12)}
.admin-ui .item-main{flex:1;min-width:0}.admin-ui .item-main strong{display:block;color:var(--text);font:800 12px 'Manrope',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-ui .item-main small{display:block;color:var(--sub);font-size:11px;margin-top:5px;line-height:1.45}
.admin-ui .item-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.admin-ui .item-right strong{font:800 13px 'Manrope',sans-serif;color:var(--text)}.admin-ui .item-right small{font-size:11px;color:var(--sub)}
.admin-ui .actions-inline{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-ui .plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}
.admin-ui .plan-card{padding:18px 18px 16px}.admin-ui .plan-card h4{font:800 14px 'Manrope',sans-serif;margin:0 0 8px}.admin-ui .plan-card .plan-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--sub);font-size:12px;margin:9px 0 14px}.admin-ui .plan-card .plan-price{font-size:23px;font-weight:800;color:var(--text)}
.admin-ui .plan-card .plan-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-ui .order-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.admin-ui .filter-label{color:var(--sub);font-size:11px}
.admin-ui .back-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--accent);font-weight:800;font-size:12px;padding:9px 0;margin:0 0 14px}
.admin-ui .back-button .icon{height:15px;width:15px}
.admin-ui .theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}
.admin-ui .theme-switch button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;border:1px solid var(--line);padding:14px;background:var(--soft);color:var(--sub);font-weight:800}
.admin-ui .theme-switch button.selected{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 0 2px rgba(29,136,237,.12)}
.admin-ui .theme-switch .icon{width:18px;height:18px}
.admin-ui .menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}
.admin-ui .menu-link{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:15px;border-radius:15px;font-weight:800;text-align:left}
.admin-ui .menu-link .icon:last-child{margin-left:auto;color:var(--sub);width:16px;height:16px}
.admin-ui .menu-link .icon:first-child{color:var(--accent)}
/* Forms / modals */
.admin-ui label{color:var(--sub);font-size:12px;font-weight:800}
.admin-ui input,.admin-ui select,.admin-ui textarea{background:var(--field);border:1px solid var(--line-strong);color:var(--text);border-radius:12px;padding:13px 14px;font:600 13px 'DM Sans',sans-serif}
.admin-ui input:focus,.admin-ui select:focus,.admin-ui textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(33,146,255,.15);outline:none}
.admin-ui input::placeholder{color:var(--faint)}
.admin-ui .modal-back{background:rgba(1,10,25,.72);backdrop-filter:blur(6px);z-index:60}
.admin-ui .modal{background:var(--panel-2);border:1px solid var(--line-strong);backdrop-filter:blur(35px);box-shadow:0 32px 100px rgba(0,12,33,.35);border-radius:23px;color:var(--text)}
.admin-ui .modal-header h3{font:800 22px 'Manrope',sans-serif}
.admin-ui .modal-footer{border-color:var(--line)}
.admin-ui .icon-btn{background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:12px}
/* Login */
.admin-ui .auth-screen{display:grid;grid-template-columns:1fr minmax(350px,500px);gap:clamp(25px,6vw,100px);padding:clamp(25px,6vw,95px);min-height:100dvh;background:radial-gradient(ellipse 65% 90% at 0% 100%,rgba(34,153,254,.23),transparent),var(--back)}
.admin-ui .auth-showcase{max-width:650px;align-self:center;padding:15px 0;position:relative}
.admin-ui .auth-showcase-top{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:800;letter-spacing:1.4px}
.admin-ui .logo-badge{height:46px;width:46px;border-radius:14px}.admin-ui .logo-badge .icon{height:26px;width:26px}
.admin-ui .auth-showcase h2{font:800 clamp(35px,4.5vw,64px)/1.16 'Manrope',sans-serif;letter-spacing:-2px;margin:48px 0 20px;color:var(--text)}
.admin-ui .auth-showcase h2 em{font-style:normal;color:var(--accent)}
.admin-ui .auth-showcase p{max-width:460px;font-size:16px;color:var(--sub);line-height:1.7}
.admin-ui .auth-wave{height:3px;margin-top:48px;width:80%;background:linear-gradient(90deg,var(--accent),rgba(51,175,255,.1));box-shadow:0 0 26px var(--accent);border-radius:90%}
.admin-ui .auth-card{width:100%;padding:38px 33px;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(130deg,rgba(255,255,255,.065),transparent 42%),var(--panel);backdrop-filter:blur(30px);box-shadow:var(--shadow)}
.admin-ui .auth-card .mark{height:58px;width:58px;border-radius:16px}.admin-ui .auth-card .mark .icon{width:33px;height:33px}
.admin-ui .auth-card h1{font:800 34px 'Manrope',sans-serif;letter-spacing:-1.3px;color:var(--text)}
.admin-ui .auth-card .accent{color:var(--accent)}
.admin-ui .auth-card p{color:var(--sub)}
.admin-ui .auth-tabs{background:var(--soft);border:1px solid var(--line);border-radius:13px}
.admin-ui .auth-tabs button{color:var(--sub);border-radius:9px}
.admin-ui .auth-tabs button.active{background:var(--panel-2);color:var(--text);box-shadow:0 1px 4px rgba(1,12,30,.12)}
.admin-ui .form-error{color:var(--bad)}
/* PWA / interaction quality */
.admin-ui button:focus-visible,.admin-ui a:focus-visible{outline:3px solid var(--accent-bright);outline-offset:3px}
.admin-ui .glass-card:active,.admin-ui .performance-item:active{transform:translateY(1px)}
@media(max-width:1200px){.admin-ui .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui .layout-two{grid-template-columns:1fr}}
@media(max-width:850px){
 .admin-ui .sidebar{display:none!important}
 .admin-ui .main{width:100%;min-height:100vh}
 .admin-ui .topbar{padding:calc(20px + env(safe-area-inset-top)) 19px 18px;flex-wrap:nowrap}
 .admin-ui .topactions .ghostlink,.admin-ui .topactions .desktop-only{display:none}
 .admin-ui .topactions{gap:8px}
 .admin-ui .content{padding:21px 18px calc(110px + env(safe-area-inset-bottom));max-width:750px;margin:0 auto}
 .admin-ui .footer{display:none}
 .admin-ui .bottom-nav{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;align-items:stretch;justify-content:space-around;padding:9px 10px calc(10px + env(safe-area-inset-bottom));background:var(--top);border-top:1px solid var(--line-strong);box-shadow:0 -13px 35px rgba(3,13,30,.11);backdrop-filter:blur(27px) saturate(155%);-webkit-backdrop-filter:blur(27px) saturate(155%)}
 .admin-ui .bottom-nav button{flex:1;min-width:0;min-height:50px;border:0;border-radius:13px;background:transparent;color:var(--sub);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:800}
 .admin-ui .bottom-nav button .icon{width:21px;height:21px}
 .admin-ui .bottom-nav button.active{color:var(--accent);background:rgba(37,149,255,.11)}
 .admin-ui .auth-screen{grid-template-columns:minmax(0,1fr);padding:30px 16px}
 .admin-ui .auth-showcase{display:none}
 .admin-ui .auth-card{max-width:430px;justify-self:center}
}
@media(max-width:600px){
 .admin-ui .topbar{padding-left:19px;padding-right:19px}
 .admin-ui #pageTitle{font-size:25px}
 .admin-ui .content{padding:18px 15px calc(105px + env(safe-area-inset-bottom))}
 .admin-ui .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .admin-ui .metric{min-height:128px;padding:14px}
 .admin-ui .metric strong{font-size:22px;margin-top:15px}
 .admin-ui .metric .stat-icon small{font-size:9px}
 .admin-ui .metric label{font-size:10px}
 .admin-ui .panel{padding:17px;margin-bottom:13px;border-radius:18px}
 .admin-ui .layout-two{gap:0}
 .admin-ui .sectionbar h3,.admin-ui .panel h3{font-size:16px}
 .admin-ui .sectionbar p{font-size:11px}
 .admin-ui .bar-row{grid-template-columns:88px 1fr 90px;gap:8px}
 .admin-ui .bar-money{font-size:11px}
 .admin-ui .analytics-summary{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-ui .summary-block{padding:14px}
 .admin-ui .summary-block strong{font-size:18px}
 .admin-ui .analytics-summary .summary-block:first-child{grid-column:1/-1}
 .admin-ui .donut-layout{justify-content:center;gap:18px}
 .admin-ui .donut{width:145px;height:145px;flex-basis:145px}
 .admin-ui .donut-core{inset:24px}
 .admin-ui .donut-core strong{font-size:17px}
 .admin-ui .legend{min-width:120px}
 .admin-ui .legend-item strong{font-size:10px}
 .admin-ui .chart-card{padding:17px}
 .admin-ui .revenue-chart{height:160px}
 .admin-ui .menu-list{grid-template-columns:1fr}
 .admin-ui .modal-back{padding:0;place-items:end center}
 .admin-ui .modal{width:100%;max-height:92dvh;border-radius:23px 23px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .admin-ui .modal form{padding:14px 19px 24px}
 .admin-ui .modal-header{padding:20px 19px 8px}
 .admin-ui .form-grid{grid-template-columns:1fr}
 .admin-ui .plan-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.admin-ui *{transition-duration:.01ms!important;scroll-behavior:auto!important}}
.admin-ui .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.admin-ui .bottom-nav{flex-direction:row!important}.admin-ui .bottom-nav button{width:auto;flex:1 1 0}.admin-ui .bottom-nav button span{font-size:10px}}
/* Refined settings: concise account controls without onboarding copy. */
.admin-ui .account-panel{padding:23px}
.admin-ui .account-avatar{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:linear-gradient(140deg,#80dfff,#167fe9);color:#fff;border:1px solid #ffffff60;font-weight:800;font-size:16px;box-shadow:0 5px 20px #1c8def33}
.admin-ui .account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:6px 0 20px}
.admin-ui .account-field{min-width:0;display:flex;flex-direction:column;gap:6px}
.admin-ui .account-field small{font-size:11px;color:var(--sub);font-weight:600}
.admin-ui .account-field strong{font:700 13px 'DM Sans',sans-serif;color:var(--text);word-wrap:break-word}
.admin-ui .actions-inline.left{justify-content:flex-start}
.admin-ui .push-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:3px}
.admin-ui .push-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--sub);font-weight:700}
.admin-ui .push-status::before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:100%;background:var(--warning);box-shadow:0 0 0 4px var(--soft)}
.admin-ui .push-status[data-state=good]::before{background:var(--ok)}
.admin-ui .push-status[data-state=ready]::before{background:var(--accent)}
.admin-ui .advanced-panel{padding:0;overflow:hidden}
.admin-ui .advanced-panel summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font:800 14px 'Manrope',sans-serif;padding:21px 23px;color:var(--text)}
.admin-ui .advanced-panel summary::-webkit-details-marker{display:none}
.admin-ui .advanced-panel summary .icon{width:17px;height:17px;color:var(--sub);transition:transform .18s}
.admin-ui .advanced-panel[open] summary .icon{transform:rotate(90deg)}
.admin-ui .advanced-body{border-top:1px solid var(--line);padding:19px 23px 23px}
.admin-ui .advanced-body .advanced-title{margin:21px 0 10px}
.admin-ui .advanced-body .actions-inline{margin-top:15px}
.admin-ui .settings-bottom{display:flex;justify-content:flex-start;margin-top:4px}
.admin-ui [data-action]:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);box-shadow:none}
.admin-ui .sectionbar p{display:none}
.admin-ui .hero-greeting p{display:none}
@media(max-width:600px){.admin-ui .account-grid{gap:15px}.admin-ui .account-panel{padding:18px}.admin-ui .push-row{align-items:flex-start;flex-direction:column}.admin-ui .advanced-panel summary{padding:18px}.admin-ui .advanced-body{padding:16px}}

/* Destructive actions remain secondary, with a clear confirmation step. */
.delete-batch-btn{color:#d34b55!important;border-color:rgba(226,75,92,.35)!important;background:rgba(218,77,92,.08)!important}
.delete-batch-btn:hover{background:rgba(218,77,92,.17)!important}
.danger-action{background:#bf3349!important;border-color:#bf3349!important;color:#fff!important}

/* Isolated PATCOMMS brand-mark slot (swap brand-logo.svg when approved logo arrives). */
.admin-ui .brand-logo-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}

/* PATCOMMS identity: original uploaded logo, branded motto, uncluttered login. */
.admin-ui .brand-mark,.admin-ui .logo-badge,.admin-ui .auth-card .mark{background:#0b162b;overflow:hidden;border:1px solid rgba(80,148,229,.28);box-shadow:0 6px 20px rgba(0,50,135,.12)}
.admin-ui .brand-logo-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.admin-ui .brand-motto{display:block;margin-top:4px;font-size:9px;letter-spacing:.05px;font-weight:500;color:var(--sub);white-space:nowrap}
.admin-ui .auth-motto{margin:0;color:var(--sub);font-weight:600;letter-spacing:.2px}
.admin-ui .login-motto{font-size:13px;color:var(--sub);margin:4px 0 23px}
.admin-ui .auth-card .mark{height:64px;width:64px;margin-bottom:18px}
.admin-ui .auth-card h1{margin-bottom:6px}