@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--text-color: #f8fafc;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--accent: #10b981;--accent-hover: #059669;--danger: #ef4444;--danger-hover: #dc2626;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,.2) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,.2) 0,transparent 50%);color:var(--text-color);min-height:100vh}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0000001a}h1,h2,h3{font-weight:600;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:1.75rem}button{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button.danger{background-color:var(--danger)}button.danger:hover{background-color:var(--danger-hover)}button.accent{background-color:var(--accent)}button.accent:hover{background-color:var(--accent-hover)}input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--glass-border);background:#0f172a99;color:var(--text-color);font-family:Inter,sans-serif;margin-bottom:16px;outline:none;transition:border-color .2s ease}input:focus,select:focus{border-color:var(--primary)}.app-container{display:flex;min-height:100vh}.glass-nav{width:250px;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--glass-border);padding:24px}.glass-nav h2{color:var(--primary);margin-bottom:32px}.glass-nav ul{list-style:none}.glass-nav li{padding:12px 16px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.glass-nav li:hover,.glass-nav li.active{background:#ffffff0d;color:var(--text-color)}.main-content{flex:1;padding:40px;overflow-y:auto}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-card{width:100%;max-width:400px;text-align:center}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:var(--text-muted)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{text-align:center}.stat-card h3{color:var(--text-muted);font-size:1rem}.stat-card p{font-size:2rem;font-weight:700;color:var(--accent)}.stat-card p.negative{color:var(--danger)}.recording-btn{width:200px;height:200px;border-radius:50%;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:40px auto;box-shadow:0 0 20px #3b82f680;animation:pulse 2s infinite}.recording-btn.stop{background-color:var(--danger);box-shadow:0 0 20px #ef444480}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.timer{text-align:center;font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:20px}