:root{--bg-color: var(--tg-theme-bg-color, #ffffff);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #f1f1f2);--text-color: var(--tg-theme-text-color, #000000);--hint-color: var(--tg-theme-hint-color, #8e8e93);--link-color: var(--tg-theme-link-color, #007aff);--button-color: var(--tg-theme-button-color, #007aff);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--separator-color: rgba(128, 128, 128, .2);--green: #34C759;--red: #FF3B30}@media(prefers-color-scheme:dark){:root{--bg-color: var(--tg-theme-bg-color, #1c1c1e);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #000000)}}*{box-sizing:border-box}#root{width:100%;margin:0;padding:0;display:flex;flex-direction:column}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;background-color:var(--secondary-bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-scroll{flex:1;overflow-y:auto;padding:16px 16px 100px}.section-title{font-size:13px;text-transform:uppercase;color:var(--hint-color);margin:0 0 6px 16px;font-weight:500;letter-spacing:.3px}.mt-20{margin-top:24px}.mt-15{margin-top:15px}.list-group{background-color:var(--bg-color);border-radius:12px;overflow:hidden}.list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--separator-color);font-size:16px}.list-item:last-child{border-bottom:none}.list-item.interactive{cursor:pointer}.list-item.interactive:active{background-color:var(--separator-color)}.item-label{color:var(--text-color)}.item-value{color:var(--hint-color)}.text-green{color:var(--green)!important;font-weight:600}.text-red{color:var(--red)!important;font-weight:600}.text-blue{color:var(--link-color)!important}.font-semibold{font-weight:600}.qr-box{display:flex;justify-content:center;padding:24px;border-bottom:1px solid var(--separator-color);background-color:var(--bg-color)}.guide-item{justify-content:flex-start;align-items:flex-start;gap:14px}.guide-step{background-color:var(--button-color);color:var(--button-text-color);width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.guide-text{display:flex;flex-direction:column;gap:4px}.guide-text b{font-size:16px;font-weight:600}.guide-text span{font-size:14px;color:var(--hint-color);line-height:1.4}.item-label-with-icon{display:flex;align-items:center;gap:12px;color:var(--text-color)}.icon-muted{color:var(--hint-color)}.guide-content{padding:16px;background-color:var(--secondary-bg-color);border-bottom:1px solid var(--separator-color);animation:fadeIn .3s ease}.guide-step-box{display:flex;gap:12px;align-items:flex-start;color:var(--text-color);font-size:15px;line-height:1.4}.step-num{background-color:var(--button-color);color:#fff;width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}.dl-link{display:inline-block;color:var(--link-color);text-decoration:none;font-weight:500;margin-top:6px;font-size:14px}.dl-link:active{opacity:.7}.guide-img{width:100%;max-width:300px;border-radius:12px;margin-top:12px;margin-left:36px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--separator-color);display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.guide-icon-box{background-color:var(--button-color);color:var(--button-text-color);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item .nav-icon{color:var(--hint-color);margin-bottom:2px}.nav-item.active .nav-icon{color:var(--link-color)}.button-group{margin-top:15px;display:flex;flex-direction:column;gap:10px}.tg-button.secondary{background-color:var(--secondary-bg-color);color:var(--link-color);border:1px solid var(--separator-color)}.tg-button{border:none;font-size:16px;font-weight:600;padding:14px;border-radius:12px;cursor:pointer;transition:opacity .2s;text-align:center}.tg-button:active{opacity:.7}.tg-button.primary{background-color:var(--button-color);color:var(--button-text-color)}.tg-button.transparent{background-color:transparent;width:100%}.full-width{width:100%}.input-item{padding:0}.input-item input{width:100%;border:none;background:transparent;color:var(--text-color);font-size:16px;padding:14px 16px;outline:none}.input-item input::placeholder{color:var(--hint-color)}.admin-msg{text-align:center;margin-top:12px;font-size:14px}.admin-dashboard{display:flex;flex-direction:column;gap:12px}.dash-row{display:flex;gap:12px}.dash-card{flex:1;background-color:var(--bg-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 1px 3px #0000000d}.dash-icon{margin-bottom:8px;opacity:.8}.dash-value{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:2px}.dash-label{font-size:13px;color:var(--hint-color);font-weight:500}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:80px;background-color:var(--bg-color);border-top:1px solid var(--separator-color);display:flex;justify-content:space-around;padding-top:8px;padding-bottom:24px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--hint-color);cursor:pointer;width:33%}.nav-item.active{color:var(--link-color)}.nav-icon{font-size:22px;filter:grayscale(100%);opacity:.6}.nav-item.active .nav-icon{filter:none;opacity:1}.nav-text{font-size:11px;font-weight:500}.loader,.error-screen{display:flex;height:100vh;justify-content:center;align-items:center;color:var(--hint-color);font-size:16px}.mb-20{margin-bottom:24px}.mb-15{margin-bottom:16px}.server-select-wrapper{position:relative;display:flex;align-items:center}.server-select{appearance:none;-webkit-appearance:none;width:100%;padding:16px 40px 16px 16px;background-color:transparent;border:none;color:var(--text-color);font-size:16px;font-weight:600;outline:none;cursor:pointer}.server-select option{background-color:var(--bg-color);color:var(--text-color)}.select-icon{position:absolute;right:16px;pointer-events:none}