@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Kalam:wght@400;700&family=Patrick+Hand&family=JetBrains+Mono:wght@400;700&display=swap";
:root{--ink:#1a1a1a;--ink-soft:#4a4a4a;--paper:#fcfaf5;--paper-2:#f4efe2;--line:#2b2b2b;--accent:#d97757;--accent-2:#2a6fdb;--highlight:#ffe8a3;--green:#6a9c5a;--red:#c8483b;--bg-color:#fcfaf5;--text-color:#1a1a1a;--text-muted:#4a4a4a;--primary:#d97757;--primary-hover:#c96543;--secondary:#2a6fdb;--surface:#f4efe2;--glass-bg:#f4efe2f0;--glass-border:#2b2b2b38;--shadow-sm:2px 2px 0 #2b2b2b24;--shadow-md:4px 4px 0 #2b2b2b24;--border-radius:14px;--primary-rgb:217, 119, 87;--bottom-nav-height:62px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#f0ece0;--ink-soft:#a09880;--paper:#1c1a14;--paper-2:#252015;--line:#6a6050;--accent:#e08858;--bg-color:#1c1a14;--text-color:#f0ece0;--text-muted:#a09880;--surface:#252015;--glass-bg:#1c1a14f0;--glass-border:#f0ece024;--shadow-md:4px 4px 0 #00000080;--shadow-sm:2px 2px 0 #0000004d;--primary:#e08858;--primary-rgb:224, 136, 88}}:root[data-theme=dark]{--ink:#f0ece0;--ink-soft:#a09880;--paper:#1c1a14;--paper-2:#252015;--line:#6a6050;--accent:#e08858;--bg-color:#1c1a14;--text-color:#f0ece0;--text-muted:#a09880;--surface:#252015;--glass-bg:#1c1a14f0;--glass-border:#f0ece024;--shadow-md:4px 4px 0 #00000080;--shadow-sm:2px 2px 0 #0000004d;--primary:#e08858;--primary-rgb:224, 136, 88}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 18% 8%,#d977570d,#0000 40%),radial-gradient(circle at 82% 85%,#2a6fdb0d,#0000 40%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Patrick Hand,Kalam,cursive,sans-serif;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:.5px;margin-bottom:.75rem;font-family:Caveat,cursive;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,monospace}.glass-panel{background:var(--glass-bg);border:2px solid var(--line);border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.glass-panel:hover{box-shadow:6px 6px 0 var(--ink);border-color:var(--primary);transform:translate(-2px,-2px)}.btn{cursor:pointer;border:2px solid var(--ink);background:var(--paper);color:var(--ink);letter-spacing:.01em;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.35rem;font-family:Patrick Hand,cursive,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink)!important;transition:transform 60ms!important;transform:translate(1px,1px)!important}.btn-primary{background:var(--accent);color:var(--paper);border-color:var(--accent);box-shadow:3px 3px #00000040}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--paper);transform:translate(-2px,-2px);box-shadow:5px 5px #00000040}.btn-outline{border:2px dashed var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--paper-2);box-shadow:3px 3px 0 var(--ink);color:var(--ink);border-style:solid;transform:translate(-2px,-2px)}input,textarea,select{border:2px solid var(--glass-border);background:var(--paper);width:100%;color:var(--text-color);border-radius:10px;outline:none;padding:.75rem 1rem;font-family:Patrick Hand,cursive,sans-serif;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:2px 2px 0 var(--accent);background:var(--paper)}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.6}label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:400;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.grid{gap:2rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.dash-action-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.dash-stats-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:stretch;gap:1rem;display:grid}@media (max-width:900px){.dash-action-grid{grid-template-columns:1fr}.dash-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.dash-stats-grid{grid-template-columns:1fr}}.hero-section{text-align:center;justify-content:center;align-items:center;padding:8rem 2rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-1;background:radial-gradient(circle at 50% -20%,#d977571f 0%,#0000 70%);position:absolute;inset:0}.hero-title{color:var(--ink);margin-bottom:1.5rem;font-family:Caveat,cursive;font-size:4.5rem;line-height:1.05}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.3s ease-out slideUp}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.mobile-hide{display:block}.mobile-show{display:none}.dashboard-layout{min-height:calc(100vh - 90px);display:flex}.dashboard-main{flex:1;min-width:0}.dashboard-sidebar{background:var(--paper-2);border-right:2px solid var(--glass-border);z-index:10;flex-direction:column;flex-shrink:0;width:220px;min-height:calc(100vh - 90px);padding:1.5rem 0;display:flex;position:sticky;top:0}.sidebar-nav-inner{flex-direction:column;flex:1;gap:.2rem;padding:0 .65rem;display:flex}.sidebar-header{border-bottom:2px dashed var(--glass-border);margin-bottom:.75rem;padding:0 1rem 1.25rem}.sidebar-promo{border:1.5px dashed var(--accent);text-align:center;background:#d9775714;border-radius:10px;margin:0 .65rem;padding:.85rem 1rem}.nav-item{color:var(--text-muted);border:1.5px solid #0000;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-family:Patrick Hand,cursive,sans-serif;font-size:.92rem;font-weight:400;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:var(--text-color);background:var(--paper);border-color:var(--glass-border)}.nav-item.active{color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-weight:600}.logout-btn{cursor:pointer;background:0 0;border:none;margin-top:auto;font-family:Patrick Hand,cursive,sans-serif}.logout-btn:hover{color:var(--red)!important;box-shadow:none!important;background:#c8483b14!important;border-color:#0000!important}.top-nav{justify-content:space-between;align-items:center;display:flex;background:var(--paper-2)!important;border:2px solid var(--glass-border)!important;box-shadow:3px 3px #2b2b2b1a!important}.top-nav:hover{border-color:var(--glass-border)!important;transform:none!important}.top-nav-actions{align-items:center;gap:.75rem;display:flex}@media (max-width:768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.dashboard-sidebar{width:100%;min-height:var(--bottom-nav-height);border-right:none;border-top:2px solid var(--glass-border);z-index:200;flex-direction:row;align-items:stretch;padding:0;position:fixed;inset:auto 0 0;overflow:auto hidden}.sidebar-header,.sidebar-promo{display:none!important}.sidebar-nav-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:0;width:100%;padding:0;overflow-x:auto}.sidebar-nav-inner::-webkit-scrollbar{display:none}.nav-item{text-align:center;letter-spacing:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:.18rem;min-width:58px;padding:.4rem;font-size:.58rem;font-weight:500;box-shadow:none!important;border:none!important}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--accent);background:#d977571f}.dashboard-main{padding-bottom:calc(var(--bottom-nav-height) + .5rem)}.top-nav-logo{font-size:1.1rem!important}.top-nav-actions .btn-outline{display:none}.container{padding:0 1rem!important}.hero-title{font-size:2.8rem!important}.hero-subtitle{font-size:1rem!important}.hero-section{padding:4rem 1.25rem 3rem!important}.hero-cta-row{flex-direction:column!important;align-items:center!important}.hero-cta-row .btn{width:100%;max-width:280px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr!important}.wizard-date-grid,.wizard-session-grid{grid-template-columns:1fr!important}.lapso-types-grid{grid-template-columns:1fr 1fr!important}.plan-type-grid,.extra-off-grid{grid-template-columns:1fr!important}.result-actions{flex-direction:column!important}.result-actions .btn{width:100%}}.hover-bg:hover{background:var(--paper-2);border-radius:8px}