/* Layout: app shell. A quiet sidebar on a tinted ground and one large rounded sheet that holds the work.
   Lime marks progress and the primary action; everything else stays neutral. */
:root{
  --bg:#eceeeb; --sheet:#f8f9f6; --card:#ffffff; --ink:#15181a; --muted:#69716d; --faint:#9aa29d;
  --line:#e2e6e1; --track:#e9ede8; --accent:#c8f43a; --accent-ink:#1b2600; --teal:#8fd9d3;
  --inv:#16191b; --inv-ink:#f3f6f1; --inv-muted:#9aa39e; --inv-line:#2c3134;
  --bar:#23282b; --hit:#86c81f; --good:#2c7d45; --good-bg:#e3f4e6; --warn:#96600c; --warn-bg:#fbefd5; --bad:#b43d2b; --bad-bg:#fbe6e1;
  --shadow:0 1px 2px rgba(20,30,25,.04),0 8px 24px rgba(20,30,25,.05);
  --font:"Onest",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0d0f10; --sheet:#141719; --card:#1a1e20; --ink:#eef2ed; --muted:#9ba39f; --faint:#6d7571;
  --line:#272c2e; --track:#252a2c; --accent:#c8f43a; --accent-ink:#1b2600; --teal:#58aaa4;
  --inv:#0a0b0c; --inv-ink:#f3f6f1; --inv-muted:#9aa39e; --inv-line:#2a2f31;
  --bar:#dfe5e0; --hit:#c8f43a; --good:#7fd39a; --good-bg:#183222; --warn:#e9bb62; --warn-bg:#392c10; --bad:#f08d7c; --bad-bg:#3b1c17;
  --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#0d0f10; --sheet:#141719; --card:#1a1e20; --ink:#eef2ed; --muted:#9ba39f; --faint:#6d7571;
  --line:#272c2e; --track:#252a2c; --accent:#c8f43a; --accent-ink:#1b2600; --teal:#58aaa4;
  --inv:#0a0b0c; --inv-ink:#f3f6f1; --inv-muted:#9aa39e; --inv-line:#2a2f31;
  --bar:#dfe5e0; --hit:#c8f43a; --good:#7fd39a; --good-bg:#183222; --warn:#e9bb62; --warn-bg:#392c10; --bad:#f08d7c; --bad-bg:#3b1c17;
  --shadow:0 1px 2px rgba(0,0,0,.3); color-scheme:dark }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
[hidden]{display:none!important}
img{max-width:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}
.num{font-variant-numeric:tabular-nums}

.shell{display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;padding-inline:16px;padding-block:16px;max-width:1480px;margin:0 auto;align-items:start}
.side{display:flex;flex-direction:column;gap:18px;padding:10px 4px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 16px)}
.brand{display:flex;align-items:baseline;gap:8px;padding:2px 8px 6px}
.brand b{font-size:24px;font-weight:700;letter-spacing:-.045em}
.brand span{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}
.nav{display:flex;flex-direction:column;gap:4px}
.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:6px 12px 6px 6px;border:0;background:transparent;border-radius:999px;text-align:left;font-weight:500;color:var(--ink);white-space:nowrap}
.nav button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--line);flex:none}
.nav button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav button:hover{background:color-mix(in srgb,var(--card) 60%,transparent)}
.nav button[aria-current="page"]{background:var(--card);box-shadow:var(--shadow)}
.nav button[aria-current="page"] i{background:var(--ink);border-color:var(--ink);color:var(--card)}
.side-group{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:16px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.side-group .eyebrow{padding-inline:10px}
.select{appearance:none;width:100%;padding:10px 34px 10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23808783' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center;font-weight:600;min-width:0;text-overflow:ellipsis}

.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:28px;padding:24px;min-width:0;display:flex;flex-direction:column;gap:20px;min-height:70vh}
.head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between}
.head h1{margin:2px 0 0;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}
.stepper{display:flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px}
.stepper button{width:32px;height:32px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;color:var(--muted)}
.stepper button:hover{background:var(--track);color:var(--ink)}
.stepper span{min-width:128px;text-align:center;font-weight:600}
.sec{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}
.sec::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hit);flex:none}
.sec small{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.04em}

