.coin-chip{font-size:12px;color:#8b651d;background:#fff8e7;border:1px solid #f1dfb7;border-radius:20px;padding:7px 11px;white-space:nowrap;transition:background .3s}.coin-chip:hover{background:#fff0c8}.coin-chip.coin-earned{background:#ffe29b;box-shadow:0 0 0 4px #ffeab955}.coin-page{max-width:1150px;margin:0 auto;padding:42px 28px 70px}.coin-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.coin-heading h1{font-size:30px;line-height:1.5;margin:10px 0}.coin-heading p{color:#7c8ba2;font-size:14px}.coin-page h2{font-size:20px;margin:34px 0 18px}.coin-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#253c80,#2b57ae);color:white;padding:32px 38px;border:none}.coin-hero>div:first-child{display:grid;gap:8px}.coin-hero span{color:#c9d8ff;font-size:13px}.coin-hero strong#coin-wallet-balance{font-size:52px;line-height:1.2;letter-spacing:-1px}.coin-hero small{font-size:11px;color:#bacdf5}.coin-hero-tip{max-width:410px;font-size:14px;line-height:1.9}.coin-hero-tip p{font-size:13px;color:#bfd0f1}.coin-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coin-task{padding:24px;display:grid;gap:12px}.coin-task strong{font-size:15px}.coin-task>span{color:#b9851e;font-size:21px;font-weight:700}.coin-task small{font-size:11px;color:#8390a3;line-height:1.8}.coin-task button{text-align:left;padding:0;margin-top:5px}.coin-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coin-product{padding:23px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.coin-kind{font-size:10px;color:#778ba9;letter-spacing:.05em}.coin-product h3{font-size:16px;line-height:1.6;margin:10px 0}.coin-product p{font-size:12px;line-height:1.8;color:#8592a5;margin:0}.coin-product-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.coin-product-foot>strong{color:#926820;font-size:12px}.coin-product-foot button{font-size:11px;padding:8px 12px;white-space:nowrap}.coin-amount{font-variant-numeric:tabular-nums;font-size:15px;color:#5d708e}.coin-amount.positive{color:#318669}.coin-amount.negative{color:#b77942}.coin-confirm-content,.coin-adjust-form{padding:4px 29px 29px;line-height:1.9}.coin-confirm-content h3{font-size:19px}.coin-confirm-price{color:#a67823;font-size:26px;font-weight:700}.coin-confirm-content p{font-size:13px}.coin-confirm-content>.button{width:100%;margin:15px 0}.coin-confirm-content>.text-button{display:block;margin:0 auto}.coin-locked{text-align:center;border:1px solid #eee3ca;background:#fffaf0;border-radius:16px;padding:42px 24px;margin:28px 0}.coin-locked>span{font-size:42px;color:#c19a44}.coin-locked h3{font-size:19px;color:#7c5c24}.coin-locked p{font-size:13px;color:#8d806a}.coin-admin-tabs{display:flex;gap:8px;border-bottom:1px solid #e3e9f3;margin-bottom:24px}.coin-admin-tabs button{font-size:13px;padding:12px 17px;color:#7b8ba3;background:transparent;border-radius:8px 8px 0 0}.coin-admin-tabs button.active{color:#315ccc;background:#edf3ff;border-bottom:2px solid #5079d9}#coin-account-search{width:min(100%,350px);font:inherit;border:1px solid #dce4f0;border-radius:9px;padding:12px 15px;margin-bottom:20px;box-sizing:border-box}.coin-config-form h3{font-size:17px;margin:26px 0 14px}.coin-config-form .form-note{font-size:12px;line-height:1.9}.coin-reward-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coin-reward-fields label,.coin-adjust-form label{display:grid;gap:8px;font-size:12px;color:#667c9a;margin-bottom:16px}.coin-config-form input,.coin-adjust-form input,.coin-adjust-form select{border:1px solid #d8e1f0;background:white;border-radius:8px;padding:11px;min-width:0;font:inherit;box-sizing:border-box;width:100%}.coin-price-list{background:white;border:1px solid #e6ecf5;border-radius:13px;overflow:hidden;margin:20px 0}.coin-price-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 21px;border-bottom:1px solid #edf1f7}.coin-price-row:last-child{border-bottom:0}.coin-price-row>span{display:grid;gap:7px}.coin-price-row strong{font-size:13px}.coin-price-row small{font-size:11px;color:#8492aa}.coin-price-row>div{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#8a96a9;font-size:11px}.coin-price-row input{width:100px;font-size:14px}.coin-adjust-form>p{font-size:13px}.coin-page .form-note{font-size:12px;line-height:1.9;color:#8491a6}@media(max-width:1100px){.portal-header{gap:14px}.portal-header nav{gap:1px}.portal-nav{padding-left:10px;padding-right:10px}.portal-user{gap:8px}}@media(max-width:800px){.coin-chip{font-size:10px;padding:6px 9px}.coin-page{padding:30px 17px 50px}.coin-heading{align-items:start}.coin-heading h1{font-size:25px}.coin-heading>.text-button{font-size:11px;white-space:nowrap}.coin-heading p{font-size:12px;line-height:1.9}.coin-hero{padding:27px;align-items:start;gap:23px;flex-direction:column}.coin-hero strong#coin-wallet-balance{font-size:46px}.coin-hero-tip{font-size:13px}.coin-task-grid{grid-template-columns:1fr;gap:12px}.coin-task{grid-template-columns:1fr auto;gap:9px 12px;padding:21px}.coin-task strong{font-size:14px}.coin-task>span{font-size:17px}.coin-task small{grid-column:1/3}.coin-catalog{grid-template-columns:1fr;gap:12px}.coin-product{padding:22px;gap:18px}.coin-page h2{font-size:19px}.coin-reward-fields{grid-template-columns:1fr}.coin-price-row{padding:16px;gap:15px}.coin-price-row input{width:70px}.coin-price-row strong{font-size:12px}.coin-price-row small{font-size:10px}.coin-admin-tabs{gap:0}.coin-admin-tabs button{font-size:12px;padding:11px 13px}.coin-confirm-content,.coin-adjust-form{padding:0 23px 25px}.coin-confirm-price{font-size:24px}.account-button{max-width:112px}.portal-user{gap:6px}.portal-header{gap:8px}}@media(max-width:380px){.portal-brand{gap:9px}.portal-brand>span{font-size:11px;padding-left:9px}.account-button{max-width:94px}.coin-chip{padding:5px 7px;font-size:9px}}
@media(max-width:800px){.coin-page .data-table{min-width:0;width:100%;table-layout:fixed}.coin-page .data-table th,.coin-page .data-table td{padding:13px 10px;font-size:10px;white-space:normal;overflow-wrap:anywhere}.coin-page .data-table th:first-child{width:23%}.coin-page .data-table th:nth-child(2){width:57%}.coin-page .data-table th:last-child{width:20%;text-align:right}.coin-page .data-table td:last-child{text-align:right}.coin-page .data-table .coin-amount{font-size:12px;white-space:nowrap}}
