.user-info-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:30px;padding:30px}.user-info-card h2{align-items:center;border-bottom:2px solid #e9ecef;color:#2c5aa0;display:flex;font-size:24px;font-weight:600;gap:10px;margin-bottom:25px;padding-bottom:15px}.user-info-item{align-items:center;border-bottom:1px solid #edf1f6;display:flex;font-size:15px;margin-bottom:0;padding:16px 0}.user-info-item:last-child{border-bottom:none;margin-bottom:0}.user-info-label{color:#4b5563;flex-shrink:0;font-weight:600;min-width:180px}.user-info-value{background:transparent;border:0;border-radius:0;color:#1f3f73;flex:0 1 auto;font-weight:600;margin-left:12px;min-width:0;overflow-wrap:anywhere;padding:3px 0}.user-info-control{flex:0 0 auto;margin-left:12px}.manage-subscription-btn{align-items:center;background:#fff;border:1px solid #2563eb;border-radius:8px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:700;justify-content:center;line-height:1.2;margin-left:16px;padding:7px 13px;transition:all .2s ease}.manage-subscription-btn:hover:not(:disabled){background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.manage-subscription-btn:disabled{cursor:not-allowed;opacity:.65}.preferred-language-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-weight:500;outline:none;padding:6px 10px}.preferred-language-select:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px rgba(44,90,160,.12)}#rest_use_times.user-info-value{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#e65100;font-weight:700;padding:8px 14px}.quota-summary{background:#fff;border:1px solid #e9eef5;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,42,.04);margin:6px 0 18px 192px;padding:14px}.quota-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.quota-summary-label{color:#64748b;display:block;font-size:12px;line-height:1.3;margin-bottom:5px}.quota-summary-value{color:#1f2937;display:block;font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.quota-progress{background:#eef2f7;border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.quota-progress-bar{background:linear-gradient(90deg,#2c5aa0,#3b82c4);border-radius:inherit;height:100%;transition:width .2s ease;width:0}.quota-progress-meta{color:#64748b;display:flex;font-size:12px;gap:12px;justify-content:space-between;margin-top:6px}.api-key-item{align-items:flex-start}.api-key-section{box-sizing:border-box;margin-left:12px;overflow-x:hidden;width:100%}.api-key-control{align-items:center;display:flex;gap:10px;margin-bottom:8px;width:100%}.api-key-summary{align-items:center;background:linear-gradient(135deg,#f8fbff,#f0f7ff);border:1px solid #e3eefb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;margin-top:8px;padding:10px 12px}.api-key-summary-label{color:#64748b;font-size:13px;font-weight:500}.api-key-summary-value{color:#2c5aa0;font-size:14px;font-weight:700;white-space:nowrap}.api-key-summary-unit{color:#64748b;font-size:13px;font-weight:500}.api-key-limit-hint{background:#f0f9ff;border-left:3px solid #2c5aa0;border-radius:4px;margin-bottom:12px;margin-top:8px;padding:8px 12px}.api-key-limit-hint .text-muted{color:#64748b;font-size:13px}.api-key-list{border-top:1px solid #e9ecef;box-sizing:border-box;margin-top:16px;overflow-x:hidden;padding-top:16px;width:100%}.api-key-list-header{margin-bottom:12px}.api-key-list-title{color:#2c5aa0;font-size:15px;font-weight:600}.api-key-items{flex-direction:column;gap:12px}.api-key-item-card,.api-key-items{box-sizing:border-box;display:flex;width:100%}.api-key-item-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;min-width:0;overflow:hidden;padding:12px 16px;transition:all .2s ease}.api-key-item-card:hover{border-color:#2c5aa0;box-shadow:0 2px 8px rgba(44,90,160,.1)}.api-key-item-card.disabled{background:#f1f5f9;opacity:.6}.api-key-item-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.api-key-display{color:#1f2937;font-family:Monaco,Courier New,monospace;font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:break-word;word-break:break-all}.api-key-display .key-prefix{color:#2c5aa0}.api-key-display .key-mask{color:#94a3b8}.api-key-display .key-last4{color:#2c5aa0;font-weight:600}.api-key-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:12px 16px}.api-key-meta>span{flex-shrink:0;white-space:nowrap}.api-key-status{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px}.api-key-status.active{background:#d1fae5;color:#065f46}.api-key-status.disabled{background:#fee2e2;color:#991b1b}.api-key-actions{display:flex;gap:8px}.api-key-action-btn{border:1px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.api-key-action-btn.disable-btn{background:#fff;border-color:#f59e0b;color:#f59e0b}.api-key-action-btn.disable-btn:hover{background:#fef3c7}.api-key-action-btn.enable-btn{background:#fff;border-color:#10b981;color:#10b981}.api-key-action-btn.enable-btn:hover{background:#d1fae5}.api-key-action-btn.delete-btn{background:#fff;border-color:#ef4444;color:#ef4444}.api-key-action-btn.delete-btn:hover{background:#fee2e2}.api-key-input{background:#f8fbff;border:1px solid #e3f2fd;border-radius:8px;color:#1f2937;flex:1 1 auto;font-weight:500;min-width:240px;outline:none;padding:10px 12px}.api-key-input[readonly]{cursor:default}.api-key-btn{background:linear-gradient(135deg,#2c5aa0,#1a4780);border:1px solid #2c5aa0;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.api-key-btn:hover{box-shadow:0 4px 12px rgba(44,90,160,.25);transform:translateY(-1px)}.api-key-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.api-key-btn.secondary{background:#fff;border:1px solid #94a3b8;color:#334155}.api-key-btn.secondary:hover{box-shadow:0 4px 12px rgba(15,23,42,.12);transform:translateY(-1px)}.buy-times-btn{background:linear-gradient(135deg,#2c5aa0,#1a4780);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease}.buy-times-btn:hover{background:linear-gradient(135deg,#1a4780,#0f2d5a);box-shadow:0 4px 12px rgba(44,90,160,.3);transform:translateY(-1px)}.buy-times-btn:active{transform:translateY(0)}.usage-stats-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:30px;padding:30px;width:100%}.usage-stats-card h2{align-items:center;border-bottom:2px solid #e9ecef;color:#2c5aa0;display:flex;font-size:24px;font-weight:600;gap:10px;margin-bottom:25px;padding-bottom:15px}.usage-stats-content{min-height:200px}.usage-stats-loading{padding:50px 20px;text-align:center}.usage-stats-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#2c5aa0;height:36px;margin:0 auto 14px;width:36px}.usage-stats-loading p{color:#64748b;font-size:14px;margin:0}.usage-stats-chart-wrap{margin-top:8px}.usage-stats-summary{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.usage-summary-item{background:#fff;border:1px solid #e9eef5;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,42,.04);min-width:0;padding:12px 14px}.usage-summary-label{color:#64748b;display:block;font-size:12px;font-weight:500;line-height:1.3;margin-bottom:6px}.usage-summary-value{color:#1f2937;display:block;font-size:20px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.usage-summary-note{color:#94a3b8;display:block;font-size:12px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}.usage-stats-divider{background:#f1f5f9;height:1px;margin:15px 0}.usage-stats-legend{color:#64748b;display:flex;font-size:12px;gap:24px;justify-content:center;margin-bottom:8px;margin-top:4px}.usage-stats-legend .legend-item{align-items:center;display:flex;gap:8px}.usage-stats-legend .legend-bar{border-radius:2px;display:inline-block;height:10px;width:14px}.usage-stats-legend .legend-bar.web{background:#2c5aa0}.usage-stats-legend .legend-bar.api{background:#94a3b8}.usage-stats-legend .legend-line.cumu{background:#e65100;height:3px;width:20px}.plan-history-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);box-sizing:border-box;margin-bottom:30px;padding:30px;width:100%}.plan-history-card h2{align-items:center;border-bottom:2px solid #e9ecef;color:#2c5aa0;display:flex;font-size:24px;font-weight:600;gap:10px;margin-bottom:25px;padding-bottom:15px}@media (max-width:768px){.plan-history-card,.usage-stats-card,.user-info-card{padding:20px}.usage-stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.user-info-item{align-items:flex-start;flex-direction:column;gap:8px}.user-info-label{min-width:auto}.user-info-value{margin-left:0;padding:2px 0;width:100%}#rest_use_times.user-info-value{padding:8px 14px;width:auto}.user-info-control{margin-left:0;width:100%}.preferred-language-select{width:100%}.quota-summary{margin-left:0}.quota-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-times-btn{margin-left:0;margin-top:8px;text-align:center;width:100%}.api-key-section{margin-left:0}.api-key-control{align-items:stretch;flex-direction:column;gap:8px;margin-left:0}.api-key-summary{align-items:flex-start;flex-direction:column;gap:6px}.api-key-summary-value{white-space:normal}.api-key-input{min-width:0;width:100%}.api-key-btn{width:100%}.api-key-item-card{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.api-key-item-info{width:100%}.api-key-display{font-size:12px;overflow-wrap:break-word;word-break:break-all}.api-key-display .key-last4,.api-key-display .key-mask,.api-key-display .key-prefix{display:inline-block}.api-key-meta{flex-direction:column;gap:8px;margin-top:8px}.api-key-meta>span{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.api-key-actions{flex-wrap:wrap;justify-content:flex-end;width:100%}.api-key-action-btn{flex:1;min-width:80px}}.times-packages{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}.times-package-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.times-package-item:hover{background:#f0f9ff;border-color:#2c5aa0;box-shadow:0 4px 12px rgba(44,90,160,.15);transform:translateY(-2px)}.times-package-item.selected{background:linear-gradient(135deg,#e3f2fd,#f0f9ff);border-color:#2c5aa0;box-shadow:0 4px 16px rgba(44,90,160,.25)}.package-header{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.package-times{color:#2c5aa0;font-size:24px;font-weight:700}.package-price{color:#e65100;font-size:20px;font-weight:600}.package-desc{color:#6c757d;font-size:13px;margin-top:4px}.trial-card{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:14px;justify-content:space-between;margin:16px 0;padding:16px}.trial-card-copy{color:#1e3a8a;display:flex;flex-direction:column;gap:4px;line-height:1.5}.trial-card-copy span,.trial-card-status{color:#475569;font-size:13px}.trial-card-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.trial-plan-select{background:#fff;border:1px solid #93c5fd;border-radius:6px;color:#1e293b;height:36px;padding:0 10px}.trial-apply-btn{background:#2563eb;border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:36px;padding:0 14px;white-space:nowrap}.trial-apply-btn:disabled{background:#94a3b8;cursor:not-allowed}.trial-card-status{margin-top:8px}.trial-card.notice-only,.trial-card.used{background:#f8fafc;border-color:#e2e8f0}.trial-card.notice-only{align-items:flex-start;justify-content:flex-start;padding:12px 14px}.trial-card.notice-only .trial-card-copy{color:#334155}.trial-card.notice-only .trial-card-copy strong{display:none}.trial-card.notice-only .trial-card-copy span{color:#475569}@media (max-width:768px){.trial-card{align-items:stretch;flex-direction:column}.trial-card-actions{width:100%}.trial-apply-btn,.trial-plan-select{flex:1;min-width:0}.times-packages{gap:12px;grid-template-columns:1fr;margin-top:16px}.times-package-item{padding:16px}.package-times{font-size:20px}.package-price{font-size:18px}.package-desc{font-size:12px}}@media (max-width:480px){.times-packages{gap:10px;margin-top:12px}.times-package-item{padding:14px}.package-header{gap:6px;margin-bottom:6px}.package-times{font-size:18px}.package-price{font-size:16px}.package-desc{font-size:11px;margin-top:2px}.api-key-item-card{padding:10px}.api-key-display,.api-key-meta{font-size:11px}.api-key-meta{gap:6px}.api-key-action-btn{font-size:11px;min-width:70px;padding:5px 10px}}