:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}.dashboard-container{min-height:100vh;min-height:calc(100vh + var(--safe-area-inset-top));display:flex;align-items:center;justify-content:center;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:calc(20px + var(--safe-area-inset-top)) calc(20px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(20px + var(--safe-area-inset-left))}.dashboard-background{position:fixed;top:calc(-1 * var(--safe-area-inset-top));left:calc(-1 * var(--safe-area-inset-left));width:calc(100% + var(--safe-area-inset-left) + var(--safe-area-inset-right));height:calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));background:linear-gradient(135deg,#a8edea,#fed6e3);z-index:-1}.success-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.success-shape{position:absolute;border-radius:50%;background:#fff3}.success-shape-1{width:100px;height:100px;top:15%;right:15%}.success-shape-2{width:150px;height:150px;bottom:15%;left:15%}.success-shape-3{width:80px;height:80px;top:60%;left:80%}.success-shape-4{width:120px;height:120px;bottom:60%;right:70%}.dashboard-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:100%;max-width:600px;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2)}.success-header{text-align:center;margin-bottom:40px}.success-icon{color:#f59e0b;margin-bottom:24px;display:flex;justify-content:center}.success-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.success-header p{color:#666;font-size:18px;margin:0;line-height:1.5}.dashboard-content{margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:32px}.feature-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px;border-radius:16px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.feature-icon{color:#667eea;margin-bottom:12px;display:flex;justify-content:center}.feature-card h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.feature-card p{font-size:14px;color:#64748b;margin:0}.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 4px 15px #ef444433}.logout-icon{font-size:18px}@media (max-width: 480px){.dashboard-card{padding:32px 24px;margin:calc(16px + var(--safe-area-inset-top)) calc(16px + var(--safe-area-inset-right)) calc(16px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left))}.success-header h1{font-size:28px}.feature-grid{grid-template-columns:1fr}}.env-error-container{min-height:100vh;min-height:calc(100vh + var(--safe-area-inset-top));display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:calc(20px + var(--safe-area-inset-top)) calc(20px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(20px + var(--safe-area-inset-left));position:relative}.env-error-container:before{content:"";position:fixed;top:calc(-1 * var(--safe-area-inset-top));left:calc(-1 * var(--safe-area-inset-left));width:calc(100% + var(--safe-area-inset-left) + var(--safe-area-inset-right));height:calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.env-error-card{background:#fff;padding:40px;border-radius:24px;text-align:center;max-width:500px;box-shadow:0 25px 50px #00000026}.env-error-icon{color:#f59e0b;margin-bottom:20px;display:flex;justify-content:center}.env-error-card h2{color:#1a1a1a;margin-bottom:16px;font-size:24px;font-weight:700}.env-error-card p{color:#666;line-height:1.6;margin-bottom:16px}.env-error-card code{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px 16px;border-radius:8px;font-family:SF Mono,Monaco,monospace;color:#dc2626;font-weight:600;display:inline-block;border:1px solid #fed7aa}.auth-container{min-height:100vh;min-height:calc(100vh + var(--safe-area-inset-top));display:flex;align-items:center;justify-content:center;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:calc(20px + var(--safe-area-inset-top)) calc(20px + var(--safe-area-inset-right)) calc(20px + var(--safe-area-inset-bottom)) calc(20px + var(--safe-area-inset-left))}.auth-background{position:fixed;top:calc(-1 * var(--safe-area-inset-top));left:calc(-1 * var(--safe-area-inset-left));width:calc(100% + var(--safe-area-inset-left) + var(--safe-area-inset-right));height:calc(100% + var(--safe-area-inset-top) + var(--safe-area-inset-bottom));background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#ffffff1a}.shape-1{width:80px;height:80px;top:20%;left:10%}.shape-2{width:120px;height:120px;top:60%;right:10%}.shape-3{width:60px;height:60px;bottom:20%;left:20%}.shape-4{width:100px;height:100px;top:10%;right:30%}.shape-5{width:70px;height:70px;bottom:30%;right:20%}.shape-6{width:90px;height:90px;top:70%;left:60%}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:100%;max-width:420px;box-shadow:0 25px 50px #00000026;border:1px solid rgba(255,255,255,.2)}.auth-header{text-align:center;margin-bottom:32px}.logo{margin-bottom:24px}.logo-icon{color:#667eea;margin-bottom:16px;display:flex;justify-content:center}.auth-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.subtitle{color:#666;font-size:16px;margin:0}.auth-form{display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:#374151;font-size:14px;display:flex;align-items:center;gap:8px}.input-icon{color:#667eea}.input-group input{padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease;background:#fff}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group input:disabled{background:#f9fafb;color:#9ca3af}.code-input{text-align:center;font-size:24px!important;font-weight:600;letter-spacing:4px}.telegram-info{text-align:center;padding:24px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:16px;margin-bottom:8px;border:1px solid rgba(102,126,234,.1)}.telegram-icon{color:#5e35b1;margin-bottom:12px;display:flex;justify-content:center}.telegram-info p{margin:0;color:#5e35b1;font-weight:500}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #667eea33}.auth-button:disabled{opacity:.7;cursor:not-allowed}.back-button{background:transparent;color:#667eea;border:2px solid #667eea;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.back-button:hover:not(:disabled){background:#667eea;color:#fff}.button-group{display:flex;gap:12px}.button-group .auth-button{flex:2}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:16px;border-radius:12px;display:flex;align-items:center;gap:8px;font-weight:500;border:1px solid #fca5a5}.error-icon{font-size:18px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%}@media (max-width: 480px){.auth-card{padding:32px 24px;margin:calc(16px + var(--safe-area-inset-top)) calc(16px + var(--safe-area-inset-right)) calc(16px + var(--safe-area-inset-bottom)) calc(16px + var(--safe-area-inset-left))}.auth-header h1{font-size:24px}.button-group{flex-direction:column}.button-group .auth-button{flex:none}}@media screen and (display-mode: standalone){.dashboard-container,.auth-container,.env-error-container{min-height:100vh;min-height:calc(100vh + var(--safe-area-inset-top))}.dashboard-card,.auth-card,.env-error-card{margin-top:max(0px,var(--safe-area-inset-top))}}@media (orientation: landscape) and (max-height: 500px){.dashboard-container,.auth-container{padding:calc(10px + var(--safe-area-inset-top)) calc(20px + var(--safe-area-inset-right)) calc(10px + var(--safe-area-inset-bottom)) calc(20px + var(--safe-area-inset-left))}.dashboard-card,.auth-card{padding:24px;max-height:calc(100vh - 40px);overflow-y:auto}}@supports (padding-top: env(safe-area-inset-top)){.dashboard-container,.auth-container,.env-error-container{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}html,body{background-color:#317efb;height:100%;margin:0}