*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}#root{min-height:100vh}.app-root{min-height:100vh;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}.panel{max-width:100%;padding:16px}.header{padding:8px 0 16px}.title{font-size:20px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #eee);margin-bottom:16px}.tab{flex-shrink:0;padding:8px 12px;font-size:14px;border:none;background:transparent;color:var(--tg-theme-hint-color, #999);cursor:pointer;border-radius:8px;transition:all .2s}.tab:hover{background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.tab.active{background:var(--tg-theme-button-color, #0088cc);color:var(--tg-theme-button-text-color, #fff)}.section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 8px;font-size:13px;font-weight:500;color:var(--tg-theme-hint-color, #999);text-transform:uppercase;letter-spacing:.5px}.cell{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.cell-content{display:flex;align-items:center;gap:12px}.cell-main{flex:1;display:flex;flex-direction:column}.cell-title{font-size:16px;font-weight:500;color:var(--tg-theme-text-color, #000)}.cell-subtitle{font-size:14px;color:var(--tg-theme-hint-color, #999)}.cell-description{font-size:12px;color:var(--tg-theme-hint-color, #999);margin-top:2px}.avatar{border-radius:50%;object-fit:cover;background:var(--tg-theme-secondary-bg-color, #e0e0e0)}.avatar-s{width:24px;height:24px}.avatar-m{width:32px;height:32px}.avatar-l{width:48px;height:48px}.avatars{display:flex;gap:12px;align-items:center}.badges{display:flex;gap:4px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 8px;font-size:11px;font-weight:500;border-radius:6px;text-transform:uppercase}.badge-neutral{background:var(--tg-theme-secondary-bg-color, #e0e0e0);color:var(--tg-theme-text-color, #000)}.badge-success{background:#2ecc71;color:#fff}.badge-warning{background:#f39c12;color:#fff}.badge-error{background:#e74c3c;color:#fff}.dots{display:flex;gap:8px;align-items:center}.dot{width:10px;height:10px;border-radius:50%}.dot-success{background:#2ecc71}.dot-warning{background:#f39c12}.dot-error{background:#e74c3c}.card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;margin-top:8px}.card-title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000);margin-bottom:8px}.card-text{font-size:14px;color:var(--tg-theme-hint-color, #999);margin:4px 0}.card-footer{font-size:12px;color:var(--tg-theme-hint-color, #999);margin-top:8px;padding-top:8px;border-top:1px solid var(--tg-theme-secondary-bg-color, #ddd)}.icon-workbench{align-items:center;text-align:center}.icon-preview{width:128px;height:128px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:var(--tg-theme-bg-color, #fff);border:1px solid var(--tg-theme-secondary-bg-color, #ddd)}.wallet-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-card{border:none;display:flex;flex-direction:column;gap:8px;text-align:left;padding:14px;border-radius:14px;cursor:pointer;background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-text-color, #000)}.wallet-card.active{background:var(--tg-theme-button-color, #0088cc);color:var(--tg-theme-button-text-color, #fff)}.wallet-card-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#ffffff2e}.wallet-card-title{font-size:15px;font-weight:600}.wallet-card-description{font-size:12px;line-height:1.5;opacity:.85}.wallet-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:10px;color:var(--tg-theme-hint-color, #999);background:var(--tg-theme-bg-color, #fff)}.wallet-step.active{color:var(--tg-theme-button-text-color, #fff);background:var(--tg-theme-button-color, #0088cc)}.wallet-step-index{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:600;background:var(--tg-theme-secondary-bg-color, #e0e0e0);color:var(--tg-theme-text-color, #000)}.wallet-step.active .wallet-step-index{background:var(--tg-theme-button-text-color, #fff);color:var(--tg-theme-button-color, #0088cc)}@media (max-width: 640px){.wallet-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.textarea{width:100%;min-height:80px;padding:8px;font-size:14px;border:1px solid var(--tg-theme-secondary-bg-color, #ddd);border-radius:8px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);font-family:inherit;resize:vertical}.input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--tg-theme-secondary-bg-color, #ddd);border-radius:8px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);font-family:inherit}.input:focus{outline:none;border-color:var(--tg-theme-button-color, #0088cc)}.input-error{border-color:#e74c3c}.input:read-only{background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-hint-color, #999)}.input:disabled{background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-hint-color, #999);cursor:not-allowed}.input-row{display:flex;gap:8px;align-items:center}.btn-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btn{padding:10px 16px;font-size:14px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:all .2s;background:var(--tg-theme-button-color, #0088cc);color:var(--tg-theme-button-text-color, #fff);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-s{padding:8px 12px;font-size:13px}.btn-m{padding:10px 16px;font-size:14px}.btn-l{padding:12px 20px;font-size:15px}.btn-secondary{background:var(--tg-theme-secondary-bg-color, #e0e0e0);color:var(--tg-theme-text-color, #000)}.btn-beveled{background:var(--tg-theme-secondary-bg-color, #e0e0e0);color:var(--tg-theme-text-color, #000);box-shadow:inset 0 -2px #0000001a}.btn-gray{background:#95a5a6;color:#fff}.btn-white{background:#fff;color:#000;border:1px solid #ddd}.btn-stretch{width:100%}.btn-loading{pointer-events:none}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--tg-theme-secondary-bg-color, #ccc);border-radius:24px;transition:.3s}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.switch-slider{background:var(--tg-theme-button-color, #0088cc)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.slider{width:100%;height:4px;border-radius:2px;background:var(--tg-theme-secondary-bg-color, #e0e0e0);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--tg-theme-button-color, #0088cc);cursor:pointer}.range-slider{display:flex;flex-direction:column;gap:8px}.progress{width:100%;height:8px;background:var(--tg-theme-secondary-bg-color, #e0e0e0);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--tg-theme-button-color, #0088cc);border-radius:4px;transition:width .3s}.radio{display:flex;align-items:center;gap:8px;cursor:pointer}.radio input{display:none}.radio-mark{width:20px;height:20px;border:2px solid var(--tg-theme-secondary-bg-color, #ccc);border-radius:50%;position:relative}.radio input:checked+.radio-mark{border-color:var(--tg-theme-button-color, #0088cc)}.radio input:checked+.radio-mark:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--tg-theme-button-color, #0088cc);border-radius:50%}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox input{display:none}.checkbox-mark{width:20px;height:20px;border:2px solid var(--tg-theme-secondary-bg-color, #ccc);border-radius:4px;position:relative}.checkbox input:checked+.checkbox-mark{background:var(--tg-theme-button-color, #0088cc);border-color:var(--tg-theme-button-color, #0088cc)}.checkbox input:checked+.checkbox-mark:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.list-item{display:flex;align-items:center;gap:12px}.list-item-content{flex:1;display:flex;flex-direction:column}.list-item-title{font-size:15px;font-weight:500;color:var(--tg-theme-text-color, #000)}.list-item-subtitle{font-size:13px;color:var(--tg-theme-hint-color, #999)}.divider{height:1px;background:var(--tg-theme-secondary-bg-color, #ddd);margin:8px 0}.spinner{display:inline-block;width:20px;height:20px;border:2px 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}.spinner-sm{width:14px;height:14px}.spinner-m{width:20px;height:20px}.spinner-l{width:28px;height:28px}.spinners{display:flex;gap:16px;align-items:center}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:var(--tg-theme-secondary-bg-color, #333);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.snackbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--tg-theme-secondary-bg-color, #333);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:slideUp .3s ease}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.alert{background:var(--tg-theme-bg-color, #fff);border-radius:16px;padding:24px;max-width:320px;width:100%;text-align:center}.alert-title{font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000);margin-bottom:12px}.alert-description{font-size:14px;color:var(--tg-theme-hint-color, #999);margin-bottom:20px;white-space:pre-line;text-align:left}.dropdown{position:relative;width:100%}.dropdown-trigger{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--tg-theme-secondary-bg-color, #ddd);border-radius:8px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-trigger:hover{border-color:var(--tg-theme-button-color, #0088cc)}.dropdown-arrow{font-size:10px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--tg-theme-bg-color, #fff);border:1px solid var(--tg-theme-secondary-bg-color, #ddd);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.dropdown-item{padding:10px 12px;font-size:14px;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.dropdown-item[disabled]{color:var(--tg-theme-hint-color, #999);cursor:not-allowed}.dropdown-divider{height:1px;background:var(--tg-theme-secondary-bg-color, #ddd);margin:4px 0}.select{width:100%;padding:10px 32px 10px 12px;font-size:14px;border:1px solid var(--tg-theme-secondary-bg-color, #ddd);border-radius:8px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:focus{outline:none;border-color:var(--tg-theme-button-color, #0088cc)}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;background:var(--tg-theme-bg-color, #fff);display:flex;flex-direction:column;animation:slideInRight .3s ease}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #ddd)}.drawer-title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000)}.drawer-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:var(--tg-theme-hint-color, #999);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.drawer-close:hover{background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.drawer-content{flex:1;overflow-y:auto;padding:16px}.drawer-footer{display:flex;gap:8px;padding:16px;border-top:1px solid var(--tg-theme-secondary-bg-color, #ddd)}.drawer-footer .btn{flex:1}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.dialog{background:var(--tg-theme-bg-color, #fff);border-radius:16px;padding:24px;max-width:280px;width:100%;text-align:center;animation:scaleIn .2s ease}.dialog-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.dialog-icon-success{background:#2ecc71;color:#fff}.dialog-icon-warning{background:#f39c12;color:#fff}.dialog-icon-error{background:#e74c3c;color:#fff}.dialog-title{font-size:18px;font-weight:600;color:var(--tg-theme-text-color, #000);margin-bottom:8px}.dialog-message{font-size:14px;color:var(--tg-theme-hint-color, #999);margin-bottom:20px;line-height:1.5}.dialog-actions{display:flex;gap:8px}.dialog-actions .btn{flex:1}.btn-danger{background:#e74c3c;color:#fff}.dialog-warning .dialog-icon{background:#f39c12}.dialog-error .dialog-icon{background:#e74c3c}.date-input{color-scheme:light}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;opacity:.6}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-range{display:flex;align-items:center;gap:12px}.date-range-item{flex:1;display:flex;flex-direction:column;gap:4px}.date-range-label{font-size:12px;color:var(--tg-theme-hint-color, #999)}.date-range-separator{font-size:14px;color:var(--tg-theme-hint-color, #999);padding-top:20px}input[type=month],input[type=week]{color-scheme:light}.table-wrapper{overflow-x:auto;border-radius:8px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--tg-theme-secondary-bg-color, #e0e0e0)}.table th{font-weight:600;color:var(--tg-theme-text-color, #000);background:var(--tg-theme-secondary-bg-color, #f5f5f5)}.table tbody tr:hover{background:var(--tg-theme-secondary-bg-color, #f9f9f9)}.table-bordered th,.table-bordered td{border:1px solid var(--tg-theme-secondary-bg-color, #e0e0e0)}.table-bordered th{background:var(--tg-theme-secondary-bg-color, #f5f5f5)}.table-striped tbody tr:nth-child(odd){background:var(--tg-theme-secondary-bg-color, #f9f9f9)}.table-compact th,.table-compact td{padding:6px 10px;font-size:13px}.form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--tg-theme-text-color, #000)}.form-label-required:after{content:" *";color:#e74c3c}.form-hint{font-size:12px;color:var(--tg-theme-hint-color, #999)}.form-error{font-size:12px;color:#e74c3c}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-inline{display:flex;align-items:center;gap:8px}.form-inline .form-label{margin-bottom:0}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:8px}.form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.carousel{position:relative;overflow:hidden;border-radius:12px}.carousel-track{display:flex;transition:transform .3s ease}.carousel-slide{min-width:100%;height:160px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.carousel-slide-1{background:linear-gradient(135deg,#667eea,#764ba2)}.carousel-slide-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.carousel-slide-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.carousel-dots{display:flex;justify-content:center;gap:8px;padding:12px 0}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--tg-theme-secondary-bg-color, #ccc);cursor:pointer;transition:all .2s}.carousel-dot.active{background:var(--tg-theme-button-color, #0088cc);width:20px;border-radius:4px}.carousel-controls{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;align-items:center;transform:translateY(-50%);padding:0 8px;pointer-events:none}.carousel-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffffe6;color:#333;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:all .2s}.carousel-btn:hover{background:#fff;transform:scale(1.1)}.carousel-counter{font-size:12px;color:#fff;background:#0000004d;padding:4px 8px;border-radius:12px}