
:root{--bg:#090b10;--panel:#121722;--panel2:#1b2230;--text:#eef2f7;--muted:#99a6b7;--line:#2b3545;--accent:#d6ff52;--danger:#ff7373;--good:#7ce4ac}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#1b2730 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{max-width:1220px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:24px;font-weight:950;letter-spacing:2px}.brand span{color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:800;text-transform:uppercase}.muted{color:var(--muted)}.tiny{font-size:12px}.badge{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:24px 0}.card{background:linear-gradient(155deg,#151b26,#10141d);border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}.hero h1{font-size:clamp(28px,5vw,52px);line-height:1.04;margin:10px 0}.hero p{line-height:1.6}.bar{height:11px;background:#2a3340;border-radius:30px;overflow:hidden}.fill{height:100%;width:0;background:linear-gradient(90deg,#8cbd3b,var(--accent));transition:width .3s}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat strong{display:block;font-size:32px;margin:10px 0 3px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.sectiontitle{font-size:20px;margin:0 0 15px}.missions{display:grid;gap:10px}.mission{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#171e29;cursor:pointer}.mission:hover{border-color:#677e45}.mission.done{border-color:#66863d;background:#1c2a20}.mission input{accent-color:#caff4c;width:19px;height:19px;flex-shrink:0}.mission b{display:block}.mission small{color:var(--muted);display:block;margin-top:4px}.mission .xp{margin-left:auto;color:var(--accent);font-weight:800;white-space:nowrap}.btn{border:1px solid var(--line);border-radius:10px;background:#202938;color:var(--text);padding:10px 14px;font-weight:700}.btn:hover{filter:brightness(1.18)}.btn.primary{background:var(--accent);color:#131a0a;border-color:var(--accent)}.btn.danger{color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:8px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{aspect-ratio:1;min-height:36px;border:1px solid var(--line);border-radius:9px;background:#1b2330;color:var(--text);font-size:12px;position:relative}.day.future{opacity:.48}.day.active{outline:2px solid var(--accent)}.day.full{background:#335537;color:#eaffd9}.day.partial{background:#5d4d29}.day .dot{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:9px}.calendar-legend{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}textarea,input[type=date],input[type=text]{width:100%;background:#0e131b;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px}textarea{min-height:100px;resize:vertical}.phase{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.phase:last-child{border:0}.phase.current b{color:var(--accent)}.footer{padding:24px 0;color:var(--muted);text-align:center;font-size:12px}.hidden{display:none!important}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid label{font-size:12px;color:var(--muted)}.settings-grid input{margin-top:6px}.settings-grid .wide{grid-column:1/-1}.notice{border-left:3px solid var(--accent);padding:12px;background:#222b25;border-radius:6px;font-size:13px;line-height:1.5}.toast{position:fixed;bottom:20px;right:20px;background:var(--accent);color:#17200a;border-radius:10px;padding:12px 18px;font-weight:800;box-shadow:0 12px 35px #0008;z-index:10}.subtle{font-size:13px;color:var(--muted);line-height:1.5}@media(max-width:800px){.hero,.layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.shell{padding:14px}.card{padding:17px}.settings-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}
.penalty{border:1px solid #704347;background:#291d25;border-radius:12px;padding:13px;margin:9px 0}.penalty b{display:block}.penalty small{color:var(--muted)}.penalty button{margin-top:8px}.penalty-total{color:var(--danger);font-weight:800}.penalty-history{max-height:210px;overflow:auto}.penalty-history .row{padding:8px 0;border-bottom:1px solid var(--line)}

/* Navegação modular responsiva */
.shell{max-width:1600px;padding:0 22px}.app-frame{display:grid;grid-template-columns:225px minmax(0,1fr);gap:26px;min-height:100vh}.app-nav{position:sticky;top:0;height:100vh;padding:30px 12px 20px 0;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line)}.nav-heading{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--muted);padding:10px 14px 18px}.nav-link{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:13px;padding:15px 14px;font-weight:750;transition:background .15s,color .15s}.nav-link:hover{background:var(--panel2);color:var(--text)}.nav-link.active{background:rgba(214,255,82,.1);color:var(--accent);border-color:rgba(214,255,82,.28)}.nav-icon{font-size:21px;min-width:23px;text-align:center}.app-content{min-width:0;padding:22px 0}.module{display:none}.module.active{display:block}.module-intro{margin:24px 0 18px}.module-intro h2{font-size:clamp(22px,3vw,30px);margin:0 0 5px}.module-intro p{margin:0;color:var(--muted)}#settings{margin-top:0!important}.footer{margin-top:36px}
@media(max-width:800px){.shell{padding:0 14px}.app-frame{display:block}.app-content{padding:14px 0 105px}.app-nav{position:fixed;z-index:100;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid var(--line);background:#10151e;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;box-shadow:0 -8px 24px #0007}.nav-heading{display:none}.nav-link{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:9px 2px 7px;border-radius:10px;text-align:center;font-size:10px;min-height:55px}.nav-icon{font-size:22px;line-height:1.1}.nav-text{white-space:nowrap}.module-intro{margin:18px 0 16px}.top .actions{gap:6px}}

/* CAVEIRA OS — interface compacta e minimalista */
:root{--bg:#0c0e11;--panel:#14171b;--panel2:#1b1f24;--text:#f0f1f2;--muted:#8c939b;--line:#292e34;--accent:#c5e978;--danger:#e98a8a;--good:#8ac8a1}
body{background:var(--bg);font-size:13px;line-height:1.45}
.shell{max-width:1360px;padding:0 24px}.app-frame{grid-template-columns:196px minmax(0,1fr);gap:30px}
.app-nav{padding:24px 12px 18px 0;gap:3px}.nav-heading{font-size:10px;letter-spacing:1.3px;padding:10px 12px 12px}
.nav-link{padding:11px 12px;gap:11px;border-radius:9px;font-size:12px;font-weight:600}.nav-icon{font-size:18px;min-width:19px}
.nav-link.active{background:#242d1d;border-color:#35472a}.app-content{padding:24px 0}
.brand{font-size:19px;letter-spacing:1px;font-weight:800}.top .tiny{font-size:10px;letter-spacing:.3px}.badge{padding:6px 10px;font-size:11px}
.module-intro{margin:25px 0 13px}.module-intro h2{font-size:22px;margin:0 0 2px;font-weight:750}.module-intro p{font-size:12px}
.hero{gap:12px;margin:14px 0}.layout{gap:12px;margin-top:12px}.stats{gap:12px}.card{background:var(--panel);border-radius:12px;padding:17px}
.hero h1{font-size:clamp(25px,3vw,37px);line-height:1.1;margin:8px 0}.hero p{line-height:1.45;font-size:12px;margin:8px 0 18px}
.eyebrow{font-size:10px;letter-spacing:1.15px}.sectiontitle{font-size:16px;margin:0 0 12px}.stat strong{font-size:25px;margin:6px 0 0}
.bar{height:7px;background:#292e34}.fill{background:var(--accent)}.notice{font-size:11px;padding:9px 11px;background:#1d241b;border-radius:6px}
.missions{gap:7px}.mission{padding:10px 12px;gap:10px;background:var(--panel2);border-radius:9px}.mission input{width:16px;height:16px}.mission small{font-size:11px;margin-top:2px}.mission .xp{font-size:11px}
.btn{padding:8px 11px;border-radius:8px;font-size:12px;font-weight:600;background:#20252b}.penalty{padding:11px;border-radius:9px;background:#211a1d;margin:7px 0}.penalty small{font-size:11px}.penalty button{margin-top:6px}
.day{border-radius:7px;min-height:32px}.calendar{gap:5px}.phase{padding:9px 0}.subtle{font-size:12px}.footer{margin-top:24px;padding:12px 0;font-size:10px}
textarea,input[type=date],input[type=text]{padding:9px;border-radius:8px;font-size:12px}
@media(max-width:800px){.shell{padding:0 13px}.app-content{padding:15px 0 91px}.app-nav{background:#14171b;box-shadow:0 -5px 20px #0005;padding:5px 6px calc(5px + env(safe-area-inset-bottom));gap:0}.nav-link{font-size:10px;min-height:49px;padding:7px 1px 5px;gap:2px}.nav-icon{font-size:19px}.module-intro{margin:18px 0 12px}.module-intro h2{font-size:20px}.hero{gap:10px}.card{padding:13px}.stats{gap:9px}.stat strong{font-size:22px}.hero h1{font-size:29px}.top .actions .btn{padding:7px 9px}.brand{font-size:18px}.layout{gap:10px}}
@media(max-width:370px){.nav-link{font-size:9px}.card{padding:11px}.badge{font-size:10px}}
select{width:100%;background:#0e131b;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:9px;font-size:12px}.task-form{display:grid;gap:9px;margin:0 0 16px;padding:12px;background:#191e25;border:1px solid var(--line);border-radius:10px}.task-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.task-form button{justify-self:start}.task-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:5px}.task-meta small{font-size:10px!important;margin:0!important}.task-remove{border:0;background:transparent;color:var(--muted);font-size:18px;padding:5px}.task-remove:hover{color:var(--danger)}@media(max-width:500px){.task-fields{grid-template-columns:1fr 1fr}.task-fields select:last-child{grid-column:1/-1}}

.deadline-group{margin:12px 0}.deadline-group h3{font-size:12px;letter-spacing:.6px;text-transform:uppercase;margin:0 0 9px;color:var(--muted)}.deadline-group .missions{gap:7px}.urgency{font-size:10px;font-weight:750;border-radius:999px;padding:5px 8px;background:#30392b;color:#d8f78b;white-space:nowrap}.urgency.late{background:#48272a;color:#ffaaaa}.urgency.today{background:#453328;color:#ffcf92}.urgency.near{background:#413d28;color:#f7e391}.weekday-picker{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.weekday-picker label{padding:7px;border:1px solid var(--line);border-radius:8px;font-size:11px}.weekday-picker input{accent-color:var(--accent)}.mission.done{opacity:.75}.mission{min-width:0}.mission b{overflow-wrap:anywhere}#taskDeadline{width:100%;margin-top:6px}



.mission-tabs{display:flex;gap:6px;margin:4px 0 16px;padding:4px;background:#171c22;border:1px solid var(--line);border-radius:11px}.mission-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:10px 8px;border-radius:8px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.mission-tab.active{background:#2b3425;color:#d9f58a}.mission-subview{display:none}.mission-subview.active{display:block}.manage-list{display:grid;gap:8px;margin-top:14px}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1b2026;border:1px solid var(--line);border-radius:9px;padding:12px}.manage-item b{font-size:13px}.manage-item small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.manage-item button{flex-shrink:0}.mission-tab:focus-visible{outline:2px solid #d9f58a;outline-offset:2px}

