/* ============ me1.bio — DARK GREEN GLASS v4 | UXOURA DIGITALS ============ */
:root{--bg:#0B0B12;--bg2:#14141D;--bg3:#1B1B26;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);
--lime:#C9F24B;--lime-d:#A8D62E;--vio:#7C3AED;--vio-l:#8B5CF6;--mint:#34D399;--rose:#F472B6;
--txt:#F4F4F6;--mut:#9CA3AF;--ink:#14102B;
--r:22px;--rs:14px;--soft:0 18px 44px rgba(0,0,0,.5);--soft2:0 8px 22px rgba(0,0,0,.35);--glow:0 0 24px rgba(201,242,75,.18);
--fd:'Montserrat',sans-serif;--fb:'Space Grotesk',sans-serif;--tr:.22s cubic-bezier(.2,.7,.2,1);--blur:blur(18px)}
*{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--txt);overflow-x:hidden;font-size:16px;line-height:1.6}
body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:
radial-gradient(40% 34% at 78% 12%,rgba(124,58,237,.22),transparent 60%),
radial-gradient(26% 26% at 12% 20%,rgba(201,242,75,.08),transparent 60%),
radial-gradient(30% 30% at 82% 82%,rgba(244,114,182,.08),transparent 60%)}
h1,h2,h3,h4,h5,.disp{font-family:var(--fd);font-weight:800;letter-spacing:-.02em;color:#fff}
::selection{background:var(--lime);color:var(--ink)}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--vio);border-radius:99px}::-webkit-scrollbar-track{background:var(--bg)}
a{text-decoration:none;color:var(--vio-l);transition:color var(--tr)}
img{max-width:100%}
.muted{color:var(--mut)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-radius:8px}
/* layout */
.sec{padding:92px 0}
.sec-t{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:900;margin:.5rem 0;line-height:1.08}
.kicker{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.kicker:before{content:"";width:36px;height:3px;background:var(--lime);border-radius:9px;box-shadow:var(--glow)}
/* pills & buttons */
.pillx{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line2);border-radius:999px;padding:.28rem .8rem;font-size:.72rem;font-weight:700;background:var(--bg3);color:#fff;letter-spacing:.04em}
.pill-vio{background:var(--vio);border-color:var(--vio);color:#fff}.pill-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.pill-rose{background:rgba(244,114,182,.16);border-color:var(--rose);color:var(--rose)}
.pill-mint{background:rgba(52,211,153,.14);border-color:var(--mint);color:var(--mint)}
.pill-soon{background:transparent;border-color:var(--lime);color:var(--lime)}
.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line2);border-radius:999px;padding:.72rem 1.5rem;font-weight:700;font-family:var(--fb);color:#fff;background:var(--bg2);transition:var(--tr);cursor:pointer;text-align:center;font-size:.95rem}
.btn-pill:hover{transform:translateY(-3px);border-color:var(--lime);color:var(--lime);box-shadow:var(--glow)}
.btn-ink,.btn-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.btn-ink:hover,.btn-lime:hover{color:var(--ink);box-shadow:0 0 34px rgba(201,242,75,.45);filter:brightness(1.05)}
.btn-vio{background:var(--vio);border-color:var(--vio);color:#fff}.btn-vio:hover{color:#fff;box-shadow:0 0 30px rgba(124,58,237,.5)}
.btn-ghost{background:transparent}
.btn-pill.sm{padding:.45rem 1.05rem;font-size:.84rem}
.btn-icon{width:42px;height:42px;border:1px solid var(--line2);border-radius:50%;background:var(--bg2);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:var(--tr);flex:0 0 auto}
.btn-icon:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(8deg)}
/* cards */
.card-x{background:rgba(20,20,29,.72);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--r);transition:var(--tr);box-shadow:var(--soft2)}
.card-x.hov:hover{transform:translateY(-5px);border-color:rgba(201,242,75,.45);box-shadow:var(--soft),var(--glow)}
.shadow-h{border:1px solid rgba(201,242,75,.4);box-shadow:var(--glow),var(--soft)}
/* nav */
.nav-av{width:34px;height:34px;border-radius:12px;object-fit:cover;border:2px solid var(--lime)}
.me1nav{background:rgba(11,11,18,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);padding:.7rem 0}
.me1nav .nav-link{font-weight:600;color:#c9c9d4;border-radius:999px;padding:.45rem 1rem;transition:var(--tr)}
.me1nav .nav-link.on,.me1nav .nav-link:hover{background:var(--bg3);color:#fff}
.dd-x{background:rgba(20,20,29,.96);backdrop-filter:blur(20px);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--soft);overflow:hidden}
.dropdown-item{color:#d6d6e0}.dropdown-item:hover{background:rgba(201,242,75,.1);color:var(--lime)}
.brandmark{width:40px;height:40px;border-radius:12px;background:var(--bg2);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;font:900 .9rem var(--fd);border:2px solid var(--lime);box-shadow:var(--glow)}
.brandword{font:800 1.3rem var(--fd);color:#fff}.brandword .dot{color:var(--vio-l)}.brandword.light{color:#fff}
.navbar-toggler{border:1px solid var(--line2);border-radius:12px;background:var(--bg2);color:#fff}
/* hero */
.hero{position:relative;padding:84px 0 68px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1.2px,transparent 0) 0 0/26px 26px;opacity:.6}
.blob{position:absolute;border:1px solid var(--line2);border-radius:26px;pointer-events:none}
.blob.b1{width:120px;height:120px;background:rgba(201,242,75,.9);top:12%;right:6%;--rot:14deg;animation:float 7s ease-in-out infinite;box-shadow:0 0 60px rgba(201,242,75,.35)}
.blob.b2{width:70px;height:70px;background:rgba(124,58,237,.5);bottom:14%;right:22%;--rot:-10deg;animation:float 9s 1s ease-in-out infinite}
.hero h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.02;font-weight:900}
.rots{display:inline-block;min-width:8.5ch;color:var(--vio-l);position:relative}
.rots:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:.3em;background:var(--lime);z-index:-1;border-radius:4px;box-shadow:var(--glow)}
.wm{position:absolute;right:-2%;top:6%;font:900 min(22vw,280px) var(--fd);color:transparent;-webkit-text-stroke:2px rgba(139,92,246,.16);z-index:0;pointer-events:none;line-height:1}
.hero .container{position:relative;z-index:1}
.hcard{animation:float 5.5s ease-in-out infinite}
.hcard2{animation:float 6.5s 1s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14px) rotate(var(--rot,0deg))}}
.avatar{width:52px;height:52px;border-radius:16px;border:2px solid var(--lime);display:inline-flex;align-items:center;justify-content:center;font:800 1rem var(--fd);color:var(--lime);object-fit:cover;flex:0 0 auto;background:var(--bg3)}
.searchbar{display:flex;align-items:center;gap:.6rem;background:var(--bg2);border:1px solid var(--line2);border-radius:999px;padding:.5rem .5rem .5rem 1.3rem;max-width:640px;box-shadow:var(--soft2)}
.searchbar input{border:0;outline:0;flex:1;font-size:1rem;background:transparent;min-width:0;color:#fff}
.searchbar input::placeholder{color:#6B7280}
/* ticker */
.ticker{background:var(--lime);color:var(--ink);overflow:hidden}
.mq{overflow:hidden;display:flex}
.mq-track{display:flex;gap:2.4rem;width:max-content;padding:.9rem 0;animation:mq 30s linear infinite;align-items:center}
.mq.rev .mq-track{animation-direction:reverse}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.titem{font:700 .88rem var(--fb);letter-spacing:.14em;white-space:nowrap;display:flex;gap:.6rem;align-items:center}
.titem i{color:var(--vio)}
.rv{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.women{background:linear-gradient(180deg,rgba(244,114,182,.09),rgba(11,11,18,0));border-block:1px solid var(--line)}
.arch{border-radius:150px 150px 22px 22px}
.social-ic{width:36px;height:36px;border:1px solid var(--line2);border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--bg3);transition:var(--tr);color:#fff}
.social-ic:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:translateY(-3px)}
/* plans */
.plan{position:relative;padding:2rem 1.6rem;height:100%;display:flex;flex-direction:column}
.plan .price{font:900 2.6rem var(--fd);letter-spacing:-.03em;color:#fff}
.plan ul{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.55rem}
.plan ul li{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem}
.plan ul li i{color:var(--lime);margin-top:.15rem}
.plan.hot{background:linear-gradient(160deg,rgba(124,58,237,.28),rgba(20,20,29,.9));border:1px solid rgba(139,92,246,.5);color:#fff}
.plan.hot .muted{color:#b6b1d8}
.ribbon{position:absolute;top:-15px;right:18px}
/* tables */
.table{--bs-table-bg:transparent;color:#E5E7EB}
.cmp td,.cmp th{border-color:var(--line);vertical-align:middle;padding:.85rem}
.cmp thead th{background:var(--bg3);color:#fff;font-family:var(--fd);border:0}
.cmp thead th:last-child{background:var(--vio)}
/* forms */
.form-control,.form-select{border:1px solid var(--line2);border-radius:12px;padding:.65rem .9rem;background:var(--bg2);color:#fff;font-size:.95rem}
.form-control::placeholder{color:#6B7280}
.form-control:focus,.form-select:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(201,242,75,.15);background:var(--bg2);color:#fff}
.form-select option{color:var(--ink)}
label.fw{font-weight:700;font-size:.85rem;margin-bottom:.3rem;color:#E5E7EB}
.input-group-text{background:var(--bg3);border:1px solid var(--line2);color:var(--lime)}
.form-check-input{background-color:var(--bg3);border-color:var(--line2)}
.form-check-input:checked{background-color:var(--lime);border-color:var(--lime)}
.progress{background:rgba(255,255,255,.1)}
/* bootstrap dark overrides */
.accordion-button{background:transparent;color:#fff}
.accordion-button:not(.collapsed){background:rgba(124,58,237,.18);color:var(--lime);box-shadow:none}
.accordion-button::after{filter:invert(1) grayscale(1)}
.accordion-body{color:var(--mut)}
.modal-content{background:#14141D;color:#fff;border:2px solid var(--line2);border-radius:var(--r)}
/* chat */
.chat{height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding:1rem;background:transparent}
.bub{max-width:82%;padding:.7rem 1rem;border:1px solid var(--line2);border-radius:16px 16px 16px 5px;background:var(--bg3);color:#fff;font-size:.92rem;animation:pop .25s}
.bub.me{align-self:flex-end;background:var(--vio);color:#fff;border-radius:16px 16px 5px 16px;border-color:var(--vio)}
@keyframes pop{from{transform:scale(.92);opacity:0}}
/* AI fab */
.aifab{position:fixed;right:18px;bottom:86px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--vio),#5B21B6);color:#fff;border:1px solid var(--line2);box-shadow:0 10px 30px rgba(124,58,237,.5);font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:95;transition:var(--tr)}
.aifab:hover{transform:scale(1.08) rotate(6deg)}
.aifab:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--lime);animation:pulse 2s infinite;opacity:.6}
@keyframes pulse{to{transform:scale(1.35);opacity:0}}
.aidrawer{position:fixed;right:14px;bottom:156px;width:min(380px,calc(100vw - 28px));background:rgba(20,20,29,.94);backdrop-filter:blur(22px);border:1px solid var(--line2);border-radius:20px;box-shadow:var(--soft);z-index:96;display:none;overflow:hidden}
.aidrawer.open{display:block;animation:pop .25s}
.aid-head{display:flex;align-items:center;gap:.7rem;background:linear-gradient(90deg,var(--vio),#5B21B6);color:#fff;padding:.8rem 1rem}
.aid-head .btn-icon{margin-left:auto;background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
/* footer */
.foot{background:#08080D;color:#fff;margin-top:70px;border-top:1px solid var(--line)}
.foot h6{color:var(--lime);font:800 .78rem var(--fd);letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}
.foot a{display:block;color:#9CA3AF;margin-bottom:.5rem;font-size:.92rem;transition:var(--tr)}
.foot a:hover{color:var(--lime);transform:translateX(4px)}
.footbar{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1.1rem 0;color:#6B7280;font-size:.85rem}
.footbar .pwr b{color:var(--lime);letter-spacing:.12em}
.wafloat{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#22c15e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:1px solid rgba(0,0,0,.4);box-shadow:0 10px 26px rgba(34,193,94,.45);z-index:95;transition:var(--tr)}
.wafloat:hover{color:#fff;transform:scale(1.08)}
/* search layer */
.searchlayer{position:fixed;inset:0;background:rgba(5,5,10,.7);backdrop-filter:blur(14px);z-index:1050;display:none}
.searchlayer.open{display:block}
.searchbox{display:flex;gap:.7rem;align-items:center;background:var(--bg2);border:1px solid var(--line2);border-radius:999px;padding:.9rem 1.3rem;box-shadow:var(--soft)}
.searchbox input{flex:1;border:0;outline:0;font-size:1.1rem;min-width:0;background:transparent;color:#fff}
.q-out{margin-top:1rem;display:grid;gap:.6rem;max-height:60vh;overflow:auto}
.q-item{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:.8rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;color:#fff;transition:var(--tr)}
.q-item:hover{background:var(--lime);color:var(--ink);transform:translateX(6px)}
.q-item:hover .muted{color:#3f3a10}
/* misc */
.toastx{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--lime);color:var(--ink);padding:.8rem 1.4rem;border-radius:999px;border:2px solid var(--ink);z-index:2000;display:none;font-weight:700;max-width:92vw;text-align:center;box-shadow:0 0 40px rgba(201,242,75,.4)}
.stars i{color:#F5B301}
.game-wrap canvas{border:1px solid var(--line2);border-radius:18px;background:var(--bg2);width:100%;max-width:430px;touch-action:none;box-shadow:var(--soft)}
.slot.disabled{opacity:.4;cursor:not-allowed}
/* light-surface text fix (inline white/pastel cards) */
/* Light-surface text fix (inline white/pastel cards) */
[style*="background:#fff"],[style*="#F4FFD6"],[style*="#FFF8E1"],[style*="#FFDCEB"],[style*="#D6F7EA"],[style*="var(--vio-t)"]{color:#14102B}
[style*="background:#fff"] h1,[style*="background:#fff"] h2,[style*="background:#fff"] h3,[style*="background:#fff"] h4,[style*="background:#fff"] h5,[style*="background:#fff"] h6,[style*="background:#fff"] .fw-bold,[style*="background:#fff"] .fw,
[style*="#F4FFD6"] h4,[style*="#F4FFD6"] h5,[style*="#F4FFD6"] .fw-bold,
[style*="#FFF8E1"] h4,[style*="#FFF8E1"] h5,[style*="#FFF8E1"] .fw-bold,
[style*="#FFDCEB"] h4,[style*="#FFDCEB"] h5,[style*="#FFDCEB"] .fw-bold,
[style*="#D6F7EA"] h4,[style*="#D6F7EA"] h5,[style*="#D6F7EA"] .fw-bold,
[style*="var(--vio-t)"] h1,[style*="var(--vio-t)"] h2,[style*="var(--vio-t)"] h4,[style*="var(--vio-t)"] .fw-bold{color:#14102B}
[style*="background:#fff"] .muted,[style*="#F4FFD6"] .muted,[style*="#FFF8E1"] .muted,[style*="#FFDCEB"] .muted,[style*="#D6F7EA"] .muted,[style*="var(--vio-t)"] .muted{color:#5b5680}
@media (max-width:991px){.sec{padding:60px 0}.wm{display:none}.navbar-collapse{background:rgba(20,20,29,.97);backdrop-filter:blur(20px);border:1px solid var(--line2);border-radius:18px;padding:1rem;margin-top:.7rem;box-shadow:var(--soft)}}
@media (max-width:767px){
 .sec{padding:52px 0}.hero{padding:48px 0 44px}.hero h1{font-size:2.3rem}
 .searchbar{padding:.4rem .4rem .4rem 1rem}.searchbar .btn-pill{padding:.42rem .9rem;font-size:.8rem}
 .hcard{max-width:100%!important}.mq-track{gap:1rem}
 .plan{padding:1.5rem 1.2rem}.plan .price{font-size:2.1rem}
 .footbar{justify-content:center;text-align:center}
 .wafloat{width:48px;height:48px;right:12px;bottom:12px}
 .aifab{width:52px;height:52px;right:12px;bottom:72px}
 .aidrawer{right:10px;bottom:132px}
 .chat{height:300px}.game-wrap canvas{max-width:100%}.cmp{font-size:.82rem}
 .arch{border-radius:80px 80px 18px 18px}
 #countdown .card-x{min-width:70px;padding:.7rem!important}#countdown .disp{font-size:1.4rem!important}
 .btn-pill{padding:.62rem 1.2rem;font-size:.9rem}.avatar{width:46px;height:46px}.sec-t{font-size:1.75rem}
}
@media (max-width:400px){.hero h1{font-size:2rem}.btn-pill.sm{padding:.4rem .8rem;font-size:.78rem}}
.lang-ur{font-family:'Noto Naskh Arabic','Space Grotesk',serif}
.lang-ur h1,.lang-ur h2,.lang-ur h3,.lang-ur h4,.lang-ur h5,.lang-ur .disp{font-family:'Noto Naskh Arabic',serif;letter-spacing:0}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mq-track{animation:none;flex-wrap:wrap}.rv{opacity:1;transform:none}}


/* ==========================================================================
   EVERYTHING ABOVE THIS LINE = your original site theme (unchanged).
   EVERYTHING BELOW THIS LINE = new dashboard-only theme (used via .dl-wrap).
   Nothing below touches classes used elsewhere on the site.
   ========================================================================== */
/* ==========================================================================
   ME1.BIO — PREMIUM FUTURISTIC DASHBOARD
   File: assets/css/me1.css

   Dashboard namespace:
   .m1d-*

   This section is intentionally isolated from the rest of me1.bio.
   Existing website theme remains untouched.
========================================================================== */


/* =========================================================
   01. DASHBOARD TOKENS
========================================================= */

:root{

    --m1d-bg:#08090d;
    --m1d-bg-soft:#0d1017;
    --m1d-panel:rgba(18,21,29,.76);
    --m1d-panel-strong:#12151d;

    --m1d-line:rgba(255,255,255,.075);
    --m1d-line-bright:rgba(255,255,255,.14);

    --m1d-white:#f8fafc;
    --m1d-text:#e9edf3;
    --m1d-muted:#858d9d;
    --m1d-dim:#596171;

    --m1d-lime:#c9f24b;
    --m1d-lime-dark:#9fca28;

    --m1d-violet:#7c3aed;
    --m1d-violet-light:#9b6cff;

    --m1d-mint:#34d399;
    --m1d-rose:#f472b6;
    --m1d-blue:#60a5fa;

    --m1d-radius:24px;
    --m1d-radius-sm:16px;

    --m1d-shadow:
        0 30px 80px rgba(0,0,0,.38);

    --m1d-shadow-sm:
        0 12px 35px rgba(0,0,0,.25);

    --m1d-glow:
        0 0 45px rgba(201,242,75,.13);

    --m1d-transition:
        .28s cubic-bezier(.2,.7,.2,1);

}


/* =========================================================
   02. GLOBAL DASHBOARD RESET
========================================================= */

.m1d-shell,
.m1d-shell *{
    box-sizing:border-box;
}

.m1d-shell{
    position:relative;
    min-height:calc(100vh - 70px);
    padding:34px 0 90px;
    overflow:hidden;

    background:
        radial-gradient(
            50% 40% at 80% 0%,
            rgba(124,58,237,.14),
            transparent 70%
        ),
        radial-gradient(
            40% 35% at 0% 30%,
            rgba(201,242,75,.055),
            transparent 70%
        ),
        var(--m1d-bg);

    color:var(--m1d-text);
}


/* =========================================================
   03. FUTURISTIC BACKGROUND
========================================================= */

.m1d-shell:before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 85%
        );

    pointer-events:none;
}


.m1d-grid{
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(201,242,75,.035),
            transparent 55%
        );

    pointer-events:none;
}


.m1d-orbit{
    position:absolute;
    border:1px solid rgba(255,255,255,.035);
    border-radius:50%;
    pointer-events:none;
    animation:m1d-orbit-spin 35s linear infinite;
}


.m1d-orbit-one{
    width:650px;
    height:650px;
    right:-330px;
    top:100px;
}


.m1d-orbit-two{
    width:430px;
    height:430px;
    left:-250px;
    bottom:50px;
    animation-duration:45s;
    animation-direction:reverse;
}


@keyframes m1d-orbit-spin{
    to{
        transform:rotate(360deg);
    }
}


/* =========================================================
   04. CONTAINER
========================================================= */

.m1d-container{
    position:relative;
    z-index:2;
}


/* =========================================================
   05. MOBILE BAR
========================================================= */

.m1d-mobilebar{
    display:none;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}


.m1d-mobile-brand{
    display:flex;
    align-items:center;
    gap:11px;
}


.m1d-mobile-brand strong{
    display:block;
    font-family:var(--fd);
    font-size:18px;
    font-weight:900;
    color:#fff;
    letter-spacing:-.04em;
}


.m1d-mobile-brand strong span{
    color:var(--m1d-violet-light);
}


.m1d-mobile-brand small{
    display:block;
    margin-top:-2px;

    font-size:8px;
    font-weight:800;
    letter-spacing:.18em;
    color:var(--m1d-muted);
}


.m1d-brand-mark{
    position:relative;

    width:38px;
    height:38px;

    border:1px solid rgba(201,242,75,.35);
    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            rgba(201,242,75,.16),
            rgba(124,58,237,.14)
        );

    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;

    box-shadow:
        inset 0 1px rgba(255,255,255,.08),
        0 8px 25px rgba(0,0,0,.25);
}


.m1d-brand-mark span{
    width:4px;
    border-radius:10px;
    background:var(--m1d-lime);
}


.m1d-brand-mark span:nth-child(1){
    height:9px;
}


.m1d-brand-mark span:nth-child(2){
    height:16px;
}


.m1d-brand-mark span:nth-child(3){
    height:12px;
}


.m1d-mobile-toggle{
    width:43px;
    height:43px;

    border:1px solid var(--m1d-line-bright);
    border-radius:14px;

    background:rgba(255,255,255,.04);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:21px;

    cursor:pointer;
}


/* =========================================================
   06. SIDEBAR
========================================================= */

.m1d-sidebar{
    position:sticky;
    top:92px;

    min-height:calc(100vh - 125px);

    padding:18px;

    background:
        linear-gradient(
            155deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    border:1px solid var(--m1d-line);
    border-radius:28px;

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    box-shadow:
        var(--m1d-shadow),
        inset 0 1px rgba(255,255,255,.035);

    overflow:hidden;
}


.m1d-sidebar:before{
    content:"";

    position:absolute;
    width:260px;
    height:260px;

    top:-150px;
    left:-120px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(201,242,75,.11),
            transparent 70%
        );

    pointer-events:none;
}


.m1d-sidebar-close{
    display:none;
}


/* =========================================================
   07. SIDEBAR BRAND
========================================================= */

.m1d-sidebar-brand{
    position:relative;

    display:flex;
    align-items:center;
    gap:13px;

    padding:8px 5px 22px;

    border-bottom:1px solid var(--m1d-line);
}


.m1d-logo-orb{
    position:relative;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;
}


.m1d-logo-core{
    width:21px;
    height:21px;

    border-radius:7px;

    background:
        linear-gradient(
            135deg,
            var(--m1d-lime),
            #7eae16
        );

    box-shadow:
        0 0 24px rgba(201,242,75,.35),
        inset 0 1px rgba(255,255,255,.5);

    transform:rotate(45deg);
}


.m1d-logo-ring{
    position:absolute;
    inset:3px;

    border:1px solid rgba(201,242,75,.28);
    border-radius:15px;

    transform:rotate(45deg);
}


.m1d-logo-ring.ring-b{
    inset:9px;
    border-color:rgba(124,58,237,.35);
}


.m1d-brand-copy strong{
    display:block;

    font-family:var(--fd);
    font-size:20px;
    font-weight:900;
    letter-spacing:-.05em;

    color:#fff;
}


.m1d-brand-copy strong span{
    color:var(--m1d-violet-light);
}


.m1d-brand-copy small{
    display:block;

    margin-top:-1px;

    color:var(--m1d-muted);

    font-size:8px;
    font-weight:800;
    letter-spacing:.19em;
}


/* =========================================================
   08. USER CARD
========================================================= */

.m1d-user-card{
    position:relative;

    margin-top:16px;
    padding:15px;

    border:1px solid var(--m1d-line);
    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );
}


.m1d-user-top{
    display:flex;
    align-items:center;
    gap:12px;
}


.m1d-avatar-wrap{
    position:relative;
    flex:0 0 auto;
}


.m1d-avatar{
    width:46px;
    height:46px;

    border-radius:15px;

    object-fit:cover;

    border:1px solid rgba(255,255,255,.15);

    background:#1a1d25;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
}


.m1d-avatar-initial{
    font-family:var(--fd);
    font-size:13px;
    font-weight:900;

    background:
        linear-gradient(
            145deg,
            rgba(124,58,237,.65),
            rgba(201,242,75,.16)
        );

    border-color:rgba(201,242,75,.35);
}


.m1d-online{
    position:absolute;

    width:10px;
    height:10px;

    right:-1px;
    bottom:-1px;

    background:var(--m1d-mint);

    border:2px solid #12151d;
    border-radius:50%;

    box-shadow:
        0 0 12px rgba(52,211,153,.7);
}


.m1d-user-info{
    min-width:0;
}


.m1d-user-info strong{
    display:block;

    color:#fff;

    font-family:var(--fd);
    font-size:13px;
    font-weight:800;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.m1d-plan-text{
    display:block;

    margin-top:2px;

    font-size:10px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;
}


.m1d-profile-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:13px;
}


.m1d-profile-meta span{
    display:flex;
    align-items:center;
    gap:5px;

    color:var(--m1d-muted);

    font-size:9px;
}


.m1d-profile-meta i{
    color:var(--m1d-lime);
}


.m1d-plan-progress{
    margin-top:14px;
}


.m1d-progress-label{
    display:flex;
    justify-content:space-between;
    gap:10px;

    margin-bottom:7px;

    font-size:9px;
    color:var(--m1d-muted);
}


.m1d-progress-label strong{
    color:#fff;
}


.m1d-progress-track{
    height:5px;

    background:rgba(255,255,255,.07);
    border-radius:999px;

    overflow:hidden;
}


.m1d-progress-fill{
    height:100%;

    min-width:3px;

    border-radius:999px;

    box-shadow:0 0 12px currentColor;
}


/* =========================================================
   09. SIDEBAR NAVIGATION
========================================================= */

.m1d-nav-label{
    display:flex;
    align-items:center;
    gap:9px;

    margin:22px 5px 9px;
}


.m1d-nav-label span{
    font-size:8px;
    font-weight:900;
    letter-spacing:.2em;

    color:var(--m1d-dim);
}


.m1d-nav-label i{
    height:1px;
    flex:1;

    background:var(--m1d-line);
}


.m1d-navigation{
    display:flex;
    flex-direction:column;
    gap:4px;
}


.m1d-nav-item{
    position:relative;

    display:flex;
    align-items:center;
    gap:10px;

    min-height:56px;

    padding:8px;

    color:var(--m1d-muted);

    border:1px solid transparent;
    border-radius:17px;

    transition:var(--m1d-transition);
}


.m1d-nav-item:hover{
    color:#fff;

    background:rgba(255,255,255,.035);

    border-color:var(--m1d-line);

    transform:translateX(3px);
}


.m1d-nav-item.active{
    color:#fff;

    background:
        linear-gradient(
            100deg,
            rgba(124,58,237,.24),
            rgba(124,58,237,.07)
        );

    border-color:rgba(124,58,237,.3);

    box-shadow:
        inset 0 1px rgba(255,255,255,.04);
}


.m1d-nav-icon{
    width:39px;
    height:39px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:rgba(255,255,255,.035);

    color:var(--m1d-muted);

    transition:var(--m1d-transition);
}


.m1d-nav-item:hover .m1d-nav-icon{
    color:var(--m1d-lime);
}


.m1d-nav-item.active .m1d-nav-icon{
    background:var(--m1d-violet);
    color:#fff;

    box-shadow:
        0 8px 24px rgba(124,58,237,.3);
}


.m1d-nav-copy{
    min-width:0;
    flex:1;
}


.m1d-nav-copy strong{
    display:block;

    font-family:var(--fd);
    font-size:11px;
    font-weight:800;

    color:inherit;
}


.m1d-nav-copy small{
    display:block;

    margin-top:1px;

    color:var(--m1d-dim);

    font-size:8px;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.m1d-nav-item.active .m1d-nav-copy small{
    color:#9c8fc1;
}


.m1d-nav-active{
    display:flex;
    align-items:center;
    justify-content:center;

    width:24px;
    height:24px;

    color:var(--m1d-lime);

    font-size:10px;
}


/* =========================================================
   10. UPGRADE CARD
========================================================= */

.m1d-upgrade-card{
    position:relative;

    display:flex;
    align-items:center;
    gap:11px;

    margin-top:18px;
    padding:13px;

    overflow:hidden;

    border:1px solid rgba(201,242,75,.2);
    border-radius:18px;

    background:
        linear-gradient(
            135deg,
            rgba(201,242,75,.08),
            rgba(124,58,237,.08)
        );

    color:#fff;

    transition:var(--m1d-transition);
}


.m1d-upgrade-card:hover{
    transform:translateY(-3px);

    border-color:rgba(201,242,75,.42);

    box-shadow:
        0 15px 35px rgba(0,0,0,.2),
        0 0 30px rgba(201,242,75,.08);

    color:#fff;
}


.m1d-upgrade-glow{
    position:absolute;

    width:90px;
    height:90px;

    right:-30px;
    top:-40px;

    border-radius:50%;

    background:rgba(201,242,75,.12);

    filter:blur(15px);
}


.m1d-upgrade-icon{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:var(--m1d-lime);
    color:#10140b;

    font-size:15px;

    box-shadow:
        0 7px 20px rgba(201,242,75,.2);
}


.m1d-upgrade-copy{
    min-width:0;
    flex:1;
}


.m1d-upgrade-copy strong{
    display:block;

    font-family:var(--fd);
    font-size:10px;
    font-weight:900;
}


.m1d-upgrade-copy span{
    display:block;

    margin-top:2px;

    color:var(--m1d-muted);

    font-size:8px;
}


.m1d-upgrade-arrow{
    color:var(--m1d-lime);
    font-size:12px;
}


/* =========================================================
   11. SIDEBAR FOOTER
========================================================= */

.m1d-sidebar-footer{
    margin-top:auto;
    padding-top:16px;
}


.m1d-logout{
    display:flex;
    align-items:center;
    gap:10px;

    color:var(--m1d-muted);

    padding:9px 6px;

    font-size:10px;

    border-radius:12px;

    transition:var(--m1d-transition);
}


.m1d-logout:hover{
    color:#fff;
    background:rgba(244,114,182,.06);
}


.m1d-logout span{
    width:31px;
    height:31px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:rgba(255,255,255,.035);
}


.m1d-version{
    display:block;

    margin-top:10px;

    color:#3e4552;

    font-size:8px;
    letter-spacing:.13em;
    text-transform:uppercase;
}


/* =========================================================
   12. MAIN CONTENT
========================================================= */

.m1d-main{
    min-width:0;
}


/* =========================================================
   13. PAGE HEADER
========================================================= */

.m1d-page-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:25px;

    margin-bottom:26px;
}


.m1d-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;

    color:var(--m1d-lime);
    font-family: Montserrat,Sans-Serif;
    font-size:8px;
    font-weight:900;
    letter-spacing:.2em;
}


.m1d-eyebrow-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--m1d-lime);
    box-shadow:
        0 0 13px var(--m1d-lime);
    animation:m1d-blink 2s infinite;
}


@keyframes m1d-blink{

    0%,100%{
        opacity:1;
    }

    50%{
        opacity:.35;
    }

}


.m1d-page-title{
    margin:5px 0 2px;

    color:#fff;

    font-family:var(--fd);
    font-size:clamp(27px,3vw,39px);
    font-weight:900;

    letter-spacing:-.055em;
    line-height:1.05;
}


.m1d-page-subtitle{
    margin:0;

    color:var(--m1d-muted);

    font-size:11px;
}


.m1d-header-actions{
    display:flex;
    align-items:center;
    gap:9px;
}


.m1d-header-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;

    height:39px;

    padding:0 14px;

    border:1px solid var(--m1d-line-bright);
    border-radius:13px;

    background:rgba(255,255,255,.035);

    color:#cdd2dc;

    font-size:10px;
    font-weight:700;

    transition:var(--m1d-transition);
}


.m1d-header-btn:hover{
    color:#fff;

    border-color:rgba(201,242,75,.3);

    background:rgba(201,242,75,.05);

    transform:translateY(-2px);
}


.m1d-header-btn i{
    color:var(--m1d-lime);
}


.m1d-header-avatar{
    display:flex;
    align-items:center;
    gap:7px;

    padding:3px 8px 3px 3px;

    border:1px solid var(--m1d-line-bright);
    border-radius:13px;

    background:rgba(255,255,255,.035);

    color:var(--m1d-muted);

    transition:var(--m1d-transition);
}


.m1d-header-avatar:hover{
    border-color:rgba(255,255,255,.25);
    color:#fff;
}


.m1d-header-avatar img,
.m1d-header-avatar span{
    width:32px;
    height:32px;

    border-radius:10px;

    object-fit:cover;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
        linear-gradient(
            135deg,
            var(--m1d-violet),
            #29145c
        );

    color:#fff;

    font-size:9px;
    font-weight:900;
}


.m1d-header-avatar i{
    font-size:8px;
}


/* =========================================================
   14. TRIAL BANNER
========================================================= */

.m1d-trial-banner{
    position:relative;

    display:flex;
    align-items:center;
    gap:13px;

    margin-bottom:18px;
    padding:12px 14px;

    border:1px solid rgba(201,242,75,.2);
    border-radius:17px;

    background:
        linear-gradient(
            90deg,
            rgba(201,242,75,.08),
            rgba(124,58,237,.05)
        );

    overflow:hidden;
}


.m1d-trial-icon{
    width:38px;
    height:38px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:rgba(201,242,75,.12);
    color:var(--m1d-lime);
}


.m1d-trial-copy{
    min-width:0;
    flex:1;
}


.m1d-trial-copy strong{
    display:block;

    color:#fff;

    font-family:var(--fd);
    font-size:11px;
    font-weight:800;
}


.m1d-trial-copy span{
    display:block;

    margin-top:1px;

    color:var(--m1d-muted);

    font-size:9px;
}


/* =========================================================
   15. BUTTON SYSTEM
========================================================= */

.m1d-primary-btn,
.m1d-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:40px;

    padding:0 16px;

    border-radius:13px;

    font-size:10px;
    font-weight:800;

    cursor:pointer;

    transition:var(--m1d-transition);
}


.m1d-primary-btn{
    border:1px solid var(--m1d-lime);

    background:var(--m1d-lime);

    color:#121608;

    box-shadow:
        0 8px 22px rgba(201,242,75,.13);
}


.m1d-primary-btn:hover{
    color:#101408;

    transform:translateY(-2px);

    filter:brightness(1.05);

    box-shadow:
        0 13px 30px rgba(201,242,75,.2);
}


.m1d-secondary-btn{
    border:1px solid var(--m1d-line-bright);

    background:rgba(255,255,255,.035);

    color:#e5e8ed;
}


.m1d-secondary-btn:hover{
    color:#fff;

    border-color:rgba(255,255,255,.28);

    background:rgba(255,255,255,.07);

    transform:translateY(-2px);
}


.m1d-secondary-btn i,
.m1d-primary-btn i{
    font-size:11px;
}


/* =========================================================
   16. HERO GRID
========================================================= */

.m1d-hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.65fr)
        minmax(220px,.75fr);

    gap:15px;

    margin-bottom:27px;
}


/* =========================================================
   17. HERO CARD
========================================================= */

.m1d-hero-card{
    position:relative;

    min-height:295px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.09);
    border-radius:27px;

    background:
        radial-gradient(
            100% 120% at 100% 0%,
            rgba(124,58,237,.27),
            transparent 55%
        ),
        linear-gradient(
            140deg,
            #161a22,
            #0e1118
        );

    box-shadow:
        var(--m1d-shadow),
        inset 0 1px rgba(255,255,255,.06);
}


.m1d-hero-card:before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    right:-150px;
    bottom:-190px;

    border-radius:50%;

    border:1px solid rgba(201,242,75,.13);

    box-shadow:
        0 0 0 30px rgba(201,242,75,.025),
        0 0 0 60px rgba(201,242,75,.018);
}


.m1d-hero-card:after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    top:-90px;
    right:15%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(124,58,237,.22),
            transparent 70%
        );

    filter:blur(10px);
}


.m1d-hero-noise{
    position:absolute;
    inset:0;

    opacity:.17;

    background-image:
        radial-gradient(
            rgba(255,255,255,.3) .5px,
            transparent .5px
        );

    background-size:6px 6px;

    mask-image:
        linear-gradient(
            130deg,
            black,
            transparent 65%
        );

    pointer-events:none;
}


.m1d-hero-content{
    position:relative;
    z-index:2;

    height:100%;

    padding:23px;
}


.m1d-hero-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;
}


.m1d-live-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:5px 8px;

    border-radius:999px;

    background:rgba(52,211,153,.08);
    border:1px solid rgba(52,211,153,.2);

    color:var(--m1d-mint);

    font-size:7px;
    font-weight:900;

    letter-spacing:.13em;
}


.m1d-live-badge i{
    font-size:9px;
}


.m1d-hero-id{
    color:#4e5664;

    font-size:7px;
    font-weight:800;

    letter-spacing:.15em;
}


.m1d-hero-user{
    display:flex;
    align-items:center;
    gap:16px;

    margin-top:48px;
}


.m1d-hero-avatar{
    position:relative;

    width:76px;
    height:76px;

    flex:0 0 auto;

    border-radius:24px;

    padding:2px;

    background:
        linear-gradient(
            135deg,
            var(--m1d-lime),
            var(--m1d-violet)
        );

    box-shadow:
        0 16px 35px rgba(0,0,0,.3),
        0 0 30px rgba(201,242,75,.08);
}


.m1d-hero-avatar img,
.m1d-hero-avatar span{
    width:100%;
    height:100%;

    border-radius:21px;

    object-fit:cover;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#171a22;

    color:#fff;

    font-family:var(--fd);
    font-size:21px;
    font-weight:900;
}


.m1d-avatar-shine{
    position:absolute;

    top:3px;
    left:8px;

    width:35px;
    height:10px;

    border-radius:50%;

    background:rgba(255,255,255,.2);

    filter:blur(5px);

    transform:rotate(-35deg);
}


.m1d-hero-welcome{
    display:block;

    margin-bottom:2px;

    color:var(--m1d-muted);

    font-size:9px;
}


.m1d-hero-user-copy h2{
    margin:0;

    color:#fff;

    font-family:var(--fd);
    font-size:26px;
    font-weight:900;

    letter-spacing:-.045em;
}


.m1d-hero-user-copy p{
    margin:3px 0 0;

    color:#717988;

    font-size:10px;
}


.m1d-hero-user-copy p span{
    margin:0 4px;
    color:#424957;
}


.m1d-hero-bottom{
    position:absolute;

    left:23px;
    right:23px;
    bottom:22px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}


.m1d-mini-label{
    display:block;

    color:#596170;

    font-size:7px;
    font-weight:900;

    letter-spacing:.16em;
}


.m1d-hero-plan strong{
    display:block;

    margin-top:3px;

    color:#fff;

    font-family:var(--fd);
    font-size:13px;
    font-weight:800;
}


.m1d-hero-days{
    display:flex;
    align-items:flex-end;
    gap:7px;

    text-align:right;
}


.m1d-hero-days strong{
    color:var(--m1d-lime);

    font-family:var(--fd);
    font-size:30px;
    line-height:.85;
    font-weight:900;

    letter-spacing:-.06em;

    text-shadow:
        0 0 25px rgba(201,242,75,.15);
}


.m1d-hero-days span{
    padding-bottom:2px;

    color:#626a77;

    font-size:6px;
    font-weight:900;

    line-height:1.25;

    letter-spacing:.14em;
}


/* =========================================================
   18. 3D ORB CARD
========================================================= */

.m1d-orb-card{
    position:relative;

    min-height:295px;

    overflow:hidden;

    border:1px solid var(--m1d-line);

    border-radius:27px;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(124,58,237,.12),
            transparent 48%
        ),
        rgba(255,255,255,.025);

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    box-shadow:
        var(--m1d-shadow-sm),
        inset 0 1px rgba(255,255,255,.04);
}


.m1d-orb-card-label{
    position:absolute;

    left:18px;
    top:18px;

    display:flex;
    align-items:center;
    gap:7px;
}


.m1d-orb-card-label span{
    color:var(--m1d-lime);

    font-size:7px;
    font-weight:900;
    letter-spacing:.15em;
}


.m1d-orb-card-label strong{
    color:#58606e;

    font-size:7px;
    font-weight:800;
    letter-spacing:.12em;
}


.m1d-3d-orb{
    position:relative;

    width:158px;
    height:158px;

    display:flex;
    align-items:center;
    justify-content:center;

    perspective:700px;
}


.m1d-orb-ring{
    position:absolute;

    width:100%;
    height:100%;

    border:1px solid rgba(201,242,75,.2);
    border-radius:50%;

    transform:rotateX(65deg) rotateZ(20deg);

    box-shadow:
        0 0 25px rgba(201,242,75,.04);
}


.m1d-orb-ring:after{
    content:"";

    position:absolute;

    width:7px;
    height:7px;

    top:10px;
    left:50%;

    border-radius:50%;

    background:var(--m1d-lime);

    box-shadow:
        0 0 14px var(--m1d-lime);
}


.m1d-orb-ring.orb-ring-1{
    animation:m1d-ring1 8s linear infinite;
}


.m1d-orb-ring.orb-ring-2{
    width:78%;
    height:125%;

    border-color:rgba(124,58,237,.35);

    transform:rotateX(68deg) rotateY(55deg);

    animation:m1d-ring2 10s linear infinite reverse;
}


.m1d-orb-ring.orb-ring-3{
    width:125%;
    height:70%;

    border-color:rgba(52,211,153,.18);

    transform:rotateY(65deg) rotateZ(-20deg);

    animation:m1d-ring3 12s linear infinite;
}


@keyframes m1d-ring1{
    to{
        transform:rotateX(65deg) rotateZ(380deg);
    }
}


@keyframes m1d-ring2{
    to{
        transform:rotateX(68deg) rotateY(415deg);
    }
}


@keyframes m1d-ring3{
    to{
        transform:rotateY(425deg) rotateZ(-20deg);
    }
}


.m1d-orb-core{
    position:relative;
    z-index:5;

    width:78px;
    height:78px;

    border-radius:50%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    background:
        radial-gradient(
            circle at 35% 25%,
            #252c3b,
            #10131a 65%
        );

    border:1px solid rgba(201,242,75,.4);

    box-shadow:
        0 0 45px rgba(124,58,237,.23),
        inset 0 0 25px rgba(201,242,75,.06),
        0 15px 30px rgba(0,0,0,.4);

    animation:m1d-core-float 4s ease-in-out infinite;
}


@keyframes m1d-core-float{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-6px);
    }

}


.m1d-orb-core span{
    color:#fff;

    font-family:var(--fd);
    font-size:17px;
    font-weight:900;

    letter-spacing:-.05em;
}


.m1d-orb-core small{
    margin-top:-2px;

    color:var(--m1d-lime);

    font-size:6px;
    font-weight:900;
    letter-spacing:.25em;
}


.m1d-orb-status{
    display:flex;
    align-items:center;
    gap:6px;

    margin-top:15px;

    color:#59616e;

    font-size:7px;
    font-weight:900;

    letter-spacing:.17em;
}


.m1d-status-dot{
    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--m1d-mint);

    box-shadow:
        0 0 10px var(--m1d-mint);
}


/* =========================================================
   19. SECTION HEADINGS
========================================================= */

.m1d-section-heading{
    display:flex;
    align-items:flex-end;
    gap:15px;

    margin:0 0 13px;
}


.m1d-section-heading > div{
    flex:0 0 auto;
}


.m1d-section-heading > div > span{
    display:block;

    color:var(--m1d-lime);

    font-size:7px;
    font-weight:900;

    letter-spacing:.2em;
}


.m1d-section-heading h3{
    margin:3px 0 0;

    color:#fff;

    font-family:var(--fd);
    font-size:17px;
    font-weight:900;

    letter-spacing:-.035em;
}


.m1d-section-line{
    flex:1;

    height:1px;

    margin-bottom:6px;

    background:var(--m1d-line);
}


.m1d-section-heading > a{
    display:flex;
    align-items:center;
    gap:5px;

    color:var(--m1d-muted);

    font-size:9px;
    font-weight:800;

    transition:var(--m1d-transition);
}


.m1d-section-heading > a:hover{
    color:var(--m1d-lime);
}


.m1d-section-heading > a i{
    font-size:10px;
}


/* =========================================================
   20. STATISTICS
========================================================= */

.m1d-stats-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:11px;

    margin-bottom:27px;
}


.m1d-stat-card{
    position:relative;

    min-height:135px;

    overflow:hidden;

    display:flex;
    align-items:flex-start;
    gap:11px;

    padding:15px;

    border:1px solid var(--m1d-line);
    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    transition:var(--m1d-transition);
}


.m1d-stat-card:hover{
    transform:translateY(-5px);

    border-color:var(--m1d-line-bright);

    box-shadow:
        var(--m1d-shadow-sm);
}


.m1d-stat-icon{
    position:relative;
    z-index:2;

    width:37px;
    height:37px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    font-size:14px;
}


.m1d-stat-card.stat-lime .m1d-stat-icon{
    background:rgba(201,242,75,.1);
    color:var(--m1d-lime);
}


.m1d-stat-card.stat-violet .m1d-stat-icon{
    background:rgba(124,58,237,.13);
    color:var(--m1d-violet-light);
}


.m1d-stat-card.stat-mint .m1d-stat-icon{
    background:rgba(52,211,153,.1);
    color:var(--m1d-mint);
}


.m1d-stat-card.stat-rose .m1d-stat-icon{
    background:rgba(244,114,182,.1);
    color:var(--m1d-rose);
}


.m1d-stat-content{
    position:relative;
    z-index:2;

    min-width:0;
}


.m1d-stat-content span{
    display:block;

    color:var(--m1d-muted);

    font-size:8px;
    font-weight:700;

    white-space:nowrap;
}


.m1d-stat-content strong{
    display:block;

    margin-top:3px;

    color:#fff;

    font-family:var(--fd);
    font-size:25px;
    font-weight:900;

    letter-spacing:-.05em;
}


.m1d-stat-content small{
    display:block;

    margin-top:1px;

    color:#525b69;

    font-size:7px;
}


.m1d-stat-decoration{
    position:absolute;

    right:-7px;
    bottom:-16px;

    font-size:75px;

    opacity:.025;

    transform:rotate(-14deg);
}


.stat-lime .m1d-stat-decoration{
    color:var(--m1d-lime);
}


.stat-violet .m1d-stat-decoration{
    color:var(--m1d-violet-light);
}


.stat-mint .m1d-stat-decoration{
    color:var(--m1d-mint);
}


.stat-rose .m1d-stat-decoration{
    color:var(--m1d-rose);
}


/* =========================================================
   21. CONTENT GRID
========================================================= */

.m1d-content-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:13px;

    margin-bottom:28px;
}


.m1d-panel{
    position:relative;

    border:1px solid var(--m1d-line);
    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.015)
        );

    box-shadow:
        var(--m1d-shadow-sm),
        inset 0 1px rgba(255,255,255,.025);

    overflow:hidden;
}