.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.hero-main{display:flex;flex-direction:column;gap:14px;padding:26px}
.big{font-size:clamp(34px,5.2vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1}
.sub{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.sub b{color:var(--ink);font-weight:600}
.bar{position:relative;height:20px;border-radius:999px;margin-top:10px;background:repeating-linear-gradient(135deg,var(--track) 0 6px,transparent 6px 10px),var(--track)}
.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--accent));min-width:10px;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.bar .tick{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--ink);border-radius:2px}
.bar-cap{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.tiers{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.tiers li{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.tiers .t-val{font-weight:600;font-size:16px}
.tiers .t-left{color:var(--muted);font-size:13px}
.stack{display:flex;flex-direction:column;gap:12px}
.stat{padding:18px 20px;display:flex;flex-direction:column;gap:4px;flex:1}
.stat .v{font-size:24px;font-weight:600;letter-spacing:-.03em}
.stat .d{color:var(--muted);font-size:13px}
.label{color:var(--muted);font-size:13px}

.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--track);color:var(--muted)}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.good{background:var(--good-bg);color:var(--good)} .pill.warn{background:var(--warn-bg);color:var(--warn)} .pill.bad{background:var(--bad-bg);color:var(--bad)}

.grid2{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:16px}
.today{background:var(--inv);color:var(--inv-ink);border-color:var(--inv-line);display:flex;flex-direction:column;gap:12px;padding:24px}
.today .eyebrow,.today .label{color:var(--inv-muted)}
.today .v{font-size:36px;font-weight:600;letter-spacing:-.04em;line-height:1}
.today .row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--inv-line);padding-top:12px}
.today .note{color:var(--inv-muted);font-size:13px}
.today .spacer{flex:1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;white-space:nowrap}
.btn:hover{border-color:var(--faint)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(.96)}
.btn.ghost{background:transparent}
.btn.danger{color:var(--bad)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.sm{padding:6px 12px;font-size:13px}

.wd{display:flex;flex-direction:column;gap:12px}
.wd-row{display:grid;grid-template-columns:38px minmax(60px,1fr) 52px auto;gap:12px;align-items:center}
.wd-row .n{font-weight:600}
.wd-bar{position:relative;height:8px;border-radius:999px;background:var(--track)}
.wd-bar b{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--bar)}
.wd-bar b.hit{background:var(--hit)} .wd-bar b.low{background:var(--bad)}
.wd-bar i{position:absolute;left:80%;top:-4px;bottom:-4px;width:2px;background:var(--faint)}
.wd-row .p{font-weight:600;text-align:right}
.wd-row .m{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}
.hint{color:var(--muted);font-size:13px;margin:0}
.hint b{color:var(--ink)}

.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart svg{display:block;width:100%;height:auto}
.c-grid{stroke:var(--line);stroke-width:1} .c-ax{fill:var(--muted);font-family:var(--mono);font-size:10px}
.c-bar{fill:var(--bar)} .c-hit{fill:var(--hit)} .c-meta{stroke:var(--faint);stroke-width:2;stroke-linecap:round}
.c-day{fill:var(--ink);font-size:11px;font-weight:500} .c-wd{fill:var(--faint);font-family:var(--mono);font-size:9px}
.c-today{fill:var(--ink);font-weight:700} .c-closed{fill:none;stroke:var(--faint);stroke-width:1.5}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:12px}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend i{width:10px;height:10px;border-radius:3px;background:var(--bar)}
.legend i.h{background:var(--hit)} .legend i.m{height:2px;width:14px;background:var(--faint)} .legend i.c{background:transparent;border:1.5px solid var(--faint);border-radius:50%;width:9px;height:9px}
.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center;margin-bottom:16px}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:var(--card);display:flex;flex-direction:column;gap:2px}
.kpi .v{font-size:20px;font-weight:600;letter-spacing:-.02em}

.split{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:16px;align-items:start}
.form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:13px;color:var(--muted)}
.in{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--sheet);min-width:0}
.in:focus{outline:2px solid var(--ink);outline-offset:1px}
.in.xl{font-size:26px;font-weight:600;letter-spacing:-.03em;padding:12px 14px}
.in[disabled]{opacity:.6}
textarea.in{resize:vertical;min-height:64px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.daynav{display:flex;gap:8px;align-items:center}
.daynav .in{flex:1}
.iconbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;flex:none;color:var(--muted)}
.iconbtn:hover{color:var(--ink);border-color:var(--faint)}
.daymeta{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--track)}
.readout{font-size:13px;color:var(--muted);min-height:20px}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

table{border-collapse:collapse;width:100%;min-width:520px}
th{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400;text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}
tbody tr:hover{background:color-mix(in srgb,var(--track) 55%,transparent)}
tr.sel{background:var(--track)}
tfoot td{font-weight:600;border-bottom:0}
.linkbtn{border:0;background:transparent;padding:0;font-weight:600;text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.pos{color:var(--good)} .neg{color:var(--bad)} .dim{color:var(--muted)}
td .in{padding:6px 10px;text-align:right;max-width:150px}
.tier-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,170px) 38px;gap:8px;align-items:center}
.wdgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.savebar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}

.clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.client{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}
button.client:hover{border-color:var(--faint)}
.client h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink);min-width:0}
.client .foot span{white-space:nowrap}
.client .foot{flex-wrap:wrap}
.client .v{font-size:26px;font-weight:600;letter-spacing:-.03em}
.mini{height:8px;border-radius:999px;background:var(--track);overflow:hidden}
.mini b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--accent))}
.client .foot{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:13px}
.empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:36px 26px}
.empty h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.empty p{margin:0;color:var(--muted);max-width:56ch}

