:root{--bg-color: #080808;--panel-bg: rgba(20, 20, 20, .7);--primary-color: #deb72b;--primary-glow: rgba(222, 183, 43, .4);--text-main: #f0f0f0;--text-muted: #888;--glass-border: rgba(255, 255, 255, .08);--font-family: "Inter", system-ui, sans-serif;--radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--prod-blue: #3b82f6;--focus-purple: #8b5cf6;--slate-100: #f1f5f9;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.btn-premium{background:var(--glass-border);border:1px solid var(--glass-border);color:var(--text-main);padding:10px 25px;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-premium:hover{border-color:var(--primary-color);background:var(--primary-glow);transform:translateY(-2px)}.btn-cta{background:var(--primary-color);color:#000;padding:20px 50px;border:none;border-radius:40px;font-weight:900;font-size:1.1rem;letter-spacing:1px;cursor:pointer;transition:var(--transition);box-shadow:0 10px 40px -10px var(--primary-glow)}.btn-cta:hover{transform:scale(1.05);box-shadow:0 15px 50px -5px var(--primary-glow)}.glass{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius)}.modern-input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius);padding:10px 14px;color:inherit;font-family:inherit;font-size:.95rem;transition:var(--transition)}textarea.modern-input{padding:16px;min-height:120px;resize:vertical}input.modern-input,select.modern-input{min-height:44px;height:44px}.modern-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d}.nav-item{width:100%;text-align:left;background:none;border:none;color:var(--text-muted);padding:15px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:var(--transition)}.nav-item:hover,.nav-item.active{background:var(--glass-border);color:var(--primary-color)}.text-gold{color:var(--primary-color)}.text-muted{color:var(--text-muted)}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.hidden{display:none}.animate-fade{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timer-circle{width:300px;height:300px;border:4px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 50px var(--primary-glow)}.bg-prod-blue{background-color:var(--prod-blue)}.bg-focus-purple{background-color:var(--focus-purple)}.bg-medal-gold-10{background-color:#deb72b1a}.text-medal-gold{color:var(--primary-color)}.border-medal-gold-20{border-color:#deb72b33}.bg-slate-100{background-color:var(--slate-100)}.bg-slate-800{background-color:var(--slate-800)}.bg-slate-900{background-color:var(--slate-900)}.text-slate-600{color:var(--slate-600)}.text-slate-700{color:var(--slate-700)}.text-slate-900{color:var(--slate-900)}.card{padding:24px;border-radius:20px;background:var(--panel-bg);border:1px solid var(--glass-border);transition:var(--transition)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-4{gap:1rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.overflow-hidden{overflow:hidden}.z-10{z-index:10}.absolute{position:absolute}.-right-4{right:-1rem}.-bottom-4{bottom:-1rem}.-right-8{right:-2rem}.-bottom-8{bottom:-2rem}.opacity-10{opacity:.1}.opacity-5{opacity:.05}.leading-relaxed{line-height:1.625}.italic{font-style:italic}.rounded-full{border-radius:9999px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-1-5{padding:.375rem}.w-full{width:100%}.h-14{height:3.5rem}.h-2{height:.5rem}.h-full{height:100%}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.line-through{text-decoration:line-through}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-prod-blue-20{box-shadow:0 10px 15px -3px #3b82f633}span svg{width:100%!important;height:100%!important;display:block}.app-header{margin:20px 20px 10px;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;z-index:100;border-radius:var(--radius)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:6px;border-radius:8px;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:#ffffff14}.app-sidebar{width:280px;margin:0 0 20px 20px;padding:25px;display:flex;flex-direction:column;gap:25px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar-close-row,.sidebar-overlay{display:none}.view-container{display:flex;flex:1;height:calc(100vh - 90px);overflow:hidden}.main-content{flex:1;padding:24px 32px;overflow-y:auto;min-width:0}@media (max-width: 768px){.app-header{margin:10px 10px 8px;padding:10px 14px;border-radius:14px}.mobile-menu-btn{display:flex}.header-level-badge{display:none!important}.logo{font-size:1.15rem!important;letter-spacing:1px!important}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;height:100vh;margin:0;border-radius:0 24px 24px 0;z-index:999;transform:translate(-105%);box-shadow:10px 0 30px #000000b3;overflow-y:auto}.app-sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-close-row{display:flex}.view-container{height:calc(100vh - 70px);flex-direction:column}.main-content{padding:14px 12px 32px!important;overflow-x:hidden}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.focus-grid{grid-template-columns:1fr!important;gap:16px!important}.task-card-item{flex-wrap:wrap;gap:10px!important;padding:12px!important}.card{padding:16px!important;border-radius:16px!important}.btn-cta{padding:16px 24px!important;font-size:1rem!important;width:100%!important}.sug-card-item{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.sug-card-item .sug-add-btn{align-self:flex-end!important}.sug-date,.sug-time,.modern-input{min-width:0!important;font-size:.85rem!important}.focus-timer-container{padding:20px 12px!important}.timer-circle{width:220px!important;height:220px!important}h1{font-size:1.8rem!important;line-height:1.25!important}}@media (max-width: 480px){.app-header{margin:6px;padding:8px 12px}.main-content{padding:10px 8px 24px!important}.timer-circle{width:190px!important;height:190px!important}.btn-premium{padding:8px 16px;font-size:.85rem}}