.m1d-panel-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:12px;

    padding:17px 17px 13px;

    border-bottom:1px solid var(--m1d-line);
}


.m1d-panel-kicker{
    display:block;

    color:var(--m1d-dim);

    font-size:7px;
    font-weight:900;

    letter-spacing:.17em;
}


.m1d-panel-header h3{
    margin:3px 0 0;

    color:#fff;

    font-family:var(--fd);
    font-size:14px;
    font-weight:900;
}


.m1d-panel-symbol{
    color:#414958;
    font-size:16px;
}


.m1d-status-pill{
    display:flex;
    align-items:center;
    gap:5px;

    padding:4px 7px;

    border-radius:999px;

    font-size:6px;
    font-weight:900;

    letter-spacing:.12em;
}


.m1d-status-pill span{
    width:5px;
    height:5px;

    border-radius:50%;
}


.m1d-status-pill.active{
    color:var(--m1d-mint);
    background:rgba(52,211,153,.07);
}


.m1d-status-pill.active span{
    background:var(--m1d-mint);
    box-shadow:0 0 8px var(--m1d-mint);
}


.m1d-status-pill.inactive{
    color:var(--m1d-muted);
    background:rgba(255,255,255,.04);
}


.m1d-status-pill.inactive span{
    background:#555d6b;
}