#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--inv);color:var(--inv-ink);border:1px solid var(--inv-line);padding:10px 18px;border-radius:999px;font-weight:500;z-index:10;max-width:calc(100% - 32px)}

@media (max-width:1040px){ .hero{grid-template-columns:1fr} .stack{flex-direction:row;flex-wrap:wrap} .stat{min-width:200px} .grid2,.split{grid-template-columns:1fr} }
@media (max-width:860px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{position:static;padding:0;gap:12px}
  .nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}
  .nav button{width:auto;flex:none;background:var(--card);border:1px solid var(--line);padding-right:14px}
  .side-group{border-top:0;padding-top:0;flex-direction:row;align-items:center}
  .side-group .eyebrow{padding:0;flex:none}
  .sheet{padding:16px;border-radius:22px}
  .hero-main{padding:20px}
  .wd-row{grid-template-columns:34px minmax(40px,1fr) 48px}
  .wd-row .m{display:none}
}
@media (prefers-reduced-motion:reduce){ *{transition:none!important} }

/* login e acessos */
.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.gate-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;padding:32px 28px;box-shadow:var(--shadow)}
.gate-card .brand{padding:0}
.gate-card h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.gate-card p{margin:0;color:var(--muted)}
.gate-card p b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.gate-card .btn.primary{padding-block:12px}
.gate-links{display:flex;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.msg{padding:10px 14px;border-radius:12px;font-size:13px;background:var(--track)}
.msg.err{background:var(--bad-bg);color:var(--bad)} .msg.ok{background:var(--good-bg);color:var(--good)}
.side-user{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding:16px 6px 0;min-width:0}
.side-user span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}
.mgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
select.in{appearance:auto}
td.l,th.l{text-align:left}
@media (max-width:860px){ .side-user{border-top:0;padding:0} }

