:root{
      --bg:#050505;--panel:#0d0d14;--border:#1a1a2e;--border-light:#2a2a3e;
      --accent:#a855f7;--accent2:#ec4899;--accent-glow:rgba(168,85,247,0.4);
      --text:#e5e5e5;--text-muted:#6b7280;--danger:#ef4444;--success:#22c55e;
      --font-display:'Chivo',sans-serif;--font-heading:'Chivo',sans-serif;
      --font-body:'Chivo',sans-serif;--font-mono:'IBM Plex Mono',monospace;
      --font-mono-alt:'JetBrains Mono',monospace;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}
    .navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(13,13,20,0.6);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
    .navbar-brand{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center}
    .page-container{max-width:1400px;margin:0 auto;padding:24px}
    .card{background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:border-color 0.18s ease, box-shadow 0.18s ease}
    .card:hover{border-color:rgba(168,85,247,0.22);box-shadow:0 12px 28px rgba(0,0,0,0.12)}
    .card-header{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.05);font-family:var(--font-heading);font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text);background:rgba(255,255,255,0.02)}
    .card-header-upgrades{color:#f3e8ff;border-bottom-color:rgba(168,85,247,0.2);background:linear-gradient(180deg, rgba(168,85,247,0.1) 0%, rgba(168,85,247,0.035) 100%)}
    .card-header-repairs{color:#dbeafe;border-bottom-color:rgba(56,189,248,0.18);background:linear-gradient(180deg, rgba(56,189,248,0.08) 0%, rgba(56,189,248,0.03) 100%)}
    .card-header-customization{color:#dcfce7;border-bottom-color:rgba(34,197,94,0.18);background:linear-gradient(180deg, rgba(34,197,94,0.08) 0%, rgba(34,197,94,0.03) 100%)}
    .card-body{padding:18px}
    .totalCard{border-radius:20px;border-color:rgba(251,191,36,0.16);background:
      radial-gradient(circle at top right, rgba(251,191,36,0.12), transparent 32%),
      radial-gradient(circle at bottom left, rgba(168,85,247,0.1), transparent 36%),
      linear-gradient(180deg, rgba(18,18,30,0.98) 0%, rgba(8,8,12,1) 100%);
      box-shadow:0 22px 40px rgba(0,0,0,0.2)}
    .totalCard .card-header{display:none}
    .totalCard .card-body{padding:20px}
    .total-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
    .total-panel-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(251,191,36,0.24);background:rgba(251,191,36,0.1);font-size:0.68rem;color:#fcd34d;font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px}
    .total-panel-title{font-size:1.16rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;color:#fff;line-height:1.2}
    .total-panel-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);font-size:0.72rem;color:var(--text);font-family:var(--font-heading);letter-spacing:0.08em;text-transform:uppercase}
    .total-kicker{font-size:0.7rem;color:#fcd34d;margin-bottom:8px;font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase}
    .total-display-wrap{margin-bottom:16px;padding:18px 18px;border-radius:18px;border:1px solid rgba(251,191,36,0.18);background:
      linear-gradient(180deg, rgba(251,191,36,0.08) 0%, rgba(255,255,255,0.025) 100%)}
    .total-divider{height:1px;background:rgba(255,255,255,0.07);margin:18px 0}
    .total-breakdown{max-height:300px;overflow-y:auto;font-family:var(--font-mono-alt);font-size:0.84rem;line-height:1.7;color:var(--text);margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.03)}
    .total-breakdown-line{padding:5px 0;border-top:1px solid rgba(255,255,255,0.04)}
    .total-breakdown-line:first-child{border-top:none;padding-top:0}
    .total-notes{margin-top:12px;padding:14px 14px;border-radius:16px;border:1px solid rgba(251,191,36,0.16);background:
      radial-gradient(circle at top right, rgba(251,191,36,0.08), transparent 36%),
      linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.025) 100%);
      font-size:0.75rem;color:#d6cfbf;font-family:var(--font-body);font-weight:500;letter-spacing:0.02em;line-height:1.65;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02)}
    .total-notes-title{display:flex;align-items:center;gap:8px;font-weight:800;color:#fff7d6;margin-bottom:8px;letter-spacing:0.08em}
    .total-notes div:not(.total-notes-title){padding-top:7px;margin-top:7px;border-top:1px solid rgba(255,255,255,0.05)}
    .total-notes div:not(.total-notes-title):first-of-type{border-top:none;margin-top:0;padding-top:0}
    .total-actions{display:flex;gap:10px;margin-top:14px}
    .total-actions .btn{min-height:46px;border-radius:14px;padding:0 16px;font-size:0.78rem;letter-spacing:0.08em;box-shadow:none}
    .total-actions .btn-primary{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 55%,#fde047 100%);border-color:#fbbf24;color:#18120a;box-shadow:0 14px 28px rgba(251,191,36,0.18)}
    .total-actions .btn-primary:hover{background:linear-gradient(135deg,#fbbf24 0%,#fde047 100%);border-color:#fde047;color:#120e08}
    .total-actions .btn-secondary{background:linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.035) 100%);border-color:rgba(255,255,255,0.08);color:#f1e9ff}
    .total-actions .btn-secondary:hover{border-color:rgba(192,132,252,0.3);background:linear-gradient(180deg, rgba(168,85,247,0.12) 0%, rgba(168,85,247,0.06) 100%);color:#fff}
    .total-actions .btn-secondary i{color:#c084fc}
     .form-label{display:block;font-family:var(--font-heading);font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
     .form-input,.form-select{width:100%;padding:12px 40px 12px 14px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(20,20,35,0.95) 0%,rgba(5,5,10,1) 100%);color:var(--text);font-family:var(--font-body);font-size:0.9rem;outline:none;transition:all 0.2s;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a855f7' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
     .form-input{background-image:none;cursor:text}
     .form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,85,247,0.25);background:linear-gradient(180deg,rgba(30,30,55,0.98) 0%,rgba(10,10,20,1) 100%)}
     .form-select:hover{border-color:var(--accent);background:linear-gradient(180deg,rgba(25,25,42,0.98) 0%,rgba(8,8,15,1) 100%)}
     .form-select option{background:#1a1a2e;color:var(--text);padding:10px}
     .form-select option:checked{background:var(--accent);color:white}
    .selection-field-card{padding:12px;border-radius:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06)}
    .selection-field-card-accent{border-color:rgba(168,85,247,0.18);background:rgba(168,85,247,0.06)}
    .selection-field-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
    .selection-field-card-copy{min-width:0}
    .selection-field-card-title{font-size:0.95rem;font-weight:800;color:var(--text);line-height:1.35}
    .selection-field-card-subtitle{margin-top:4px;font-size:0.76rem;line-height:1.55;color:var(--text-muted)}
    .selection-button-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
    .selection-button-grid-tier{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
    .selection-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02);color:var(--text);font-family:var(--font-mono);font-size:0.88rem;font-weight:800;letter-spacing:0.04em;cursor:pointer;transition:all 0.18s}
    .selection-button:hover{border-color:rgba(192,132,252,0.24);background:rgba(168,85,247,0.07)}
    .selection-button-active{border-color:#d8b4fe;background:linear-gradient(180deg, rgba(168,85,247,0.28) 0%, rgba(124,58,237,0.18) 100%);color:#f5e8ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), 0 0 0 2px rgba(168,85,247,0.18)}
    .selection-button-muted{color:var(--text-muted)}
    .selection-button-clear{grid-column:1 / -1;min-height:34px;font-family:var(--font-heading);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}
    .selection-button-tier{min-height:40px;padding:8px 10px;border-radius:10px;font-family:var(--font-mono);font-size:0.84rem;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;text-align:center}
    .selection-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .selection-quantity-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(251,191,36,0.18);background:rgba(251,191,36,0.08)}
    .selection-quantity-copy{min-width:0}
    .selection-quantity-title{font-size:0.78rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#fef3c7}
    .selection-quantity-value{margin-top:4px;font-family:var(--font-mono);font-size:0.86rem;font-weight:700;color:#fcd34d}
    .selection-field-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(168,85,247,0.24);background:rgba(168,85,247,0.12);font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:var(--text);white-space:nowrap}
    .selection-field-badge-muted{border-color:rgba(255,255,255,0.08);background:rgba(255,255,255,0.04)}
    .selection-select-shell{position:relative;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:14px;border:1px solid rgba(168,85,247,0.16);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.14), transparent 36%),
      linear-gradient(180deg, rgba(20,20,35,0.96) 0%, rgba(7,7,13,1) 100%);
      transition:all 0.2s}
    .selection-select-shell:hover{border-color:rgba(192,132,252,0.34);box-shadow:0 0 0 3px rgba(168,85,247,0.08)}
    .selection-select-shell:focus-within{border-color:#d8b4fe;box-shadow:0 0 0 3px rgba(168,85,247,0.16)}
    .selection-select-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(251,191,36,0.2);background:rgba(251,191,36,0.12);color:#fbbf24}
    .selection-select-shell .form-select{padding:15px 40px 15px 0;border:none;background:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c084fc' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;box-shadow:none}
    .selection-select-shell .form-select:hover,.selection-select-shell .form-select:focus{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c084fc' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}
    .selection-select-shell .form-select:focus{box-shadow:none}
    .selection-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
    .selection-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:var(--text-muted)}
    .selection-chip-active{border-color:#d8b4fe;background:linear-gradient(180deg, rgba(168,85,247,0.24) 0%, rgba(124,58,237,0.16) 100%);color:#f5e8ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), 0 0 0 2px rgba(168,85,247,0.16)}
    .section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .section-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,0.07);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.16), transparent 38%),
      linear-gradient(180deg, rgba(21,17,34,0.96) 0%, rgba(8,8,14,0.99) 100%);
      color:var(--text);cursor:pointer;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;text-align:left;min-height:138px;overflow:hidden;box-shadow:0 16px 30px rgba(0,0,0,0.18)}
    .section-tab:hover{border-color:rgba(192,132,252,0.34);box-shadow:0 20px 36px rgba(0,0,0,0.24);transform:translateY(-2px)}
    .section-tab-active{border-color:rgba(216,180,254,0.7);box-shadow:0 22px 40px rgba(16,10,31,0.34), inset 0 0 0 1px rgba(255,255,255,0.05)}
    .section-tab-main{display:flex;align-items:flex-start;gap:14px;min-width:0;width:100%}
    .section-tab-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#f3e8ff;font-size:20px;line-height:1;border:1px solid rgba(192,132,252,0.28);background:rgba(168,85,247,0.14)}
    .section-tab-copy{min-width:0;display:flex;flex-direction:column;gap:6px}
    .section-tab-kicker{font-family:var(--font-heading);font-size:0.68rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#d8b4fe}
    .section-tab-title{font-family:var(--font-heading);font-size:0.92rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;color:#fff;line-height:1.3}
    .section-tab-subtitle{font-size:0.8rem;line-height:1.6;color:#c9bfdc}
    .section-tab-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-top:14px;border-top:1px solid rgba(255,255,255,0.07)}
    .section-tab-meta{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:#f3e8ff;flex-shrink:0}
    .section-tab-arrow{color:#d8b4fe;font-size:16px}
    .section-tab-repairs{background:
      radial-gradient(circle at top right, rgba(56,189,248,0.16), transparent 38%),
      linear-gradient(180deg, rgba(14,25,35,0.97) 0%, rgba(7,10,16,0.99) 100%)}
    .section-tab-repairs .section-tab-icon{color:#e0f2fe;border-color:rgba(125,211,252,0.28);background:rgba(56,189,248,0.12)}
    .section-tab-repairs .section-tab-kicker{color:#7dd3fc}
    .section-tab-repairs .section-tab-subtitle{color:#bfd9e9}
    .section-tab-repairs .section-tab-meta{color:#e0f2fe}
    .section-tab-repairs .section-tab-arrow{color:#7dd3fc}
    .section-tab-extras{background:
      radial-gradient(circle at top right, rgba(34,197,94,0.16), transparent 38%),
      linear-gradient(180deg, rgba(14,31,22,0.97) 0%, rgba(6,12,9,0.99) 100%)}
    .section-tab-extras .section-tab-icon{color:#dcfce7;border-color:rgba(134,239,172,0.28);background:rgba(34,197,94,0.12)}
    .section-tab-extras .section-tab-kicker{color:#86efac}
    .section-tab-extras .section-tab-subtitle{color:#c7e8d1}
    .section-tab-extras .section-tab-meta{color:#dcfce7}
    .section-tab-extras .section-tab-arrow{color:#86efac}
    .section-tab-repairs.section-tab-active{border-color:rgba(125,211,252,0.64);box-shadow:0 22px 40px rgba(10,25,38,0.34), inset 0 0 0 1px rgba(255,255,255,0.05)}
    .section-tab-extras.section-tab-active{border-color:rgba(134,239,172,0.62);box-shadow:0 22px 40px rgba(8,24,13,0.34), inset 0 0 0 1px rgba(255,255,255,0.05)}
    .setup-menu-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,0.9fr);gap:16px;align-items:stretch}
    .setup-menu-stack{display:grid;gap:14px}
    .setup-menu-card{padding:18px;text-align:left;color:var(--text);border-radius:16px;border:1px solid rgba(255,255,255,0.08);cursor:pointer;font-family:var(--font-body);transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;box-shadow:0 14px 28px rgba(0,0,0,0.18)}
    .setup-menu-card:hover{transform:translateY(-2px)}
    .setup-menu-card-upgrades{background:
      radial-gradient(circle at top right, rgba(168,85,247,0.16), transparent 36%),
      linear-gradient(180deg, rgba(27,20,40,0.96) 0%, rgba(10,8,18,0.98) 100%);
      border-color:rgba(168,85,247,0.22)}
    .setup-menu-card-repairs{background:
      radial-gradient(circle at top right, rgba(251,191,36,0.16), transparent 34%),
      linear-gradient(180deg, rgba(36,28,12,0.96) 0%, rgba(14,11,5,0.99) 100%);
      border-color:rgba(251,191,36,0.24)}
    .setup-menu-card-extras{background:
      radial-gradient(circle at top right, rgba(34,197,94,0.18), transparent 34%),
      linear-gradient(180deg, rgba(16,34,23,0.96) 0%, rgba(7,14,10,0.99) 100%);
      border-color:rgba(34,197,94,0.24)}
    .setup-menu-card-upgrades:hover{border-color:rgba(192,132,252,0.4);box-shadow:0 18px 34px rgba(24,15,43,0.28)}
    .setup-menu-card-repairs:hover{border-color:rgba(251,191,36,0.38);box-shadow:0 18px 34px rgba(44,31,8,0.28)}
    .setup-menu-card-extras:hover{border-color:rgba(74,222,128,0.38);box-shadow:0 18px 34px rgba(8,34,16,0.28)}
    .setup-menu-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
    .setup-menu-card-kicker{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase}
    .setup-menu-card-upgrades .setup-menu-card-kicker{color:#c084fc}
    .setup-menu-card-repairs .setup-menu-card-kicker{color:#fcd34d}
    .setup-menu-card-extras .setup-menu-card-kicker{color:#86efac}
    .setup-menu-card-arrow{font-size:16px}
    .setup-menu-card-upgrades .setup-menu-card-arrow{color:#c084fc}
    .setup-menu-card-repairs .setup-menu-card-arrow{color:#fcd34d}
    .setup-menu-card-extras .setup-menu-card-arrow{color:#86efac}
    .setup-menu-card-title{font-size:1.02rem;font-weight:900;color:var(--text);margin-bottom:6px}
    .setup-menu-card-copy{font-size:0.84rem;line-height:1.6}
    .setup-menu-card-upgrades .setup-menu-card-copy{color:#d9c9ef}
    .setup-menu-card-repairs .setup-menu-card-copy{color:#e3d8bb}
    .setup-menu-card-extras .setup-menu-card-copy{color:#cdebd8}
    .selection-metric-card{padding:12px 14px;border-radius:16px;background:
      radial-gradient(circle at top right, rgba(56,189,248,0.12), transparent 40%),
      linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.02) 100%);
      border:1px solid rgba(255,255,255,0.07)}
    .selection-metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .selection-metric-copy{font-size:0.76rem;color:var(--text-muted);line-height:1.55}
    .selection-metric-value{font-family:var(--font-mono);font-size:1.05rem;font-weight:800;color:var(--text)}
    .selection-metric-note{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.06);font-size:0.75rem;color:var(--text-muted);line-height:1.55}
    .upgrades-workspace{display:grid;gap:18px}
    .upgrades-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:18px;border:1px solid rgba(168,85,247,0.22);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.18), transparent 36%),
      linear-gradient(180deg, rgba(24,18,36,0.96) 0%, rgba(9,9,15,0.99) 100%)}
    .upgrades-topbar-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(192,132,252,0.24);background:rgba(168,85,247,0.12);color:#d8b4fe;font-size:0.7rem;font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px}
    .upgrades-topbar-title{font-size:1.18rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;color:#fff;line-height:1.2}
    .upgrades-topbar-copy{margin-top:8px;max-width:700px;font-size:0.84rem;line-height:1.7;color:#c8bfd8}
    .upgrades-chip-row{display:flex;flex-wrap:wrap;gap:10px}
    .upgrades-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);font-size:0.72rem;color:var(--text);font-family:var(--font-heading);letter-spacing:0.06em;text-transform:uppercase}
    .upgrades-chip-strong{border-color:rgba(192,132,252,0.24);background:rgba(168,85,247,0.12);color:#f3e8ff}
    .upgrades-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
    .upgrades-summary-card{padding:14px 15px;border-radius:16px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.04)}
    .upgrades-summary-card-highlight{border-color:rgba(251,191,36,0.26);background:linear-gradient(180deg, rgba(251,191,36,0.14) 0%, rgba(245,158,11,0.05) 100%)}
    .upgrades-summary-label{font-size:0.66rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px}
    .upgrades-summary-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:900;color:#fff;line-height:1.05}
    .upgrades-summary-note{margin-top:6px;font-size:0.75rem;line-height:1.55;color:#cabd9a}
    .upgrades-panel-grid{display:grid;gap:18px}
    .upgrades-package-panel{padding:18px;border-radius:18px;border:1px solid rgba(168,85,247,0.14);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.1), transparent 38%),
      linear-gradient(180deg, rgba(18,16,29,0.98) 0%, rgba(8,8,12,1) 100%)}
    .upgrades-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
    .upgrades-panel-kicker{font-size:0.7rem;color:#d8b4fe;font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px}
    .upgrades-panel-title{font-size:1.08rem;font-weight:900;color:#fff;line-height:1.25}
    .upgrades-panel-copy{margin-top:6px;font-size:0.82rem;line-height:1.65;color:var(--text-muted);max-width:560px}
    .upgrades-status-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);font-size:0.72rem;font-family:var(--font-heading);letter-spacing:0.08em;text-transform:uppercase;color:var(--text)}
    .upgrades-status-ready{border-color:rgba(74,222,128,0.26);background:rgba(34,197,94,0.1);color:#dcfce7}
    .upgrades-status-idle{border-color:rgba(251,191,36,0.24);background:rgba(251,191,36,0.08);color:#fde68a}
    .upgrades-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .upgrades-quantity-card{padding:14px 16px;border-radius:16px;border:1px solid rgba(251,191,36,0.18);background:rgba(251,191,36,0.08)}
    .upgrades-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
    .upgrades-quantity-value{margin-top:4px;font-family:var(--font-mono);font-size:0.88rem;font-weight:800;color:#fcd34d}
    .upgrades-package-card{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,0.06);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.12), transparent 38%),
      linear-gradient(180deg, rgba(20,17,32,0.96) 0%, rgba(9,9,16,0.99) 100%)}
    .section-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
    .section-kicker-copy{min-width:0}
    .section-kicker-label{font-family:var(--font-heading);font-size:0.72rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent)}
    .section-kicker-title{margin-top:6px;font-size:1rem;font-weight:900;color:var(--text)}
    .section-kicker-subtitle{margin-top:5px;font-size:0.82rem;line-height:1.6;color:var(--text-muted)}
    .section-summary-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.03);font-family:var(--font-mono);font-size:0.72rem;color:var(--text)}
    .section-tone-upgrades .section-kicker-label{color:#d8b4fe}
    .section-tone-upgrades .section-kicker-title{color:#f5e8ff}
    .section-tone-upgrades .section-summary-badge{border-color:rgba(251,191,36,0.3);background:linear-gradient(180deg, rgba(251,191,36,0.14) 0%, rgba(245,158,11,0.08) 100%);color:#fff3c4;box-shadow:0 0 0 1px rgba(251,191,36,0.08)}
    .section-tone-upgrades .section-summary-badge i{color:#fbbf24 !important}
    .section-tone-repairs .section-kicker-label{color:#7dd3fc}
    .section-tone-repairs .section-kicker-title{color:#e0f2fe}
    .section-tone-repairs .section-summary-badge{border-color:rgba(56,189,248,0.2);background:rgba(56,189,248,0.08);color:#e0f2fe}
    .section-tone-repairs .section-summary-badge i{color:#7dd3fc !important}
    .section-tone-customization .section-kicker-label{color:#86efac}
    .section-tone-customization .section-kicker-title{color:#dcfce7}
    .section-tone-customization .section-summary-badge{border-color:rgba(251,191,36,0.24);background:linear-gradient(180deg, rgba(251,191,36,0.14) 0%, rgba(34,197,94,0.08) 100%);color:#fef3c7;box-shadow:0 0 0 1px rgba(251,191,36,0.08)}
    .section-tone-customization .section-summary-badge i{color:#fcd34d !important}
    .inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .inventory-card{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);transition:all 0.18s}
    .inventory-card:hover{border-color:rgba(251,191,36,0.18);box-shadow:0 12px 24px rgba(0,0,0,0.1)}
    .inventory-card-active{border-color:rgba(251,191,36,0.62);background:linear-gradient(180deg, rgba(251,191,36,0.12) 0%, rgba(245,158,11,0.05) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04), 0 0 0 2px rgba(251,191,36,0.12), 0 12px 24px rgba(44,31,8,0.18)}
    .inventory-card-tone-repairs.inventory-card-active{border-color:rgba(125,211,252,0.62);background:linear-gradient(180deg, rgba(56,189,248,0.1) 0%, rgba(56,189,248,0.04) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03), 0 0 0 1px rgba(56,189,248,0.12)}
    .inventory-card-tone-customization.inventory-card-active{border-color:rgba(251,191,36,0.44);background:linear-gradient(180deg, rgba(34,197,94,0.12) 0%, rgba(251,191,36,0.06) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.03), 0 0 0 1px rgba(251,191,36,0.14), 0 12px 24px rgba(21,42,16,0.18)}
    .inventory-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
    .inventory-card-copy{min-width:0}
    .inventory-card-name-row{display:flex;align-items:center;gap:12px}
    .inventory-card-name-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(250,204,21,0.2);background:rgba(250,204,21,0.09);color:#fef08a;box-shadow:none}
    .inventory-card-tone-repairs .inventory-card-name-icon{border-color:rgba(125,211,252,0.24);background:rgba(56,189,248,0.1);color:#7dd3fc}
    .inventory-card-tone-customization .inventory-card-name-icon{border-color:rgba(134,239,172,0.24);background:rgba(34,197,94,0.1);color:#86efac}
    .inventory-card-title{font-size:1.08rem;font-weight:900;color:#fff;line-height:1.15;letter-spacing:0.015em;text-shadow:0 1px 0 rgba(15,23,42,0.28)}
    .inventory-card-subtitle{margin-top:7px;padding-left:46px;font-size:0.72rem;line-height:1.55;color:rgba(226,232,240,0.68)}
    .inventory-price-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;min-width:auto;padding:0;border:none;background:transparent;box-shadow:none;font-family:var(--font-mono);flex-shrink:0}
    .inventory-price-badge-label{font-size:0.62rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#fcd34d;opacity:1}
    .inventory-price-badge-value{margin-top:0;font-size:0.98rem;font-weight:900;line-height:1;color:#fff7d6;text-shadow:none}
    .inventory-card-tone-repairs .inventory-price-badge{border:none;background:transparent}
    .inventory-card-tone-repairs .inventory-price-badge-label{color:#bae6fd}
    .inventory-card-tone-repairs .inventory-price-badge-value{color:#e0f2fe}
    .inventory-card-tone-customization .inventory-price-badge{border:none;background:transparent}
    .inventory-card-tone-customization .inventory-price-badge-label{color:#fcd34d}
    .inventory-card-tone-customization .inventory-price-badge-value{color:#dcfce7}
    .inventory-price-badge-muted{border:none;background:transparent;box-shadow:none}
    .inventory-price-badge-muted .inventory-price-badge-label{color:rgba(148,163,184,0.78)}
    .inventory-price-badge-muted .inventory-price-badge-value{color:rgba(203,213,225,0.82);text-shadow:none}
    .inventory-card-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
    .inventory-card-controls-simple{display:flex;justify-content:flex-end;align-items:center}
    .inventory-class-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
    .inventory-class-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:9px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.02);color:var(--text-muted);font-family:var(--font-mono);font-size:0.8rem;font-weight:800;cursor:pointer;transition:all 0.18s}
    .inventory-class-button:hover{border-color:rgba(251,191,36,0.24);background:rgba(251,191,36,0.07);color:var(--text)}
    .inventory-class-button-active{border-color:#fcd34d;background:linear-gradient(180deg, rgba(251,191,36,0.24) 0%, rgba(245,158,11,0.16) 100%);color:#fff7d6;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08), 0 0 0 2px rgba(251,191,36,0.14)}
    .inventory-class-button-clear{grid-column:1 / -1;font-family:var(--font-heading);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase}
    .inventory-stepper-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
    .inventory-stepper-wrap-inline{width:100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px}
    .inventory-stepper-inline-control{min-height:40px;border-radius:14px}
    .inventory-stepper-inline-control .stepper-btn{width:30px;height:38px;font-size:0.92rem}
    .inventory-stepper-inline-control .stepper-input{width:52px;min-height:38px;font-size:0.88rem;font-weight:800;padding:6px 0}
    .inventory-stepper-label{font-family:var(--font-heading);font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}
    .inventory-empty{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:38px;padding:0 12px;border-radius:12px;border:1px dashed rgba(255,255,255,0.08);font-size:0.78rem;color:var(--text-muted)}
    .inventory-stack{display:flex;flex-direction:column;gap:18px}
    .inventory-section{padding-top:2px}
    .inventory-section-divider{height:1px;background:var(--border);margin:4px 0}
    .inventory-card-simple .inventory-card-top{margin-bottom:10px}
    .inventory-card-simple .inventory-card-subtitle{padding-left:0;margin-top:6px}
    .inventory-card-simple .inventory-card-name-icon{width:34px;height:34px}
    .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:6px;border:1px solid var(--border);font-family:var(--font-heading);font-size:0.85rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:all 0.2s;background:transparent;color:var(--text)}
    .btn-primary{background:var(--accent);border-color:var(--accent);color:white}
    .btn-primary:hover{background:#9333ea;border-color:#9333ea}
    .btn-secondary{background:transparent;border-color:var(--border-light);color:var(--text-muted)}
    .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}
    .btn-gold{background:rgba(251,191,36,0.14);border-color:#fbbf24;color:#fcd34d}
    .btn-gold:hover{background:rgba(251,191,36,0.22);border-color:#fde047;color:#fef08a;box-shadow:0 0 20px rgba(251,191,36,0.18)}
    .btn-small{padding:6px 12px;font-size:0.75rem}
    .row-grid{display:grid;gap:16px}
    .row-3col{grid-template-columns:repeat(3,1fr)}
    @media(max-width:768px){.row-3col{grid-template-columns:1fr}.section-nav{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr}.selection-button-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-button-grid-tier{grid-template-columns:1fr 1fr}.inventory-class-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.selection-setup-grid{grid-template-columns:1fr}.selection-quantity-bar{flex-direction:column;align-items:flex-start}.setup-menu-grid{grid-template-columns:1fr}.upgrades-summary-strip{grid-template-columns:1fr 1fr}.upgrades-control-grid{grid-template-columns:1fr}.upgrades-panel-grid{grid-template-columns:1fr}}
    .checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}
    .checkbox-input{width:18px;height:18px;accent-color:var(--accent)}
     @keyframes fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
     @keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}
     .animate-fade-in{animation:fade-in 0.3s ease forwards}
    .totalBig{font-family:var(--font-mono);font-size:3rem;font-weight:900;color:#fff7d6;text-shadow:none;letter-spacing:0.03em}
    .stepper-wrapper{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(255,255,255,0.08);border-radius:14px;background:
      linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.025) 100%);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,0.02)}
    .stepper-btn{width:26px;height:26px;border:none;border-radius:9px;background:rgba(255,255,255,0.04);color:#fcd34d;cursor:pointer;font-size:0.9rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
    .stepper-btn:hover{background:rgba(251,191,36,0.14);color:#fff3c4;transform:translateY(-1px)}
    .stepper-btn:disabled{color:var(--text-muted);cursor:not-allowed;opacity:0.45;transform:none;background:rgba(255,255,255,0.03)}
     .stepper-input{width:38px;min-height:26px;text-align:center;border:none;border-radius:8px;background:rgba(5,5,10,0.72);color:var(--text);font-family:var(--font-mono);font-size:0.82rem;font-weight:800;padding:2px 0;outline:none;-moz-appearance:textfield;appearance:textfield}
     .stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
    .clockin-picker{position:relative}
    .clockin-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-light);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.12), transparent 38%),
      linear-gradient(180deg, rgba(20,20,35,0.96) 0%, rgba(6,6,12,1) 100%);
      color:var(--text);cursor:pointer;text-align:left;transition:all 0.2s}
    .clockin-picker-trigger:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(168,85,247,0.16)}
    .clockin-picker-trigger-main{display:flex;flex-direction:column;gap:5px;min-width:0}
    .clockin-picker-kicker{font-size:0.68rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase}
    .clockin-picker-value{font-size:0.94rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .clockin-picker-trigger-side{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--accent)}
    .clockin-picker-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;border:1px solid rgba(168,85,247,0.28);background:rgba(168,85,247,0.12);font-family:var(--font-mono);font-size:0.8rem;font-weight:700}
    .clockin-picker-menu{margin-top:10px;padding:12px;border-radius:18px;border:1px solid var(--border-light);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.16), transparent 40%),
      linear-gradient(180deg, rgba(16,16,28,0.98) 0%, rgba(7,7,12,1) 100%);
      box-shadow:0 20px 50px rgba(0,0,0,0.28)}
    .clockin-picker-group-label{padding:4px 4px 10px;font-size:0.68rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase}
    .clockin-picker-options{display:flex;flex-direction:column;gap:8px}
    .clockin-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);color:var(--text);cursor:pointer;text-align:left;transition:all 0.2s}
    .clockin-option:hover{border-color:rgba(168,85,247,0.36);background:rgba(168,85,247,0.08)}
    .clockin-option:disabled{opacity:0.55;cursor:not-allowed}
    .clockin-option:disabled:hover{border-color:rgba(255,255,255,0.06);background:rgba(255,255,255,0.02)}
    .clockin-option-active{border-color:rgba(56,189,248,0.34);background:rgba(56,189,248,0.08)}
    .clockin-option-main{display:flex;flex-direction:column;gap:4px;min-width:0}
    .clockin-option-name{display:block;font-size:0.9rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .clockin-option-rank{display:block;font-size:0.73rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.08em;text-transform:uppercase}
    .clockin-option-meta{font-size:0.68rem;font-family:var(--font-heading);letter-spacing:0.08em;text-transform:uppercase;color:var(--success);flex-shrink:0}
    .clockin-option-meta-locked{color:#fbbf24}
    .clockin-picker-footer{margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.06)}
    .clockin-request-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(168,85,247,0.22);background:rgba(168,85,247,0.08);color:var(--text);cursor:pointer;text-align:left;transition:all 0.2s}
    .clockin-request-btn:hover{border-color:var(--accent);background:rgba(168,85,247,0.14)}
    .ui-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,3,8,0.74);backdrop-filter:blur(14px);animation:fade-in 0.2s ease forwards}
    .ui-dialog-card{position:relative;width:min(100%,520px);padding:24px;border-radius:20px;border:1px solid var(--border-light);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.14), transparent 34%),
      linear-gradient(180deg, rgba(18,18,30,0.98) 0%, rgba(7,7,12,1) 100%);
      box-shadow:0 24px 80px rgba(0,0,0,0.45),0 0 40px rgba(168,85,247,0.12)}
    .ui-dialog-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}
    .ui-dialog-accent-info{background:linear-gradient(90deg,var(--accent),var(--accent2))}
    .ui-dialog-accent-warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
    .ui-dialog-accent-danger{background:linear-gradient(90deg,#ef4444,#f97316)}
    .ui-dialog-accent-success{background:linear-gradient(90deg,#22c55e,#34d399)}
    .ui-dialog-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
    .ui-dialog-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,0.08);font-size:1.2rem}
    .ui-dialog-icon-info{background:rgba(168,85,247,0.12);color:var(--accent)}
    .ui-dialog-icon-warning{background:rgba(251,191,36,0.12);color:#fbbf24}
    .ui-dialog-icon-danger{background:rgba(239,68,68,0.12);color:var(--danger)}
    .ui-dialog-icon-success{background:rgba(34,197,94,0.12);color:var(--success)}
    .ui-dialog-kicker{font-size:0.72rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px}
    .ui-dialog-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text);letter-spacing:0.03em}
    .ui-dialog-message{color:var(--text-muted);line-height:1.7;font-size:0.92rem;margin-bottom:18px}
    .ui-dialog-field{margin-bottom:14px}
    .ui-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;flex-wrap:wrap}
    .ui-toast-stack{position:fixed;right:20px;bottom:20px;z-index:1300;display:flex;flex-direction:column;gap:12px;max-width:min(92vw,380px)}
    .ui-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--border-light);background:
      radial-gradient(circle at top right, rgba(168,85,247,0.12), transparent 36%),
      linear-gradient(180deg, rgba(18,18,30,0.98) 0%, rgba(7,7,12,1) 100%);
      box-shadow:0 18px 40px rgba(0,0,0,0.35)}
    .ui-toast-info{border-color:rgba(168,85,247,0.35)}
    .ui-toast-success{border-color:rgba(34,197,94,0.35)}
    .ui-toast-warning{border-color:rgba(251,191,36,0.35)}
    .ui-toast-danger{border-color:rgba(239,68,68,0.35)}
    .ui-toast-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);color:var(--accent);flex-shrink:0}
    .ui-toast-title{font-size:0.74rem;color:var(--text-muted);font-family:var(--font-heading);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px}
    .ui-toast-message{color:var(--text);font-size:0.88rem;line-height:1.5}
    .ui-toast-close{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .ui-toast-close:hover{color:var(--text)}
    @media(max-width:640px){
      .ui-overlay{padding:16px}
      .ui-dialog-card{padding:20px;border-radius:18px}
      .ui-dialog-actions{flex-direction:column-reverse}
      .ui-dialog-actions .btn{width:100%;justify-content:center}
      .ui-toast-stack{left:16px;right:16px;bottom:16px;max-width:none}
      .clockin-picker-trigger{padding:13px 14px}
      .clockin-option,.clockin-request-btn{padding:12px}
      .selection-field-card-header{flex-direction:column;align-items:flex-start}
      .selection-field-badge{white-space:normal}
      .selection-select-shell{padding:0 12px}
      .section-tab{padding:16px;min-height:126px}
      .section-tab-main{gap:12px}
      .section-tab-icon{width:42px;height:42px}
      .upgrades-summary-strip{grid-template-columns:1fr}
      .upgrades-quantity-row{align-items:flex-start}
      .inventory-card-controls{grid-template-columns:1fr}
      .inventory-stepper-wrap{align-items:flex-start}
      .selection-button{min-height:44px}
      .total-actions{flex-direction:column}
      .total-actions .btn{width:100%;justify-content:center}
    }