:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}body{color:#333;background:#62c780;margin:0;font-family:Segoe UI,sans-serif}.header{text-align:center;background:#cec4c4;border-bottom:2px solid #ff8c42;padding:20px}.header h1{color:#ff6a00}section{text-align:center;padding:60px 20px}.btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff8c42,#ff6a00);border:none;border-radius:8px;padding:14px 24px;font-weight:700;transition:all .3s}.btn:hover{transform:scale(1.08);box-shadow:0 5px 20px #ff8c4280}.card{background:#fff;border-top:4px solid #ff8c42;border-radius:12px;min-width:220px;margin:15px;padding:25px;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #00000014}.card:hover{transform:translateY(-5px)}iframe{border-radius:10px;margin:10px}.floating{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;top:40%;right:20px}.float-btn{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;transition:all .3s;display:flex;box-shadow:0 5px 15px #0003}.call{background:#ff6a00}.zalo{background:#ff8c42}.float-btn:hover{transform:scale(1.1)}.video-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px;display:grid}.video-grid iframe{border:none;border-radius:12px;width:100%;height:220px;transition:all .3s;box-shadow:0 5px 15px #0003}.video-grid iframe:hover{transform:scale(1.03)}.pricing-container{flex-wrap:wrap;justify-content:center;display:flex}.pricing-card{cursor:pointer;position:relative}.pricing-card:hover{border:2px solid #ff8c42}.pricing-card:hover:after{content:"👉";position:absolute;top:10px;right:10px}.popup{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;color:#000;background:#fff;border-radius:15px;width:400px;padding:40px;animation:.3s fadeIn;box-shadow:0 10px 40px #0000004d}.plan-text{color:#777}.plan-name{color:#ff6a00;margin-bottom:20px}.popup-box input{border:1px solid #ccc;border-radius:8px;width:100%;margin:20px 0;padding:14px;font-size:16px}.submit-btn{width:100%;margin-bottom:10px}.close-btn{cursor:pointer;background:#ccc;border:none;border-radius:8px;width:100%;padding:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-shell{background:radial-gradient(circle at 100% 0,#0ea5e938,#0000 32%),radial-gradient(circle at 0 0,#3b82f62e,#0000 28%),linear-gradient(#07111f 0%,#0d182b 39%,#eef4fb 39% 100%);min-height:100vh;padding:32px}.admin-shell,.admin-shell *{box-sizing:border-box}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell p{margin:0}.admin-table tbody tr{cursor:pointer}.admin-shell button,.admin-shell input,.admin-shell select{font:inherit}.admin-topbar{color:#f8fbff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09111eb8;border:1px solid #94a3b82e;border-radius:28px;max-width:1380px;margin:0 auto 18px;padding:28px;box-shadow:0 28px 90px #02081757}.admin-auth-layout{place-items:center;max-width:760px;min-height:calc(100vh - 64px);margin:0 auto;display:grid}.admin-auth-card{color:#f8fbff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#09111ecc;border:1px solid #94a3b82e;border-radius:28px;width:100%;max-width:420px;padding:32px;box-shadow:0 28px 90px #02081757}.admin-kicker{color:#dbeafe;letter-spacing:.12em;text-transform:uppercase;background:#2563eb2e;border:1px solid #93c5fd52;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-topbar-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.admin-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-topbar h1{letter-spacing:.04em;text-transform:uppercase;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:clamp(2rem,4vw,3rem)}.admin-topbar p{color:#bfd1ea;max-width:900px;margin-top:10px;line-height:1.65}.admin-topbar code{background:#0f172ab3;border-radius:10px;padding:2px 6px}.admin-topbar-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.admin-chip{color:#e2ecf8;background:#0f172ab8;border:1px solid #bfdbfe2e;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;display:inline-flex}.admin-chip code{font-family:Consolas,monospace;font-size:.85rem}.admin-tabbar{background:#0f172ab8;border:1px solid #bfdbfe2e;border-radius:999px;align-items:center;gap:8px;padding:6px;display:inline-flex}.admin-tab-button,.admin-secondary-button{cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:999px;padding:0 16px;transition:transform .18s,box-shadow .18s,opacity .18s}.admin-tab-button{color:#dbeafe;background:0 0}.admin-tab-button.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 24px #2563eb47}.admin-secondary-button{color:#f8fbff;background:#ffffff1a;border:1px solid #bfdbfe2e}.admin-tab-button:hover,.admin-secondary-button:hover{transform:translateY(-1px)}.admin-grid{gap:18px;max-width:1380px;margin:0 auto;display:grid}.admin-panel{background:#ffffffeb;border:1px solid #94a3b840;border-radius:24px;padding:24px;box-shadow:0 18px 50px #0f172a14}.admin-panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-panel-title h2{letter-spacing:.04em;text-transform:uppercase;color:#0f172a;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:1.2rem}.admin-panel-title span{color:#526074;font-size:.95rem}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.admin-stat-card{background:linear-gradient(#f8fafcf5,#e2e8f0d1);border:1px solid #cbd5e1c7;border-radius:20px;padding:18px;box-shadow:inset 0 1px #ffffffb3}.admin-stat-card strong{color:#0f172a;margin-top:12px;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:2rem;display:block}.admin-stat-card span{border-radius:999px;width:100%;height:4px;display:inline-flex}.admin-stat-card p{color:#475569;margin-top:12px;font-size:.95rem}.admin-controls{grid-template-columns:2fr repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:14px;display:grid}.admin-control{gap:8px;display:grid}.admin-control label{color:#334155;letter-spacing:.03em;text-transform:uppercase;font-size:.88rem;font-weight:700}.admin-control input,.admin-control select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;min-height:50px;padding:0 14px}.admin-form-grid{text-align:left;gap:14px;margin-top:18px;display:grid}.admin-auth-subtitle{color:#bfd1ea;margin-top:10px;line-height:1.6}.admin-auth-error{color:#fee2e2;text-align:left;background:#7f1d1d2e;border:1px solid #f8717147;border-radius:16px;margin-top:16px;padding:14px 16px}.admin-auth-note{color:#bfd1ea;margin-top:14px;line-height:1.6}.admin-auth-note code{background:#0f172ab3;border-radius:10px;margin-inline:4px;padding:2px 6px}.admin-auth-card .admin-control label{color:#dbeafe}.admin-auth-card .admin-control input{color:#f8fbff;background:#0f172ab3;border-color:#bfdbfe33}.admin-auth-card .admin-control input::placeholder{color:#9fb6d3}.admin-toolbar-meta{color:#526074;justify-content:space-between;gap:16px;margin-top:16px;font-size:.95rem;display:flex}.admin-toolbar-meta strong{color:#0f172a}.admin-button,.admin-action-button{cursor:pointer;border:0;border-radius:16px;min-height:50px;padding:0 18px;transition:transform .18s,box-shadow .18s,opacity .18s}.admin-button:hover,.admin-action-button:hover{transform:translateY(-1px)}.admin-button:disabled,.admin-action-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-button{color:#fff;background:linear-gradient(135deg,#2563eb,#0f46c7);box-shadow:0 12px 28px #2563eb47}.admin-muted-button{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;min-height:50px;padding:0 18px;transition:transform .18s,box-shadow .18s,opacity .18s}.admin-muted-button:hover{transform:translateY(-1px)}.admin-muted-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-selected{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.admin-selected h3{color:#0f172a;font-family:Consolas,monospace;font-size:1.05rem}.admin-selected p{color:#526074;margin-top:8px;line-height:1.6}.admin-copy-button{color:#0f46c7;background:#e0ecff}.admin-user-grid{grid-template-columns:minmax(260px,.95fr) minmax(320px,1.2fr);gap:18px;display:grid}.admin-user-card{background:linear-gradient(#f8fafcf5,#e2e8f0d1);border:1px solid #cbd5e1c7;border-radius:22px;padding:22px}.admin-user-card h3{letter-spacing:.04em;text-transform:uppercase;color:#0f172a;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:1rem}.admin-user-card p{color:#475569;margin-top:12px;line-height:1.6}.admin-content-grid{grid-template-columns:minmax(360px,1.2fr) minmax(280px,.9fr);gap:18px;display:grid}.admin-content-card{background:linear-gradient(#f8fafcf5,#e2e8f0d1);border:1px solid #cbd5e1c7;border-radius:22px;padding:22px}.admin-content-card h3{letter-spacing:.04em;text-transform:uppercase;color:#0f172a;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:1rem}.admin-form-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-link-preview{gap:10px;margin-top:18px;display:grid}.admin-link-preview span{color:#334155;letter-spacing:.03em;text-transform:uppercase;font-size:.88rem;font-weight:700}.admin-link-list{gap:10px;display:grid}.admin-link-preview a,.admin-link-list a{color:#0f46c7;word-break:break-all;text-decoration:none}.admin-link-preview a:hover,.admin-link-list a:hover{text-decoration:underline}.admin-content-meta{gap:10px;margin-top:18px;display:grid}.admin-content-meta p,.admin-content-note p{color:#475569;margin-top:0;line-height:1.6}.admin-content-note{background:#dbeafe6b;border:1px solid #93c5fd59;border-radius:18px;margin-top:18px;padding:16px 18px}.admin-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-action-button{color:#fff;padding-inline:18px;font-weight:700;box-shadow:0 10px 22px #0f172a1f}.admin-action-button.block{background:linear-gradient(135deg,#dc2626,#991b1b)}.admin-action-button.trial{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.admin-action-button.one-month{background:linear-gradient(135deg,#0f766e,#115e59)}.admin-action-button.three-months{background:linear-gradient(135deg,#0891b2,#0e7490)}.admin-action-button.six-months{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.admin-action-button.one-year{background:linear-gradient(135deg,#ea580c,#c2410c)}.admin-action-button.ok{background:linear-gradient(135deg,#16a34a,#15803d)}.admin-error-box{color:#881337;background:#fff1f2;border:1px solid #fecdd3;border-radius:20px;gap:12px;padding:20px;display:grid}.admin-banner{border:1px solid #0000;border-radius:18px;gap:8px;margin-top:18px;padding:16px 18px;display:grid}.admin-banner strong,.admin-banner p{margin:0}.admin-banner-error{color:#fee2e2;background:#7f1d1d2e;border-color:#f8717147}.admin-panel .admin-banner-error{color:#881337;background:#fff1f2;border-color:#fecdd3}.admin-banner-success{color:#14532d;background:#16a34a1f;border-color:#4ade8038}.admin-error-box code{color:#4c0519;word-break:break-all;background:#ffffffc7;border-radius:14px;padding:10px 12px;font-family:Consolas,monospace;display:block}.admin-table-wrap{border:1px solid #dbe3ee;border-radius:20px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:980px}.admin-table thead th{z-index:1;color:#e2ecf8;text-align:left;letter-spacing:.05em;text-transform:uppercase;background:#0f172a;padding:16px 14px;font-size:.84rem;position:sticky;top:0}.admin-table tbody tr{background:var(--row-bg,#fff);color:var(--row-fg,#0f172a);transition:transform .18s,box-shadow .18s,background .18s}.admin-table tbody tr:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 999px #0f172a06}.admin-table tbody tr.is-selected{outline-offset:-2px;outline:2px solid #2563eb}.admin-table td{vertical-align:middle;border-top:1px solid #94a3b82e;padding:15px 14px}.admin-table .mono{word-break:break-all;font-family:Consolas,monospace}.admin-status-pill{text-transform:uppercase;letter-spacing:.04em;background:#ffffffb8;border:1px solid #0f172a14;border-radius:999px;justify-content:center;align-items:center;min-width:104px;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.admin-table tbody tr.status-block{--row-bg:#fee2e2;--row-fg:#7f1d1d}.admin-table tbody tr.status-trial{--row-bg:#dbeafe;--row-fg:#1d4ed8}.admin-table tbody tr.status-1m{--row-bg:#d1fae5;--row-fg:#065f46}.admin-table tbody tr.status-3m{--row-bg:#cffafe;--row-fg:#155e75}.admin-table tbody tr.status-6m{--row-bg:#ede9fe;--row-fg:#5b21b6}.admin-table tbody tr.status-1y{--row-bg:#ffedd5;--row-fg:#9a3412}.admin-table tbody tr.status-ok{--row-bg:#dcfce7;--row-fg:#166534}.admin-table tbody tr.status-expired{--row-bg:#e5e7eb;--row-fg:#374151}.admin-empty-row td{text-align:center;color:#64748b;padding:32px 18px}.admin-pagination{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-pagination-controls{align-items:center;gap:10px;display:flex}.admin-pagination button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-height:46px;padding:0 16px}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-pagination span{color:#475569}@media (width<=1180px){.admin-shell{padding:18px}.admin-topbar-row,.admin-topbar-actions{flex-direction:column;align-items:flex-start}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-grid,.admin-content-grid,.admin-controls{grid-template-columns:1fr 1fr}.admin-selected,.admin-toolbar-meta,.admin-pagination{flex-direction:column;align-items:flex-start}}@media (width<=720px){.admin-topbar,.admin-panel,.admin-auth-card{border-radius:20px;padding:18px}.admin-stats,.admin-user-grid,.admin-content-grid,.admin-controls{grid-template-columns:1fr}.admin-actions{grid-template-columns:1fr 1fr;display:grid}.admin-action-button,.admin-button,.admin-pagination button,.admin-copy-button{width:100%}.admin-pagination-controls{grid-template-columns:1fr 1fr;width:100%;display:grid}}