/* início, visão das clientes, rotina e aulas */
.btn.inv{background:transparent;color:inherit;border-color:var(--inv-line)}
.today .row{align-items:center}
.sec{flex-wrap:wrap}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tile{display:flex;flex-direction:column;gap:10px}
.tile .v{font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.2;text-wrap:balance}
.tile .actions{margin-top:auto;padding-top:4px}
.rec{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--track)}
.rec b{font-weight:600}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trio div{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0}
.trio b{font-weight:600;font-size:15px}
.alerts{display:flex;flex-direction:column;gap:10px}
.alert{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.cellbar{display:flex;align-items:center;gap:10px;min-width:130px}
.cellbar .mini{flex:1}
.tb-dash{min-width:900px}
.tb-dash td:nth-child(2),.tb-dash th:nth-child(2){text-align:right}
.lessons{display:flex;flex-direction:column;padding:8px}
.card.form .lessons{padding:0}
.lrow{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:transparent;text-align:left;min-width:0}
button.lrow:hover{background:var(--track)}
.lst{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--faint);flex:none;display:grid;place-items:center}
.lst.on{background:var(--hit);border-color:var(--hit);color:var(--accent-ink)}
.lt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.lt b{font-weight:600}
.mform{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;padding:0 14px 12px}
.card.form .mform{padding:0}
.mform .in{flex:1;min-width:min(100%,220px)}
.lesson{display:flex;flex-direction:column;gap:16px;max-width:760px}
.lead{margin:0;font-size:17px;line-height:1.45;max-width:60ch;text-wrap:pretty}
.pts{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;max-width:65ch}
.vid{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:14px;overflow:hidden;background:var(--inv)}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid.wait{display:grid;place-items:center;color:var(--inv-muted)}
.script{display:flex;flex-direction:column;gap:12px}
.script p{margin:0;padding:12px 14px;border-radius:12px;background:var(--track);max-width:70ch}
.scripts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.qz{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.qz legend{font-weight:600;padding:0;margin-bottom:8px;max-width:65ch}
.opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.opt:hover{border-color:var(--faint)}
.opt input,.chk-row input{margin:3px 0 0;accent-color:var(--ink);width:16px;height:16px;flex:none}
.opt.right{border-color:var(--good);background:var(--good-bg)}
.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}
.chk{display:flex;flex-direction:column;gap:4px}
.chk-row{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;cursor:pointer}
.chk-row:hover{background:var(--track)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-width:54px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:600;text-align:center}
.chip:hover{border-color:var(--faint)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.chip[disabled]{opacity:.6;cursor:not-allowed}
.need{min-width:460px}
.need td.nd{font-weight:600}
.brand .logo{display:block;width:124px;aspect-ratio:278/146;background:currentColor;--logo:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAACSBAMAAAByNfgGAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAACE1JREFUeNrtnFtsHOUVx//zeXzDtbMKoa1QHW025iZkZ0n80KpCWewJSlVVNlIfKA/NgnhARQGjXtQKNesiAZXa4kChArXx0gqpD71gUFCprODw2lbKJqFItNjrgETcAN4VSuJde3f+fZiZ3fHs3OJvlmzpnoeVd/d4zm/Od+a7nHNsBVuRa84Cl0bq73v+CVwexlWRPpKf2N73krwofVWB1pH/B5ahZMvEyxFW0y3C0kuy3CJj9ASArqMt4ReV3MpD3hS/dNperzaL2NqlP/Pzi257vdosG7bXq81SOQkAv2mNuW6QZCXeImvAL6j/pGX2L6NxtAxLe//SZmmztFnaLG2WNkubpVmiNtLtuy2xuvRurolGt4/u2hXCxI0/L5Ak+bfvNWkvpdz9J4YwAfXHrMuFe+u25ufnX70Clq75+fnX3E3ctGAz8c6kJ8oX7Hqk/oz1Rb/DdhBLD8nLrk55dJMFVh/zQinQIb+LmEU54rTAZ0Ki1DQjYnFBoT7lFit5ushUlCzfcLNQbTy9KDP01oyG5YuuFrjWoDhci+0fjCUSow9YD94HkbEIy/HV5+/fm9h958+smHjaodhlfrFyV22mebk+SpGwfNsMkF/FzA86zBnEefLOGB8ft9/HYZJkKSKWbsPCRsr22VeMz864Kb60+dcNmKPRsGQaUYBbXMI30+CVOkw5EpZuNxQrTN9sUDzfuE5mjYiJgCVjmyLsMkOSG05Ft+RNd4HkWgQsnSTJs40WOvIkOe1wy9Nuk/EwST0pzzJCkpWYhwWb8oj1vLjstfIkT8uz5M2nwMXCKZK6NSaKw00N2CVplh56Vyu+RJJztit5uMV0zO2yLBMk+aLH5ipvWwge9nGL4ZgTsix5ktWYh4URknqszrXuucHqMFcHGZbuxtnVvkOox5K/Ym15kGEZJsm0p4WZ2q/vIcmUN8s18iwZ/zrbYG26y/pELgAoBVkWJU/yPW8LXSSZhIBIA/iXD4v7tHAl0hkHMOv9/fpJAJMWVBoBpyEpv/STrPpZOETyXBhFs3wowbI/IAowQHINAmMA/Ou3RglGQiYBrPsprANQITAZEC4AomCZDWSJCaSCjWUlcxnxIBP6SQCToiMOYM7/Yh/K5zLobyIHICk6LCwfqcqxdACoBEdBSqjBildexWxkCbidHIBdQoS4b+aazfIxAFV0hBkDuQcpGez6KgAhkmFYilIsMXMQ/B4kAEKEUASWpVjiwXdDAIqIh7ntnDRLLswYxcLcttwY2TZkXlIBoIhYGFPy8RImwRku18xPI9XcSiz/g/WAT4VYF1cQXM0WdTnsDLF1KQJ4N9iOrhbNBaPJLK9NhYiE5TCmYtIsSYRk2R5mpd265EJ6VqyaG4wmsoS6XQCi2nyWVbjV7zxYghRVuXiphpyhDL8EjGYnpFnCXEJUigDSwYcKWb+EGGZhHAf8lcbkWCpF8+wYimXUXyktObnPhb3GTkcO3IVXNs8wEa5kLHABgOo7SN2yi95CuIsI4+Tiu1rcKMuyHni7NWrXmp9N8rJjJEgy1Hlvwp6Pdxsi+Txm4O3aL+yXktgjzxJ0u7en7R70prbKpzIsvQGDlK/VrmZ8M5mfI7koySIKvtnDbrJswgyS5PteilmSh2VrExn3Ap/t27fN/AhJ6knvyC1L14/66NX5YdlfN9by6jQA5bi74k8BvCO9xV8rAuj1cMxXAWDFHlruLryeJNPyNb5D3g+IWrBbV055aYo8yVIEddge72aXzOay3jA9akhHjIcxgvp0liSrKQ/P2x54cw5pGKVbzQp/BCxGHJQbJrzugrOLwHCM82/MjE6hM9H0M2SN3gAHjLrQMCSmY6r32fW+XEOOgsWIGIdnrltwaa643kxWPVfb8guz5etNRNT/YjYeVb5bz/4cNOuqr7hqcuPxOwBg6EfmMlRCVCxWuw8vPH4bAFz7wBu02bAPXL11q7q4mN/c5hVNv9QwXU1Qb9iX3+KaYDS6DSPqI3vKPYn5W5dNhIvaB4iSxWinccpbbhPg4Qa1lVikLK4wb7svUg96oETXjymOOVGOey2nN5+ydyc+W/s8MhbgW5s6LTce8TmifMei0V8PdYjYQobw0RrNR09sSmAoTlXlwNi1cT2/+IdlNEsUbXz7Liyt/v3PaEtb2tKWtrSlLW1py2dQAsp76lg8DyQKUM3/iCHuyAMitayOrGDfeQDqWGLAyG9pCb0IDO1NLAEYGigCQ3pp33moY4nEEob00o7PF2VQB144NgV8HfihdSIoAVBLyEwC8wCwzWpJFkZmK0sCQH4awEwc/wa2kVVgYhqzcSm39UM5C/SlhZUgmVgFgJm9ZVgsz2qGCVHWZlLArKYBUPXlGot6cG0c6DunliDJgpcAcbrXyhJlH04B2PnX92os09ZxpoT9U8Ax48B06WKNBV0XAYiV/lyAscD6qDoC6H9Jv2jlP19OAfjPnU/VFHaYfoGiTc4B0MYBqH+85LiO/vvHjsr5Zdvi0jSAfqtBuvNS7zkASiGGerykrXipxIAsNwAcmpyNbfYLBgO7FwP8ou9OdAMov2F56ePB6wB0xeppxucOzBk/lHffNwXwwEEA+8+cdiZVLkiGC/qBe2D7/0x7jNrknucvusVL35wZL4pRBcrE8WHNL12fBIZDIM5O+5vUk8tfixUx+00NgKLxBLBD+yhnxsutywA0/KPYWX5IfRLI/fL7fdFNhQMv/PpVu19OABNT6LqMQ1PAAsvANqsOJsiNOJAl4+jLQV0Deoy5J6xfgtymjQNmZzIAjANqHB0pqElgVBsDVE1Lmm7RkgBGNQ1Qk0aB/Yb7jbkaAERg3uK/9OBBpXFTL2EAAAAASUVORK5CYII=);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.gate-card .brand .logo{width:150px;margin:2px 0 6px}
@media (max-width:860px){ .duo{grid-template-columns:1fr} .trio{grid-template-columns:1fr}
  .need{min-width:0} .need th{white-space:normal} .need th,.need td{padding-inline:6px} .need .pl,.need .pill.warn{display:none}
  .side .brand .logo{width:92px} }

/* botão de tema claro ou escuro */
.theme-fab{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;z-index:5}
#gate[hidden]+.theme-fab{display:none}
.side-user .iconbtn{width:32px;height:32px}
.side-user span{flex:1}

/* allie · camada de acabamento.
   Não altera cores nem letras: usa a paleta original (verde-limão e turquesa sobre neutros).
   Acrescenta uma luz ambiente discreta e superfícies levemente translúcidas. */
:root{
  --glass:var(--card); --glass-line:var(--line); --glass-hi:0 1px 2px rgba(20,30,25,.04);
  --hover:rgba(20,30,25,.05); --glow:#86c81f; --amb:.3;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); --glass-line:rgba(255,255,255,.09); --glass-hi:inset 0 1px 0 rgba(255,255,255,.06);
  --hover:rgba(255,255,255,.05); --glow:#c8f43a; --amb:.45;
} }
:root[data-theme="dark"]{
  --glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); --glass-line:rgba(255,255,255,.09); --glass-hi:inset 0 1px 0 rgba(255,255,255,.06);
  --hover:rgba(255,255,255,.05); --glow:#c8f43a; --amb:.45;
}

