:root{--font-main: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-bg: #F0F2F5;--color-surface: #FFFFFF;--color-text-primary: #1F2022;--color-text-secondary: #858C98;--color-accent-main: #007AFF;--color-action-green: #3DDC84;--color-border: #E6E8EB;--radius-card: 20px;--radius-button: 16px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .06)}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-text-size-adjust:100%;--tg-theme-bg-color: var(--color-bg);--tg-theme-secondary-bg-color: var(--color-surface);--tg-theme-text-color: var(--color-text-primary);--tg-theme-hint-color: var(--color-text-secondary);--tg-theme-link-color: var(--color-accent-main);--tg-theme-button-color: var(--color-accent-main);--tg-theme-button-text-color: var(--color-surface)}.app-container{height:100%;overflow-y:auto;padding-bottom:90px;box-sizing:border-box}.page-container{padding:0 16px}.large-title{font-size:34px;font-weight:700;letter-spacing:-.5px;margin:16px 0 24px}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.tab-button{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--color-text-secondary);font-size:10px;font-weight:500;gap:3px;transition:color .2s ease}.tab-button.active{color:var(--color-accent-main)}.tab-button svg{stroke-width:2}.list-container{display:flex;flex-direction:column;gap:12px;margin-top:20px}.list-card{background-color:var(--color-surface);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-soft);transition:transform .2s ease-in-out}.list-card:active{transform:scale(.98)}.list-card h3{font-size:18px;font-weight:600;margin:0 0 4px}.list-card .subtitle{font-size:15px;color:var(--color-text-secondary);margin:0}.list-card .footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-card .price{font-size:20px;font-weight:700}.primary-button{background-color:var(--color-accent-main);color:#fff;font-size:17px;font-weight:600;padding:16px;border-radius:var(--radius-button);border:none;cursor:pointer;text-align:center;width:100%;transition:all .2s ease-in-out}.primary-button:active{transform:scale(.98);background-color:#006ae1}.search-bar,.form-field{background-color:var(--color-surface);border-radius:var(--radius-button);box-shadow:var(--shadow-soft)}.search-bar input,.form-field input{background:none;border:none;font-size:16px;font-family:var(--font-main);color:var(--color-text-primary)}.search-bar input:focus,.form-field input:focus{outline:none}.search-bar input::placeholder,.form-field input::placeholder{color:var(--color-text-secondary)}.search-bar{display:flex;align-items:center;padding:0 16px;gap:12px}.search-bar input{flex-grow:1;padding:16px 0;font-weight:500}.form-container{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.form-field label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-field input{padding:0;font-weight:500}.segmented-control{display:flex;background-color:#e1e4e8;border-radius:12px;padding:3px;margin:24px 0}.segmented-control button{flex:1;background:none;border:none;padding:8px;border-radius:10px;font-size:15px;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease-in-out}.segmented-control button.active{background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:0 2px 4px #00000014}.info-card{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.error-text{color:#ff453a;text-align:center;font-size:15px;margin-top:16px}.link-button{background:none;border:none;color:var(--color-accent-main);font-size:17px;font-weight:500;cursor:pointer;padding:16px;margin-top:8px;text-align:center;width:100%}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:var(--color-surface);padding:24px;border-radius:var(--radius-card);width:90%;max-width:400px;box-shadow:0 8px 32px #0000001a}.skeleton-card{background-color:#fff;border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-soft)}@keyframes pulse{0%{background-color:#e6e8eb}50%{background-color:#d8dbe0}to{background-color:#e6e8eb}}.skeleton-line{height:20px;border-radius:8px;animation:pulse 1.5s ease-in-out infinite;margin-bottom:8px}.skeleton-line.title{width:60%}.skeleton-line.subtitle{width:40%;height:16px;margin-bottom:16px}.skeleton-line.price{width:30%;height:24px;float:left;margin-bottom:0}.skeleton-line.button{width:100px;height:44px;float:right;margin-bottom:0}.clearfix:after{content:"";clear:both;display:table}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%;border-radius:var(--radius-button);border:2px dashed var(--color-border);color:var(--color-text-secondary);text-align:center;padding:30px 16px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.file-input-wrapper:hover{border-color:var(--color-accent-main);color:var(--color-text-primary)}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-wrapper .file-name{font-weight:600;color:var(--color-text-primary)}body{background:var(--tg-theme-secondary-bg-color, white);padding:0;margin:0}
