@tailwind base;@tailwind components;@tailwind utilities;:root{--tg-theme-bg-color:#fff;--tg-theme-text-color:#000;--tg-theme-hint-color:#999;--tg-theme-link-color:#2481cc;--tg-theme-button-color:#2481cc;--tg-theme-button-text-color:#fff;--tg-theme-secondary-bg-color:#f1f1f1;--tg-theme-header-bg-color:#1a1a1a;--tg-theme-accent-text-color:#3e88f7;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--tg-theme-bg-color);max-width:100vw;color:var(--tg-theme-text-color);text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;overflow-x:hidden}h1,h2,h3,h4,h5,h6,button,.btn,.nav-item{letter-spacing:.5px;text-transform:uppercase!important;font-weight:800!important}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.container{background:#f8f9fa;max-width:400px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.header{background:#fff;border-radius:0 0 20px 20px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000001a}.profile-section{align-items:center;gap:15px;display:flex}.profile-avatar{background:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;animation:.5s ease-in fadeIn;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-info h2{color:#2d3748;margin-bottom:4px;font-size:18px;font-weight:600}.balance{color:#dc2626;font-size:14px;font-weight:600}.card{background:#fff;border:1px solid #f1f3f4;border-radius:16px;margin:0 16px 16px;padding:20px;animation:.3s ease-out slideUp;box-shadow:0 2px 8px #0000000f}.card-icon{margin-bottom:12px}.card-content h3{color:#2d3748;margin-bottom:6px;font-size:16px;font-weight:600}.card-content p{color:#718096;margin-bottom:16px;font-size:14px;line-height:1.4}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#dc2626}.btn-primary:hover{background:#b91c1c;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.nav-item{color:#9ca3af;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;transition:color .2s;display:flex}.nav-item.active,.nav-item:hover{color:#dc2626}.nav-item span{font-size:12px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:600;display:flex}@media (max-width:380px){.container{max-width:100%}.card{margin:0 12px 12px}.header{padding:16px}}.card{background:#fff;border-radius:12px;margin:16px;padding:20px;box-shadow:0 2px 8px #0000001a}.card-title{color:#1f2937;margin-bottom:12px;font-size:18px;font-weight:600}.card-content{color:#6b7280;line-height:1.5}.btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 24px;font-weight:500;transition:background-color .2s}.btn:hover{background:#1d4ed8}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.input{border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:16px}.input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.list{background:#fff;border-radius:12px;margin:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.list-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.list-item:last-child{border-bottom:none}.list-item-title{color:#1f2937;font-weight:500}.list-item-subtitle{color:#6b7280;margin-top:4px;font-size:14px}.badge{color:#374151;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;margin:16px;padding:24px;overflow-y:auto}.modal-title{color:#1f2937;margin-bottom:16px;font-size:20px;font-weight:600}.modal-content{margin-bottom:24px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.spinner{border:2px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:120px;margin-left:-60px;padding:5px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.notification{z-index:1001;background:#fff;border-radius:8px;max-width:300px;padding:16px;animation:.3s ease-out slideIn;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.success{border-left:4px solid #10b981}.notification.error{border-left:4px solid #ef4444}.notification.warning{border-left:4px solid #f59e0b}.table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table th,.table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:12px 16px}.table th{color:#374151;background:#f9fafb;font-weight:600}.table tr:hover{background:#f9fafb}.form-group{margin-bottom:16px}.form-label{color:#374151;margin-bottom:8px;font-weight:500;display:block}.form-input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-error{color:#ef4444;margin-top:4px;font-size:14px}.select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:16px}.select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox input[type=checkbox]{accent-color:#2563eb;width:18px;height:18px}.radio{cursor:pointer;align-items:center;gap:8px;display:flex}.radio input[type=radio]{accent-color:#2563eb;width:18px;height:18px}.textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:16px}.textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.breadcrumb{color:#6b7280;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.breadcrumb-item{color:#6b7280}.breadcrumb-item.active{color:#374151;font-weight:500}.breadcrumb-separator{color:#d1d5db}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pagination-item{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;transition:all .2s}.pagination-item:hover{background:#f9fafb}.pagination-item.active{color:#fff;background:#2563eb;border-color:#2563eb}.pagination-item:disabled{opacity:.5;cursor:not-allowed}.accordion{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.accordion-item{border-bottom:1px solid #e5e7eb}.accordion-item:last-child{border-bottom:none}.accordion-header{cursor:pointer;color:#374151;background:#f9fafb;justify-content:space-between;align-items:center;padding:16px;font-weight:500;display:flex}.accordion-header:hover{background:#f3f4f6}.accordion-content{background:#fff;padding:16px}.tabs{border-bottom:1px solid #e5e7eb;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-weight:500;transition:all .2s}.tab:hover{color:#374151}.tab.active{color:#2563eb;border-bottom-color:#2563eb}.progress{background:#f3f4f6;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar{background:#2563eb;height:100%;transition:width .3s}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:16px;padding:12px 16px}.alert-success{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.alert-error{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.alert-warning{color:#92400e;background:#fef3c7;border-color:#fcd34d}.alert-info{color:#1e40af;background:#dbeafe;border-color:#93c5fd}html,body{height:100%;overflow:hidden}.admin-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.admin-header{flex-shrink:0}.admin-content{-webkit-overflow-scrolling:touch;flex:1;height:0;overflow:hidden auto}.bottom-nav{z-index:100;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;width:100%;max-width:400px;padding:10px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000001a}.admin-container{padding-bottom:70px}.admin-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;padding:24px;overflow-y:auto}