/* =========================================================
   22. PLAN PANEL
========================================================= */

.m1d-plan-main{
    display:flex;
    align-items:center;
    gap:12px;

    padding:18px;
}


.m1d-plan-symbol{
    width:49px;
    height:49px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            color-mix(
                in srgb,
                var(--plan-color) 14%,
                transparent
            ),
            transparent
        );

    border:1px solid
        color-mix(
            in srgb,
            var(--plan-color) 25%,
            transparent
        );

    color:var(--plan-color);

    font-size:17px;
}


.m1d-plan-label{
    display:block;

    color:#59616e;

    font-size:7px;
    font-weight:900;

    letter-spacing:.13em;
}


.m1d-plan-main h4{
    margin:2px 0 0;

    color:#fff;

    font-family:var(--fd);
    font-size:15px;
    font-weight:900;
}


.m1d-plan-main p{
    margin:2px 0 0;

    color:var(--m1d-muted);

    font-size:8px;
}


.m1d-plan-main p span{
    margin:0 3px;
    color:#444b58;
}


.m1d-plan-meter{
    padding:0 18px 17px;
}


.m1d-meter-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:7px;

    color:#59616e;

    font-size:7px;
}


.m1d-meter-top strong{
    color:#a4abb7;
}


.m1d-meter-track{
    height:5px;

    overflow:hidden;

    border-radius:999px;

    background:rgba(255,255,255,.07);
}


