*{box-sizing:border-box}:root{--bg:#fbf7f0;--card:#fffaf3;--text:#22151f;--muted:#7c6a75;--border:#eadfd0;--primary:#5b2149;--primary2:#a8558f;--danger:#b91c1c;--ok:#15803d;--warn:#92400e}body.dark{--bg:#120b16;--card:#1f1424;--text:#f8eefa;--muted:#c4adc8;--border:#3a2842;--primary:#a8558f;--primary2:#f0abfc}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary2);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#2a1028,#120b16);color:white;padding:22px}.sidebar a{color:white;display:block;padding:10px 0}.logo{font-size:22px;font-weight:800;margin-bottom:8px}.version{font-size:12px;color:#e9d5ff;margin-bottom:20px}.main{padding:28px}.container{max-width:1220px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:0 8px 22px rgba(40,16,45,.08)}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border-radius:26px;background:radial-gradient(circle at top left,rgba(168,85,143,.25),transparent 35%),linear-gradient(135deg,#35112f,#7c2d63);color:white;margin-bottom:22px}.hero h1{margin:0;font-size:38px}.hero p{color:#f5d0fe}.hero-badge{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:700}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}.stat strong{display:block;font-size:30px;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:13px;margin:6px 0 12px}button,.btn{display:inline-block;border:none;background:var(--primary);color:white;padding:11px 15px;border-radius:13px;cursor:pointer;font-weight:bold}.btn-secondary{background:#57415c}.btn-danger{background:var(--danger)}.btn-ok{background:var(--ok)}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#eadff0;color:#3b1837;font-size:13px;margin:2px}.badge-ok{background:#dcfce7;color:#166534}.badge-warn{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-blue{background:#f3e8ff;color:#6b21a8}.small{font-size:13px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.searchbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.searchbar input{max-width:420px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.copy-box{background:rgba(168,85,143,.08);border:1px dashed var(--border);padding:12px;border-radius:14px;word-break:break-all}.flash{padding:12px;border-radius:12px;margin-bottom:14px;background:#f3e8ff;color:#3b1837}.flash.error{background:#fee2e2;color:#7f1d1d}.login-wrap{max-width:440px;margin:70px auto}.lesson{border-left:5px solid var(--primary2)}.media{width:100%;max-height:72vh;background:#000;border-radius:16px}.image-preview{max-width:100%;border-radius:16px;border:1px solid var(--border)}.timeline{border-left:3px solid var(--border);padding-left:16px}.timeline-item{position:relative;margin-bottom:14px;padding:12px;background:rgba(168,85,143,.08);border-radius:12px}.timeline-item:before{content:"";position:absolute;left:-25px;top:18px;width:12px;height:12px;background:var(--primary2);border-radius:50%}@media(max-width:900px){.layout,.two{grid-template-columns:1fr}.sidebar{position:static}.main{padding:18px}.hero{flex-direction:column;align-items:flex-start}.data-table{display:block;overflow-x:auto}} 

/* LEVEL 2 MYSTIC DESIGN UPDATE */
:root{
    --bg:#0b1020;
    --card:#141b2d;
    --text:#f3f0ea;
    --muted:#b8b0a5;
    --border:rgba(212,160,90,.22);
    --primary:#d4a05a;
    --primary2:#f0c27b;
    --danger:#b91c1c;
    --ok:#16a34a;
    --warn:#d97706;
}
body{
    background:
        radial-gradient(circle at top right, rgba(212,160,90,.18), transparent 32%),
        radial-gradient(circle at bottom left, rgba(34,197,94,.08), transparent 28%),
        var(--bg);
    font-family: Georgia, 'Times New Roman', serif;
}
.sidebar{
    background:linear-gradient(180deg,#090d18,#15101a 55%,#24170f);
    border-right:1px solid rgba(212,160,90,.22);
}
.brand-mark{
    width:48px;height:48px;border-radius:999px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(212,160,90,.12);
    border:1px solid rgba(212,160,90,.35);
    color:var(--primary2);
    font-size:24px;
    margin-bottom:12px;
}
.logo{color:#fff3dc;letter-spacing:.5px}.version{color:#d8b985}.sidebar a{color:#f2e6d0}.sidebar hr{border:none;border-top:1px solid rgba(212,160,90,.25);margin:18px 0}.signature{font-size:12px;color:#cbb897;margin-top:22px}.card{background:rgba(20,27,45,.92);backdrop-filter:blur(10px);box-shadow:0 18px 45px rgba(0,0,0,.25)}
button,.btn{background:linear-gradient(135deg,#b9823e,#f0c27b);color:#1a1209}.btn-secondary{background:#2f3748;color:#f3f0ea}.btn-danger{background:#991b1b;color:#fff}.btn-ok{background:#166534;color:#fff}.small{color:var(--muted)}
.mystic-hero{
    position:relative;overflow:hidden;min-height:390px;border-radius:30px;margin-bottom:24px;padding:44px;
    display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
    background:
        linear-gradient(90deg,rgba(8,12,24,.86),rgba(8,12,24,.45)),
        url('/static/vedma_hero.jpeg') center/cover no-repeat;
    border:1px solid rgba(212,160,90,.28);
    box-shadow:0 25px 70px rgba(0,0,0,.35);
}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(240,194,123,.28),transparent 28%)}
.hero-content{position:relative;z-index:1;max-width:740px}.kicker{display:inline-block;padding:8px 13px;border-radius:999px;background:rgba(212,160,90,.13);border:1px solid rgba(212,160,90,.28);color:#f5d18e;font-size:13px;letter-spacing:.8px;text-transform:uppercase;font-weight:700}.hero-content h1{font-size:clamp(34px,5vw,66px);line-height:1.02;margin:16px 0;color:#fff5df;text-shadow:0 3px 18px rgba(0,0,0,.38)}.hero-content p{font-size:19px;color:#e7dccd;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-badge{position:relative;z-index:1;border-radius:18px;background:rgba(9,13,24,.58);border:1px solid rgba(212,160,90,.35);color:#f0c27b;white-space:nowrap}.soft-pill{display:inline-block;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(212,160,90,.22);color:#f8e9ce}.stat strong{color:#f0c27b}.warn-stat{border-color:rgba(217,119,6,.45)}.premium-card{border-left:5px solid #d4a05a}.mini-row{padding:12px;border-bottom:1px solid var(--border)}.mini-row span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.course-card{position:relative;overflow:hidden;min-height:220px}.course-card:before{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:999px;border:1px solid rgba(212,160,90,.18)}.course-symbol{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(212,160,90,.12);color:#f0c27b;border:1px solid rgba(212,160,90,.28);font-size:22px}.course-header{border-left:5px solid #d4a05a}.lesson{border-left:5px solid #f0c27b}.lesson-number{display:inline-block;color:#f0c27b;font-weight:700;margin-bottom:6px}.content-box{padding:16px;border:1px solid var(--border);border-radius:18px;margin-top:14px;background:rgba(255,255,255,.03)}.media{box-shadow:0 14px 40px rgba(0,0,0,.25)}.image-preview{box-shadow:0 14px 40px rgba(0,0,0,.25)}input,textarea,select{background:rgba(255,255,255,.04);border-color:rgba(212,160,90,.24)}.data-table th{color:#f0c27b}.login-scene{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(212,160,90,.12),transparent 45%)}.login-card{max-width:460px;width:100%;border-color:rgba(212,160,90,.35)}.login-card h1{font-size:42px;margin:12px 0;color:#fff3dc}.muted-note{margin-top:16px;opacity:.75}@media(max-width:900px){.mystic-hero{min-height:360px;padding:28px;flex-direction:column}.hero-badge{white-space:normal}}

/* LEVEL 3 MEMBER EXPERIENCE & SECURITY */
.premium-stat { border-color: rgba(212,160,90,.45); }
.clean-list { line-height: 1.8; color: var(--muted); }
.progress-wrap.visible { display: block; margin: 14px 0; }
.progress-label { font-size: 13px; color: var(--muted); margin-bottom: 7px; }
.progress { width: 100%; height: 13px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.10); border: 1px solid rgba(212,160,90,.22); }
.progress-bar { height: 100%; background: linear-gradient(90deg, var(--gold), var(--gold-light)); border-radius: 999px; transition: width .25s ease; }
.lesson-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.lesson-done { border-color: rgba(22,163,74,.45); background: linear-gradient(135deg, rgba(22,163,74,.10), rgba(20,27,45,.98)); }
.badge-ok, .badge-danger { display: inline-block; padding: 7px 11px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.badge-ok { background: rgba(22,163,74,.18); color: #86efac; border: 1px solid rgba(22,163,74,.35); }
.badge-danger { background: rgba(185,28,28,.18); color: #fecaca; border: 1px solid rgba(185,28,28,.35); }
.content-box video[controlsList] { outline: none; }
@media (max-width: 760px) { .lesson-head { flex-direction: column; } }

/* LEVEL 4 PAYMENTS & AUTOMATION */
:root { --gold:#d4a05a; --gold-light:#f0c27b; }
.small-hero { min-height: 250px; }
.form-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:14px; align-items:end; }
.form-grid .full { grid-column: 1 / -1; }
.plan-price { font-size: 34px; color: var(--primary2); font-weight: 800; margin: 8px 0; }
.badge-gold { background: rgba(212,160,90,.18); color: #f5d18e; border: 1px solid rgba(212,160,90,.35); }
.template-box { border: 1px solid var(--border); border-radius: 16px; padding: 14px; margin-bottom: 12px; background: rgba(255,255,255,.03); }
.template-box summary { cursor:pointer; color:#f0c27b; }
.data-table .actions { min-width: 220px; }

/* LEVEL 4.2 MEMBER BILLING PORTAL */
.billing-preview-grid {
    margin-bottom: 26px;
}
.payment-mini {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 16px;
    margin-bottom: 10px;
    background: rgba(212, 160, 90, .08);
}
.payment-list {
    display: grid;
    gap: 14px;
}
.payment-box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: start;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.04);
}
.pending-payment {
    border-color: rgba(212,160,90,.35);
    background: rgba(212,160,90,.08);
}
.plan-card {
    border-left: 4px solid var(--gold);
}
@media (max-width: 780px) {
    .payment-box {
        grid-template-columns: 1fr;
    }
}


/* LEVEL 4.3 BILLING AUTOMATION */
.warning-card {
    border-color: rgba(212,160,90,.55);
    background: linear-gradient(135deg, rgba(212,160,90,.16), rgba(20,27,45,.92));
}
.unread-item {
    border-color: rgba(240,194,123,.55) !important;
    background: rgba(240,194,123,.10) !important;
}
.danger-stat { border-color: rgba(185,28,28,.45); }
.warn-stat { border-color: rgba(212,160,90,.55); }


/* LEVEL 4.4 PROGRESS COMMUNITY PROFILES */
.compact-hero { min-height: 220px; }
.profile-overview-grid { margin-bottom: 22px; }
.avatar-wrap { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.member-avatar { width:64px; height:64px; border-radius:999px; object-fit:cover; border:2px solid rgba(212,160,90,.55); background:rgba(212,160,90,.12); display:flex; align-items:center; justify-content:center; font-size:28px; color:var(--gold); }
.member-avatar.large { width:112px; height:112px; font-size:46px; }
.member-avatar.fallback { font-weight:700; }
.big-avatar-block { align-items:flex-start; }
.community-feed { display:grid; gap:16px; }
.community-post { border-left:4px solid rgba(212,160,90,.65); }
.pinned-post { border-color:rgba(240,194,123,.95); background:linear-gradient(135deg, rgba(212,160,90,.12), rgba(20,27,45,.95)); }
.post-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.warning-card { border-color:rgba(240,194,123,.55); }


/* LEVEL 4.5 ADMIN SELECT FIX + MEMBER PLAN REQUESTS */
select,
select option,
.data-table select,
.form-grid select {
    background: #fff7ed !important;
    color: #2b1605 !important;
}
body.dark select,
body.dark select option,
body.dark .data-table select,
body.dark .form-grid select {
    background: #1f2937 !important;
    color: #f8efe2 !important;
}
.request-card {
    border-color: rgba(212,160,90,.45);
    background: linear-gradient(135deg, rgba(212,160,90,.10), rgba(20,27,45,.02));
}
.plan-card form {
    margin-top: 14px;
}
.plan-card input {
    margin-bottom: 10px;
}
.badge-blue {
    background: #dbeafe;
    color: #1d4ed8;
}

/* LEVEL 4.6 MEMBER INBOX */
.message-highlight {
    border-color: rgba(212,160,90,.35);
}
.messages-timeline .timeline-item {
    border-left: 4px solid rgba(212,160,90,.55);
}
.message-admin {
    background: rgba(212,160,90,.08);
}
.message-member {
    background: rgba(96,165,250,.08);
}
.unread-item {
    box-shadow: 0 0 0 1px rgba(212,160,90,.35), 0 10px 24px rgba(0,0,0,.12);
}
select, option {
    background: var(--card);
    color: var(--text);
}
body.dark select, body.dark option {
    background: #141b2d;
    color: #f3f0ea;
}


/* LEVEL 5.0 Secure Automation Portal */
.portal-label {
    margin: 18px 0 10px;
    padding: 8px 10px;
    border-radius: 999px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-align: center;
    border: 1px solid rgba(212,160,90,.35);
}
.admin-label { color: #f0c27b; background: rgba(212,160,90,.10); }
.member-label { color: #d9f99d; background: rgba(132,204,22,.10); border-color: rgba(132,204,22,.25); }
.security-card { border-left: 4px solid var(--gold); }
.qr-payment-box { margin-top: 12px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(212,160,90,.25); }
.qr-payment { width: 150px; max-width: 100%; border-radius: 12px; background: white; padding: 8px; display: block; }
select, option { background: var(--card); color: var(--text); }
body:not(.dark) select, body:not(.dark) option { background: #ffffff; color: #111827; }

/* LEVEL 5.1 MEMBER CLARITY UPDATE */
.simple-member-hero .hero-content {
    max-width: 980px;
}
.member-big-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-top: 24px;
}
.big-action {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}
.big-action:hover {
    text-decoration: none;
    transform: translateY(-1px);
}
.big-action.primary {
    background: linear-gradient(135deg, var(--gold), var(--gold-light));
    color: #1b1208;
}
.member-helper-actions {
    margin-top: 18px;
}
.member-helper-actions .btn,
.member-helper-actions button {
    font-size: 15px;
    min-height: 44px;
}
.member-help-card {
    border-left: 5px solid var(--gold);
}
.help-steps {
    display: grid;
    gap: 10px;
    font-size: 17px;
    line-height: 1.55;
}
.help-steps div {
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(212,160,90,.10);
    border: 1px solid rgba(212,160,90,.18);
}
.section-title-large {
    font-size: 30px;
    margin: 28px 0 14px;
}
.courses-first-grid {
    margin-bottom: 22px;
}
.member-course-card {
    border: 1px solid rgba(212,160,90,.25);
}
.member-course-card h2 {
    font-size: 24px;
}
.big-open-course {
    width: 100%;
    text-align: center;
    font-size: 17px;
    padding: 14px 18px;
}
.member-quick-panels {
    margin-top: 22px;
}
@media (max-width: 720px) {
    .big-action {
        min-height: 58px;
        font-size: 17px;
    }
    .section-title-large {
        font-size: 26px;
    }
}


/* LEVEL 5.2 MEDIA + MOBILE ADMIN */
.audio-player { width: 100%; margin-top: 10px; }
.file-row-admin { justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--border); }
.admin-avatar { width: 54px; height: 54px; border-radius: 999px; object-fit: cover; border: 2px solid rgba(212,160,90,.55); box-shadow: 0 8px 20px rgba(0,0,0,.25); margin-bottom: 12px; }
.admin-avatar-large { width: 120px; height: 120px; border-radius: 999px; object-fit: cover; border: 3px solid rgba(212,160,90,.55); display: block; margin: 0 0 16px; background: rgba(212,160,90,.12); }
.admin-avatar-large.placeholder { display:flex; align-items:center; justify-content:center; color: var(--primary2); font-size: 42px; }
@media (max-width: 900px) {
    .layout { display:block; }
    .sidebar { position:relative; padding:16px; }
    .sidebar a { display:inline-flex; margin:4px 6px 4px 0; padding:9px 11px; border-radius:999px; background:rgba(255,255,255,.08); font-size:14px; }
    .sidebar .logo { font-size:20px; }
    .sidebar .version { margin-bottom:10px; }
    .signature { display:none; }
    .main { padding:14px; }
    .card { padding:16px; border-radius:18px; }
    .actions { flex-direction:column; align-items:stretch; }
    .actions .btn, .actions button, .actions form { width:100%; }
    button, .btn { min-height:46px; text-align:center; }
    input, textarea, select { font-size:16px; }
}
@media (max-width: 560px) {
    .mystic-hero, .cinema-welcome { padding:20px; border-radius:22px; }
    .hero-content h1, .cinema-content h1 { font-size:32px; }
    .stats { grid-template-columns:1fr; }
    .data-table { font-size:14px; }
}

/* LEVEL 5.3 WEB STYLE + PAYMENT + MEDIA PERFORMANCE */
:root{
    --bg:#fbf4eb;
    --card:#fffaf4;
    --text:#2b1b16;
    --muted:#7d6b5d;
    --border:#ead8c2;
    --primary:#8b5a2b;
    --primary2:#b4763f;
    --gold:#c89555;
    --gold-light:#f1c27a;
    --soft-green:#7b8f57;
}
body:not(.dark){
    background:
        radial-gradient(circle at top left, rgba(200,149,85,.16), transparent 26%),
        linear-gradient(180deg,#fffaf4,#f7eadb 58%,#fbf4eb);
    color:var(--text);
}
body:not(.dark) .sidebar{
    background:linear-gradient(180deg,#f6ead8,#fffaf4 45%,#ead6bd);
    color:#3a2418;
    border-right:1px solid #e3c9a7;
}
body:not(.dark) .sidebar a{color:#3a2418;font-weight:700;}
body:not(.dark) .logo{color:#3a2418;}
body:not(.dark) .version{color:#8b5a2b;}
body:not(.dark) .signature{color:#6b4a2c;}
body:not(.dark) .card{
    background:rgba(255,250,244,.96);
    color:var(--text);
    border-color:#ead8c2;
    box-shadow:0 14px 35px rgba(90,54,30,.09);
}
body:not(.dark) .mystic-hero,
body:not(.dark) .sv-page-hero{
    background:
        linear-gradient(90deg,rgba(255,250,244,.92),rgba(255,250,244,.72)),
        url('/static/vedma_hero.jpeg') center/cover no-repeat;
    color:#2b1b16;
    border-color:#e5c7a0;
}
body:not(.dark) .hero-content h1,
body:not(.dark) .sv-page-hero h1{color:#3a2418;text-shadow:none;}
body:not(.dark) .hero-content p,
body:not(.dark) .sv-page-hero p{color:#6f5948;}
body:not(.dark) .kicker,
body:not(.dark) .hero-badge{
    background:#fff3df;
    color:#8b5a2b;
    border-color:#e7c79e;
}
body:not(.dark) .brand-mark,
body:not(.dark) .portal-label{
    background:#fff3df;
    color:#8b5a2b;
    border-color:#e7c79e;
}
body:not(.dark) button,
body:not(.dark) .btn{
    background:linear-gradient(135deg,#8b5a2b,#d09a5b);
    color:#fffaf4;
}
body:not(.dark) .btn-secondary{background:#7b8f57;color:#fffaf4;}
body:not(.dark) input,
body:not(.dark) textarea,
body:not(.dark) select{
    background:#ffffff !important;
    color:#2b1b16 !important;
    border-color:#e2cdb2;
}
body:not(.dark) .badge{background:#f4e4cf;color:#5a351d;}
body:not(.dark) .badge-ok{background:#e8f3dc;color:#365314;}
body:not(.dark) .badge-warn{background:#fff3cd;color:#7c4a03;}
body:not(.dark) .badge-danger{background:#fee2e2;color:#991b1b;}
.sv-page-hero{
    margin-bottom:22px;
    padding:34px;
    border-radius:28px;
    border:1px solid var(--border);
    background:linear-gradient(135deg,rgba(212,160,90,.18),rgba(123,143,87,.10));
}
.sv-page-hero h1{font-size:clamp(32px,4vw,54px);margin:12px 0;color:#fff3dc;}
.info-card{border-left:5px solid var(--soft-green);}
.admin-details{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.04)}
.admin-details summary{cursor:pointer;font-weight:700;color:var(--primary2)}
.upload-panel{margin-top:16px;padding:16px;border:1px dashed var(--border);border-radius:18px;background:rgba(212,160,90,.06)}
.file-row-admin{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}
@media(max-width:760px){
    .layout{grid-template-columns:1fr;}
    .sidebar{position:relative;}
    .main{padding:14px;}
    .container{max-width:100%;}
    .sv-page-hero{padding:22px;}
    .actions{flex-direction:column;align-items:stretch;}
    .actions .btn,.actions button{width:100%;text-align:center;}
    .data-table{font-size:14px;}
}


/* LEVEL 5.4 CLARITY + QR + PAGINATION */
.admin-priority-grid,
.member-overview-stack {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}
.admin-priority-card,
.member-priority-card {
    border: 1px solid rgba(212,160,90,.35);
}
.admin-priority-card {
    display: block;
    padding: 20px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    text-decoration: none;
}
.admin-priority-card span { display:block; color: var(--muted); }
.admin-priority-card strong { display:block; font-size: 34px; margin-top: 8px; color: var(--gold); }
.compact-stats .stat strong { font-size: 24px; }
.quick-admin-actions {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.compact-list-card .timeline-item { padding: 10px 12px; margin-bottom: 8px; }
.pagination { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin: 14px 0; }
.page-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(212,160,90,.35);
    background: rgba(255,255,255,.06);
    color: var(--text);
    text-decoration:none;
    font-weight:700;
}
.page-pill.active { background: var(--gold); color: #1c1207; }
.page-dots { padding: 0 4px; color: var(--muted); }
.audit-card { max-width: 980px; }
.qr-payment-box { background: rgba(255,255,255,.08) !important; }
.qr-payment {
    width: 190px !important;
    height: 190px !important;
    object-fit: contain;
    background: #fff !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(212,160,90,.45);
}
.qr-payment[alt] { color: transparent; }
.senior-actions .big-action { font-size: 18px; padding: 18px; }
.section-title-large { margin-top: 28px; font-size: 30px; }
.notifications-bottom-card { margin-top: 30px; }
.warning-text { color: #f0c27b; font-weight: 700; }
.course-admin-list { display:grid; gap: 14px; }
.course-admin-row {
    display:grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items:center;
}
.admin-course-hero, .compact-admin-hero { margin-bottom: 18px; }
@media (max-width: 760px) {
    .course-admin-row { grid-template-columns: 1fr; }
    .senior-actions { grid-template-columns: 1fr !important; }
    .member-overview-stack { grid-template-columns: 1fr; }
    .admin-priority-grid { grid-template-columns: 1fr 1fr; }
    .qr-payment { width: 160px !important; height: 160px !important; }
}
@media (max-width: 520px) {
    .admin-priority-grid { grid-template-columns: 1fr; }
}


/* LEVEL 5.5 PREMIUM VEDMA UI */
:root{
    --deep:#080914; --deep2:#111124; --violet:#3b1556; --pink:#d83b86; --rose:#ff79b0;
    --gold:#f0bd72; --gold2:#c88335; --glass:rgba(18,18,36,.82);
}
body{background:
    radial-gradient(circle at 20% 10%, rgba(216,59,134,.18), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(240,189,114,.12), transparent 26%),
    linear-gradient(135deg,#070711,#140a22 45%,#070711);}
.sidebar{background:linear-gradient(180deg,#100920,#170b2f 55%,#090914);border-right:1px solid rgba(240,189,114,.28);}
.logo{font-family:Georgia,serif;color:#f7d59d;letter-spacing:.4px;font-size:25px}.version{color:#eeb3cc}.brand-mark{border-color:#f0bd72;color:#f0bd72;box-shadow:0 0 24px rgba(240,189,114,.25)}
.sidebar a{border-radius:14px;margin:5px 0;padding:11px 13px}.sidebar a:hover{background:linear-gradient(135deg,rgba(216,59,134,.35),rgba(240,189,114,.12));text-decoration:none}.portal-label{color:#f0bd72;letter-spacing:1px}
.card{background:linear-gradient(180deg,rgba(20,20,39,.94),rgba(16,13,31,.92));border:1px solid rgba(240,189,114,.22);box-shadow:0 18px 45px rgba(0,0,0,.28);}
.mystic-hero,.hero{background:
 linear-gradient(135deg,rgba(216,59,134,.35),rgba(12,12,26,.76)),
 url('/static/vedma_hero.jpeg') center/cover;border:1px solid rgba(240,189,114,.32);box-shadow:0 20px 70px rgba(216,59,134,.14);}
.mystic-hero h1,.hero h1{font-family:Georgia,serif;color:#ffe4b8;text-shadow:0 2px 18px rgba(0,0,0,.45)}.kicker,.hero-badge{color:#f0bd72}.hero-badge{background:rgba(216,59,134,.22);border-color:rgba(240,189,114,.35)}
button,.btn{background:linear-gradient(135deg,#d83b86,#a32f73);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(216,59,134,.18)}.btn-secondary,.btn-secondary button,button.btn-secondary{background:linear-gradient(135deg,#271c42,#17172b)}.btn-ok{background:linear-gradient(135deg,#2f855a,#206446)}.btn-danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}
.big-action,.admin-priority-card,.quick-card{background:linear-gradient(135deg,rgba(216,59,134,.35),rgba(240,189,114,.18));border:1px solid rgba(240,189,114,.25);color:#fff;border-radius:22px}.big-action:hover,.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(216,59,134,.22)}
.member-overview-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.member-priority-card h2,.section-title-large{font-family:Georgia,serif;color:#ffdca8}.courses-first-grid .course-card{border-color:rgba(216,59,134,.35)}.course-symbol{color:#f0bd72;font-size:28px}.progress-bar{background:linear-gradient(90deg,#f0bd72,#d83b86)}
.badge{background:rgba(240,189,114,.16);color:#ffe4b8;border:1px solid rgba(240,189,114,.18)}.badge-ok{background:rgba(34,197,94,.16);color:#a7f3d0}.badge-warn{background:rgba(240,189,114,.2);color:#ffdda3}.badge-danger{background:rgba(239,68,68,.18);color:#fecaca}
.invoice-page{max-width:960px;margin:0 auto}.invoice-head,.invoice-grid{display:flex;justify-content:space-between;gap:24px}.invoice-grid>div{flex:1;background:rgba(255,255,255,.04);padding:18px;border-radius:18px;border:1px solid rgba(240,189,114,.16)}
.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{margin:0}
@media(max-width:900px){.invoice-head,.invoice-grid,.inline-form{flex-direction:column}.member-big-actions{grid-template-columns:1fr!important}.sidebar{position:relative}.layout{grid-template-columns:1fr}.container{padding:12px}.mystic-hero h1{font-size:30px}.card{padding:16px}.data-table{font-size:13px;display:block;overflow-x:auto}}
@media print{.sidebar,.btn,button,.signature{display:none!important}.layout{display:block}.main{padding:0}.card{box-shadow:none;border:0;color:#111;background:#fff}.invoice-page{color:#111}}

/* ===== SKUTEČNÁ VĚDMA 6.0 PREMIUM PORTAL ===== */
:root{
    --sv-bg:#050814;
    --sv-card:#0b1224;
    --sv-card2:#121a31;
    --sv-gold:#d7a860;
    --sv-gold2:#f0c27b;
    --sv-pink:#d73b87;
    --sv-pink2:#ff69a8;
    --sv-purple:#6d3fa0;
    --sv-green:#344f45;
    --sv-text:#f8efe7;
    --sv-muted:#cabdb4;
    --sv-line:rgba(240,194,123,.28);
}
body.sv-body, body{background:radial-gradient(circle at 20% 0%,rgba(215,59,135,.20),transparent 28%),radial-gradient(circle at 90% 100%,rgba(215,168,96,.16),transparent 25%),linear-gradient(135deg,#040613,#0b1023 52%,#14091d);color:var(--sv-text)}
.app-shell,.layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.premium-sidebar,.sidebar{background:linear-gradient(180deg,rgba(9,11,25,.96),rgba(18,13,35,.96)),url('/static/vedma_hero.jpeg');background-size:cover;background-position:center;border-right:1px solid var(--sv-line);padding:24px 18px;color:var(--sv-text);position:relative;overflow:hidden}.premium-sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,19,.40),rgba(4,6,19,.90));pointer-events:none}.premium-sidebar>*{position:relative;z-index:1}.brand-area{display:flex;gap:12px;align-items:center;margin-bottom:20px}.brand-lotus,.brand-mark{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--sv-gold);color:var(--sv-gold2);font-size:28px;background:rgba(215,168,96,.08)}.logo{font-family:Georgia,serif;font-size:25px;line-height:1.05;color:var(--sv-gold2);font-weight:700}.logo span{display:block;font-size:32px;letter-spacing:1px}.version{font-size:11px;color:rgba(248,239,231,.70);margin-top:5px}.portal-label,.nav-section-title{margin:18px 10px 8px;color:var(--sv-gold2);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.sidebar a{display:block;color:var(--sv-text);padding:12px 14px;border-radius:12px;text-decoration:none;margin:3px 0;background:rgba(8,13,29,.32);border:1px solid transparent}.sidebar a:hover,.sidebar a.nav-primary{background:linear-gradient(135deg,var(--sv-pink),#8f3dac);border-color:rgba(255,105,168,.45)}.logout-link{margin-top:18px!important;background:rgba(215,59,135,.22)!important;border-color:rgba(215,59,135,.35)!important}.sidebar-footer-note{margin-top:22px;padding:14px;border-radius:16px;border:1px solid var(--sv-line);background:rgba(5,8,20,.72);font-size:13px;color:var(--sv-muted)}.premium-main,.main{padding:18px 24px 0;background:radial-gradient(circle at 50% 100%,rgba(215,59,135,.18),transparent 30%)}.container{max-width:1460px;margin:0 auto}.top-strip{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px}.mobile-menu-btn{display:none}.admin-top-chip{padding:10px 14px;border:1px solid var(--sv-line);border-radius:999px;color:var(--sv-gold2)}.card,.premium-card{background:linear-gradient(180deg,rgba(17,25,48,.94),rgba(8,13,29,.94));border:1px solid var(--sv-line);box-shadow:0 20px 50px rgba(0,0,0,.28);border-radius:24px;color:var(--sv-text)}.card h1,.card h2,.card h3,h1,h2,h3{color:var(--sv-text)}.small{color:rgba(248,239,231,.68)}input,textarea,select{background:rgba(255,255,255,.08)!important;color:var(--sv-text)!important;border:1px solid rgba(240,194,123,.25)!important;border-radius:12px}select option{background:#111827;color:#fff}button,.btn{background:linear-gradient(135deg,var(--sv-pink),#b02e72);border-radius:12px;color:white}.btn-secondary{background:rgba(215,168,96,.15)!important;border:1px solid rgba(215,168,96,.35)!important;color:var(--sv-text)!important}.btn-danger{background:#b91c1c!important}.btn-ok{background:#15803d!important}.badge{border-radius:999px}.badge-ok{background:#d1fae5!important;color:#065f46!important}.badge-warn{background:#fde68a!important;color:#78350f!important}.badge-danger{background:#fecaca!important;color:#7f1d1d!important}.badge-blue{background:#dbeafe!important;color:#1d4ed8!important}.premium-hero-card,.admin-dashboard-hero,.member-premium-hero{border:1px solid var(--sv-line);border-radius:28px;background:radial-gradient(circle at top left,rgba(215,59,135,.35),transparent 35%),linear-gradient(135deg,rgba(11,18,36,.98),rgba(5,8,20,.95));padding:28px;margin-bottom:22px;display:flex;justify-content:space-between;gap:22px;align-items:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}.premium-hero-card h1,.member-premium-hero h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,54px);margin:8px 0;color:var(--sv-gold2)}.kicker{color:var(--sv-pink2);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.admin-hero-actions,.member-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.member-priority-grid,.admin-priority-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.member-action-card,.admin-priority-card{min-height:170px;text-align:center;background:linear-gradient(135deg,rgba(215,59,135,.32),rgba(109,63,160,.25));border:1px solid rgba(255,105,168,.38);text-decoration:none;color:var(--sv-text)}.member-action-card:nth-child(2){background:linear-gradient(135deg,rgba(204,105,63,.34),rgba(109,63,160,.18))}.member-action-card:nth-child(4){background:linear-gradient(135deg,rgba(215,168,96,.32),rgba(109,63,160,.18))}.member-action-card:nth-child(5){background:linear-gradient(135deg,rgba(52,79,69,.50),rgba(109,63,160,.12))}.action-icon{font-size:34px;color:var(--sv-gold2);margin-bottom:8px}.courses-premium-section,.notifications-bottom-card,.community-card{margin-top:20px}.section-head-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.course-carousel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.premium-course-tile{overflow:hidden;padding:0}.premium-course-tile h3,.premium-course-tile p,.premium-course-tile .progress-label,.premium-course-tile .progress,.premium-course-tile .btn{margin-left:16px;margin-right:16px}.premium-course-tile .btn{margin-bottom:16px}.course-cover-gradient{height:160px;background:radial-gradient(circle at center,rgba(240,194,123,.35),transparent 35%),linear-gradient(135deg,#1d1029,#0b1224);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--sv-gold2);border-radius:22px 22px 0 0}.progress{height:8px;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--sv-gold2),var(--sv-pink2))}.qr-premium-card{border-color:rgba(215,168,96,.45)}.premium-payment-box{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:center}.qr-panel-fixed{text-align:center;border:1px solid var(--sv-line);border-radius:22px;padding:18px;background:rgba(5,8,20,.55)}.qr-payment-large,.qr-payment{width:230px!important;max-width:100%;height:auto!important;background:#fff;border-radius:16px;padding:10px;border:2px solid var(--sv-gold2);display:block;margin:10px auto}.admin-stat-row .admin-priority-card{display:block;padding:18px;border-radius:20px}.admin-priority-card strong{display:block;font-size:34px;margin-top:8px;color:var(--sv-gold2)}.quick-admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.quick-card{padding:16px;border-radius:16px;background:rgba(215,59,135,.14);border:1px solid rgba(215,59,135,.30);text-decoration:none;color:var(--sv-text)}.mini-row{display:flex;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid rgba(240,194,123,.16)}.premium-course-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center}.course-row-symbol{width:54px;height:54px;border-radius:16px;background:rgba(215,168,96,.18);display:flex;align-items:center;justify-content:center;color:var(--sv-gold2);font-size:28px}.premium-upload-panel{border:1px dashed rgba(240,194,123,.35);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}.file-row-admin{justify-content:space-between;padding:10px;border:1px solid rgba(240,194,123,.14);border-radius:14px;margin:8px 0}.sv-footer{text-align:center;color:var(--sv-gold2);padding:28px;font-family:Georgia,serif;font-size:24px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid rgba(240,194,123,.16);padding:12px;text-align:left}.pagination{display:flex;gap:8px;justify-content:center;margin-top:14px}.page-pill{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--sv-text);text-decoration:none}.page-pill.active{background:var(--sv-pink)}
@media(max-width:980px){.app-shell,.layout{grid-template-columns:1fr}.premium-sidebar,.sidebar{position:fixed;left:-310px;top:0;bottom:0;width:290px;z-index:50;transition:.2s}.sidebar-open .premium-sidebar,.sidebar-open .sidebar{left:0}.mobile-menu-btn{display:inline-block}.premium-main,.main{padding:14px}.premium-hero-card,.admin-dashboard-hero,.member-premium-hero,.premium-payment-box{grid-template-columns:1fr;display:block}.member-priority-grid{grid-template-columns:1fr}.course-carousel-grid{grid-template-columns:1fr}.admin-priority-grid{grid-template-columns:repeat(2,1fr)}.premium-course-row{grid-template-columns:1fr}.top-strip{justify-content:space-between}.sv-footer{font-size:18px}.mini-row{display:block}.data-table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:520px){.admin-priority-grid{grid-template-columns:1fr}.premium-hero-card h1,.member-premium-hero h1{font-size:30px}.qr-payment-large{width:200px!important}.card{padding:16px!important}}

/* LEVEL 7.1 — přehlednější statistické karty */
.analytics-stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:16px;
    margin:0 0 24px 0;
}
.analytics-stat-card{
    min-height:125px;
    padding:22px;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(215,59,135,.28),rgba(5,8,20,.92));
    border:1px solid rgba(240,194,123,.25);
    box-shadow:0 18px 45px rgba(0,0,0,.24);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
}
.analytics-stat-card span{
    display:block;
    color:rgba(248,239,231,.72);
    font-size:14px;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.analytics-stat-card strong{
    display:block;
    color:var(--sv-gold2);
    font-size:clamp(26px,3vw,42px);
    line-height:1.05;
    word-break:break-word;
}
.invoice-highlight{background:linear-gradient(135deg,rgba(215,168,96,.30),rgba(67,56,202,.18))!important;}
@media(max-width:520px){.analytics-stats-grid{grid-template-columns:1fr}.analytics-stat-card{min-height:110px}}


/* LEVEL 7.3 - FORCE MEMBER/ADMIN THEME 00-1
   Oprava: starší body:not(.dark) pravidla vytvářela světlý fallback 00-2.
   Base šablona má nyní body.dark + cache-busting style.css?v=7.3.
*/
body.sv-theme-00-1,
body.dark.sv-theme-00-1{
    --bg:#050814;
    --card:#0b1224;
    --text:#f8efe7;
    --muted:rgba(248,239,231,.70);
    --border:rgba(240,194,123,.22);
    --primary:#d83b86;
    --primary2:#f0bd72;
    --sv-bg:#050814;
    --sv-panel:#0b1224;
    --sv-panel2:#111930;
    --sv-text:#f8efe7;
    --sv-muted:rgba(248,239,231,.70);
    --sv-line:rgba(240,194,123,.22);
    --sv-gold:#d7a860;
    --sv-gold2:#ffdca8;
    --sv-pink:#d83b86;
    --sv-pink2:#ff69a8;
    background:
        radial-gradient(circle at 18% 0%,rgba(216,59,134,.28),transparent 28%),
        radial-gradient(circle at 100% 100%,rgba(240,189,114,.12),transparent 28%),
        #050814 !important;
    color:var(--sv-text)!important;
}
body.sv-theme-00-1 .premium-sidebar,
body.sv-theme-00-1 .sidebar{
    background:linear-gradient(180deg,rgba(9,11,25,.96),rgba(18,13,35,.96)),url('/static/vedma_hero.jpeg') !important;
    background-size:cover!important;
    background-position:center!important;
    color:var(--sv-text)!important;
    border-right:1px solid var(--sv-line)!important;
}
body.sv-theme-00-1 .sidebar a,
body.sv-theme-00-1 .logo,
body.sv-theme-00-1 .version{
    color:var(--sv-text)!important;
}
body.sv-theme-00-1 .logo,
body.sv-theme-00-1 .logo span{color:var(--sv-gold2)!important;}
body.sv-theme-00-1 .card,
body.sv-theme-00-1 .premium-card,
body.sv-theme-00-1 .member-action-card,
body.sv-theme-00-1 .admin-priority-card{
    background:linear-gradient(180deg,rgba(17,25,48,.94),rgba(8,13,29,.94))!important;
    color:var(--sv-text)!important;
    border-color:var(--sv-line)!important;
}
body.sv-theme-00-1 .member-action-card{
    background:linear-gradient(135deg,rgba(215,59,135,.32),rgba(109,63,160,.25))!important;
}
body.sv-theme-00-1 .member-action-card:nth-child(2){background:linear-gradient(135deg,rgba(204,105,63,.34),rgba(109,63,160,.18))!important;}
body.sv-theme-00-1 .member-action-card:nth-child(4){background:linear-gradient(135deg,rgba(215,168,96,.32),rgba(109,63,160,.18))!important;}
body.sv-theme-00-1 .member-action-card:nth-child(5){background:linear-gradient(135deg,rgba(52,79,69,.50),rgba(109,63,160,.12))!important;}
body.sv-theme-00-1 .premium-main,
body.sv-theme-00-1 .main{
    background:radial-gradient(circle at 50% 100%,rgba(215,59,135,.18),transparent 30%)!important;
}
body.sv-theme-00-1 .premium-course-tile,
body.sv-theme-00-1 .course-card{
    background:linear-gradient(180deg,rgba(17,25,48,.94),rgba(8,13,29,.94))!important;
    color:var(--sv-text)!important;
}
body.sv-theme-00-1 .course-cover-gradient{
    background:radial-gradient(circle at center,rgba(240,194,123,.35),transparent 35%),linear-gradient(135deg,#1d1029,#0b1224)!important;
}
body.sv-theme-00-1 input,
body.sv-theme-00-1 textarea,
body.sv-theme-00-1 select{
    background:rgba(255,255,255,.08)!important;
    color:var(--sv-text)!important;
    border-color:rgba(240,194,123,.25)!important;
}
body.sv-theme-00-1 select option{background:#111827!important;color:#fff!important;}
body.sv-theme-00-1 .theme-guard-hidden{display:none!important;}

/* 7.5 UX fixes */
.login-choice-grid { align-items: stretch; }
.login-choice { min-height: 100%; }
.portal-login-hub { max-width: 980px; }
.qr-2fa { display:block; width:220px; max-width:100%; background:#fff; padding:12px; border-radius:16px; margin:12px 0; }
.admin-announcements .admin-post { border: 1px solid rgba(245, 197, 107, .45); }
.member-discussion .member-post { opacity: .98; }
.post-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }

/* LEVEL 7.6 Tina Energy Design + public membership applications */
:root{
  --tina-violet:#1a0626;
  --tina-purple:#42103f;
  --tina-magenta:#c03aa2;
  --tina-gold:#f4c56f;
  --tina-gold-soft:#ffe3a0;
}
body.sv-theme-00-1{
  background:
    radial-gradient(circle at 20% 8%, rgba(244,197,111,.15), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(192,58,162,.13), transparent 30%),
    linear-gradient(135deg, #080715 0%, #170620 48%, #050816 100%);
}
.premium-sidebar{
  background:
    linear-gradient(180deg, rgba(10,10,24,.96), rgba(26,6,38,.94)),
    radial-gradient(circle at top, rgba(244,197,111,.15), transparent 42%);
  border-right:1px solid rgba(244,197,111,.24);
}
.logo, .logo span, h1, h2{letter-spacing:.01em;}
.brand-lotus{box-shadow:0 0 34px rgba(244,197,111,.45);}
.tina-public-hero{
  position:relative;
  overflow:hidden;
  min-height:420px;
  border-radius:32px;
  margin-bottom:26px;
  padding:44px;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(90deg, rgba(10,6,18,.92) 0%, rgba(20,8,32,.72) 48%, rgba(10,6,18,.30) 100%),
    url('/static/tina_energy_banner.jpeg') center/cover no-repeat;
  border:1px solid rgba(244,197,111,.38);
  box-shadow:0 30px 90px rgba(0,0,0,.46), inset 0 0 90px rgba(244,197,111,.07);
}
.tina-public-hero:before{
  content:"";
  position:absolute;
  inset:-30%;
  background:radial-gradient(circle at 18% 35%, rgba(255,219,139,.22), transparent 18%), radial-gradient(circle at 80% 36%, rgba(192,58,162,.18), transparent 22%);
  pointer-events:none;
}
.tina-public-copy{position:relative; z-index:1; max-width:760px;}
.tina-public-copy h1{
  font-size:clamp(38px,6vw,78px);
  color:#fff1cf;
  line-height:.98;
  margin:16px 0;
  text-shadow:0 8px 28px rgba(0,0,0,.55), 0 0 24px rgba(244,197,111,.18);
}
.tina-public-copy p{font-size:20px; color:#f8ead4; max-width:720px;}
.tina-pillar-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px;}
.tina-pillar-row span{
  padding:10px 14px; border-radius:999px; background:rgba(244,197,111,.12); color:#ffe3a0; border:1px solid rgba(244,197,111,.35); font-weight:800;
}
.application-layout{align-items:start;}
.tina-info-card{
  background:
    linear-gradient(180deg, rgba(27,9,41,.92), rgba(11,13,27,.96)),
    url('/static/tina_energy_poster.jpeg') center/cover no-repeat;
  background-blend-mode:multiply;
  border-color:rgba(244,197,111,.38);
}
.timeline-list{display:grid; gap:14px; margin:20px 0;}
.timeline-list div{display:grid; grid-template-columns:42px 1fr; gap:10px; align-items:start; padding:14px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(244,197,111,.20);}
.timeline-list strong{width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:rgba(244,197,111,.16); color:#ffe3a0;}
.security-note{border-top:1px solid rgba(244,197,111,.22); padding-top:14px;}
.hp-field{position:absolute!important; left:-9999px!important; opacity:0!important; height:0!important; width:0!important;}
.check-line{display:flex; align-items:flex-start; gap:10px; line-height:1.45;}
.check-line input{width:auto; margin-top:4px;}
.login-application-cta{margin:18px 0; padding:16px; border-radius:20px; background:linear-gradient(135deg, rgba(244,197,111,.13), rgba(192,58,162,.10)); border:1px solid rgba(244,197,111,.30); display:grid; gap:8px;}
.login-application-cta span{color:var(--muted);}
.tina-admin-hero{background:
  linear-gradient(90deg, rgba(8,12,24,.88), rgba(26,6,38,.68)),
  url('/static/tina_energy_banner.jpeg') center/cover no-repeat!important;
}
.tabs-row{display:flex; flex-wrap:wrap; gap:10px; margin:20px 0;}
.application-admin-list{display:grid; gap:18px;}
.application-admin-card{border-left:5px solid rgba(244,197,111,.66);}
.application-admin-card.status-approved{border-left-color:#86efac;}
.application-admin-card.status-rejected{border-left-color:#fca5a5;}
.application-admin-card.status-in_review{border-left-color:#93c5fd;}
.application-admin-head{display:flex; justify-content:space-between; align-items:flex-start; gap:18px;}
.application-actions{margin-top:16px;}
.btn-danger{background:linear-gradient(135deg,#7f1d1d,#b91c1c)!important; color:#fff!important; border-color:rgba(248,113,113,.45)!important;}
@media(max-width:820px){
  .tina-public-hero{min-height:520px; padding:28px; background-position:center left;}
  .application-admin-head{flex-direction:column;}
}

/* LEVEL 7.9 — Tina Energy Experience */
.tina-experience .version{color:#ffe3a0!important;font-weight:700;letter-spacing:.03em}
.nav-details{margin:10px 0;padding:8px 10px;border:1px solid rgba(244,197,111,.18);border-radius:16px;background:rgba(255,255,255,.04)}
.nav-details summary{cursor:pointer;color:#ffe3a0;font-weight:800}.nav-details a{padding-left:12px!important;font-size:14px}.member-chip{background:rgba(244,197,111,.12)!important;color:#ffe3a0!important;border:1px solid rgba(244,197,111,.32)}
.tina-experience-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:end;min-height:430px;margin-bottom:26px;padding:44px;border-radius:34px;border:1px solid rgba(244,197,111,.35);background:linear-gradient(90deg,rgba(6,7,18,.92),rgba(28,8,43,.68),rgba(6,7,18,.30)),url('/static/tina_energy_banner.jpeg') center/cover no-repeat;box-shadow:0 30px 95px rgba(0,0,0,.48), inset 0 0 90px rgba(244,197,111,.08)}
.tina-hero-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 16% 32%,rgba(244,197,111,.20),transparent 18%),radial-gradient(circle at 78% 22%,rgba(216,59,135,.22),transparent 20%);pointer-events:none}.tina-hero-content,.tina-oracle-card{position:relative;z-index:1}.tina-hero-content h1{font-size:clamp(38px,6vw,72px);line-height:.98;margin:14px 0;color:#fff1cf;text-shadow:0 10px 32px rgba(0,0,0,.55)}.tina-hero-content p{font-size:20px;max-width:760px;color:#f7e8cf}.tina-oracle-card{padding:24px;border-radius:28px;background:rgba(8,9,23,.72);border:1px solid rgba(244,197,111,.34);box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.tina-oracle-card span{display:block;color:#ffe3a0;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:900}.tina-oracle-card strong{display:block;color:#fff4d6;font-size:26px;line-height:1.1;margin:10px 0}.experience-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:26px}.journey-card{grid-row:span 2}.journey-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.journey-step{min-height:96px;padding:14px;border-radius:20px;border:1px solid rgba(244,197,111,.20);background:rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center}.journey-step span{font-size:24px;color:#f4c56f}.journey-step strong{font-size:14px}.journey-step.active{background:linear-gradient(135deg,rgba(244,197,111,.22),rgba(216,59,135,.16));border-color:rgba(244,197,111,.55);box-shadow:0 0 28px rgba(244,197,111,.12)}.recommended-card,.membership-mini{border-left:5px solid rgba(244,197,111,.78)}.tina-course-tile{transition:transform .18s ease, box-shadow .18s ease}.tina-course-tile:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,0,.38)}.tina-community-preview{margin-top:22px}.tina-feed-preview{display:grid;gap:14px}.tina-feed-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(244,197,111,.18)}.tina-feed-item.admin-feed-item{background:linear-gradient(135deg,rgba(244,197,111,.14),rgba(216,59,135,.08));border-color:rgba(244,197,111,.35)}.tina-community-hero{position:relative;overflow:hidden;border-radius:32px;margin-bottom:24px;padding:42px;min-height:260px;background:linear-gradient(90deg,rgba(8,12,24,.92),rgba(26,6,38,.62)),url('/static/tina_energy_banner.jpeg') center/cover no-repeat;border:1px solid rgba(244,197,111,.35);box-shadow:0 25px 80px rgba(0,0,0,.42)}.tina-community-hero h1{font-size:clamp(36px,5vw,64px);color:#fff1cf;margin:14px 0}.tina-post-form textarea{min-height:120px}.community-columns{align-items:start}.tina-admin-post{background:linear-gradient(135deg,rgba(244,197,111,.14),rgba(28,8,43,.84))!important}.tina-member-post{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(28,8,43,.70))!important}.badge-gold{background:rgba(244,197,111,.18)!important;color:#ffe3a0!important;border:1px solid rgba(244,197,111,.35)!important}.quick-card{border:1px solid rgba(244,197,111,.22);border-radius:16px;padding:14px;background:rgba(255,255,255,.05)}
@media(max-width:960px){.tina-experience-hero,.experience-grid{grid-template-columns:1fr}.journey-track{grid-template-columns:1fr 1fr}.tina-oracle-card{max-width:100%}.community-columns{grid-template-columns:1fr}}
@media(max-width:560px){.tina-experience-hero{padding:26px;min-height:520px}.journey-track{grid-template-columns:1fr}.tina-hero-content h1{font-size:36px}}