@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090d14;--panel:#111722;--panel2:#171e2b;--border:#242d3c;--text:#edf2f8;--muted:#8995a7;--primary:#7c5cff;--primary2:#9a83ff;--green:#35d49a;--red:#ff667a;--orange:#ffb454;--blue:#57a8ff;--shadow:0 18px 45px rgba(0,0,0,.24);--radius:18px}
html[data-theme="light"]{--bg:#f3f6fa;--panel:#fff;--panel2:#edf1f7;--border:#dce3ed;--text:#141a24;--muted:#687487;--shadow:0 12px 30px rgba(30,45,70,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:8px}h2{font-size:1rem;margin-bottom:16px}h3{font-size:.98rem}.muted{color:var(--muted);line-height:1.6}.eyebrow{color:var(--primary2);font-size:.69rem;font-weight:800;letter-spacing:.14em;margin-bottom:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#0c111a;border-right:1px solid var(--border);padding:25px 16px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 23px}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary),#4b79ff);font-weight:800;color:white;box-shadow:0 8px 24px #7058ff44}.brand strong,.brand small{display:block}.brand small{font-size:.64rem;color:var(--muted);margin-top:4px}.sidebar nav{display:grid;gap:4px;overflow-y:auto}.nav-item{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;text-align:left;font-weight:600;font-size:.83rem;display:flex;gap:12px;align-items:center;transition:.18s}.nav-item span{width:19px;text-align:center;font-size:1rem}.nav-item:hover,.nav-item.active{color:#fff;background:#795cff20}.nav-item.active{color:#b9a9ff}.local-badge{margin-top:auto;padding:12px;color:var(--green);font-size:.72rem;text-align:center}.main{margin-left:248px;padding:36px;max-width:1600px}.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.primary,.secondary,.danger,.file-label{border:0;border-radius:10px;padding:11px 15px;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--primary);color:white;box-shadow:0 8px 20px #725bff30}.primary:hover{background:var(--primary2)}.secondary,.file-label{background:var(--panel2);border:1px solid var(--border);color:var(--text)}.danger{background:#ff52681b;color:var(--red);border:1px solid #ff52684a}.text-btn{border:0;background:transparent;color:var(--primary2);font-size:.75rem;font-weight:700}.button-row{display:flex;gap:9px;align-items:center}.wrap{flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card,.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:19px;display:flex;gap:14px;align-items:center;min-width:0}.stat-card small,.mini-grid small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:6px}.stat-card strong{font-size:1.35rem;display:block;overflow:hidden;text-overflow:ellipsis}.stat-card div>span{font-size:.67rem;color:var(--muted)}.stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-weight:800}.stat-icon.green{color:var(--green);background:#35d49a18}.stat-icon.blue{color:var(--blue);background:#57a8ff18}.stat-icon.orange{color:var(--orange);background:#ffb45418}.stat-icon.purple{color:var(--primary2);background:#7c5cff18}.stat-icon.red{color:var(--red);background:#ff667a18}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.card{padding:20px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dashboard-grid,.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span-2{grid-column:span 2}.pill{font-size:.63rem;padding:6px 9px;border-radius:20px;background:var(--panel2);white-space:nowrap}.pill.purple{color:var(--primary2)}.progress-row{display:flex;gap:12px;align-items:center}.progress{height:8px;background:var(--panel2);border-radius:20px;overflow:hidden;flex:1}.progress i{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--primary),#54a8ff);border-radius:inherit;transition:width .5s}.progress.large{height:12px;max-width:700px;margin:25px auto 12px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--border);padding-top:17px}.quote-card{background:linear-gradient(135deg,#6f55ed,#4035a9);color:white;display:flex;flex-direction:column;justify-content:center}.quote-card>span{font-size:3rem;line-height:.5;opacity:.5}.quote-card p{font-weight:700;line-height:1.55;margin:12px 0}.quote-card small{opacity:.65}.compact-list,.stack-list,.task-list,.timeline,.check-list{display:grid;gap:10px}.list-item{display:flex;align-items:center;gap:10px;background:var(--panel2);padding:11px;border-radius:11px;border:1px solid transparent}.list-item:hover{border-color:var(--border)}.list-main{min-width:0;flex:1}.list-main strong,.list-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main strong{font-size:.8rem}.list-main small{font-size:.65rem;color:var(--muted);margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.empty{color:var(--muted);font-size:.8rem;padding:20px;text-align:center;border:1px dashed var(--border);border-radius:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-grid button{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:12px;border-radius:10px;text-align:left;font-size:.75rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--border);font-size:.76rem}th{color:var(--muted);font-size:.65rem;text-transform:uppercase}.actions{display:flex;gap:5px}.icon-btn{border:0;background:transparent;color:var(--muted);padding:5px;border-radius:6px}.icon-btn:hover{background:var(--panel2);color:var(--text)}.bar-chart{display:grid;gap:13px;margin-top:20px}.bar-label{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:5px}.bar-track{height:8px;border-radius:8px;background:var(--panel2);overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--blue));border-radius:8px}.goal-row .progress{margin:8px 0 5px}.goal-row footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem}.cards-grid,.notes-grid,.dream-grid,.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.idea-card,.goal-card,.note-card,.class-card{position:relative}.card-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.tag{background:var(--panel2);border:1px solid var(--border);padding:5px 8px;border-radius:20px;font-size:.62rem;color:var(--muted)}.card-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:14px}.focus-card{margin-bottom:17px;border-color:#8065ff66;background:linear-gradient(100deg,#775cff15,var(--panel))}.focus-card h2{font-size:1.3rem;margin-bottom:5px}.class-card.below{border-color:#ff667a55}.percent{font-size:1.7rem;font-weight:800}.hero-goal{text-align:center;padding:48px 22px;border-radius:24px;background:radial-gradient(circle at top,#795cff30,transparent 60%),var(--panel);border:1px solid var(--border);margin-bottom:18px}.hero-goal h1{font-size:clamp(2rem,5vw,3.4rem)}.check-row{display:flex;gap:12px;align-items:center;padding:13px;background:var(--panel2);border-radius:11px;font-size:.8rem}.check-row input,.task-check{accent-color:var(--primary);width:17px;height:17px}.check-row.done span{text-decoration:line-through;color:var(--muted)}.encouragement{margin-top:20px;padding:14px;border-radius:12px;background:#35d49a12;color:var(--green);font-size:.8rem;line-height:1.5}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:8px 13px;border-radius:20px;font-size:.72rem}.filter.active{background:var(--primary);border-color:var(--primary);color:#fff}.task-row{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--border)}.task-row:last-child{border:0}.task-row.completed .list-main strong{text-decoration:line-through;color:var(--muted)}.priority{width:4px;align-self:stretch;border-radius:3px}.priority.High{background:var(--red)}.priority.Medium{background:var(--orange)}.priority.Low{background:var(--green)}.overdue{color:var(--red)!important}.timeline .list-item{padding:15px}.note-card p{white-space:pre-wrap;font-size:.8rem;color:var(--muted);line-height:1.6;max-height:150px;overflow:hidden}.dream-card{min-height:210px;padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(155deg,#795cff25,var(--panel));background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.dream-card.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#070910e8)}.dream-card>*{position:relative}.dream-card h2{font-size:1.2rem;margin-bottom:7px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:600}input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical}.small-input{width:auto;padding:8px 10px}.search{max-width:350px}.file-label input{display:none}.privacy-card{border-color:#35d49a50}.danger-zone{border-color:#ff667a4d}dialog{width:min(620px,calc(100% - 30px));max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);padding:0;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#020409b5;backdrop-filter:blur(4px)}.modal-form{padding:22px;display:grid;gap:14px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:1.15rem}.close{border:0;background:var(--panel2);color:var(--muted);width:30px;height:30px;border-radius:8px;font-size:1.3rem}.toast{position:fixed;right:25px;bottom:25px;z-index:100;background:var(--text);color:var(--bg);padding:12px 17px;border-radius:10px;font-weight:700;font-size:.75rem;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.mobile-header,.mobile-nav{display:none}.scrim{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.content-grid{grid-template-columns:1fr 1fr}.cards-grid,.notes-grid,.dream-grid,.class-grid{grid-template-columns:1fr 1fr}.dashboard-grid .span-2,.content-grid .span-2{grid-column:span 2}}
@media(max-width:760px){body{padding-bottom:67px}.sidebar{transform:translateX(-105%);transition:.25s;width:270px}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;inset:0;background:#0008;z-index:15}.main{margin-left:0;padding:82px 14px 20px}.mobile-header{display:flex;position:fixed;inset:0 0 auto 0;height:60px;background:var(--panel);border-bottom:1px solid var(--border);z-index:12;align-items:center;justify-content:space-between;padding:0 16px}.mobile-header button{border:0;background:transparent;color:var(--text);font-size:1.2rem}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;background:var(--panel);border-top:1px solid var(--border);z-index:12;padding:7px 5px max(7px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:1rem;display:grid;gap:2px;place-items:center}.mobile-nav small{font-size:.57rem}.mobile-nav button.active{color:var(--primary2)}.page-head{align-items:flex-start;margin-bottom:20px}.page-head>.button-row{flex-direction:column}.stats-grid{gap:9px}.stat-card{padding:14px;gap:9px}.stat-icon{width:34px;height:34px;flex-basis:34px}.stat-card strong{font-size:1.05rem}.dashboard-grid,.content-grid,.cards-grid,.notes-grid,.dream-grid,.class-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid .span-2,.content-grid .span-2{grid-column:span 1}.card{padding:16px}.form-grid{grid-template-columns:1fr}.hero-goal{padding:35px 15px}.quick-grid{grid-template-columns:1fr 1fr}.toast{left:15px;right:15px;bottom:80px;text-align:center}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{display:block}.stat-icon{margin-bottom:10px}.page-head{display:block}.page-head>.primary{margin-top:12px}.mini-grid{gap:8px}.pill{display:none}}

/* ── PetesHub Premium Visual System ───────────────────────────── */
:root{
  --bg:#05070d;--panel:rgba(17,22,34,.66);--panel2:rgba(255,255,255,.055);--border:rgba(255,255,255,.095);
  --text:#f7f8fc;--muted:#8f99ad;--primary:#7c6cff;--primary2:#a899ff;--blue:#4da3ff;--green:#43e6ad;
  --red:#ff6d83;--orange:#ffb45d;--shadow:0 24px 70px rgba(0,0,0,.34);--radius:22px;
}
html[data-theme="light"]{--bg:#eff2f8;--panel:rgba(255,255,255,.72);--panel2:rgba(20,28,45,.055);--border:rgba(30,40,65,.1);--text:#111521;--muted:#6b7485;--shadow:0 24px 60px rgba(40,55,90,.12)}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 70% 0%,rgba(90,76,255,.12),transparent 31%),radial-gradient(circle at 100% 50%,rgba(41,137,255,.07),transparent 34%);letter-spacing:-.012em;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;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:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.13;animation:ambientFloat 18s ease-in-out infinite}.ambient i:nth-child(1){width:440px;height:440px;background:#634bff;top:-180px;right:8%}.ambient i:nth-child(2){width:330px;height:330px;background:#238eff;top:46%;left:12%;animation-delay:-6s}.ambient i:nth-child(3){width:260px;height:260px;background:#b13eff;bottom:-100px;right:18%;animation-delay:-12s}@keyframes ambientFloat{50%{transform:translate3d(30px,-25px,0) scale(1.08)}}
#confettiCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:200;pointer-events:none}
.sidebar{width:264px;padding:24px 15px;background:rgba(8,11,19,.78);border-right:1px solid rgba(255,255,255,.08);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);transition:width .3s cubic-bezier(.2,.8,.2,1),transform .3s;box-shadow:18px 0 50px rgba(0,0,0,.1)}
.brand{padding:0 10px 25px;gap:12px}.brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:linear-gradient(145deg,#9c8bff,#5e4cfa 55%,#3e83ff);box-shadow:0 9px 30px rgba(106,83,255,.45),inset 0 1px 1px rgba(255,255,255,.5)}.brand-mark svg{width:27px;fill:white}.brand-copy{overflow:hidden;white-space:nowrap}.brand strong{font-size:.96rem;letter-spacing:-.03em}.brand small{font-size:.61rem;letter-spacing:.015em}.nav-label{font-size:.58rem;color:#5f697b;letter-spacing:.16em;text-transform:uppercase;font-weight:800;padding:0 13px;margin:4px 0 9px}.nav-item{height:43px;padding:0 12px;border:1px solid transparent;border-radius:12px;gap:12px;font-size:.79rem;position:relative;overflow:hidden}.nav-item b{font-weight:600;white-space:nowrap}.nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(130,105,255,.17),rgba(83,141,255,.04));opacity:0;transition:.2s}.nav-item:hover{transform:translateX(2px);color:#e5e8f2;background:rgba(255,255,255,.035)}.nav-item.active{background:rgba(120,96,255,.13);border-color:rgba(143,121,255,.17);box-shadow:inset 3px 0 #8d78ff;color:#c8bcff}.nav-item.active:after{opacity:1}.nav-icon{width:22px!important;position:relative;z-index:1}.nav-item b{position:relative;z-index:1}.local-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(67,230,173,.065);border:1px solid rgba(67,230,173,.12);border-radius:12px;margin:15px 5px 0;padding:11px}.local-badge i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.local-badge span{white-space:nowrap}.collapse-btn{position:absolute;right:-13px;top:73px;width:27px;height:27px;border-radius:50%;border:1px solid var(--border);background:#151a27;color:#aeb7c9;display:grid;place-items:center;z-index:2;box-shadow:0 6px 18px #0005;font-size:1.1rem;transition:.25s}.collapse-btn:hover{color:white;transform:scale(1.08)}
body.sidebar-collapsed .sidebar{width:82px}body.sidebar-collapsed .main{margin-left:82px}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .nav-item b,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .local-badge span{display:none}body.sidebar-collapsed .brand{justify-content:center;padding-inline:0}body.sidebar-collapsed .nav-item{justify-content:center;padding:0}body.sidebar-collapsed .nav-icon{font-size:1.05rem}body.sidebar-collapsed .local-badge{padding:12px}body.sidebar-collapsed .collapse-btn{transform:rotate(180deg)}body.sidebar-collapsed .collapse-btn:hover{transform:rotate(180deg) scale(1.08)}
.main{margin-left:264px;padding:30px clamp(24px,3vw,48px) 60px;transition:margin-left .3s cubic-bezier(.2,.8,.2,1);max-width:1720px}.view.active{animation:pageIn .42s cubic-bezier(.2,.8,.2,1)}@keyframes pageIn{from{opacity:0;transform:translateY(12px) scale(.995);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.home-hero{min-height:315px;border-radius:30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:48px clamp(28px,5vw,72px);margin-bottom:31px;background:radial-gradient(circle at 85% 30%,rgba(123,100,255,.27),transparent 30%),linear-gradient(125deg,rgba(16,21,34,.94),rgba(12,15,26,.72));border:1px solid rgba(255,255,255,.105);box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);isolation:isolate}.home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.035),transparent 55%);transform:translateX(-100%);animation:heroShine 7s ease-in-out infinite}@keyframes heroShine{0%,55%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}.status-chip{display:inline-flex;align-items:center;gap:8px;font-size:.58rem;letter-spacing:.16em;color:#aab3c4;font-weight:800;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:7px 10px;margin-bottom:25px}.status-chip i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.hero-greeting{color:#a8b0c0;font-size:.88rem;margin-bottom:3px}.home-hero h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.075em;line-height:.97;margin:0 0 15px;font-weight:800}.home-hero h1 span{background:linear-gradient(110deg,#b6abff,#7865ff 52%,#56a5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{color:#9099aa;font-size:clamp(.86rem,1.5vw,1.02rem);max-width:500px;line-height:1.6;margin-bottom:27px}.hero-actions{display:flex;gap:10px}.glass-button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#e8ebf5;border-radius:12px;padding:11px 16px;font-size:.78rem;font-weight:700;backdrop-filter:blur(10px);transition:.23s}.glass-button:hover{background:rgba(255,255,255,.095);transform:translateY(-2px)}.hero-orbit{width:240px;height:240px;position:relative;display:grid;place-items:center;margin-right:2vw}.hero-logo{width:86px;height:86px;border-radius:27px;background:linear-gradient(145deg,#a28fff,#674fff 58%,#3c8dff);display:grid;place-items:center;font-size:2.5rem;font-weight:800;color:white;box-shadow:0 0 80px rgba(105,78,255,.55),inset 0 1px 2px #fff8;animation:logoHover 5s ease-in-out infinite}.orbit-ring{position:absolute;inset:10px;border:1px solid rgba(160,145,255,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;inset:28px;border:1px dashed rgba(88,157,255,.17);border-radius:50%}.orbit-ring:after{inset:62px;border-style:solid}.orb{position:absolute;border-radius:50%;box-shadow:0 0 20px currentColor}.orb.one{width:10px;height:10px;background:#a997ff;color:#a997ff;top:16px;left:112px}.orb.two{width:7px;height:7px;background:#54a6ff;color:#54a6ff;right:25px;bottom:48px}.orb.three{width:5px;height:5px;background:#43e6ad;color:#43e6ad;left:24px;bottom:61px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoHover{50%{transform:translateY(-8px) rotate(2deg)}}
.dashboard-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.dashboard-toolbar h2{font-size:1.25rem;margin:0}.dashboard-toolbar #dateTime{font-size:.72rem;margin:0}.card,.stat-card{background:linear-gradient(145deg,rgba(24,30,45,.72),rgba(13,17,27,.62));border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;position:relative}.card:hover,.stat-card:hover{transform:translateY(-4px);border-color:rgba(144,126,255,.26);box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 35px rgba(103,80,255,.07),inset 0 1px rgba(255,255,255,.06)}.stat-card{border-radius:19px;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -30px -45px auto;width:100px;height:100px;border-radius:50%;background:currentColor;opacity:.025;filter:blur(8px)}.trend{margin-left:auto;align-self:flex-start;padding:5px 7px;border-radius:8px;font-size:.67rem}.trend.up{background:rgba(67,230,173,.1);color:var(--green)}.badge-shine{margin-left:auto;color:#ffd668;text-shadow:0 0 20px #ffc84d;font-size:1.15rem;animation:badgePulse 2.5s ease-in-out infinite}@keyframes badgePulse{50%{transform:scale(1.18) rotate(8deg);filter:brightness(1.3)}}.mini-ring,.progress-ring{--ring:0deg;border-radius:50%;background:conic-gradient(var(--primary2) var(--ring),rgba(255,255,255,.07) 0);display:grid;place-items:center;position:relative;transition:--ring 1s}.mini-ring{width:40px;height:40px;margin-left:auto}.mini-ring:before,.progress-ring:before{content:"";position:absolute;border-radius:50%;background:#111623}.mini-ring:before{inset:4px}.mini-ring span{position:relative;font-size:.67rem;font-weight:800}.progress-ring{width:86px;height:86px;flex:0 0 86px;box-shadow:0 0 30px rgba(123,102,255,.12)}.progress-ring:before{inset:7px}.progress-ring span{position:relative;font-size:1rem;font-weight:800}
.utility-grid{display:grid;grid-template-columns:.8fr 1fr 1.35fr;gap:14px;margin-bottom:16px}.utility-grid .card{min-height:142px;padding:19px}.clock-widget{display:flex;align-items:center;overflow:hidden}.clock-widget strong{font-size:2.15rem;letter-spacing:-.06em}.clock-widget span{color:var(--primary2);font-size:.67rem;margin-left:6px;font-weight:800}.clock-widget small{display:block;color:var(--muted);font-size:.63rem;margin-top:8px}.clock-glow{position:absolute;width:110px;height:110px;border-radius:50%;background:#715bff;filter:blur(45px);opacity:.14;right:-20px;bottom:-40px}.weather-widget{display:flex;align-items:center;gap:17px}.weather-icon{font-size:2.5rem;filter:drop-shadow(0 0 17px rgba(79,167,255,.42))}.weather-widget strong{font-size:1.6rem;display:block}.weather-widget span{color:var(--muted);font-size:.68rem}.calendar-top{display:flex;justify-content:space-between;align-items:center}.calendar-top strong{font-size:.72rem}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:11px}.mini-calendar span{text-align:center;font-size:.59rem;color:var(--muted);padding:4px 1px;border-radius:6px}.mini-calendar .day-name{font-size:.5rem;color:#596477;text-transform:uppercase}.mini-calendar .today{background:linear-gradient(135deg,var(--primary),#4b91ff);color:#fff;box-shadow:0 4px 12px rgba(104,84,255,.35)}
.dashboard-grid{grid-template-columns:1.15fr 1.15fr .9fr}.goal-spotlight{background:radial-gradient(circle at 85% 20%,rgba(116,91,255,.15),transparent 35%),linear-gradient(145deg,rgba(25,30,47,.78),rgba(13,17,28,.68))}.goal-spotlight h2{font-size:1.25rem;margin-bottom:7px}.subtle{color:var(--muted);font-size:.7rem}.progress{height:7px;background:rgba(255,255,255,.055);overflow:visible}.progress i{background:linear-gradient(90deg,#6450f7,#9b81ff 48%,#4c9fff);box-shadow:0 0 16px rgba(120,95,255,.45);position:relative;animation:progressGlow 2.6s ease-in-out infinite}.progress i:after{content:"";position:absolute;width:7px;height:7px;right:0;border-radius:50%;background:white;box-shadow:0 0 12px #8b78ff}@keyframes progressGlow{50%{filter:brightness(1.25)}}.quote-card{background:radial-gradient(circle at 100% 0%,rgba(112,93,255,.38),transparent 48%),linear-gradient(145deg,#1b2140,#121627);justify-content:space-between}.quote-mark{font-family:Georgia,serif;font-size:4rem;line-height:.7;color:#9e8bff;opacity:.75}.quote-footer{display:flex;align-items:center;gap:8px}.avatar-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#987fff,#4c8aff);font-size:.58rem;font-weight:800}.widget h2,.quick-card h2{font-size:1.05rem}.quick-grid button{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.075);display:flex;align-items:center;gap:8px;transition:.22s}.quick-grid button span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(124,92,255,.14);color:#b8a9ff}.quick-grid button:hover{transform:translateY(-2px);background:rgba(125,100,255,.1);border-color:rgba(148,126,255,.22)}
.primary{background:linear-gradient(135deg,#8e79ff,#6652f6 58%,#4e89ff);box-shadow:0 10px 27px rgba(100,77,245,.32),inset 0 1px rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.1);transition:.23s}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(100,77,245,.45);filter:brightness(1.08)}.secondary,.file-label,input,select,textarea{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}.secondary:hover,.file-label:hover{border-color:rgba(143,121,255,.25);transform:translateY(-1px)}.list-item{background:rgba(255,255,255,.033);border-color:rgba(255,255,255,.045);transition:.2s}.list-item:hover{background:rgba(255,255,255,.055);transform:translateX(2px)}dialog{background:rgba(15,19,30,.92);backdrop-filter:blur(35px) saturate(150%);border-color:rgba(255,255,255,.12);box-shadow:0 40px 120px #000b}dialog[open]{animation:modalIn .27s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}.hero-goal{background:radial-gradient(circle at 50% 0%,rgba(117,88,255,.3),transparent 50%),linear-gradient(145deg,rgba(25,30,48,.82),rgba(10,13,22,.72));box-shadow:var(--shadow)}
@media(max-width:1100px){.home-hero{min-height:285px}.hero-orbit{width:200px;height:200px}.utility-grid{grid-template-columns:1fr 1fr}.calendar-widget{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .quote-card{grid-column:auto}}
@media(max-width:760px){.ambient i{filter:blur(65px)}.sidebar{width:280px}.collapse-btn{display:none}.main,body.sidebar-collapsed .main{margin-left:0;padding:76px 13px 90px}.home-hero{min-height:auto;border-radius:23px;padding:31px 23px;margin-bottom:23px}.home-hero h1{font-size:3.5rem}.hero-sub{max-width:330px}.hero-orbit{display:none}.hero-actions{flex-wrap:wrap}.dashboard-toolbar{align-items:flex-start}.dashboard-toolbar #dateTime{max-width:155px;text-align:right;line-height:1.5}.premium-stats{grid-template-columns:1fr 1fr}.utility-grid{grid-template-columns:1fr 1fr}.calendar-widget{grid-column:span 2}.utility-grid .card{min-height:130px}.clock-widget strong{font-size:1.75rem}.dashboard-grid{grid-template-columns:1fr}.goal-spotlight .card-head{align-items:center}.progress-ring{width:70px;height:70px;flex-basis:70px}.mobile-header{background:rgba(9,12,20,.8);backdrop-filter:blur(22px);border-color:rgba(255,255,255,.08)}.mobile-brand{display:flex;align-items:center;gap:8px}.mini-logo{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#9984ff,#4d83ff);display:grid;place-items:center;font-size:.66rem}.mobile-nav{background:rgba(10,13,21,.87);backdrop-filter:blur(22px);border-color:rgba(255,255,255,.08)}}
@media(max-width:430px){.home-hero h1{font-size:3.1rem}.hero-actions button{flex:1}.premium-stats{grid-template-columns:1fr 1fr}.stat-card .mini-ring,.stat-card .trend{display:none}.utility-grid{grid-template-columns:1fr}.calendar-widget{grid-column:auto}.weather-widget,.clock-widget{min-height:115px!important}.dashboard-toolbar #dateTime{display:none}.goal-spotlight .card-head{gap:6px}.progress-ring{width:62px;height:62px;flex-basis:62px}.quick-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@property --ring{syntax:'<angle>';initial-value:0deg;inherits:false}
.stats-grid.three-stats{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.stats-grid.three-stats{grid-template-columns:1fr 1fr}.stats-grid.three-stats .stat-card:last-child{grid-column:span 2}}

/* Product research board */
.product-board-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:5px 0 14px}.product-board-head h2{font-size:1.24rem;margin:0}.research-note{font-size:.64rem;color:var(--muted);padding:7px 10px;border:1px solid var(--border);background:var(--panel2);border-radius:999px}.product-board{display:grid;grid-template-columns:repeat(5,105px);gap:8px;margin-bottom:18px;justify-content:start}.product-tile{min-width:0;border:1px solid rgba(255,255,255,.09);background:linear-gradient(150deg,rgba(25,31,47,.8),rgba(12,16,26,.72));border-radius:21px;overflow:hidden;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.product-tile:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(139,118,255,.35);box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 35px rgba(104,82,255,.09)}.product-image{height:68px;overflow:hidden;background:#111624}.product-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.product-tile:hover .product-image img{transform:scale(1.055)}.product-copy{position:relative;padding:8px}.product-copy h3{font-size:.62rem;line-height:1.25;margin:0 0 4px;padding-right:0}.product-copy p{font-size:.5rem;color:var(--muted);line-height:1.3;margin:0 0 7px}.product-number{display:none}.risk-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:999px;font-size:.43rem;font-weight:800}.risk-chip:before{content:"";width:5px;height:5px;border-radius:50%}.risk-chip.low{color:var(--green);background:rgba(67,230,173,.08)}.risk-chip.low:before{background:var(--green);box-shadow:0 0 8px var(--green)}.risk-chip.medium{color:var(--orange);background:rgba(255,180,93,.08)}.risk-chip.medium:before{background:var(--orange);box-shadow:0 0 8px var(--orange)}
@media(max-width:760px){.product-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.product-board-head{align-items:flex-start}.research-note{max-width:155px;text-align:center;line-height:1.4}.product-image{height:auto;aspect-ratio:1.35/1}.product-copy{padding:6px}.product-copy h3{font-size:clamp(.43rem,1.7vw,.58rem)}.product-copy p{display:none}.risk-chip{font-size:.38rem;padding:2px 4px}}
@media(max-width:430px){.research-note{display:none}.risk-chip{display:none}.product-copy h3{margin:0}.product-tile{border-radius:11px}}

/* Match Make Money product cards to the Dream Board exactly */
.product-board.dream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;justify-content:stretch}
.product-dream-card{min-height:210px}
.product-dream-card .risk-chip{align-self:flex-start;margin-top:3px}
@media(max-width:1100px){.product-board.dream-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.product-board.dream-grid{grid-template-columns:1fr}.product-dream-card{min-height:210px}.product-dream-card p{display:block}.product-dream-card .risk-chip{display:inline-flex}}

/* Official PetesHub identity */
.brand-mark{background:none;box-shadow:0 9px 30px rgba(106,83,255,.38);overflow:hidden}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%}
.hero-logo{padding:0;background:none;box-shadow:0 0 85px rgba(105,78,255,.52);overflow:hidden}
.hero-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}
.mini-logo{padding:0;background:none;overflow:hidden}
.mini-logo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 46%}

/* Pete's Calendar */
.calendar-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,.8fr);gap:16px}.full-calendar-card{padding:18px}.calendar-controls{display:grid;grid-template-columns:38px 1fr auto 38px;align-items:center;gap:10px;margin-bottom:18px}.calendar-controls h2{font-size:1.25rem;margin:0}.calendar-controls .eyebrow{margin-bottom:3px}.calendar-arrow{width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:var(--panel2);color:var(--text);transition:.2s}.calendar-arrow:hover{border-color:rgba(143,121,255,.35);background:rgba(124,92,255,.13);transform:translateY(-1px)}.weekday-row,.full-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday-row{border-bottom:1px solid var(--border)}.weekday-row span{padding:9px;text-align:center;color:var(--muted);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.full-calendar-grid{border-left:1px solid var(--border)}.calendar-day{height:112px;min-width:0;padding:8px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.012);color:var(--text);text-align:left;overflow:hidden;transition:.18s}.calendar-day:nth-child(-n+7){border-top:0}.calendar-day:hover{background:rgba(124,92,255,.075);box-shadow:inset 0 0 0 1px rgba(139,118,255,.2)}.calendar-day.outside{opacity:.34}.day-number{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-size:.68rem;font-weight:700}.calendar-day.is-today .day-number{background:linear-gradient(135deg,var(--primary),var(--blue));color:#fff;box-shadow:0 4px 13px rgba(108,85,255,.4)}.day-events{display:grid;gap:3px;margin-top:5px}.calendar-event{display:block;padding:4px 5px;border-radius:5px;font-size:.53rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid}.calendar-event.purple{background:rgba(124,92,255,.14);border-color:#8e79ff;color:#c9beff}.calendar-event.blue{background:rgba(77,163,255,.12);border-color:#4da3ff;color:#9fcfff}.calendar-event.green{background:rgba(67,230,173,.1);border-color:#43e6ad;color:#8bf0cc}.calendar-event.orange{background:rgba(255,180,93,.11);border-color:#ffb45d;color:#ffd09a}.calendar-event.red{background:rgba(255,109,131,.11);border-color:#ff6d83;color:#ffabb8}.day-events small{font-size:.5rem;color:var(--muted);padding-left:4px}.calendar-agenda{align-self:start;position:sticky;top:25px}.calendar-agenda-item{display:flex;align-items:center;gap:9px;padding:11px 7px;border-bottom:1px solid var(--border)}.calendar-agenda-item:last-child{border-bottom:0}.event-color{width:8px;height:30px;border-radius:5px;flex:0 0 8px}.event-color.purple{background:#8e79ff}.event-color.blue{background:#4da3ff}.event-color.green{background:#43e6ad}.event-color.orange{background:#ffb45d}.event-color.red{background:#ff6d83}
@media(max-width:1000px){.calendar-layout{grid-template-columns:1fr}.calendar-agenda{position:static}.calendar-day{height:96px}}
@media(max-width:760px){.full-calendar-card{padding:10px}.calendar-controls{grid-template-columns:34px 1fr auto 34px}.calendar-controls .secondary{padding:8px}.weekday-row span{padding:7px 1px;font-size:.5rem}.calendar-day{height:68px;padding:4px}.day-number{width:21px;height:21px;font-size:.58rem}.calendar-event{font-size:0;width:7px;height:7px;padding:0;border:0;border-radius:50%;display:inline-block}.day-events{display:flex;gap:3px;flex-wrap:wrap;margin:4px}.day-events small{display:none}}
.calendar-controls{grid-template-columns:auto 1fr auto auto}.calendar-month-button{width:auto;min-width:92px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.67rem;font-weight:700}.calendar-current-month{text-align:center}.calendar-current-month h2{font-size:1.45rem}
@media(max-width:760px){.calendar-controls{grid-template-columns:34px 1fr auto 34px}.calendar-month-button{width:34px;min-width:34px;padding:0}.calendar-month-button b{display:none}.calendar-current-month h2{font-size:1rem}}

/* Clean product-card typography: one readable content layer only */
.product-dream-card{padding:18px;overflow:hidden;background-position:center;background-size:cover}
.product-dream-card:before{background:linear-gradient(to bottom,transparent 30%,rgba(5,8,16,.76) 64%,rgba(5,8,16,.97) 100%)}
.product-dream-card h2{font-size:1rem;line-height:1.25;margin:0 0 5px;white-space:normal;overflow:visible;text-overflow:clip}
.product-dream-card p{font-size:.7rem;line-height:1.4;margin:0 0 9px;color:#aeb8ca;white-space:normal;overflow:visible}
.product-dream-card .risk-chip{margin:0;width:max-content}

/* Evergreen Valley school identity */
.school-identity{display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:16px;border:1px solid rgba(67,230,173,.16);border-radius:20px;background:radial-gradient(circle at 85% 0%,rgba(67,230,173,.11),transparent 34%),linear-gradient(145deg,rgba(20,32,39,.76),rgba(12,18,27,.7));box-shadow:var(--shadow);backdrop-filter:blur(20px)}.school-emblem{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#36d49b,#237e68);color:white;font-size:.8rem;font-weight:900;letter-spacing:.04em;box-shadow:0 9px 28px rgba(46,200,148,.24),inset 0 1px rgba(255,255,255,.3)}.school-identity h2{font-size:1rem;margin:0 0 5px}.school-identity span{font-size:.67rem;color:var(--muted)}.school-status{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(67,230,173,.08);color:var(--green);font-size:.6rem;font-weight:800;white-space:nowrap}.school-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
@media(max-width:620px){.school-identity{align-items:flex-start;padding:15px}.school-emblem{width:43px;height:43px;flex-basis:43px}.school-status{display:none}.school-identity h2{font-size:.86rem}.school-identity span{font-size:.59rem;line-height:1.45;display:block}}

/* Tasks now live inside Pete's Calendar */
.calendar-side{display:grid;gap:16px;align-self:start;position:sticky;top:25px}.calendar-side .calendar-agenda{position:static}.calendar-tasks{padding:17px}.compact-task-filters{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0 10px}.compact-task-filters .filter{padding:5px 8px;font-size:.58rem}.calendar-task-list{max-height:315px;overflow:auto;padding-right:2px}.calendar-task-list .task-row{padding:9px 3px;gap:8px}.calendar-task-list .task-row .list-main strong{font-size:.7rem}.calendar-task-list .task-row .list-main small{font-size:.56rem;line-height:1.35;white-space:normal}.calendar-task-list .task-check{width:14px;height:14px}.calendar-task-list .priority{width:3px}
@media(max-width:1000px){.calendar-side{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:700px){.calendar-side{grid-template-columns:1fr}.calendar-task-list{max-height:260px}}

/* ── Per-page color identities ─────────────────────────────── */
body{--page-accent:#7c6cff;--page-accent-2:#4da3ff;--page-rgb:124,108,255}
body[data-page="home"]{--page-accent:#8b75ff;--page-accent-2:#4d9fff;--page-rgb:139,117,255}
body[data-page="money"]{--page-accent:#35d49a;--page-accent-2:#16a77b;--page-rgb:53,212,154}
body[data-page="ideas"]{--page-accent:#ffb454;--page-accent-2:#ff7a59;--page-rgb:255,180,84}
body[data-page="school"]{--page-accent:#42dda4;--page-accent-2:#24a9a0;--page-rgb:66,221,164}
body[data-page="car"]{--page-accent:#ff5f75;--page-accent-2:#ff9b52;--page-rgb:255,95,117}
body[data-page="calendar"]{--page-accent:#42c8ff;--page-accent-2:#477dff;--page-rgb:66,200,255}
body[data-page="goals"]{--page-accent:#f06cff;--page-accent-2:#8d68ff;--page-rgb:240,108,255}
body[data-page="basketball"]{--page-accent:#ff8a45;--page-accent-2:#ffca57;--page-rgb:255,138,69}
body[data-page="notes"]{--page-accent:#ffd25c;--page-accent-2:#f79a4a;--page-rgb:255,210,92}
body[data-page="dreams"]{--page-accent:#ff69bd;--page-accent-2:#9b6cff;--page-rgb:255,105,189}
body[data-page="settings"]{--page-accent:#91a4c6;--page-accent-2:#5d7da9;--page-rgb:145,164,198}
body[data-page]{--primary:var(--page-accent);--primary2:var(--page-accent-2);background-image:radial-gradient(circle at 72% 0%,rgba(var(--page-rgb),.16),transparent 32%),radial-gradient(circle at 100% 58%,rgba(var(--page-rgb),.075),transparent 35%)}
body[data-page] .nav-item.active{color:var(--page-accent);background:rgba(var(--page-rgb),.11);border-color:rgba(var(--page-rgb),.2);box-shadow:inset 3px 0 var(--page-accent)}
body[data-page] .primary{background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));box-shadow:0 10px 27px rgba(var(--page-rgb),.28),inset 0 1px rgba(255,255,255,.27)}
body[data-page] .primary:hover{box-shadow:0 14px 36px rgba(var(--page-rgb),.4)}
body[data-page] .eyebrow,body[data-page] .text-btn{color:var(--page-accent)}
body[data-page] .progress i{background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2));box-shadow:0 0 16px rgba(var(--page-rgb),.44)}
body[data-page] .filter.active{background:var(--page-accent);border-color:var(--page-accent)}
body[data-page] .card:hover,body[data-page] .stat-card:hover{border-color:rgba(var(--page-rgb),.31);box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 38px rgba(var(--page-rgb),.08),inset 0 1px rgba(255,255,255,.06)}
.view:not(#home)>.page-head{position:relative;padding:9px 0 18px;border-bottom:1px solid rgba(var(--page-rgb),.12)}
.view:not(#home)>.page-head:after{content:"";position:absolute;left:0;bottom:-1px;width:82px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--page-accent),transparent);box-shadow:0 0 15px rgba(var(--page-rgb),.55)}
.view:not(#home)>.page-head h1{background:linear-gradient(100deg,var(--text) 30%,var(--page-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-page="money"] .stat-icon,body[data-page="school"] .school-emblem,body[data-page="calendar"] .calendar-day.is-today .day-number{box-shadow:0 7px 24px rgba(var(--page-rgb),.25)}

/* ── Futuristic Command Center preview ─────────────────────── */
.theme-command{--hud-cyan:#50e6ff;--hud-line:rgba(101,206,255,.16);background-color:#03060c;background-image:radial-gradient(circle at 75% 0%,rgba(var(--page-rgb),.18),transparent 30%),linear-gradient(rgba(65,156,220,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(65,156,220,.028) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.theme-command:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background:linear-gradient(to bottom,transparent 50%,rgba(74,170,255,.012) 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.45}
.theme-command .sidebar{background:linear-gradient(180deg,rgba(5,10,19,.96),rgba(5,8,15,.88));border-right-color:rgba(var(--page-rgb),.16);box-shadow:18px 0 60px rgba(0,0,0,.28),inset -1px 0 rgba(var(--page-rgb),.04)}
.theme-command .brand{border-bottom:1px solid rgba(var(--page-rgb),.1);margin-bottom:10px}.theme-command .brand small{text-transform:uppercase;letter-spacing:.09em;font-size:.52rem}.theme-command .nav-label{color:rgba(var(--page-rgb),.5)}
.theme-command .nav-item{border-radius:7px}.theme-command .nav-item.active{border-color:rgba(var(--page-rgb),.25);background:linear-gradient(90deg,rgba(var(--page-rgb),.16),rgba(var(--page-rgb),.025));box-shadow:inset 2px 0 var(--page-accent),0 0 18px rgba(var(--page-rgb),.045)}
.theme-command .main{position:relative}.theme-command .main:before{content:"PETESHUB // PERSONAL OPERATING SYSTEM";display:block;color:rgba(var(--page-rgb),.5);font:700 .53rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;margin:0 0 15px;padding-left:2px}
.theme-command .view:not(#home)>.page-head{padding:14px 18px 19px;border:1px solid rgba(var(--page-rgb),.13);background:linear-gradient(100deg,rgba(var(--page-rgb),.055),transparent 55%);border-radius:10px;overflow:hidden}.theme-command .view:not(#home)>.page-head:before{content:"●  COMMAND MODULE ACTIVE";position:absolute;right:18px;top:12px;color:var(--page-accent);font:700 .48rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-shadow:0 0 10px rgba(var(--page-rgb),.65)}.theme-command .view:not(#home)>.page-head:after{width:130px;height:2px}
.theme-command .view:not(#home)>.page-head h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.055em;text-transform:uppercase}.theme-command .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.19em}
.theme-command .card,.theme-command .stat-card{border-radius:12px;background:linear-gradient(145deg,rgba(14,22,35,.79),rgba(7,12,21,.72));border-color:rgba(var(--page-rgb),.13);box-shadow:0 24px 65px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.025)}
.theme-command .card:not(.quote-card):not(.dream-card):after{content:"";position:absolute;right:7px;top:7px;width:13px;height:13px;border-top:1px solid var(--page-accent);border-right:1px solid var(--page-accent);opacity:.42;pointer-events:none}.theme-command .card:not(.quote-card):not(.dream-card):before{content:"";position:absolute;left:7px;bottom:7px;width:13px;height:13px;border-left:1px solid var(--page-accent);border-bottom:1px solid var(--page-accent);opacity:.22;pointer-events:none}
.theme-command .stat-card{overflow:hidden}.theme-command .stat-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.055em}.theme-command .stat-icon{border-radius:8px;border:1px solid rgba(var(--page-rgb),.15)}
.theme-command .home-hero{border-radius:16px;border-color:rgba(110,166,255,.16);background:radial-gradient(circle at 83% 36%,rgba(117,91,255,.25),transparent 28%),linear-gradient(120deg,rgba(8,15,27,.96),rgba(10,13,24,.82));box-shadow:0 35px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(88,170,255,.025)}.theme-command .home-hero:after{content:"SYS.08 // READY";position:absolute;right:21px;bottom:17px;color:rgba(105,200,255,.45);font:700 .52rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.theme-command .home-hero h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:-.09em}.theme-command .status-chip{border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.theme-command .primary,.theme-command .secondary,.theme-command .glass-button,.theme-command .filter,.theme-command input,.theme-command select,.theme-command textarea{border-radius:6px}.theme-command .primary{text-transform:uppercase;letter-spacing:.075em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.theme-command .progress{border-radius:2px;height:6px}.theme-command .progress i{border-radius:2px}.theme-command .progress i:after{border-radius:1px;width:4px;height:8px;top:-1px}
.theme-command .full-calendar-grid,.theme-command .weekday-row{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.theme-command .calendar-day{background:rgba(4,12,22,.44)}.theme-command .calendar-day:hover{background:rgba(var(--page-rgb),.09)}
.theme-command .product-dream-card,.theme-command .dream-card{border-radius:12px}.theme-command dialog{border-radius:12px;background:rgba(6,11,20,.96);border-color:rgba(var(--page-rgb),.22)}
@keyframes hudBlink{0%,92%,100%{opacity:1}95%{opacity:.35}}.theme-command .status-chip i,.theme-command .local-badge i,.theme-command .school-status i{animation:hudBlink 2.8s steps(1) infinite}
@media(max-width:760px){.theme-command .main:before{display:none}.theme-command .view:not(#home)>.page-head:before{display:none}.theme-command .view:not(#home)>.page-head{padding:12px 13px 16px}.theme-command .home-hero:after{display:none}}

/* Camera-roll photo upload */
.photo-file-input{padding:10px;background:rgba(var(--page-rgb),.055);border:1px dashed rgba(var(--page-rgb),.3);cursor:pointer}.photo-file-input::file-selector-button{border:0;border-radius:6px;padding:8px 11px;margin-right:10px;background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));color:white;font:700 .64rem ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.photo-preview{height:170px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.025);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:.68rem}.photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.photo-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.photo-divider:before,.photo-divider:after{content:"";height:1px;flex:1;background:var(--border)}.photo-privacy{font-size:.6rem;color:var(--muted);line-height:1.45;margin:-3px 0 2px}.modal-form button:disabled{opacity:.6;cursor:wait}
.school-emblem{width:82px;height:58px;flex-basis:82px;padding:4px 7px;border-radius:12px;background:#f5f3cf;overflow:hidden;box-shadow:0 9px 28px rgba(46,200,148,.2)}.school-emblem img{width:100%;height:100%;display:block;object-fit:contain}
@media(max-width:620px){.school-emblem{width:66px;height:48px;flex-basis:66px;padding:3px 5px}}
.tesla-goal-logo{width:58px;height:75px;object-fit:contain;display:block;margin:0 auto 14px;filter:drop-shadow(0 0 20px rgba(232,33,39,.38));animation:logoHover 5s ease-in-out infinite}.theme-command .tesla-goal-logo{filter:drop-shadow(0 0 17px rgba(232,33,39,.55)) drop-shadow(0 12px 22px rgba(0,0,0,.35))}
@media(max-width:600px){.tesla-goal-logo{width:45px;height:59px;margin-bottom:10px}}

/* Larger personal-photo branding */
.brand-mark{width:58px;height:58px;flex-basis:58px;border-radius:16px}
.hero-logo{width:175px;height:175px;border-radius:30px}
.hero-orbit{width:300px;height:300px}
.mini-logo{width:36px;height:36px;border-radius:10px}
@media(max-width:1100px) and (min-width:761px){.hero-logo{width:150px;height:150px}.hero-orbit{width:240px;height:240px}}

/* Show the entire portrait without cropping */
.brand-mark img,.hero-logo img,.mini-logo img{object-fit:contain;object-position:center}
.brand-mark,.hero-logo,.mini-logo{background:#070b13}
.hero-logo{width:190px;height:284px;border-radius:24px}
.hero-orbit{width:330px;height:330px}
@media(max-width:1100px) and (min-width:761px){.hero-logo{width:160px;height:240px}.hero-orbit{width:270px;height:290px}}

/* Interactive Money Tracker chart */
.money-market-card{margin-bottom:16px;padding:22px 24px}.money-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.money-chart-head h2{font-size:1.25rem;margin:0 0 5px}.money-chart-summary{font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--green)}.money-range-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:8px}.money-range-filters button{border:0;background:transparent;color:var(--muted);padding:7px 11px;border-radius:5px;font:700 .62rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.money-range-filters button.active{color:#07130f;background:var(--green);box-shadow:0 0 18px rgba(67,230,173,.3)}.money-chart-legend{display:flex;justify-content:flex-end;gap:15px;color:var(--muted);font-size:.6rem;margin:14px 0 4px}.money-chart-legend span{display:flex;align-items:center;gap:5px}.money-chart-legend i{width:7px;height:7px;border-radius:2px}.income-key{background:var(--green)}.expense-key{background:var(--red)}.money-history-chart{height:260px;border-bottom:1px solid rgba(var(--page-rgb),.17);background:linear-gradient(rgba(var(--page-rgb),.045) 1px,transparent 1px);background-size:100% 25%;padding:12px 5px 0}.money-history-chart>.empty{height:100%;display:grid;place-items:center;border:0}.money-bars{height:100%;display:flex;align-items:stretch;gap:3px}.money-bucket{min-width:0;flex:1;display:grid;grid-template-rows:1fr 22px;align-items:end;text-align:center}.bar-pair{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.bar-pair i{width:min(12px,42%);min-height:0;border-radius:3px 3px 1px 1px;transition:height .45s cubic-bezier(.2,.8,.2,1),filter .2s}.income-bar{background:linear-gradient(to top,#168c68,var(--green));box-shadow:0 0 12px rgba(67,230,173,.18)}.expense-bar{background:linear-gradient(to top,#a82e46,var(--red));box-shadow:0 0 12px rgba(255,109,131,.15)}.money-bucket:hover i{filter:brightness(1.35)}.money-bucket small{font-size:.48rem;color:var(--muted);white-space:nowrap;overflow:visible}.theme-command .money-market-card:before{display:none}
@media(max-width:600px){.money-market-card{padding:16px 12px}.money-chart-head{display:block}.money-range-filters{margin-top:14px;width:100%}.money-range-filters button{flex:1;padding:7px 3px}.money-history-chart{height:220px;padding-inline:1px}.money-bars{gap:1px}.money-bucket small{font-size:.42rem}.money-chart-legend{justify-content:flex-start}}

/* Market-style balance line */
.balance-line-chart{width:100%;height:calc(100% - 24px);display:block;overflow:visible;color:var(--green)}.balance-line-chart.negative{color:var(--red)}.balance-area{fill:url(#balanceArea);stroke:none}.balance-line,.balance-line-glow{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.balance-line-glow{stroke-width:13;opacity:.16;filter:blur(5px)}.balance-line-chart circle{fill:currentColor;stroke:#071017;stroke-width:3;opacity:0;transition:opacity .2s;vector-effect:non-scaling-stroke}.balance-line-chart circle:hover{opacity:1}.line-chart-labels{height:24px;display:flex;align-items:end}.line-chart-labels small{flex:1;text-align:center;color:var(--muted);font-size:.48rem;white-space:nowrap}.money-history-chart{padding-top:14px}
.money-grid-line line{stroke:rgba(180,199,220,.19);stroke-width:1;stroke-dasharray:7 8;vector-effect:non-scaling-stroke}.money-grid-line text{fill:#7f8ca0;font:700 23px ui-monospace,SFMono-Regular,Menlo,monospace}.line-chart-labels{padding-left:7.5%}
@media(max-width:600px){.balance-line,.balance-line-glow{stroke-width:4}.line-chart-labels small{font-size:.4rem}}