/* luz ambiente discreta, nas cores da marca */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--amb);background:
  radial-gradient(56vmax 56vmax at 4% -14%,color-mix(in srgb,var(--glow) 11%,transparent),transparent 62%),
  radial-gradient(46vmax 46vmax at 108% 16%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 62%)}

/* superfícies */
.sheet{background:color-mix(in srgb,var(--sheet) 82%,transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-color:var(--glass-line);box-shadow:var(--glass-hi)}
.card{background:var(--glass);border-color:var(--glass-line);box-shadow:var(--glass-hi)}
.kpi,.tiers li,.trio div,.stepper{background:var(--glass);border-color:var(--glass-line)}
.in{transition:border-color .2s,box-shadow .2s}
.in:focus{outline:0;border-color:var(--glow);box-shadow:0 0 0 4px color-mix(in srgb,var(--glow) 22%,transparent)}
.savebar{background:color-mix(in srgb,var(--card) 84%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.need tfoot td.pl{text-align:right}

/* navegação e ações: mesmas cores, com resposta ao toque */
.nav button{transition:background .2s}
.nav button i{transition:background .2s,color .2s}
.nav button:hover{background:var(--hover)}
.nav button[aria-current="page"]{background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line),var(--shadow)}
.btn{transition:transform .15s,box-shadow .2s,border-color .2s}
.btn.primary:hover{transform:translateY(-1px)}
.btn.primary[disabled]{transform:none}

/* hoje: o cartão em destaque, com a borda iluminada */
.today{border:1px solid transparent;background:
  radial-gradient(110% 80% at 0% 0%,rgba(200,244,58,.1),transparent 60%) padding-box,
  linear-gradient(var(--inv),var(--inv)) padding-box,
  linear-gradient(140deg,#c8f43a,transparent 32%,transparent 64%,#8fd9d3) border-box}

/* login: painel de vidro sobre uma luz suave */
.gate{position:relative;overflow:hidden;isolation:isolate}
.gate::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(140vh,1000px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--glow) 13%,transparent),transparent 72%)}
.gate-card{max-width:392px;padding:38px 32px 30px;border-radius:30px;background:color-mix(in srgb,var(--card) 62%,transparent);-webkit-backdrop-filter:blur(28px) saturate(1.2);backdrop-filter:blur(28px) saturate(1.2);border-color:var(--glass-line);box-shadow:0 40px 90px -30px rgba(0,0,0,.45),var(--glass-hi)}
.gate-card .brand{justify-content:center}
.gate-card .brand .logo{width:172px;margin:0 0 4px}
.gate-card h1,.gate-card>p{text-align:center}
.theme-fab{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}

/* analytics */
.col{display:flex;flex-direction:column;gap:16px;min-width:0}
.an2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.seg{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass)}
.seg button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font-weight:600;color:var(--muted);white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--card)}
.chart svg.l-svg{min-width:420px;max-width:680px}
.chart svg.l-svg.wide{min-width:640px;max-width:none}
.l-real{fill:none;stroke:var(--hit);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.l-meta{fill:none;stroke:var(--faint);stroke-width:2;stroke-dasharray:4 5}
.l-dot{stroke:var(--card);stroke-width:2;stroke-dasharray:none}
.l-real.l-dot{fill:var(--hit)}
.l-meta.l-dot{fill:var(--faint)}
.l-hit{fill:transparent}
.l-hit:hover{fill:var(--hover)}
.c-val{fill:var(--ink);font-size:11px;font-weight:600}
.legend i.lr{height:2px;width:14px;border-radius:2px;background:var(--hit)}
.legend i.lm{height:0;width:14px;border-radius:0;background:transparent;border-top:2px dashed var(--faint)}
.kpi .pill{align-self:flex-start;margin-top:4px}
.rx-row{display:grid;grid-template-columns:minmax(120px,170px) minmax(60px,1fr) 52px auto;gap:12px;align-items:center}
.rx-row .n{font-weight:600}
.rx-row .p{font-weight:600;text-align:right}
.rx-row .m{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}
.an-tb{min-width:760px}
.h-tb{min-width:560px}
.h-tb td{text-align:left;border-bottom:0;padding:5px 10px 5px 0}
.h-tb th{text-align:left;padding-left:0}
.h-tb td .in{max-width:none}
@media (max-width:1040px){ .an2{grid-template-columns:1fr} }
@media (max-width:860px){ .rx-row{grid-template-columns:118px minmax(40px,1fr) 48px} .rx-row .m{display:none} .seg button{padding:7px 11px} }

/* rotina: o dia em três atos, constância e resultado.
   Mesma paleta de sempre: turquesa e verde-limão marcam o que foi feito, o resto fica neutro. */
.rz-hero{gap:24px;padding:26px 26px 24px}
.rz-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
.rz-hero .v{font-size:44px}
.rz-hero .v small{font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--inv-muted)}
.rz-next{display:flex;flex-direction:column;gap:3px;max-width:44ch;text-align:right}
.rz-next b{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.3;text-wrap:balance}
.rz-rail{display:flex;gap:16px}
.rz-act{display:flex;flex-direction:column;gap:10px;min-width:0}
.rz-segs{display:flex;gap:5px}
.rz-segs i{flex:1;height:22px;border-radius:7px;background:var(--inv-line)}
.rz-segs i.on{box-shadow:0 0 16px -4px rgba(200,244,58,.5)}
.rz-act.now .rz-segs i:not(.on){background:#3b4245}
.rz-cap{display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap;font-size:13px;color:var(--inv-muted)}
.rz-cap b{font-weight:600;color:var(--inv-ink)}
.rz-cap em{font-style:normal;font-size:11px;font-weight:600;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);vertical-align:1px}

