body.admin-v2 {
  font-family:'Manrope','PingFang SC','Microsoft YaHei',Arial,sans-serif;
  font-size:15px;
  line-height:1.65;
  background:#f5f7fa;
  color:#172638;
}
body.admin-v2 * {
  box-sizing:border-box;
}
body.admin-v2 .sidebar {
  background:#fff;
  border-right:1px solid #e3e8ef;
  padding:24px 18px;
  overflow-y:auto;
  height:100dvh;
}
body.admin-v2 .sidebar .brand {
  margin:5px 0 20px;
  width:190px;
  max-width:100%;
}
.workspace-name {
  font-size:14px;
  color:#607187;
  padding:0 12px;
  margin-bottom:20px;
  font-weight:600;
}
body.admin-v2 .nav-caption {
  font-size:12px;
  letter-spacing:0;
  padding:0 12px;
  margin-bottom:8px;
}
body.admin-v2 .sidebar nav {
  gap:5px;
}
body.admin-v2 .sidebar nav a {
  font-size:15px;
  color:#53647a;
  padding:12px;
  min-height:48px;
  border-radius:7px;
  gap:12px;
}
body.admin-v2 .sidebar nav a.active {
  color:#075ba6;
  background:#eaf3fc;
  font-weight:700;
}
body.admin-v2 .sidebar nav a svg {
  width:19px;
  height:19px;
}
.mode-note {
  font-size:12px;
  color:#65758a;
  padding:13px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid #edf0f4;
}
.mode-note i {
  height:6px;
  width:6px;
  background:#4092ce;
  border-radius:50%;
}
body.admin-v2 .sidebar-bottom {
  padding-top:20px;
}
body.admin-v2 .admin-profile {
  padding-top:16px;
}
body.admin-v2 .topbar {
  height:68px;
  background:#fff;
  border-bottom:1px solid #e1e7ee;
}
body.admin-v2 .breadcrumb,body.admin-v2 .topbar-right,body.admin-v2 .environment {
  font-size:13px;
}
body.admin-v2 .content {
  max-width:1600px;
  padding:32px 36px;
}
body.admin-v2 .page-header {
  align-items:center;
  margin-bottom:22px;
  gap:20px;
}
body.admin-v2 .page-eyebrow {
  display:none;
}
body.admin-v2 .page-header h1 {
  font-size:28px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:-.6px;
  margin:0 0 7px;
}
body.admin-v2 .page-header p {
  font-size:15px;
  line-height:1.7;
  color:#617187;
  margin:0;
}
body.admin-v2 .notice-bar {
  font-size:13px;
  padding:12px 16px;
  margin-bottom:24px;
  background:#edf3f9;
  border-radius:7px;
  box-shadow:none;
  color:#536980;
}
body.admin-v2 .notice-bar svg {
  width:17px;
  height:17px;
}
body.admin-v2 .notice-pill,body.admin-v2 .mini-label,body.admin-v2 .workflow-note,body.admin-v2 .panel-heading>span.mini-label {
  display:none;
}
body.admin-v2 .panel {
  border:1px solid #e0e6ee;
  border-radius:10px;
  box-shadow:none;
  background:#fff;
}
body.admin-v2 .panel-heading {
  padding:21px 24px;
  gap:16px;
  align-items:center;
}
body.admin-v2 h2 {
  font-size:19px;
  line-height:1.5;
  letter-spacing:-.3px;
  color:#1a2d43;
}
body.admin-v2 .panel-heading h2 {
  font-size:19px;
  line-height:1.5;
  margin:0 0 4px;
}
body.admin-v2 .panel-heading p {
  font-size:13px;
  line-height:1.7;
  color:#64758a;
}
body.admin-v2 .btn {
  font-size:14px;
  line-height:1.5;
  min-height:42px;
  border-radius:6px;
  padding:10px 15px;
  font-weight:600;
  white-space:normal;
}
body.admin-v2 .btn.primary {
  background:#0877ce;
  border-color:#0877ce;
  color:#fff;
  box-shadow:none;
}
body.admin-v2 .btn.primary:hover {
  background:#075fa4;
  border-color:#075fa4;
}
body.admin-v2 .btn.secondary {
  border-color:#d5dfe9;
  color:#3f566f;
  background:#fff;
}
body.admin-v2 .btn:focus-visible,body.admin-v2 input:focus-visible,body.admin-v2 select:focus-visible,body.admin-v2 textarea:focus-visible {
  outline:2px solid #0877ce;
  outline-offset:3px;
}
body.admin-v2 .btn:disabled {
  opacity:.55;
  cursor:not-allowed;
}
body.admin-v2 .stats-grid {
  gap:16px;
  margin-bottom:24px;
}
body.admin-v2 .stat-card {
  border-radius:9px;
  border-color:#e0e6ee;
  padding:22px;
  box-shadow:none;
  background:#fff;
}
body.admin-v2 .stat-card>div>span:first-child {
  font-size:14px;
  color:#526780;
}
body.admin-v2 .stat-card>strong {
  font-size:34px;
  font-weight:650;
  letter-spacing:-.8px;
  margin:15px 0 6px;
}
body.admin-v2 .stat-card p {
  font-size:12px;
  color:#6a7b8f;
}
body.admin-v2 .stat-card p>span {
  display:none;
}
body.admin-v2 .stat-icon {
  background:#f1f6fb;
  color:#4784b1;
}
body.admin-v2 .overview-grid {
  gap:22px;
}
body.admin-v2 .filter-bar {
  padding:18px 24px;
  gap:12px;
  border-top:1px solid #edf0f4;
  border-bottom:1px solid #edf0f4;
  background:#fbfcfe;
  flex-wrap:wrap;
}
body.admin-v2 input:not([type=checkbox]):not([type=range]),body.admin-v2 select,body.admin-v2 textarea {
  font:inherit;
  font-size:14px;
  line-height:1.6;
  border:1px solid #d4dfe9;
  border-radius:6px;
  background:#fff;
  color:#213950;
  min-height:44px;
  padding:10px 12px;
}
body.admin-v2 input::placeholder,body.admin-v2 textarea::placeholder {
  color:#687d92;
}
body.admin-v2 .search-field {
  min-width:220px;
}
body.admin-v2 .search-field input {
  padding-left:39px!important;
  width:100%;
}
body.admin-v2 .order-table th {
  font-size:12px;
  color:#65778c;
  background:#f7f9fc;
  text-transform:none;
  letter-spacing:0;
  white-space:nowrap;
  padding:13px 20px;
}
body.admin-v2 .order-table td {
  font-size:14px;
  padding:17px 20px;
  border-color:#e9edf3;
  line-height:1.65;
}
body.admin-v2 .order-table td strong {
  font-size:13px;
  color:#20384e;
}
body.admin-v2 .order-table td small {
  font-size:12px;
  margin-top:4px;
  color:#687d91;
}
body.admin-v2 .status {
  font-size:12px;
  line-height:1.5;
  padding:5px 9px;
  border-radius:5px;
  background:#eef3f8;
  color:#526b82;
  white-space:nowrap;
}
body.admin-v2 .status-paid,body.admin-v2 .status-processing {
  background:#e8f3ff;
  color:#17649f;
}
body.admin-v2 .status-created {
  background:#fff3db;
  color:#805c10;
}
body.admin-v2 .status-completed,body.admin-v2 .stock-available {
  background:#e8f5ef;
  color:#22694d;
}
body.admin-v2 .status-failed,body.admin-v2 .stock-disabled {
  background:#fff0e9;
  color:#975f30;
}
body.admin-v2 .stock-used {
  background:#edf1fa;
  color:#5b6491;
}
body.admin-v2 .detail-button {
  font-size:13px;
  min-height:36px;
  color:#17639f;
  padding:7px 9px;
}
body.admin-v2 .pagination {
  font-size:13px;
  padding:18px 24px;
  color:#60758d;
}
body.admin-v2 .icon-button {
  width:36px;
  height:36px;
  border-radius:5px;
}
body.admin-v2 .price-editor {
  padding:24px;
}
body.admin-v2 .price-editor h2 {
  font-size:22px;
  margin-top:16px;
}
body.admin-v2 .price-editor>p,body.admin-v2 .price-tip {
  font-size:13px;
  line-height:1.75;
  color:#63768b;
}
body.admin-v2 .price-editor label,body.admin-v2 .support-editor label {
  font-size:14px;
}
.price-input input {
  font-size:27px!important;
  min-height:54px!important;
}
body.admin-v2 .pricing-editor-grid {
  gap:18px;
}
body.admin-v2 .plan-enabled-label {
  font-size:12px;
}
body.admin-v2 .price-editor .editor-plan-icon {
  width:34px;
  height:34px;
  font-size:23px;
}
body.admin-v2 .save-bar {
  padding:22px 24px;
  border-radius:8px;
}
body.admin-v2 .save-bar strong {
  font-size:14px;
}
body.admin-v2 .save-bar p,body.admin-v2 .field-help {
  font-size:13px;
  line-height:1.75;
  color:#62788f;
}
body.admin-v2 .support-editor {
  padding:24px;
}
body.admin-v2 .contact-preview-panel {
  padding:24px;
}
body.admin-v2 .admin-footer {
  font-size:12px;
  padding:25px 0;
  color:#637a91;
}
body.admin-v2 .order-dialog {
  width:min(680px,calc(100% - 32px));
  border:1px solid #dce4ed;
  border-radius:12px;
  padding:28px;
  color:#21384e;
  box-shadow:0 24px 80px #172b4d22;
}
body.admin-v2 .order-dialog::backdrop {
  background:#13253966;
  backdrop-filter:blur(3px);
}
body.admin-v2 .order-dialog h2 {
  font-size:24px;
  margin:0 0 18px;
}
body.admin-v2 .detail-grid dt {
  font-size:12px;
  color:#647c92;
}
body.admin-v2 .detail-grid dd {
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
body.admin-v2 .detail-form label {
  font-size:14px;
}
body.admin-v2 .detail-payment-note,body.admin-v2 .detail-note {
  font-size:13px;
  line-height:1.8;
}
body.admin-v2 .inline-error,body.admin-v2 .error-banner {
  font-size:13px;
  line-height:1.7;
}
.live-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
  padding:15px 18px;
  background:#fff;
  border:1px solid #e0e7ef;
  border-radius:8px;
}
.live-toolbar>div {
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.live-toolbar strong {
  font-size:13px;
  color:#536c84;
  font-weight:500;
}
.live-toolbar a {
  font-size:13px;
  color:#2478b5;
}
.live-toolbar #order-last-check {
  font-size:12px;
  color:#78899d;
}
.live-toolbar i {
  width:7px;
  height:7px;
  background:#d59831;
  border-radius:50%;
  flex-shrink:0;
}
.live-toolbar i.connected {
  background:#3d9c70;
}
.new-order-banner {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding:20px 22px;
  background:#eaf5ff;
  border:1px solid #a7cfee;
  border-radius:8px;
  margin-bottom:18px;
}
.new-order-banner[hidden] {
  display:none;
}
.new-order-banner strong {
  font-size:17px;
  color:#155a8e;
}
.new-order-banner p {
  font:12px/1.8 ui-monospace,monospace;
  color:#4e7290;
  margin:6px 0 0;
  overflow-wrap:anywhere;
}
.new-order-banner>div:last-child {
  display:flex;
  gap:8px;
  flex-shrink:0;
}
.is-new-order {
  background:#f0f8ff;
}
.is-new-order td:first-child {
  box-shadow:inset 3px 0 #1388d5;
}
.inventory-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:23px;
}
.inventory-stats article {
  background:#fff;
  border:1px solid #e0e7ef;
  border-radius:8px;
  padding:20px 24px;
}
.inventory-stats article span {
  font-size:14px;
  color:#61758b;
}
.inventory-stats article strong {
  display:block;
  font-size:31px;
  line-height:1.5;
  letter-spacing:-1px;
  margin-top:8px;
  color:#203b54;
}
.stock-table code {
  font:13px ui-monospace,monospace;
  white-space:nowrap;
  color:#576e84;
}
.stock-url {
  display:block;
  font-size:13px;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#226ba3;
}
.workspace-help {
  font-size:13px;
  line-height:1.8;
  color:#667d92;
  margin:18px 0;
}
.stock-form {
  display:flex;
  flex-direction:column;
  gap:9px;
}
.stock-form>label {
  font-size:14px;
  color:#29475f;
  margin-top:12px;
}
.stock-form .form-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.stock-form .form-row>div {
  display:flex;
  flex-direction:column;
  gap:9px;
}
.stock-form label {
  font-size:14px;
}
.stock-form .code-input {
  display:flex;
  gap:9px;
}
.code-input input {
  min-width:0;
  flex:1;
}
.dialog-intro {
  font-size:14px;
  color:#62798e;
  line-height:1.8;
  margin:-6px 0 24px;
}
.dialog-form-actions {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:15px;
}
.notification-grid {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);
  gap:22px;
}
.sound-panel {
  padding:0 24px 26px;
}
.sound-panel .panel-heading {
  padding:23px 0!important;
}
.setting-badge {
  font-size:12px;
  white-space:nowrap;
  color:#4b7d9f;
  background:#edf6fd;
  padding:5px 9px;
  border-radius:5px;
}
.current-sound {
  display:flex;
  align-items:center;
  gap:15px;
  padding:20px;
  background:#f3f7fb;
  border:1px solid #e0e8f1;
  border-radius:8px;
  margin:5px 0 26px;
}
.sound-icon {
  font-size:26px;
  color:#287db6;
}
.current-sound>div {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.current-sound span,.current-sound small {
  font-size:12px;
  color:#657d93;
}
.current-sound strong {
  font-size:15px;
  overflow-wrap:anywhere;
}
.upload-label {
  display:block;
  font-size:14px;
  margin-bottom:12px;
}
.sound-panel input[type=file] {
  width:100%;
  padding:12px!important;
  background:#fff!important;
  font-size:13px!important;
}
.sound-panel input[type=file]::file-selector-button {
  border:0;
  background:#eaf3fb;
  color:#246b9d;
  padding:8px 12px;
  border-radius:4px;
  margin-right:10px;
  cursor:pointer;
}
.sound-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.sound-preferences {
  padding:24px;
}
.sound-preferences h2 {
  margin:0 0 12px;
}
.sound-preferences>p {
  font-size:14px;
  line-height:1.8;
  color:#61798f;
}
.sound-preferences>button {
  margin:8px 0 10px;
}
.sound-preferences>label {
  display:block;
  margin:23px 0 12px;
  font-size:14px;
}
.sound-preferences input[type=range] {
  width:100%;
  accent-color:#0877ce;
}
.sound-preferences>a {
  margin-top:18px;
}
.sound-preferences #sound-playback-status {
  font-size:13px;
}
body.admin-v2 .table-wrap {
  overflow:auto;
}
body.admin-v2 .auth-card h1 {
  font-size:24px;
}
body.admin-v2 .auth-card p {
  font-size:14px;
}
.inventory-stats article:first-child {
  border-color:#b7d9ee;
  background:#f3f9fe;
}
@media(max-width:1100px) {
  body.admin-v2 .content {
    padding:27px 25px;
  }
  .notification-grid {
    grid-template-columns:1fr;
  }
  .inventory-stats {
    gap:10px;
  }
  .inventory-stats article {
    padding:17px;
  }
  .live-toolbar {
    align-items:flex-start;
    flex-direction:column;
  }
  .new-order-banner {
    align-items:flex-start;
    flex-direction:column;
  }
  body.admin-v2 .filter-bar {
    padding:16px;
    gap:10px;
  }
  body.admin-v2 .order-table td,body.admin-v2 .order-table th {
    padding-left:16px;
    padding-right:16px;
  }
  .inventory-stats article span {
    font-size:13px;
  }
}
@media(max-width:760px) {
  body.admin-v2 .sidebar {
    position:static;
    width:100%;
    height:auto;
    min-height:0;
    padding:18px;
    overflow:visible;
    border-right:0;
    border-bottom:1px solid #dfe7ef;
  }
  body.admin-v2 .app-shell {
    display:block;
  }
  body.admin-v2 .admin-main {
    margin-left:0;
    width:100%;
    min-width:0;
  }
  body.admin-v2 .sidebar .brand {
    width:190px;
    margin:0 0 16px;
  }
  body.admin-v2 .sidebar nav {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    flex-direction:row;
    overflow:visible;
  }
  body.admin-v2 .sidebar nav a {
    font-size:13px;
    min-height:40px;
    padding:9px 11px;
    flex:0 0 auto;
  }
  body.admin-v2 .sidebar nav a svg {
    display:none;
  }
  body.admin-v2 .sidebar-bottom,body.admin-v2 .nav-caption,.workspace-name,body.admin-v2 .sidebar .workspace,body.admin-v2 .admin-profile {
    display:none;
  }
  body.admin-v2 .topbar {
    padding:13px 18px;
    height:auto;
    min-height:59px;
    gap:12px;
    flex-wrap:wrap;
  }
  body.admin-v2 .breadcrumb {
    font-size:12px;
  }
  body.admin-v2 .topbar-right .profile-avatar,body.admin-v2 .topbar-right .environment,body.admin-v2 .topbar-right .topbar-divider {
    display:none;
  }
  body.admin-v2 .topbar-right {
    gap:10px;
  }
  body.admin-v2 .content {
    padding:24px 17px;
  }
  body.admin-v2 .page-header h1 {
    font-size:26px;
  }
  body.admin-v2 .page-header p {
    font-size:14px;
  }
  body.admin-v2 .page-header {
    align-items:flex-start;
    flex-wrap:wrap;
  }
  body.admin-v2 .stats-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }
  body.admin-v2 .stat-card {
    padding:17px;
  }
  body.admin-v2 .stat-card>strong {
    font-size:29px;
  }
  body.admin-v2 .stat-card>div>span:first-child {
    font-size:13px;
  }
  body.admin-v2 .overview-grid {
    grid-template-columns:1fr;
  }
  body.admin-v2 .panel-heading {
    padding:18px;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  body.admin-v2 .panel-heading h2 {
    font-size:18px;
  }
  body.admin-v2 .filter-bar {
    display:flex;
    align-items:stretch;
  }
  body.admin-v2 .filter-bar select {
    flex:1;
    min-width:120px;
  }
  body.admin-v2 .search-field {
    width:100%;
    min-width:0;
  }
  body.admin-v2 .order-table {
    min-width:690px;
  }
  body.admin-v2 .order-table.compact {
    min-width:560px;
  }
  body.admin-v2 .pagination {
    padding:16px;
    font-size:12px;
    gap:12px;
  }
  body.admin-v2 .pricing-editor-grid,body.admin-v2 .support-editor-grid {
    grid-template-columns:1fr;
  }
  body.admin-v2 .save-bar {
    align-items:flex-start;
    flex-direction:column;
    gap:16px;
  }
  body.admin-v2 .invoice-fee-editor {
    padding:20px;
  }
  body.admin-v2 .notice-bar {
    font-size:12px;
    padding:12px 13px;
  }
  .inventory-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }
  .inventory-stats article {
    padding:17px;
  }
  .inventory-stats article strong {
    font-size:28px;
  }
  .stock-form .form-row {
    gap:12px;
  }
  .stock-form input,.stock-form select {
    font-size:16px!important;
  }
  body.admin-v2 .order-dialog {
    padding:24px 20px;
    max-height:90dvh;
    overflow:auto;
  }
  .dialog-form-actions .btn {
    flex:1;
  }
  .new-order-banner {
    padding:18px;
  }
  .new-order-banner>div:last-child {
    flex-wrap:wrap;
    flex-shrink:1;
  }
  .live-toolbar {
    padding:15px;
  }
  .live-toolbar>div {
    gap:9px;
  }
  .live-toolbar strong {
    font-size:12px;
  }
  .sound-panel {
    padding:0 18px 22px;
  }
  .sound-preferences {
    padding:21px;
  }
  .sound-actions .btn {
    flex:1;
  }
  .setting-badge {
    font-size:11px;
  }
  .stock-url {
    max-width:180px;
  }
  body.admin-v2 .detail-grid {
    grid-template-columns:1fr;
  }
  body.admin-v2 .detail-grid .wide {
    grid-column:auto;
  }
}
.stock-state-field:not([hidden]) {
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:12px;
}
@media(max-width:760px) {
  body.admin-v2 .stock-table .empty-cell {
    text-align:left;
  }
}

.credential-form {
  display: grid;
  gap: 8px;
  margin: 20px 0;
  text-align: left;
}
.credential-form label {
  display: block;
  font-weight: 650;
}
.credential-form input {
  width: 100%;
  margin-bottom: 6px;
  padding: 10px 12px;
  border: 1px solid #ccd4dd;
  border-radius: 8px;
  color: #161c23;
  background: #fff;
  font-size: 16px;
}
.credential-form .btn {
  width: 100%;
  justify-content: center;
}
#auth-signout { margin: 0 0 14px; }
.topbar-right #change-admin-password, .topbar-right #admin-signout { white-space: nowrap; }
@media (max-width: 600px) {
  .topbar-right { flex-wrap: wrap; justify-content: flex-end; }
  .topbar-right .topbar-divider, .topbar-right .environment { display: none; }
}