*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #3D2B1A;--gold-light: #f0ebe4;--gold-hover: #2a1c0e;--copper: #B97F6D;--copper-light:#f5ebe7;--dark: #201810;--dark-mid: #595043;--text: #2C2822;--text-muted: #8E8E8F;--cream: #EDEDEE;--cream-warm: #f9f6f0;--bg: #f5f0e9;--border: #D6CFC5;--red: #a60d12;--red-light: #fce8e8}body{font-family:Jost,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.page{min-height:100vh}.logo-bar{background:#3d2b1a;display:flex;justify-content:center;align-items:center;padding:14px 24px;border-bottom:2px solid rgba(255,255,255,.06)}.logo-bar img{height:56px;width:auto;max-width:100%;display:block;mix-blend-mode:lighten}.header{background:var(--dark);color:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--red)}.header h1{font-size:1.05rem;font-weight:600;letter-spacing:.04em;color:var(--gold)}.header .sub{font-size:.78rem;color:var(--text-muted);margin-top:2px}.header-logo{height:36px;display:block}.header-right{display:flex;align-items:center;gap:12px}.container{max-width:960px;margin:0 auto;padding:24px 16px}.card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:20px 24px;margin-bottom:16px}.card-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:var(--gold-hover);opacity:1}.btn-tab-active{background:var(--red);color:#fff;border:none}.btn-tab-active:hover{opacity:.88}.btn-green{background:var(--copper);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:14px}label{display:block;font-size:.85rem;font-weight:500;color:#374151;margin-bottom:5px}input,select,textarea{width:100%;padding:9px 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.93rem;font-family:inherit;color:#1a1a2e;background:#fff;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}.input-row{display:flex;gap:8px}.input-row input{flex:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;padding:10px 12px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1.5px solid #e5e7eb;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.balance{font-weight:600;font-size:.95rem}.balance-positive{color:var(--gold)}.balance-zero{color:var(--text-muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-box{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001f;padding:40px 36px;width:100%;max-width:380px;text-align:center}.login-logo{margin:-40px -36px 24px;border-radius:16px 16px 0 0;overflow:hidden;background:#3d2b1a;height:90px;border-bottom:3px solid var(--red)}.login-logo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.login-tagline{font-size:.85rem;color:var(--red);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px}.login-box .form-group{text-align:left}.stat-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.stat{flex:1;min-width:120px;background:#f9fafb;border-radius:10px;padding:14px 16px}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.stat-value{font-size:1.4rem;font-weight:700;color:#1a1a2e;margin-top:4px}.stat-green .stat-value{color:var(--gold)}.store-card{border:1.5px solid var(--border);border-left:4px solid var(--red);border-radius:12px;margin-bottom:12px;overflow:hidden}.store-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;background:#fff}.store-card-header:hover{background:#f9fafb}.store-card-header h3{font-size:1rem;font-weight:600}.store-card-body{padding:0 18px 16px;background:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-blue{background:var(--cream);color:var(--dark)}.badge-green{background:var(--gold-light);color:var(--gold-hover)}.badge-yellow{background:var(--copper-light);color:var(--copper)}.badge-gray{background:var(--cream);color:var(--dark-mid)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:28px 28px 24px}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:20px}.modal-close{float:right;background:none;border:none;font-size:1.3rem;cursor:pointer;color:#6b7280;margin-top:-4px}.alert{padding:12px 16px;border-radius:8px;font-size:.88rem;margin-bottom:14px}.alert-error{background:var(--red-light);color:var(--red)}.alert-success{background:var(--gold-light);color:var(--gold-hover)}.alert-info{background:var(--cream);color:var(--dark)}.item-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}.item-option:hover{background:#f9fafb}.item-option.selected{border-color:var(--gold);background:var(--gold-light)}.item-option.claimed{opacity:.45;cursor:not-allowed;background:#f3f4f6}.item-name{font-weight:600;font-size:.9rem}.item-desc{font-size:.8rem;color:#6b7280;margin-top:2px}.item-price{margin-left:auto;font-weight:600;color:#1a1a2e;white-space:nowrap}.item-credit{font-size:.78rem;color:#16a34a}.nav-link{color:var(--teal-mid);font-size:.85rem;cursor:pointer;text-decoration:none}.nav-link:hover{color:var(--gold)}.badge-red{background:var(--red-light);color:var(--red)}.divider{height:1px;background:#e5e7eb;margin:20px 0}.text-sm{font-size:.85rem}.text-gray{color:#6b7280}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:8px}@media (max-width: 600px){.card{padding:16px}.modal{padding:20px 18px}.stat-value{font-size:1.2rem}.hide-mobile{display:none}}