.m1d-meter-fill{
    height:100%;

    border-radius:999px;

    box-shadow:0 0 13px currentColor;
}


.m1d-plan-panel > .m1d-secondary-btn{
    margin:0 18px 18px;
    width:calc(100% - 36px);
}


/* =========================================================
   23. FEATURES
========================================================= */

.m1d-feature-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;

    padding:17px;
}


.m1d-feature-item{
    display:flex;
    align-items:center;
    gap:7px;

    min-width:0;

    padding:8px;

    border:1px solid var(--m1d-line);
    border-radius:11px;

    color:#aab0bb;

    font-size:8px;

    background:rgba(255,255,255,.018);
}


.m1d-feature-check{
    width:20px;
    height:20px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:rgba(52,211,153,.09);

    color:var(--m1d-mint);

    font-size:9px;
}


.m1d-empty-feature{
    display:flex;
    align-items:center;
    gap:12px;

    padding:18px;
}


.m1d-empty-icon{
    width:42px;
    height:42px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:rgba(124,58,237,.1);
    color:var(--m1d-violet-light);
}


.m1d-empty-feature strong{
    display:block;

    color:#fff;

    font-family:var(--fd);
    font-size:10px;
}


.m1d-empty-feature p{
    margin:3px 0 0;

    color:var(--m1d-muted);

    font-size:8px;
}


