:root{--bg-main: #0f0f14;--bg-sidebar: #16161e;--bg-card: #1c1c26;--gold-primary: #c9a84c;--gold-secondary: #a68a3b;--text-primary: #e2e2e2;--text-secondary: #a0a0a0;--text-muted: #666666;--status-green: #4ade80;--status-amber: #fbbf24;--status-red: #f87171;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-primary);overflow:hidden}#app{display:flex;height:100vh}.sidebar{width:280px;background-color:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem 1.5rem}.brand{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:3rem}.gold-text{color:var(--gold-primary)}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:none;border:none;color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;width:100%;text-align:left}.nav-item:hover{background:var(--glass);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:linear-gradient(90deg,rgba(201,168,76,.15),transparent);color:var(--gold-primary);border-left:3px solid var(--gold-primary)}.content{flex:1;display:flex;flex-direction:column;padding:2.5rem;overflow-y:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}#view-title{font-family:Outfit,sans-serif;font-size:2rem}button,.btn-check,#btn-talk,#btn-submit-med,.add-score-btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}button:hover{filter:brightness(1.1);box-shadow:0 4px 15px #0000004d;transform:translateY(-1px)}button:active{transform:translateY(1px)}#btn-talk,#btn-submit-med,.btn-check{background:var(--gold-primary);color:var(--bg-main);box-shadow:0 4px 12px #c9a84c33}#btn-prep,#btn-reset,#prev-topic,#next-topic{background:var(--glass)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#btn-prep:hover{border-color:var(--status-amber)!important;color:var(--status-amber)!important}#view-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background-color:var(--bg-card);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:transform .3s}.card:hover{transform:translateY(-5px);border-color:#c9a84c4d}.global-progress{width:300px;text-align:right}.global-progress label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.progress-bar-container{height:8px;background:var(--bg-sidebar);border-radius:10px;margin:8px 0;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-secondary),var(--gold-primary));transition:width 1s cubic-bezier(.17,.67,.83,.67)}.danger-banner{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}*{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}button{touch-action:manipulation}#sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:8999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#sidebar-overlay.visible{display:block}.hamburger{display:none}.top-bar-left{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){body{overflow-x:hidden}#app{flex-direction:column;min-height:100vh;min-height:100dvh}.sidebar{position:fixed;top:0;left:0;width:80%;max-width:300px;height:100%;height:100dvh;z-index:9000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.sidebar.open{transform:translate(0)}.content{padding:1rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh;overflow-y:auto}.top-bar{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.top-bar-left{width:100%}#view-title{font-size:1.4rem}.global-progress{width:100%;text-align:left}.hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-primary);font-size:1.1rem;cursor:pointer;flex-shrink:0}#view-container{grid-template-columns:1fr!important;gap:1rem}#view-container [style*="display:grid"],#view-container [style*="display: grid"]{grid-template-columns:1fr!important;gap:1rem!important}#view-container select,#view-container input[type=text],#view-container textarea{width:100%;box-sizing:border-box}.nav-item{padding:.9rem 1rem;min-height:48px}.opt-btn,.tf-btn{min-height:48px}button.auth-btn{min-height:52px}.nav-item:hover,.card:hover{transform:none}button:hover{transform:none;filter:none;box-shadow:none}.sidebar-footer{padding-bottom:env(safe-area-inset-bottom)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}