.template-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.template-card-image-wrapper{position:relative;width:100%;min-height:200px;max-height:400px;background:var(--tg-theme-bg-color, #ffffff);overflow:hidden;display:flex;align-items:center;justify-content:center}.template-card-image{width:100%;height:auto;max-height:400px;object-fit:contain;transition:opacity .3s ease;display:block}.template-card-image-loading{opacity:0}.template-card-image-placeholder{width:100%;min-height:200px;max-height:400px;display:flex;align-items:center;justify-content:center;background:var(--tg-theme-secondary-bg-color, #e0e0e0);color:var(--tg-theme-hint-color, #999999)}.template-card-image-spinner{width:32px;height:32px;border:3px solid var(--tg-theme-secondary-bg-color, #e0e0e0);border-top-color:var(--tg-theme-button-color, #0088cc);border-radius:50%;animation:spin .8s linear infinite}.template-card-image-error{font-size:48px;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.template-card-content{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.template-card-category{font-size:12px;opacity:.7;text-transform:uppercase}.template-card-title{font-size:16px;font-weight:600;margin:0}.template-card-description{font-size:14px;opacity:.8;margin:0;flex:1}.template-card-button{background:var(--tg-theme-button-color, #0088cc);color:var(--tg-theme-button-text-color, #ffffff);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;margin-top:auto}.template-card-button:hover{opacity:.9}.template-card-button:active{opacity:.8}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-list-empty{text-align:center;padding:40px 20px;opacity:.7}.admin-panel{padding:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0}.admin-tabs button{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.admin-tabs button.active{color:#007bff;border-bottom-color:#007bff}.admin-content{margin-top:1rem}.admin-content h2{margin-bottom:1rem}.users-list,.templates-list{display:flex;flex-direction:column;gap:1rem}.user-card,.template-card-admin{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fff}.user-info,.template-info{margin-bottom:1rem}.user-info div,.template-info div{margin-bottom:.5rem}.balance-editor,.template-editor{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:8px}.balance-editor>div{margin-bottom:1rem}.balance-editor label{display:block;margin-bottom:.25rem;font-weight:700}.balance-editor input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:700}.form-group input[type=text],.form-group textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.form-group textarea{resize:vertical}.form-group input[type=checkbox]{margin-right:.5rem}.editor-actions,.template-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-edit,.btn-save,.btn-create,.btn-delete,.btn-cancel{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-edit,.btn-save{background:#007bff;color:#fff}.btn-save:hover,.btn-edit:hover{background:#0056b3}.btn-create{background:#28a745;color:#fff}.btn-create:hover{background:#218838}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:#666}.app{padding:16px;max-width:100%}.header{text-align:center;margin-bottom:24px}.header h1{font-size:24px;margin-bottom:8px}.header p{font-size:14px;opacity:.7}.loading,.error{text-align:center;padding:40px 20px;font-size:16px}.error{color:var(--tg-theme-destructive-text-color, #ff0000)}.btn-admin,.btn-back{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;background:#6c757d;color:#fff;margin-top:.5rem}.btn-admin:hover,.btn-back:hover{background:#5a6268}.btn-refresh{padding:.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;background:var(--tg-theme-button-color, #0088cc);color:var(--tg-theme-button-text-color, #ffffff);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-refresh:hover:not(:disabled){opacity:.8}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}*{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}#root{min-height:100vh;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);padding-bottom:env(safe-area-inset-bottom,0)}