.header{background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-bottom:1px solid var(--tg-theme-hint-color, #e9ecef);padding:1rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.2rem}.logo-icon{font-size:1.5rem}.logo-text{color:var(--tg-theme-text-color, #000000)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--tg-theme-button-color, #007bff);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{color:var(--tg-theme-button-text-color, #ffffff);font-weight:600;font-size:1.1rem}.user-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.user-name{font-weight:600;font-size:.9rem;color:var(--tg-theme-text-color, #000000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username{font-size:.8rem;color:var(--tg-theme-hint-color, #999999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.header{padding:.75rem}.user-details,.logo-text{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;font-family:inherit;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.btn-small{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-medium{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.btn-large{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.btn-primary{background:var(--tg-theme-button-color, #007bff);color:var(--tg-theme-button-text-color, #ffffff)}.btn-primary:hover:not(.btn-disabled){background:var(--tg-theme-button-color, #0056b3);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #f8f9fa);color:var(--tg-theme-text-color, #000000);border:2px solid var(--tg-theme-hint-color, #e9ecef)}.btn-secondary:hover:not(.btn-disabled){background:var(--tg-theme-hint-color, #e9ecef);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--tg-theme-button-color, #007bff);border:2px solid var(--tg-theme-button-color, #007bff)}.btn-outline:hover:not(.btn-disabled){background:var(--tg-theme-button-color, #007bff);color:var(--tg-theme-button-text-color, #ffffff);transform:translateY(-1px)}.btn-disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-disabled:hover{transform:none!important;box-shadow:none!important}.btn-full{width:100%}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.btn-medium{padding:.75rem 1.25rem;font-size:.95rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}.card{background:var(--tg-theme-bg-color, #ffffff);border:1px solid var(--tg-theme-hint-color, #e9ecef);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-title{font-size:1.25rem;font-weight:600;color:var(--tg-theme-text-color, #000000);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--tg-theme-hint-color, #e9ecef)}.card-content{display:flex;flex-direction:column;gap:1rem}.card-content>*:last-child{margin-bottom:0}.card-elevated{box-shadow:0 4px 16px #00000026}.card-flat{box-shadow:none;border:1px solid var(--tg-theme-hint-color, #e9ecef)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:hover{background:var(--tg-theme-secondary-bg-color, #f8f9fa)}.card-interactive:active{transform:scale(.98)}@media (max-width: 480px){.card{padding:1rem;border-radius:8px}.card-title{font-size:1.1rem}}.version{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:8px;border:1px solid var(--tg-theme-hint-color, #e9ecef);font-size:.8rem;color:var(--tg-theme-hint-color, #666666);margin-top:1rem}.version-text{font-weight:600;color:var(--tg-theme-button-color, #007bff);font-family:monospace}.build-time{font-size:.7rem;opacity:.8}@media (max-width: 480px){.version{font-size:.75rem;padding:.4rem}.build-time{font-size:.65rem}}.main-content{flex:1;padding:1rem;max-width:100%}.container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.container h1{font-size:1.8rem;font-weight:700;color:var(--tg-theme-text-color, #000000);text-align:center;margin-bottom:.5rem}.container p{text-align:center;color:var(--tg-theme-hint-color, #999999);font-size:1rem;margin-bottom:1rem}.auth-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.auth-success{text-align:center;padding:1rem;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:8px;border:2px solid #28a745;width:100%}.auth-form{text-align:center;padding:1rem;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:8px;border:2px solid var(--tg-theme-hint-color, #e9ecef);width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}.auth-status{font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.auth-token{font-size:.9rem;color:var(--tg-theme-hint-color, #666666);word-break:break-all;font-family:monospace;background:var(--tg-theme-bg-color, #ffffff);padding:.5rem;border-radius:4px;border:1px solid var(--tg-theme-hint-color, #e9ecef)}.auth-warning{font-size:.9rem;color:#dc3545;background:#f8d7da;padding:.5rem;border-radius:4px;border:1px solid #f5c6cb;text-align:center}.auth-details{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--tg-theme-hint-color, #666666)}.auth-details small{font-family:monospace;background:var(--tg-theme-secondary-bg-color, #f8f9fa);padding:.25rem .5rem;border-radius:3px;border:1px solid var(--tg-theme-hint-color, #e9ecef)}@media (max-width: 480px){.main-content{padding:.75rem}.container{gap:1rem}.container h1{font-size:1.5rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);transition:all .3s ease}.app *{transition:color .3s ease,background-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #007bff;--tg-theme-button-color: #007bff;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f8f9fa}