.rz-acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.rz-col{display:flex;flex-direction:column;gap:2px;padding:20px 18px 16px}
.rz-col.now{border-color:color-mix(in srgb,var(--glow) 60%,var(--glass-line))}
.rz-col .card-head{margin-bottom:8px;padding-inline:4px}
.rz-col .card-head b{font-size:15px;letter-spacing:-.01em}
.rz-tk{padding:9px 4px}
.rz-tk+.rz-tk{border-top:1px solid var(--line)}
.rz-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start}
.rz-row input{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:22px;height:22px;margin:0;border-radius:7px;border:1.5px solid var(--faint);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.rz-row input:checked{background:var(--hit);border-color:var(--hit)}
.rz-row input:checked::after{content:"";width:11px;height:6px;border:solid var(--accent-ink);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.rz-row input:disabled{cursor:default}
.rz-row input:disabled:not(:checked){border-style:dashed}
.rz-tx label{display:block;cursor:pointer;font-weight:500;line-height:1.38;padding-top:1px}
.rz-tk.done .rz-tx label{color:var(--muted)}
.rz-meta{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap;margin-top:7px}
.rz-sb{border:1px solid var(--line);background:transparent;border-radius:999px;padding:2px 11px;font-size:12px;font-weight:600;color:var(--ink);transition:background .15s}
.rz-sb:hover{background:var(--hover)}
.rz-sb[aria-expanded="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.rz-auto{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted);cursor:help}
.rz-in,.rz-sc{display:flex;flex-direction:column;gap:10px;margin:12px 0 6px}
.rz-in .in.xl{font-size:22px;padding:10px 12px;width:100%}
.rz-sc p{margin:0;padding:12px 14px;border-radius:12px;background:var(--track)}
.rz-all{margin-left:auto}

.rz-const{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:20px 36px;align-items:center;padding:26px}
.rz-streak{display:flex;flex-direction:column;gap:6px}
.rz-streak .v{font-size:64px;font-weight:600;letter-spacing:-.05em;line-height:.95}
.rz-streak b{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:4px}
.rz-heat{min-width:0}
.rz-grid{display:grid;grid-template-columns:30px repeat(var(--w),minmax(0,1fr));gap:5px;max-width:620px;margin-left:auto}
.rz-grid .ml,.rz-grid .wl{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.rz-grid .ml{height:16px}
.rz-grid .wl{align-self:center}
.hz{display:block;aspect-ratio:1;border-radius:5px;background:var(--track)}
.hz.l1{background:color-mix(in srgb,var(--hit) 26%,var(--track))}
.hz.l2{background:color-mix(in srgb,var(--hit) 50%,var(--track))}
.hz.l3{background:color-mix(in srgb,var(--hit) 76%,var(--track))}
.hz.l4{background:var(--hit)}
.hz.off{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}
.hz.fut{background:transparent}
.hz.now{outline:2px solid var(--ink);outline-offset:1px}
.rz-leg{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:12px;color:var(--muted);margin-top:12px;max-width:620px;margin-left:auto}
.rz-leg .hz{width:12px;border-radius:3px}
.rz-leg span:first-child{margin-right:3px}
.rz-leg span:last-child{margin-left:3px}

.rz-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.rz-res{display:flex;flex-direction:column;gap:14px}
.rz-res p{margin:0;max-width:52ch}
.rz-big{font-size:44px;font-weight:600;letter-spacing:-.045em;line-height:1.05}
.rz-big.msg{font-size:28px;letter-spacing:-.03em}
.rz-big small{font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--muted)}
.rz-cmp{display:grid;grid-template-columns:auto minmax(60px,1fr) auto auto;gap:12px 14px;align-items:center}
.rz-cmp .n,.rz-cmp .p{font-weight:600}
.rz-cmp .p{text-align:right}
.rz-cmp .m{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}
.rz-bar{position:relative;height:14px;border-radius:5px;background:var(--track)}
.rz-bar b{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--bar)}
.rz-bar b.hit{background:var(--hit)}
.rz-bar i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--faint)}
.rz-bar.sm{height:8px;border-radius:4px}
.rz-bar.sm b{border-radius:4px}
.rz-rk{display:flex;flex-direction:column;gap:14px}
.rz-rk>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:baseline}
.rz-rk .t{font-weight:500}
.rz-rk .p{font-weight:600}
.rz-rk .rz-bar{grid-column:1/-1}
.rz-rk .label{font-size:12px}