/* =========================================================
   24. QUICK ACTIONS
========================================================= */

.m1d-actions-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;

    margin-bottom:28px;
}


.m1d-action-card{
    position:relative;

    min-height:135px;

    padding:15px;

    display:flex;
    flex-direction:column;

    border:1px solid var(--m1d-line);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.012)
        );

    color:#fff;

    overflow:hidden;

    transition:var(--m1d-transition);
}


.m1d-action-card:hover{
    color:#fff;

    transform:translateY(-5px);

    border-color:rgba(201,242,75,.2);

    box-shadow:
        var(--m1d-shadow-sm);
}


.m1d-action-card:before{
    content:"";

    position:absolute;

    width:90px;
    height:90px;

    right:-50px;
    top:-50px;

    border-radius:50%;

    background:rgba(201,242,75,.07);
}


.m1d-action-icon{
    position:relative;
    z-index:2;

    width:37px;
    height:37px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    margin-bottom:auto;

    font-size:14px;
}


.m1d-action-icon.violet{
    background:rgba(124,58,237,.12);
    color:var(--m1d-violet-light);
}


.m1d-action-icon.lime{
    background:rgba(201,242,75,.1);
    color:var(--m1d-lime);
}


.m1d-action-icon.mint{
    background:rgba(52,211,153,.1);
    color:var(--m1d-mint);
}


