.tariff-page-wrapper{max-width:1030px;margin:20px auto;background:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden;padding:30px}.tariff-page-title{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:20px;text-align:center}.tariff-page-description{font-size:15px;line-height:1.7;color:#555;margin-bottom:15px;text-align:justify}.tariff-controls{justify-content:space-between;flex-wrap:wrap;gap:15px;padding:20px 0;border-bottom:1px solid #e9ecef;margin-bottom:30px}.tariff-controls,.tariff-selector-group{display:flex;align-items:center}.tariff-selector-group{gap:10px}.tariff-selector-group label{font-size:14px;font-weight:500;color:#666;white-space:nowrap}.tariff-selector-group select{padding:10px 16px;font-size:14px;font-weight:500;background:#f8f9fa;color:#333;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:200px}.tariff-selector-group select:hover{background:#e9ecef;border-color:#6366f1}.tariff-selector-group select:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1);border-color:#6366f1}.category-filter-group{display:flex;gap:8px}.filter-btn{padding:8px 16px;font-size:13px;font-weight:500;background:#f8f9fa;color:#666;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#e9ecef;border-color:#6366f1}.filter-btn.active{background:#6366f1;color:white;border-color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.3)}.price-mode-toggle{display:flex;gap:4px;background:#f8f9fa;border-radius:16px;padding:4px;border:1px solid #e9ecef}.mode-btn{padding:8px 14px;font-size:13px;font-weight:500;background:transparent;color:#666;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn.active{background:#6366f1;color:white;box-shadow:0 2px 6px rgba(99,102,241,.3)}.mode-btn:hover:not(.active){background:rgba(99,102,241,.1)}.tariff-table-container{overflow-x:auto;margin-top:30px}.tariff-table{width:100%;border-collapse:collapse;font-size:14px;background:white}.tariff-table thead th{background:#f8f9fa;padding:16px 14px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:14px}.tariff-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.tariff-table tbody tr:hover{background:#f8f9fa}.tariff-table tbody td{padding:16px 14px;color:#444;vertical-align:middle}.tariff-table tbody td:first-child{font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:10px}.model-logo{width:28px;height:28px;border-radius:6px;object-fit:contain}.tariff-table tbody td:last-child{font-weight:600;color:#6366f1;text-align:right}.tariff-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px}.tariff-page-loading p{font-size:14px;color:#666}.tariff-page-no-data{padding:60px 20px;text-align:center}.tariff-page-no-data p{font-size:16px;color:#999}@media (max-width:768px){.tariff-page-wrapper{margin:10px;padding:20px 15px;border-radius:8px}.tariff-page-title{font-size:24px}.tariff-page-description{font-size:14px}.tariff-controls{flex-direction:column;align-items:stretch}.category-filter-group,.price-mode-toggle,.tariff-selector-group{width:100%;justify-content:center}.tariff-selector-group select{width:100%}.tariff-table{font-size:13px}.tariff-table tbody td,.tariff-table thead th{padding:12px 10px}.model-logo{width:24px;height:24px}}body.dark-mode .tariff-page-wrapper{background:#2c2c2c;box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark-mode .tariff-page-title{color:#fff}body.dark-mode .tariff-page-description{color:#ccc}body.dark-mode .tariff-controls{border-bottom-color:#444}body.dark-mode .tariff-selector-group label{color:#ccc}body.dark-mode .tariff-selector-group select{background:#3e3d3d;color:#fff;border-color:#555}body.dark-mode .tariff-selector-group select:hover{background:#4a4a4a}body.dark-mode .filter-btn{background:#3e3d3d;color:#ccc;border-color:#555}body.dark-mode .filter-btn:hover{background:#4a4a4a}body.dark-mode .filter-btn.active{background:#6366f1;color:white;border-color:#6366f1}body.dark-mode .price-mode-toggle{background:#3e3d3d;border-color:#555}body.dark-mode .mode-btn{color:#ccc}body.dark-mode .mode-btn.active{background:#6366f1;color:white}body.dark-mode .tariff-table{background:#2c2c2c}body.dark-mode .tariff-table thead th{background:#3e3d3d;color:#fff;border-bottom-color:#555}body.dark-mode .tariff-table tbody tr{border-bottom-color:#444}body.dark-mode .tariff-table tbody tr:hover{background:#3e3d3d}body.dark-mode .tariff-table tbody td{color:#ccc}body.dark-mode .tariff-table tbody td:first-child{color:#fff}body.dark-mode .tariff-table tbody td:last-child{color:#818cf8}body.dark-mode .tariff-page-loading p{color:#ccc}body.dark-mode .tariff-page-no-data p{color:#888}