@media (max-width:1040px){
  .rz-acts,.rz-two{grid-template-columns:1fr}
  .rz-const{grid-template-columns:1fr}
  .rz-grid,.rz-leg{margin-left:0}
  .rz-leg{justify-content:flex-start}
}
@media (max-width:860px){
  .rz-hero{padding:22px 18px 20px}
  .rz-next{text-align:left}
  .rz-rail{gap:10px}
  .rz-segs{gap:3px}
  .rz-segs i{height:18px;border-radius:6px}
  .rz-cap{flex-direction:column;gap:2px}
  .rz-cap em{display:none}
  .rz-act.now .rz-cap b{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
  .rz-const{padding:20px 18px}
  .rz-grid{grid-template-columns:24px repeat(var(--w),minmax(0,1fr));gap:3px}
  .hz{border-radius:3px}
  .rz-cmp{grid-template-columns:auto minmax(40px,1fr) auto}
  .rz-cmp .m{display:none}
  .rz-big{font-size:36px}
}

/* cadastros do site */
.ld-tb{min-width:1100px}
.ld-tb td{vertical-align:top;white-space:normal}
.ld-tb td.num{white-space:nowrap}
.ld-tb td b{display:block;font-weight:600}
.ld-ct{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ld-ct .mail{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.ld-ct .linkbtn{font-size:13px;font-weight:500;white-space:nowrap}
a.btn{text-decoration:none;color:var(--ink)}
tr.ld-done td,tr.ld-done td b{color:var(--muted)}

/* aulas em preparação */
.nav button .soon{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--track);color:var(--muted);font-size:11px;font-weight:600}

/* logo: escrita "allie" desenhada à mão, com o pingo do i verde-limão; o "by Axle Beauty" vai em texto ao lado */
.logo{position:relative;aspect-ratio:1.662;background:none!important;-webkit-mask:none!important;mask:none!important;--lg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 8 154.6 93'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect x='-5' y='0' width='300' height='200' fill='%23fff'/%3E%3Crect x='132.10000000000002' y='75.5' width='23' height='31.0' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cpath d='M21 43H23A21 21 0 0 1 44 64V79A21 21 0 0 1 23 100H21A21 21 0 0 1 0 79V64A21 21 0 0 1 21 43ZM21.53 52.0H22.47A10.930000000000001 10.930000000000001 0 0 1 33.4 62.93V80.07A10.930000000000001 10.930000000000001 0 0 1 22.47 91.0H21.53A10.930000000000001 10.930000000000001 0 0 1 10.6 80.07V62.93A10.930000000000001 10.930000000000001 0 0 1 21.53 52.0Z' fill-rule='evenodd'/%3E%3Cpath d='M33.4 43h10.6V100h-10.6ZM51.4 10h10.6V100h-10.6ZM70.4 10h10.6V100h-10.6ZM89.4 43h10.6V100h-10.6Z'/%3E%3Cg mask='url(%23m)'%3E%3Cpath d='M128.60000000000002 43H130.60000000000002A21 21 0 0 1 151.60000000000002 64V79A21 21 0 0 1 130.60000000000002 100H128.60000000000002A21 21 0 0 1 107.60000000000001 79V64A21 21 0 0 1 128.60000000000002 43ZM129.13 52.0H130.07A10.930000000000001 10.930000000000001 0 0 1 141.0 62.93V80.07A10.930000000000001 10.930000000000001 0 0 1 130.07 91.0H129.13A10.930000000000001 10.930000000000001 0 0 1 118.2 80.07V62.93A10.930000000000001 10.930000000000001 0 0 1 129.13 52.0Z' fill-rule='evenodd'/%3E%3Cpath d='M117.2 66.5H142.00000000000003V75.5H117.2Z'/%3E%3C/g%3E%3C/svg%3E")}
.logo::before,.logo::after{content:"";position:absolute;inset:0;pointer-events:none}
.logo::before{background:currentColor;-webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat}
.logo::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 8 154.6 93'%3E%3Crect x='89.4' y='26.2' width='10.6' height='10.6' rx='2.6' fill='%23c8f43a'/%3E%3C/svg%3E") center/contain no-repeat}
.brand{align-items:center}
.brand::after{content:"by Axle Beauty";font-size:12px;font-weight:500;color:var(--muted);line-height:1.2;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap}
.brand .logo{width:78px}
.gate-card .brand .logo{width:112px}
@media (max-width:860px){.side .brand .logo{width:64px}}
/* trilha de aulas: grade de módulos, capas e cadastro */
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;margin-top:22px}
.mcard{display:flex;flex-direction:column;gap:10px;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit;min-width:0}
.mcard .cov{transition:transform .2s}
.mcard:hover .cov{transform:translateY(-3px)}
.mbar{height:4px;border-radius:2px;background:var(--track);overflow:hidden}
.mbar b{display:block;height:100%;background:var(--hit,#86c81f)}
.mmeta b{display:flex;gap:8px;align-items:center;font-weight:600;font-size:15px;letter-spacing:-.01em}
.mmeta>span{font-size:12.5px;color:var(--muted)}
.cov{display:block;width:100%;aspect-ratio:3/4;height:auto;border-radius:16px;overflow:hidden;background:#15181a;box-shadow:0 18px 40px -24px rgba(0,0,0,.55)}
.cov.img img{width:100%;height:100%;object-fit:cover;display:block}
.mview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start;margin-top:20px}
.mside{display:flex;flex-direction:column;gap:16px}
.mlist{padding:8px 18px}
.lrow2{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.lrow2:last-child{border-bottom:0}
.lrow2.add{display:flex}
.lrow2.edit{align-items:start}
.lx b{display:block;font-weight:600}
.lx small{color:var(--muted);font-size:12.5px}
.la{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ln{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;background:var(--track);color:var(--muted)}
.ln.ok{background:#c8f43a;color:#1b2600}
.form2,.mform2{display:flex;flex-direction:column;gap:12px}
.lrow2 .form2{grid-column:2/4}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chk,.card.form .chk{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;font-size:13px;color:var(--muted);text-align:left}
.chk input{width:auto;margin:0}
.back{border:0;background:transparent;color:var(--muted);font:inherit;padding:0;cursor:pointer}
.back:hover{color:var(--ink)}
@media (max-width:1100px){.mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.mview{grid-template-columns:1fr}.mside .cov{max-width:220px}.lrow2{grid-template-columns:32px minmax(0,1fr)}.la{grid-column:2;justify-content:flex-start}.two{grid-template-columns:1fr}}