.console{flex-direction:column;gap:28px;padding-block:72px 128px;display:flex}.console__head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.console__head-actions{flex-wrap:wrap;gap:8px;display:flex}.console__head-actions [hidden]{display:none}.console__hello{flex-direction:column;gap:16px;display:flex}.console__title{font-family:var(--font-display);letter-spacing:-1.6px;overflow-wrap:anywhere;font-size:48px;font-weight:600;line-height:1.08}.console__email{color:var(--dim);font-family:var(--font-code);margin-top:-6px;font-size:13.5px}.console__stats{border:1px solid var(--rule);background:var(--rule);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.console-stat{background:var(--night);flex-direction:column;gap:12px;padding:24px 26px;display:flex;position:relative}.console-stat dt{color:var(--dim);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.console-stat dd{flex-direction:column;gap:4px;display:flex}.console-stat__value{font-family:var(--font-display);letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.console-stat__note{color:var(--dim);font-size:13.5px}.console-stat__action{color:var(--mint);transition:gap .2s var(--ease-out);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex;position:absolute;top:20px;right:22px}.console-stat__action .icon{width:14px;height:14px}.console-stat__action:hover{gap:9px}.console-stat__progress{flex-direction:column;gap:8px;margin-top:4px;display:flex}.console-stat__bar{background:#edf0f814;border-radius:4px;height:4px;display:block;overflow:hidden}.console-stat__bar>span{border-radius:inherit;background:var(--mint);height:100%;display:block}.console__section{flex-direction:column;gap:20px;margin-top:28px;display:flex}.console__section-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.console__h2{font-family:var(--font-display);letter-spacing:-.6px;font-size:26px;font-weight:600}.console__sub{color:var(--mist);margin-top:6px;font-size:15px;line-height:1.5}.new-key{animation:detail-in .45s var(--ease-out);background:linear-gradient(#7ef2c412,#7ef2c404);border:1px solid #7ef2c447;border-radius:22px;flex-direction:column;gap:16px;padding:24px;display:flex}@keyframes detail-in{0%{opacity:0;transform:translateY(-6px)}}.new-key[hidden]{display:none}.new-key__head{gap:14px;display:flex}.new-key__head>.icon{width:22px;height:22px;color:var(--mint);margin-top:2px}.new-key__title{font-size:17px;font-weight:600}.new-key__text{color:var(--mist);margin-top:4px;font-size:14.5px}.new-key__secret{border:1px solid var(--rule-strong);background:var(--night);border-radius:14px;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex}.new-key__secret code{min-width:0;color:var(--paper);font-family:var(--font-code);white-space:nowrap;scrollbar-width:none;flex:1;font-size:14px;overflow-x:auto}.new-key__done{align-self:flex-start}.keys__wrap{border:1px solid var(--rule);border-radius:22px;position:relative;overflow-x:auto}.keys__table{border-collapse:collapse;width:100%;font-size:14.5px}.keys__table th,.keys__table td{border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap;padding:16px 20px;font-weight:400}.keys__table thead th{background:var(--deep);color:var(--dim);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.keys__table tbody tr:last-child>*{border-bottom:0}.keys__table td{color:var(--mist)}.keys__name{color:var(--paper);align-items:center;gap:10px;font-weight:600;display:inline-flex}.keys__name .icon{width:16px;height:16px;color:var(--mint)}.keys__deleted .keys__name{color:var(--mist);font-weight:500}.keys__deleted .keys__name .icon{color:var(--dim)}.keys__blank{color:var(--dim)!important}.keys__preview{color:var(--paper);font-family:var(--font-code);border-radius:8px;padding:4px 8px;font-size:13px;transition:background-color .2s}.keys__preview code{font:inherit}.keys__preview:hover{background:#edf0f80f}.keys__actions{width:60px;text-align:right!important}.keys__revoke{width:34px;height:34px;color:var(--dim);border-radius:10px;place-items:center;transition:color .2s,background-color .2s;display:inline-grid}.keys__revoke:hover{color:#ff9e9e;background:#ff6b6b1a}.keys__empty{border:1px dashed var(--rule-strong);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.keys__empty-icon{width:56px;height:56px;color:var(--mint);background:#7ef2c41a;border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.keys__empty-icon .icon{width:24px;height:24px}.keys__empty-title{font-family:var(--font-display);font-size:22px;font-weight:600}.keys__empty-text{max-width:380px;color:var(--mist);margin-bottom:8px;font-size:15px;line-height:1.55}.modal__form{margin:0}.field__optional{color:var(--dim);font-size:13px;font-weight:400}.input-wrap__prefix{color:var(--dim);font-family:var(--font-code);pointer-events:none;position:absolute;left:16px}.input--prefix{padding-left:32px}.input:disabled{opacity:.5;cursor:not-allowed}.pay-methods{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.pay-methods legend{margin-bottom:10px}.pay-method{border:1px solid var(--rule-strong);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,background-color .2s;display:flex}.pay-method:has(input:checked){border-color:var(--mint);background:#7ef2c40f}.pay-method input{accent-color:var(--mint);margin:0}.pay-method__text{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-method__name{font-weight:600}.pay-method__note{color:var(--dim);font-size:13px}.pay-method__fee{color:var(--mint);font-family:var(--font-code);margin-left:auto;font-size:13px;font-weight:600}.topup-packs{margin-bottom:12px}.pay-breakdown{border-top:1px solid var(--rule);flex-direction:column;gap:10px;margin:4px 0 6px;padding-top:16px;display:flex}.pay-breakdown__line{color:var(--mist);justify-content:space-between;gap:16px;font-size:14.5px;display:flex}.pay-breakdown__line dd{font-family:var(--font-code);font-variant-numeric:tabular-nums;font-size:14px}.pay-breakdown__line.is-total{border-top:1px dashed var(--rule-strong);color:var(--paper);margin-top:4px;padding-top:12px;font-size:16px;font-weight:600}.pay-breakdown__line.is-total dd{font-size:16px}.history__empty{border:1px dashed var(--rule-strong);color:var(--mist);text-align:center;border-radius:22px;padding:36px 24px;font-size:15px}.history__model{color:var(--paper);font-family:var(--font-code);font-size:13px}.history__num{font-family:var(--font-code);font-variant-numeric:tabular-nums;font-size:13.5px}.history__table td,.history__table th{white-space:nowrap}@media (width<=1023px){.console__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.keys__wrap{border:0;overflow:visible}.keys__table,.keys__table tbody{display:block}.keys__table thead{display:none}.keys__table tr{border:1px solid var(--rule);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-bottom:12px;padding:18px;display:grid;position:relative}.keys__table th,.keys__table td{white-space:normal;border:0;padding:0}.keys__table tbody th{grid-column:1/-1}.keys__blank{display:none}.keys__table td[data-label]:before{content:attr(data-label);color:var(--dim);font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10.5px;font-weight:600;display:block}.keys__actions{position:absolute;top:12px;right:12px}}@media (width<=640px){.console{padding-block:48px 96px}.console__head{flex-direction:column;align-items:flex-start}.console__title{font-size:34px}.console-stat{padding:20px}.console-stat__value{font-size:24px}.console-stat__action{position:static}.console__section-head{flex-direction:column;align-items:flex-start}.new-key__secret{flex-direction:column;align-items:stretch;padding:14px}}
