.shop-surface{background:#FAFAF7;color:#1A1714;font-family:var(--font-sans),sans-serif;min-height:100vh}.shop-surface.deep{background:#F5F2EE}.shop-surface *{box-sizing:border-box}.shop-surface .brand{font-family:var(--font-display),sans-serif;letter-spacing:.04em}@keyframes shop-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shop-confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(2turn);opacity:0}}@keyframes shop-pulse-ring{0%{box-shadow:0 0 0 0 #FF4E0055}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes shop-ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}@keyframes shop-spin{to{transform:rotate(1turn)}}@keyframes shop-star-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.shop-surface .fade-up{animation:shop-fadeUp .4s cubic-bezier(.34,1.2,.64,1) both}.shop-surface .fade-in{animation:shop-fadeIn .3s ease both}.shop-surface .pop{animation:shop-pop .4s ease both}.shop-surface .pulse-ring{animation:shop-pulse-ring 2s infinite}.shop-surface .ping-dot{width:8px;height:8px;border-radius:50%;background:#FF4E00;display:inline-block;animation:shop-ping 1.5s ease-in-out infinite}.shop-surface input,.shop-surface select,.shop-surface textarea{width:100%;background:#FFFFFF;border:1.5px solid #e8e5df;border-radius:10px;color:#1A1714;font-family:var(--font-sans),sans-serif;font-size:14px;padding:11px 14px;outline:none;transition:border-color .15s,box-shadow .15s}.shop-surface input:focus,.shop-surface select:focus,.shop-surface textarea:focus{border-color:#FF4E00;box-shadow:0 0 0 3px #FF4E0015}.shop-surface input::placeholder,.shop-surface textarea::placeholder{color:#A8A39C}.shop-surface label{display:block;font-size:12px;font-weight:700;color:#7A7570;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.shop-surface .btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans),sans-serif;font-weight:600;font-size:13px;border-radius:7px;padding:8px 16px;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}.shop-surface .btn-lg{padding:14px 28px;font-size:15px;font-weight:700;border-radius:10px}.shop-surface .btn-primary{background:#FF4E00;color:#fff;border:none}.shop-surface .btn-primary:hover{background:#D94000;transform:translateY(-1px)}.shop-surface .btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.shop-surface .btn-ghost{background:transparent;color:#7A7570;border:1px solid #e8e5df}.shop-surface .btn-ghost:hover{background:#FAFAF7;color:#1A1714}.shop-surface .btn-ghost.btn-lg{border-width:1.5px;border-radius:10px}.shop-surface .btn-success{background:#16A34A;color:#fff}.shop-surface .btn-danger{background:transparent;color:#DC2626;border:1px solid #fecaca}.shop-surface .btn-danger:hover{background:#FEF2F2}.shop-surface .card{background:#FFFFFF;border:1px solid #e8e5df;border-radius:14px;padding:22px}.shop-surface .badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px}.shop-surface .table{width:100%;border-collapse:collapse}.shop-surface .table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7A7570;padding:0 12px 10px;border-bottom:1px solid #e8e5df}.shop-surface .table td{padding:14px 12px;border-bottom:1px solid #e8e5df;font-size:13px;vertical-align:middle}.shop-surface .table tr:last-child td{border-bottom:none}.shop-surface .tab{padding:8px 16px;font-size:13px;font-weight:600;background:none;color:#7A7570;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .15s;font-family:var(--font-sans),sans-serif}.shop-surface .tab.active{color:#FF4E00;border-bottom-color:#FF4E00}