:root{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color-scheme:dark;--bg-0: #031610;--bg-1: #042118;--bg-2: #02110c;--surface: rgba(4, 34, 25, .8);--surface-strong: rgba(2, 24, 17, .92);--surface-soft: rgba(10, 42, 31, .7);--line: rgba(118, 208, 172, .24);--line-soft: rgba(118, 208, 172, .14);--text-main: #ebfff6;--text-muted: #9cc4b2;--text-dim: #6a9e8a;--cta: #18c88a;--cta-hover: #1cd899;--cta-text: #052217;--warning: #f2c96b;--success: #67e3b5;--danger: #ff8c8c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-main);background:radial-gradient(circle at 30% 10%,rgba(19,131,98,.35),transparent 42%),radial-gradient(circle at 70% 100%,rgba(10,60,45,.35),transparent 45%),linear-gradient(165deg,var(--bg-1) 0%,var(--bg-0) 56%,var(--bg-2) 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}input,button,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--text-main);background:#06281ddb;outline:none}input:focus,select:focus,textarea:focus{border-color:#3bd197bf;box-shadow:0 0 0 2px #3bd19724}select,textarea{appearance:none}textarea{resize:vertical;min-height:94px}.app-frame{position:relative;min-height:100vh;padding:14px 14px 96px;display:flex;justify-content:center}.app-background{position:fixed;inset:0;pointer-events:none;z-index:0}.app-background:before,.app-background:after{content:"";position:absolute;inset:0}.app-background:before{background:radial-gradient(circle at 50% 0%,rgba(57,181,136,.14),transparent 36%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.5),transparent 45%)}.app-background:after{background-image:radial-gradient(rgba(220,255,244,.055) .55px,transparent .55px);background-size:4px 4px;opacity:.1}.app-shell{position:relative;z-index:1;width:min(430px,100%);display:grid;gap:12px}.app-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.app-topbar h1{margin:2px 0 0;font-size:1.08rem;font-weight:630;letter-spacing:.01em}.app-topbar-label{margin:0;font-size:.74rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.user-chip{background:#0c3326c7;border:1px solid var(--line-soft);border-radius:999px;padding:8px 12px;font-size:.82rem;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-wrap,.page-stack,.stack-form,.list-stack{display:grid;gap:12px}.page-card,.primary-card,.sub-card,.panel-block,.list-item,.login-card{border-radius:24px;border:1px solid var(--line-soft);background:linear-gradient(160deg,#072c1fe0,#03160feb);box-shadow:inset 0 1px #b8fce112,0 20px 45px #00000061}.page-card{padding:16px}.sub-card,.panel-block,.list-item{padding:14px}.primary-card{padding:16px}.panel-block h2,.sub-card h3,.list-item h3,.section-title{margin:0;font-size:.99rem;font-weight:620}.section-title{color:var(--text-main)}.kv-list{display:grid;gap:10px}.kv-list div{display:grid;gap:4px}.kv-list span{color:var(--text-dim);font-size:.8rem}.kv-list strong{font-size:.95rem}.hint-text{margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.42}.hint-text.warning{color:var(--warning)}.hint-text.success{color:var(--success)}.error-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(242,201,107,.45);background:#402c108f;color:var(--warning);font-size:.85rem}.text-button{border:0;background:transparent;color:var(--text-main);cursor:pointer;padding:0}.action-button,.cta-primary,.cta-secondary,.inline-action,.home-bottom-button,.bottom-nav a{border-radius:16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-weight:610;cursor:pointer;transition:.16s ease}.action-button,.cta-primary{background:var(--cta);color:var(--cta-text);border-color:#82ffd06b;padding:0 14px}.action-button:hover,.cta-primary:hover{background:var(--cta-hover)}.action-button:disabled,.chip-button:disabled{opacity:.55;cursor:not-allowed}.action-button.ghost,.cta-secondary,.inline-action,.home-bottom-button,.bottom-nav a{border-color:var(--line);color:var(--text-main);background:#041c14bf}.action-button.ghost:hover,.cta-secondary:hover,.inline-action:hover,.home-bottom-button:hover,.bottom-nav a:hover{border-color:#7decc28a;background:#07281ddb}.action-button.compact{min-height:40px;border-radius:13px;padding:0 12px;font-size:.86rem}.inline-action{width:100%}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.button-row.stacked{grid-template-columns:1fr}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.88rem;margin-bottom:12px}.metric-row strong{color:var(--text-main)}.home-screen{display:grid;gap:14px}.hero-rings{position:relative;min-height:260px;display:grid;place-items:center;isolation:isolate}.ring{position:absolute;border:1px solid rgba(174,255,222,.17);border-radius:999px}.ring-outer{width:270px;height:270px}.ring-inner{width:174px;height:174px;opacity:.7}.logo-core{width:92px;height:92px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 15%,#28af8073,#053223f0);border:1px solid rgba(162,251,216,.34);box-shadow:0 0 26px #0f916657}.logo-core.compact{width:66px;height:66px;margin:0 auto}.logo-core.compact span{font-size:1.2rem;color:#d2f8e8}.shield-logo{width:64px;height:64px}.plan-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-name{margin:0;font-size:2rem;line-height:1;font-weight:600}.plan-subline{margin:6px 0 0;color:var(--text-muted);font-size:.92rem;display:inline-flex;align-items:center;gap:8px}.plan-expiry{color:var(--text-muted);font-size:.95rem;text-align:right;padding-top:2px}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block}.dot.is-online{background:var(--success)}.status-label{margin:8px 0 12px;font-size:1.35rem;line-height:1.12;font-weight:560}.status-positive{color:var(--success)}.status-warning{color:var(--warning)}.status-neutral{color:var(--text-muted)}.cta-primary,.cta-secondary{width:100%;justify-content:flex-start;padding:0 14px}.cta-icon{font-size:1rem}.cta-tail{margin-left:auto;font-size:.94rem;opacity:.94}.home-bottom-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-bottom-button{justify-content:flex-start;padding:0 13px}.chips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chip-button{min-height:44px;border-radius:14px;border:1px solid var(--line);background:#06251bad;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:540;transition:.16s ease}.chip-button.active{border-color:#70eebcb3;background:#164f38c7}.code-line{margin:0;font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.79rem;line-height:1.36;border:1px dashed rgba(120,208,173,.35);background:#041b13e6;border-radius:12px;padding:10px;word-break:break-all;color:#c4f9df}.code-line.compact{margin-top:8px;font-size:.74rem;padding:8px}.qr-image{width:100%;max-width:220px;display:block;margin-top:10px;border-radius:14px;border:1px solid var(--line-soft);background:#fff}.steps-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text-muted)}.warning-box{border:1px solid rgba(242,201,107,.48);background:#38280d73;border-radius:14px;padding:12px;color:var(--warning);display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.list-item h3{margin-bottom:6px}.invite-code-card{margin-top:8px;display:grid;gap:8px;border:1px dashed rgba(120,208,173,.38);border-radius:14px;padding:10px}.login-shell{min-height:100vh;padding:16px;display:grid;place-items:center;position:relative}.login-card{position:relative;z-index:1;width:min(430px,100%);padding:16px;display:grid;gap:12px}.login-brand{text-align:center;display:grid;gap:8px}.login-brand h1{margin:0;font-size:1.34rem;font-weight:640}.login-brand p{margin:0;color:var(--text-muted);font-size:.9rem}.inline-loader-row{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.88rem}.app-loader-wrap{min-height:100vh;display:grid;place-items:center}.app-loader{width:20px;height:20px;border-radius:50%;border:2px solid rgba(122,232,194,.25);border-top-color:#77f0c1;animation:spin .8s linear infinite}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;z-index:4;width:min(430px,calc(100% - 20px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:7px;border:1px solid var(--line-soft);border-radius:18px;background:#02120df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 38px #0006}.bottom-nav.has-admin{grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-nav a{min-height:40px;border-radius:12px;font-size:.71rem;text-align:center;color:var(--text-dim);font-weight:610}.bottom-nav a.active{color:#ddfff0;border-color:#7af2c687;background:#0a3727e0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:360px){.plan-name{font-size:1.7rem}.status-label{font-size:1.16rem}.button-row,.chips-grid{grid-template-columns:1fr}.bottom-nav,.bottom-nav.has-admin{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-nav{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-nav-link{min-height:40px;border-radius:12px;border:1px solid var(--line);background:#041c14bf;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:610}.admin-nav-link.active{color:#ddfff0;border-color:#7af2c687;background:#0a3727e0}.admin-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-tile{border:1px solid var(--line-soft);border-radius:14px;padding:10px;display:grid;gap:4px;background:#041b13b8}.metric-tile span{color:var(--text-dim);font-size:.78rem}.metric-tile strong{font-size:1.05rem}.admin-list-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-right-col{display:grid;gap:4px;text-align:right}.admin-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-field{display:grid;gap:6px}.admin-field>span{font-size:.76rem;color:var(--text-dim)}.admin-field.compact select,.admin-field.compact input{min-height:40px;border-radius:12px;padding:8px 10px}.admin-inline-controls{display:inline-flex;align-items:flex-end;gap:8px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:var(--text-muted);font-size:.82rem}.admin-ticket-button{border:1px solid var(--line-soft);width:100%;text-align:left;cursor:pointer}.admin-ticket-button.selected{border-color:#7af2c687;box-shadow:inset 0 0 0 1px #7af2c64d}.admin-messages{margin-top:10px;display:grid;gap:8px}.admin-message-bubble{border-radius:12px;border:1px solid var(--line-soft);padding:10px;display:grid;gap:6px}.admin-message-bubble p{margin:0}.admin-message-bubble span{color:var(--text-dim);font-size:.72rem}.admin-message-bubble.admin{background:#0e392999}.admin-message-bubble.user{background:#041d15bd}.admin-checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.admin-checkbox input{width:auto}