.m1d-action-icon.rose{
    background:rgba(244,114,182,.1);
    color:var(--m1d-rose);
}


.m1d-action-copy{
    position:relative;
    z-index:2;

    margin-top:15px;
}


.m1d-action-copy strong{
    display:block;

    font-family:var(--fd);
    font-size:10px;
    font-weight:900;
}


.m1d-action-copy span{
    display:block;

    margin-top:3px;

    color:var(--m1d-muted);

    font-size:7px;
    line-height:1.45;
}


.m1d-action-arrow{
    position:absolute;

    right:12px;
    top:12px;

    color:#555d69;

    font-size:9px;

    transition:var(--m1d-transition);
}


.m1d-action-card:hover .m1d-action-arrow{
    color:var(--m1d-lime);
    transform:translate(2px,-2px);
}


.m1d-action-card.locked{
    opacity:.6;
}


.m1d-action-card.locked:hover{
    opacity:.85;
}


/* =========================================================
   25. LEARNING / VIDEOS
========================================================= */

.m1d-learn-panel{
    margin-top:4px;
}


.m1d-youtube-icon{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:rgba(244,114,182,.08);
    color:var(--m1d-rose);
}


.m1d-video-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    padding:15px;
}


.m1d-video-card{
    position:relative;

    overflow:hidden;

    border:1px solid var(--m1d-line);
    border-radius:14px;

    background:#0d1016;

    transition:var(--m1d-transition);
}


.m1d-video-card:hover{
    transform:translateY(-3px);

    border-color:rgba(244,114,182,.3);
}


.m1d-video-thumb{
    position:relative;

    aspect-ratio:16/9;

    overflow:hidden;
}


.m1d-video-thumb img{
    width:100%;
    height:100%;

    object-fit:cover;

    opacity:.78;

    transition:var(--m1d-transition);
}


.m1d-video-card:hover img{
    transform:scale(1.05);
    opacity:1;
}


.m1d-video-play{
    position:absolute;

    left:50%;
    top:50%;

    width:35px;
    height:35px;

    transform:translate(-50%,-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(124,58,237,.9);

    color:#fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.3);
}


/* =========================================================
   26. PAGE INTRO
========================================================= */

.m1d-page-intro{
    display:flex;
    align-items:center;
    gap:15px;

    margin-bottom:20px;

    padding:17px;

    border:1px solid var(--m1d-line);
    border-radius:20px;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.012)
        );
}


.m1d-intro-icon{
    width:50px;
    height:50px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    font-size:18px;
}


.m1d-intro-icon.m1d-intro-lime{
    background:rgba(201,242,75,.1);
    color:var(--m1d-lime);
}


.m1d-intro-icon.m1d-intro-violet{
    background:rgba(124,58,237,.12);
    color:var(--m1d-violet-light);
}


.m1d-intro-icon.m1d-intro-rose{
    background:rgba(244,114,182,.1);
    color:var(--m1d-rose);
}


.m1d-intro-icon.m1d-intro-mint{
    background:rgba(52,211,153,.1);
    color:var(--m1d-mint);
}


.m1d-page-intro > div:last-child span{
    display:block;

    color:var(--m1d-lime);

    font-size:7px;
    font-weight:900;

    letter-spacing:.18em;
}


.m1d-page-intro h2{
    margin:3px 0 1px;

    color:#fff;

    font-family:var(--fd);
    font-size:19px;
    font-weight:900;

    letter-spacing:-.04em;
}


.m1d-page-intro p{
    margin:0;

    color:var(--m1d-muted);

    font-size:9px;
}


/* =========================================================
   27. FULL ACTIONS PAGE
========================================================= */

.m1d-actions-full{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:12px;
}


.m1d-tool-card{
    position:relative;

    min-height:190px;

    display:flex;
    flex-direction:column;

    padding:17px;

    border:1px solid var(--m1d-line);
    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    color:#fff;

    overflow:hidden;

    transition:var(--m1d-transition);
}


.m1d-tool-card:after{
    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-80px;
    bottom:-80px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.035);
}


.m1d-tool-card:hover{
    color:#fff;

    transform:
        translateY(-6px)
        perspective(700px)
        rotateX(1deg);

    border-color:rgba(201,242,75,.24);

    box-shadow:
        var(--m1d-shadow);
}


.m1d-tool-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.m1d-tool-icon{
    width:43px;
    height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    font-size:16px;
}


.m1d-tool-icon.violet{
    background:rgba(124,58,237,.12);
    color:var(--m1d-violet-light);
}


.m1d-tool-icon.lime{
    background:rgba(201,242,75,.1);
    color:var(--m1d-lime);
}


.m1d-tool-icon.mint{
    background:rgba(52,211,153,.1);
    color:var(--m1d-mint);
}


.m1d-tool-icon.rose{
    background:rgba(244,114,182,.1);
    color:var(--m1d-rose);
}


.m1d-tool-access{
    display:flex;
    align-items:center;
    gap:4px;

    padding:4px 6px;

    border-radius:999px;

    color:var(--m1d-mint);

    background:rgba(52,211,153,.06);

    font-size:6px;
    font-weight:900;

    letter-spacing:.1em;
}


.m1d-tool-card.locked .m1d-tool-access{
    color:#7b8390;
    background:rgba(255,255,255,.035);
}


.m1d-tool-copy{
    margin-top:24px;
}


.m1d-tool-copy h3{
    margin:0;

    color:#fff;

    font-family:var(--fd);
    font-size:15px;
    font-weight:900;
}


.m1d-tool-copy p{
    margin:5px 0 0;

    color:var(--m1d-muted);

    font-size:8px;
    line-height:1.55;
}


.m1d-tool-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:auto;
    padding-top:18px;

    color:#58606e;

    font-size:7px;
    font-weight:800;

    border-top:1px solid var(--m1d-line);
}


.m1d-tool-footer i{
    color:var(--m1d-lime);
}


.m1d-tool-card.locked .m1d-tool-footer i{
    color:#5a616d;
}


/* =========================================================
   28. FORMS
========================================================= */

.m1d-form-panel{
    min-height:100%;
}


.m1d-form-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:13px;

    padding:18px;
}


.m1d-form-field{
    min-width:0;
}


.m1d-form-field.half{
    grid-column:span 1;
}


.m1d-form-field.full{
    grid-column:1/-1;
}


.m1d-form-field label{
    display:block;

    margin-bottom:5px;

    color:#9da5b1;

    font-size:8px;
    font-weight:800;

    letter-spacing:.03em;
}


.m1d-form-field small{
    display:block;

    margin-top:5px;

    color:#555e6b;

    font-size:7px;
}


.m1d-shell .form-control,
.m1d-shell .form-select{
    min-height:41px;

    border:1px solid var(--m1d-line-bright) !important;
    border-radius:12px !important;

    background:
        rgba(255,255,255,.035) !important;

    color:#fff !important;

    box-shadow:none !important;

    font-size:9px;
}


.m1d-shell textarea.form-control{
    min-height:130px;
}


.m1d-shell .form-control::placeholder{
    color:#555e6b !important;
}


.m1d-shell .form-control:focus,
.m1d-shell .form-select:focus{
    border-color:rgba(201,242,75,.55) !important;

    box-shadow:
        0 0 0 3px rgba(201,242,75,.08) !important;

    background:
        rgba(255,255,255,.05) !important;
}


.m1d-shell .form-select option{
    background:#12151d;
    color:#fff;
}


.m1d-form-actions{
    grid-column:1/-1;

    display:flex;
    flex-wrap:wrap;
    gap:8px;

    padding-top:4px;
}


/* =========================================================
   29. PREVIEW PANEL
========================================================= */

.m1d-preview-panel{
    position:sticky;
    top:92px;

    min-height:100%;

    padding:17px;

    border:1px solid var(--m1d-line);
    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:var(--m1d-shadow-sm);
}


.m1d-preview-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:15px;
}


.m1d-preview-header span{
    display:block;

    color:var(--m1d-dim);

    font-size:7px;
    font-weight:900;

    letter-spacing:.16em;
}


.m1d-preview-header strong{
    display:block;

    margin-top:2px;

    color:#fff;

    font-family:var(--fd);
    font-size:13px;
}


.m1d-preview-live{
    display:flex !important;
    align-items:center;
    gap:5px;

    color:var(--m1d-mint) !important;

    font-size:7px !important;
}


.m1d-preview-live span{
    width:5px;
    height:5px;

    padding:0;

    border-radius:50%;

    background:var(--m1d-mint);

    box-shadow:0 0 9px var(--m1d-mint);
}


.m1d-preview-note{
    display:flex;
    gap:8px;

    margin-top:13px;
    padding:10px;

    border:1px solid var(--m1d-line);
    border-radius:12px;

    color:#626b78;

    font-size:7px;
}


.m1d-preview-note i{
    color:var(--m1d-lime);
}


.m1d-preview-note strong{
    color:#a4acb8;
}


/* =========================================================
   30. BUSINESS CARD OVERRIDES
========================================================= */

.m1d-preview-panel .m1-biz{
    min-height:285px;

    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:24px !important;

    box-shadow:
        0 30px 55px rgba(0,0,0,.3);

    transform:
        perspective(1000px)
        rotateX(1deg)
        rotateY(-1deg);

    transition:var(--m1d-transition);
}


.m1d-preview-panel .m1-biz:hover{
    transform:
        perspective(1000px)
        rotateX(0)
        rotateY(0)
        translateY(-3px);
}


/* =========================================================
   31. SEARCH PANEL
========================================================= */

.m1d-search-panel{
    padding:11px;

    margin-bottom:15px;
}


.m1d-search-wrapper{
    display:flex;
    align-items:center;
    gap:10px;

    min-height:45px;

    padding:0 10px;

    border:1px solid var(--m1d-line);
    border-radius:14px;

    background:rgba(255,255,255,.025);
}


.m1d-search-wrapper > i{
    color:var(--m1d-lime);

    font-size:13px;
}


.m1d-search-wrapper input{
    min-width:0;
    flex:1;

    border:0;
    outline:0;

    background:transparent;

    color:#fff;

    font-family:var(--fb);
    font-size:9px;
}


.m1d-search-wrapper input::placeholder{
    color:#525a68;
}


.m1d-search-status{
    display:flex;
    align-items:center;
    gap:5px;

    color:#59616e;

    font-size:6px;
    font-weight:900;
    letter-spacing:.12em;
}


.m1d-search-status span{
    width:5px;
    height:5px;

    border-radius:50%;

    background:var(--m1d-mint);

    box-shadow:0 0 8px var(--m1d-mint);
}


/* =========================================================
   32. TBUDDY MEMBERS
========================================================= */

.m1d-member-card,
.m1d-friend-card,
.m1d-request-card{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px;

    border:1px solid var(--m1d-line);
    border-radius:17px;

    background:
        rgba(255,255,255,.025);

    transition:var(--m1d-transition);
}


.m1d-member-card:hover,
.m1d-friend-card:hover,
.m1d-request-card:hover{
    transform:translateY(-3px);

    border-color:rgba(255,255,255,.14);

    background:
        rgba(255,255,255,.04);
}


.m1d-member-avatar,
.m1d-friend-avatar,
.m1d-request-avatar{
    width:40px;
    height:40px;

    flex:0 0 auto;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:
        linear-gradient(
            145deg,
            rgba(124,58,237,.65),
            rgba(201,242,75,.12)
        );

    border:1px solid rgba(255,255,255,.1);

    color:#fff;

    font-family:var(--fd);
    font-size:10px;
    font-weight:900;
}


.m1d-member-info,
.m1d-friend-info,
.m1d-request-user{
    min-width:0;
    flex:1;
}


.m1d-member-info strong,
.m1d-friend-info strong,
.m1d-request-user strong{
    display:block;

    color:#fff;

    font-family:var(--fd);
    font-size:10px;
    font-weight:800;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.m1d-member-info span,
.m1d-friend-info span,
.m1d-request-user span{
    display:block;

    margin-top:2px;

    color:#606875;

    font-size:7px;
}


.m1d-member-actions,
.m1d-request-actions{
    display:flex;
    gap:5px;
}


.m1d-mini-btn{
    width:31px;
    height:31px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    border:1px solid var(--m1d-line-bright);

    cursor:pointer;

    font-size:10px;

    transition:var(--m1d-transition);
}


.m1d-mini-btn.primary{
    background:var(--m1d-violet);
    color:#fff;
    border-color:var(--m1d-violet);
}


.m1d-mini-btn.primary:hover{
    transform:translateY(-2px);
    box-shadow:0 7px 18px rgba(124,58,237,.3);
}


.m1d-mini-btn.ghost{
    background:rgba(255,255,255,.035);
    color:#9ba2ae;
}


.m1d-mini-btn.ghost:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
}


.m1d-request-list{
    display:grid;
    gap:8px;
}


.m1d-request-card{
    justify-content:space-between;
}


.m1d-request-user{
    display:flex;
    align-items:center;
    gap:10px;
}


.m1d-member-results{
    margin-bottom:24px;
}


/* =========================================================
   33. EMPTY STATES
========================================================= */

.m1d-empty-state{
    min-height:100px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:7px;

    border:1px dashed var(--m1d-line-bright);
    border-radius:17px;

    color:#5a6370;

    font-size:8px;
}


.m1d-empty-state i{
    color:#6b7481;
    font-size:18px;
}


/* =========================================================
   34. CHAT
========================================================= */

.m1d-chat-panel{
    margin-top:20px;
}


.m1d-chat-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:13px 15px;

    border-bottom:1px solid var(--m1d-line);
}


.m1d-chat-header > div{
    display:flex;
    align-items:center;
    gap:9px;
}


.m1d-chat-avatar{
    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:rgba(124,58,237,.12);
    color:var(--m1d-violet-light);
}


.m1d-chat-header strong{
    display:block;

    color:#fff;

    font-family:var(--fd);
    font-size:10px;
}


.m1d-chat-header small{
    display:block;

    color:#59616e;

    font-size:7px;
}


.m1d-icon-button{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--m1d-line-bright);
    border-radius:10px;

    background:rgba(255,255,255,.035);

    color:#9299a5;

    cursor:pointer;
}


.m1d-thread{
    height:300px;

    overflow-y:auto;

    padding:15px;

    display:flex;
    flex-direction:column;
    gap:7px;

    background:rgba(0,0,0,.08);
}


.m1d-msg{
    max-width:76%;

    padding:8px 11px;

    border-radius:13px;

    font-size:8px;
    line-height:1.5;
}


.m1d-msg.in{
    align-self:flex-start;

    background:rgba(255,255,255,.055);

    border:1px solid var(--m1d-line);

    color:#b9c0cb;

    border-bottom-left-radius:4px;
}


.m1d-msg.out{
    align-self:flex-end;

    background:
        linear-gradient(
            135deg,
            var(--m1d-violet),
            #5c28bd
        );

    color:#fff;

    border-bottom-right-radius:4px;

    box-shadow:
        0 8px 20px rgba(124,58,237,.16);
}


.m1d-chat-input{
    display:flex;
    gap:7px;

    padding:11px;

    border-top:1px solid var(--m1d-line);
}


.m1d-chat-input .form-control{
    flex:1;
}


.m1d-chat-input .m1d-primary-btn{
    min-width:42px;
    padding:0;
}


/* =========================================================
   35. THOUGHTS VAULT
========================================================= */

.m1d-vault{
    position:relative;

    overflow:hidden;

    padding:23px;

    border:1px solid rgba(244,114,182,.14);
    border-radius:27px;

    background:
        radial-gradient(
            70% 90% at 100% 0%,
            rgba(244,114,182,.09),
            transparent 60%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:var(--m1d-shadow);
}


.m1d-vault:before{
    content:"";

    position:absolute;
    width:260px;
    height:260px;

    right:-120px;
    top:-150px;

    border-radius:50%;

    border:1px solid rgba(244,114,182,.1);

    box-shadow:
        0 0 0 35px rgba(244,114,182,.025),
        0 0 0 70px rgba(244,114,182,.015);
}


.m1d-vault-glow{
    position:absolute;

    width:180px;
    height:180px;

    left:-100px;
    bottom:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(124,58,237,.14),
            transparent 70%
        );

    pointer-events:none;
}


.m1d-vault-header{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    gap:12px;
}


.m1d-vault-symbol{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:rgba(244,114,182,.09);
    border:1px solid rgba(244,114,182,.14);

    color:var(--m1d-rose);

    font-size:17px;
}


.m1d-vault-header span{
    display:block;

    color:#646d7a;

    font-size:7px;
    font-weight:900;

    letter-spacing:.15em;
}


.m1d-vault-header h3{
    margin:3px 0 0;

    color:#fff;

    font-family:var(--fd);
    font-size:17px;
    font-weight:900;
}


.m1d-vault-status{
    display:flex !important;
    align-items:center;
    gap:5px;

    margin-left:auto;

    color:var(--m1d-mint) !important;

    font-size:6px !important;
    font-weight:900;

    letter-spacing:.13em;
}


.m1d-vault-status span{
    width:5px;
    height:5px;

    padding:0;

    border-radius:50%;

    background:var(--m1d-mint);

    box-shadow:0 0 9px var(--m1d-mint);
}


.m1d-vault-message{
    position:relative;
    z-index:2;

    margin:25px 0 14px;

    max-width:700px;
}


.m1d-vault-message p{
    margin:0;

    color:#c0c5ce;

    font-size:11px;
    line-height:1.7;
}


.m1d-vault-message span{
    display:block;

    margin-top:6px;

    color:#5e6672;

    font-size:7px;
}


.m1d-vault-textarea{
    position:relative;
    z-index:2;

    width:100%;

    min-height:260px !important;

    padding:18px !important;

    resize:vertical;

    border-color:rgba(244,114,182,.13) !important;

    background:
        rgba(0,0,0,.15) !important;

    font-size:10px !important;
    line-height:1.8;
}


.m1d-vault-actions{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin-top:13px;
}


.m1d-vault-security{
    display:flex;
    align-items:center;
    gap:6px;

    color:#59616e;

    font-size:7px;
    font-weight:800;
}


.m1d-vault-security i{
    color:var(--m1d-mint);
}


.m1d-delete-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;

    min-height:40px;

    padding:0 15px;

    border:1px solid rgba(244,114,182,.25);
    border-radius:12px;

    background:rgba(244,114,182,.06);

    color:var(--m1d-rose);

    font-size:8px;
    font-weight:900;

    cursor:pointer;

    transition:var(--m1d-transition);
}


.m1d-delete-btn:hover{
    background:rgba(244,114,182,.13);

    border-color:rgba(244,114,182,.45);

    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(244,114,182,.08);
}


.m1d-vault-msg{
    display:inline-block;

    margin-left:8px;

    color:var(--m1d-mint);

    font-size:7px;
}


/* =========================================================
   36. SETTINGS
========================================================= */

.m1d-settings-panel{
    padding:0;
}


.m1d-settings-form{
    padding:20px;
}


.m1d-settings-avatar{
    display:flex;
    align-items:center;
    gap:15px;

    padding:3px 0 19px;
}


.m1d-settings-avatar-preview{
    width:76px;
    height:76px;

    flex:0 0 auto;

    padding:2px;

    border-radius:23px;

    background:
        linear-gradient(
            135deg,
            var(--m1d-lime),
            var(--m1d-violet)
        );
}


.m1d-settings-avatar-preview img,
.m1d-settings-avatar-preview span{
    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    object-fit:cover;

    border-radius:20px;

    background:#171a22;

    color:#fff;

    font-family:var(--fd);
    font-size:20px;
    font-weight:900;
}


.m1d-form-kicker{
    display:block;

    color:var(--m1d-lime);

    font-size:7px;
    font-weight:900;

    letter-spacing:.16em;
}


.m1d-settings-avatar h3{
    margin:3px 0 7px;

    color:#fff;

    font-family:var(--fd);
    font-size:14px;
}


.m1d-settings-avatar .form-control{
    max-width:300px;
}


.m1d-settings-avatar small{
    display:block;

    margin-top:4px;

    color:#59616e;

    font-size:7px;
}


.m1d-settings-divider{
    height:1px;

    background:var(--m1d-line);

    margin-bottom:20px;
}


.m1d-settings-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:15px;
}


.m1d-settings-actions{
    display:flex;
    justify-content:flex-end;

    margin-top:20px;
    padding-top:18px;

    border-top:1px solid var(--m1d-line);
}


/* =========================================================
   37. DASHBOARD SCROLLBAR
========================================================= */

.m1d-shell ::-webkit-scrollbar{
    width:5px;
    height:5px;
}


.m1d-shell ::-webkit-scrollbar-track{
    background:transparent;
}


.m1d-shell ::-webkit-scrollbar-thumb{
    background:#333a46;
    border-radius:999px;
}


.m1d-shell ::-webkit-scrollbar-thumb:hover{
    background:var(--m1d-violet);
}


/* =========================================================
   38. SELECTION
========================================================= */

.m1d-shell ::selection{
    background:var(--m1d-lime);
    color:#101408;
}


/* =========================================================
   39. ANIMATIONS
========================================================= */

.m1d-shell .m1d-stat-card,
.m1d-shell .m1d-action-card,
.m1d-shell .m1d-tool-card,
.m1d-shell .m1d-panel,
.m1d-shell .m1d-hero-card{
    animation:m1d-enter .55s both;
}


.m1d-shell .m1d-stat-card:nth-child(2),
.m1d-shell .m1d-action-card:nth-child(2),
.m1d-shell .m1d-tool-card:nth-child(2){
    animation-delay:.04s;
}


.m1d-shell .m1d-stat-card:nth-child(3),
.m1d-shell .m1d-action-card:nth-child(3),
.m1d-shell .m1d-tool-card:nth-child(3){
    animation-delay:.08s;
}


.m1d-shell .m1d-stat-card:nth-child(4),
.m1d-shell .m1d-action-card:nth-child(4),
.m1d-shell .m1d-tool-card:nth-child(4){
    animation-delay:.12s;
}


@keyframes m1d-enter{

    from{
        opacity:0;
        transform:translateY(12px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}


/* =========================================================
   40. DESKTOP LARGE
========================================================= */

@media (min-width:1400px){

    .m1d-container{
        max-width:1400px;
    }

    .m1d-sidebar{
        padding:20px;
    }

    .m1d-hero-card,
    .m1d-orb-card{
        min-height:310px;
    }

}


/* =========================================================
   41. LAPTOP
========================================================= */

@media (max-width:1199px){

    .m1d-sidebar{
        top:82px;
    }


    .m1d-stats-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .m1d-actions-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .m1d-actions-full{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   42. TABLET
========================================================= */

@media (max-width:991px){

    .m1d-shell{
        padding-top:20px;
    }


    .m1d-mobilebar{
        display:flex;
    }


    .m1d-sidebar{
        position:fixed;

        z-index:1200;

        left:15px;
        top:15px;
        bottom:15px;

        width:310px;

        min-height:0;

        transform:
            translateX(
                calc(-100% - 35px)
            );

        transition:
            transform .35s
            cubic-bezier(.2,.7,.2,1);

        box-shadow:
            0 35px 100px rgba(0,0,0,.65);
    }


    .m1d-sidebar.m1d-sidebar-open{
        transform:translateX(0);
    }


    .m1d-sidebar-close{
        position:absolute;

        top:12px;
        right:12px;

        width:31px;
        height:31px;

        display:flex;
        align-items:center;
        justify-content:center;

        border:1px solid var(--m1d-line-bright);
        border-radius:10px;

        background:rgba(255,255,255,.04);

        color:#8e96a4;

        cursor:pointer;

        z-index:10;
    }


    body.m1d-nav-open:after{
        content:"";

        position:fixed;
        inset:0;

        z-index:1100;

        background:rgba(0,0,0,.62);

        backdrop-filter:blur(4px);
    }


    .m1d-page-header{
        align-items:flex-start;
    }


    .m1d-hero-grid{
        grid-template-columns:1fr;
    }


    .m1d-orb-card{
        min-height:220px;
    }


    .m1d-3d-orb{
        transform:scale(.85);
    }


    .m1d-content-grid{
        grid-template-columns:1fr;
    }


    .m1d-preview-panel{
        position:relative;
        top:auto;
    }


    .m1d-video-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =========================================================
   43. MOBILE
========================================================= */

@media (max-width:767px){

    .m1d-shell{
        padding:
            14px
            0
            65px;
    }


    .m1d-container{
        padding-left:14px;
        padding-right:14px;
    }


    .m1d-mobilebar{
        margin-bottom:14px;
    }


    .m1d-page-header{
        display:block;

        margin-bottom:20px;
    }


    .m1d-page-title{
        font-size:28px;
    }


    .m1d-page-subtitle{
        font-size:10px;
    }


    .m1d-header-actions{
        margin-top:13px;
    }


    .m1d-header-btn{
        flex:1;
        justify-content:center;
    }


    .m1d-header-avatar{
        flex:0 0 auto;
    }


    .m1d-trial-banner{
        align-items:flex-start;
        flex-wrap:wrap;
    }


    .m1d-trial-copy{
        flex-basis:
            calc(100% - 55px);
    }


    .m1d-trial-banner .m1d-primary-btn{
        width:100%;
    }


    .m1d-hero-card{
        min-height:325px;
    }


    .m1d-hero-user{
        margin-top:38px;
    }


    .m1d-hero-user-copy h2{
        font-size:22px;
    }


    .m1d-hero-bottom{
        bottom:19px;
    }


    .m1d-stats-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .m1d-stat-card{
        min-height:122px;
        padding:12px;
    }


    .m1d-stat-icon{
        width:33px;
        height:33px;
        font-size:12px;
    }


    .m1d-stat-content strong{
        font-size:21px;
    }


    .m1d-actions-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .m1d-action-card{
        min-height:145px;
        padding:12px;
    }


    .m1d-content-grid{
        gap:9px;
    }


    .m1d-feature-grid{
        grid-template-columns:1fr;
    }


    .m1d-video-grid{
        grid-template-columns:1fr;
    }


    .m1d-page-intro{
        align-items:flex-start;
    }


    .m1d-actions-full{
        grid-template-columns:1fr;
    }


    .m1d-form-grid{
        grid-template-columns:1fr;
    }


    .m1d-form-field.half,
    .m1d-form-field.full{
        grid-column:1;
    }


    .m1d-form-actions{
        flex-direction:column;
    }


    .m1d-form-actions .m1d-primary-btn,
    .m1d-form-actions .m1d-secondary-btn{
        width:100%;
    }


    .m1d-settings-grid{
        grid-template-columns:1fr;
    }


    .m1d-settings-avatar{
        align-items:flex-start;
        flex-direction:column;
    }


    .m1d-settings-avatar .form-control{
        max-width:none;
    }


    .m1d-vault{
        padding:17px;
    }


    .m1d-vault-header{
        align-items:flex-start;
    }


    .m1d-vault-status{
        display:none !important;
    }


    .m1d-vault-textarea{
        min-height:220px !important;
    }


    .m1d-vault-actions{
        align-items:stretch;
        flex-direction:column;
    }


    .m1d-delete-btn{
        width:100%;
        justify-content:center;
    }


    .m1d-vault-msg{
        display:block;
        margin:7px 0 0;
    }


    .m1d-preview-panel{
        padding:12px;
    }


    .m1d-preview-panel .m1-biz{
        min-height:250px;
    }


    .m1d-section-heading h3{
        font-size:15px;
    }

}


/* =========================================================
   44. SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .m1d-container{
        padding-left:10px;
        padding-right:10px;
    }


    .m1d-shell{
        padding-left:0;
        padding-right:0;
    }


    .m1d-mobilebar{
        padding:0 3px;
    }


    .m1d-page-title{
        font-size:25px;
    }


    .m1d-header-btn span{
        display:none;
    }


    .m1d-header-btn{
        width:40px;
        padding:0;
    }


    .m1d-header-btn i{
        margin:0;
    }


    .m1d-hero-card{
        min-height:350px;
    }


    .m1d-hero-content{
        padding:17px;
    }


    .m1d-hero-user{
        gap:11px;
        margin-top:45px;
    }


    .m1d-hero-avatar{
        width:62px;
        height:62px;
        border-radius:19px;
    }


    .m1d-hero-avatar img,
    .m1d-hero-avatar span{
        border-radius:16px;
        font-size:17px;
    }


    .m1d-hero-user-copy h2{
        font-size:19px;
    }


    .m1d-hero-bottom{
        left:17px;
        right:17px;
    }


    .m1d-hero-days strong{
        font-size:25px;
    }


    .m1d-stats-grid{
        grid-template-columns:1fr 1fr;
    }


    .m1d-stat-card{
        display:block;
    }


    .m1d-stat-icon{
        margin-bottom:12px;
    }


    .m1d-stat-content strong{
        font-size:20px;
    }


    .m1d-actions-grid{
        grid-template-columns:1fr;
    }


    .m1d-action-card{
        min-height:125px;
    }


    .m1d-page-intro{
        padding:13px;
    }


    .m1d-intro-icon{
        width:43px;
        height:43px;
    }


    .m1d-page-intro h2{
        font-size:16px;
    }


    .m1d-member-card,
    .m1d-friend-card{
        padding:9px;
    }


    .m1d-sidebar{
        width:
            calc(100vw - 30px);
    }


    .m1d-orb-card{
        min-height:230px;
    }

}


/* =========================================================
   45. VERY SMALL DEVICES
========================================================= */

@media (max-width:360px){

    .m1d-stats-grid{
        grid-template-columns:1fr;
    }


    .m1d-hero-card{
        min-height:365px;
    }


    .m1d-hero-user{
        align-items:flex-start;
        flex-direction:column;
    }


    .m1d-hero-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }


    .m1d-hero-days{
        text-align:left;
    }

}


/* =========================================================
   46. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){

    .m1d-shell *,
    .m1d-shell *:before,
    .m1d-shell *:after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }

}


/* =========================================================
   47. LIGHT THEME PROTECTION
   Dashboard intentionally remains premium dark even if
   body.light is used elsewhere.
========================================================= */

body.light .m1d-shell{
    background:
        radial-gradient(
            50% 40% at 80% 0%,
            rgba(124, 58, 237, 0.13),
            transparent 70%
        ),
        url("../images/display/bg1.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    min-height: 100vh;
    color: white;
}


body.light .m1d-shell h1,
body.light .m1d-shell h2,
body.light .m1d-shell h3,
body.light .m1d-shell h4,
body.light .m1d-shell strong{
    color:inherit;
}


body.light .m1d-shell .form-control,
body.light .m1d-shell .form-select{
    color:#fff !important;
    background:rgba(255,255,255,.035) !important;
}


/* =========================================================
   48. PRINT
========================================================= */

@media print{

    .m1d-sidebar,
    .m1d-mobilebar,
    .m1d-page-header,
    .m1d-orb-card,
    .m1d-trial-banner,
    .m1d-section-heading,
    .m1d-actions-grid,
    .m1d-content-grid,
    .m1d-learn-panel{
        display:none !important;
    }


    .m1d-shell{
        padding:0 !important;
        background:#fff !important;
    }


    .m1d-shell:before,
    .m1d-orbit,
    .m1d-grid{
        display:none !important;
    }


    .m1d-preview-panel{
        position:static !important;

        border:0 !important;

        box-shadow:none !important;

        padding:0 !important;

        background:#fff !important;
    }


    .m1d-preview-header,
    .m1d-preview-note{
        display:none !important;
    }


    .m1d-preview-panel .m1-biz{
        transform:none !important;

        box-shadow:none !important;

        max-width:760px;

        margin:auto;
    }

}