@tailwind base;@tailwind components;@tailwind utilities;:root{--color-brand-primary:#1a1f36;--color-brand-accent:#c9a84c;--color-brand-accent-light:#f0d98c;--color-surface-bg:#f5f6fa;--color-surface-card:#fff;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-text-primary:#1a1f36;--color-text-secondary:#6b7280}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1f36;background:#f5f6fa;height:100%;font-family:DM Sans,sans-serif}.app-shell{background:#f5f6fa;max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.portal-shell{background:#f5f6fa;min-height:100vh;display:flex}.nfc-card{color:#fff;background:linear-gradient(135deg,#1a1f36 0%,#2d3561 50%,#1a1f36 100%);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d}.nfc-card:before{content:"";background:radial-gradient(circle,#c9a84c26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.nfc-card.gold{background:linear-gradient(135deg,#7b5e1a 0%,#c9a84c 50%,#7b5e1a 100%)}.nfc-card.silver{background:linear-gradient(135deg,#2a2a2a 0%,#4a4a4a 50%,#2a2a2a 100%)}.nfc-card.platinum{background:linear-gradient(135deg,#0d2744 0%,#1565c0 50%,#0d2744 100%)}.nfc-card.elite{background:linear-gradient(135deg,#1a0a2e 0%,#ab47bc 50%,#1a0a2e 100%)}.nfc-card.legend{background:linear-gradient(135deg,#2a0a0a 0%,#e74c3c 50%,#ff6b35 100%)}.nfc-card.suspended{filter:grayscale(.7)}.nfc-card.deactivated{filter:grayscale();opacity:.6}@keyframes nfcRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.nfc-ring{border:2px solid #c9a84c;border-radius:50%;animation:2s ease-out infinite nfcRing;position:absolute}.nfc-ring:nth-child(2){animation-delay:.6s}.nfc-ring:nth-child(3){animation-delay:1.2s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/200% 100%;animation:2s linear infinite shimmer}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}.points-bar{background:#c9a84c33;border-radius:99px;height:8px;overflow:hidden}.points-bar-fill{background:linear-gradient(90deg,#c9a84c,#f0d98c);border-radius:99px;height:100%;transition:width .8s ease-out}.bottom-nav{z-index:50;width:100%;max-width:430px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #0000000f;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:#6b7280;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:10px;transition:color .15s;display:flex}.bottom-nav-item.active{color:#c9a84c}.service-card{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.service-card.locked{opacity:.5}.sidebar{color:#fff;background:#1a1f36;flex-direction:column;flex-shrink:0;width:240px;min-height:100vh;transition:width .3s;display:flex}@media (width<=768px){.sidebar{z-index:100;width:0;height:100vh;position:fixed;overflow:hidden}.sidebar.open{width:240px}}.sidebar-link{cursor:pointer;color:#ffffffb3;border-radius:8px;align-items:center;gap:10px;margin:2px 8px;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#c9a84c;background:#c9a84c33}.badge{border-radius:99px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-draft{color:#6b7280;background:#f3f4f6}.badge-pending{color:#d97706;background:#fef3c7}.badge-approved,.badge-active{color:#059669;background:#d1fae5}.badge-rejected,.badge-deactivated{color:#dc2626;background:#fee2e2}.badge-archived,.badge-suspended{color:#d97706;background:#fef3c7}.field-label{color:#6b7280;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s}.field-input:focus{border-color:#c9a84c}.field-input.error{border-color:#e74c3c}select.field-input{cursor:pointer}.btn-primary{color:#1a1f36;cursor:pointer;background:#c9a84c;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#1a1f36;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .15s;display:flex}.btn-secondary:hover{background:#f5f6fa}.btn-danger{color:#fff;background:#e74c3c;border-color:#e74c3c}.btn-sm{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-sm:hover{opacity:.85}.scroll-area{padding-bottom:80px;overflow-y:auto}.scroll-area::-webkit-scrollbar{width:4px}.scroll-area::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.toast-container{z-index:999;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#1a1f36;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 8px 24px #00000026}.toast.success{background:#059669}.toast.error{background:#e74c3c}.toast.warning{background:#d97706}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes nfcPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes levelUpPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes crystalGlow{0%,to{box-shadow:0 0 30px #c9a84c4d}50%{box-shadow:0 0 60px #c9a84c80}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-nfc-pulse{animation:2s ease-in-out infinite nfcPulse}.crystal-ball{animation:3s ease-in-out infinite crystalGlow}.level-up-badge{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards levelUpPop}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:430px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto}.modal-handle{background:#e5e7eb;border-radius:2px;width:40px;height:4px;margin:12px auto 0}.web-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.web-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;animation:.2s ease-out fadeIn;overflow-y:auto;box-shadow:0 20px 60px #0003}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f0f0f0;padding:8px 12px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid #f5f5f5;padding:12px;font-size:14px}.data-table tr:hover td{background:#fafafa}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.portal-content{flex:1;padding:24px;overflow:auto}@media (width<=768px){.portal-content{padding:16px}}.page-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.gradient-text{background:linear-gradient(135deg,#c9a84c,#f0d98c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.countdown-urgent{color:#e74c3c;animation:1s ease-in-out infinite nfcPulse}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fff9;border-radius:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.level-up-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1121d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confetti-piece{border-radius:2px;width:10px;height:10px;animation:3s ease-in forwards confettiFall;position:absolute}.animate-slide-up{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideUp}.portal-scrollable{flex:1;overflow-y:auto}.service-detail-hero{background:linear-gradient(135deg,#1a1f36,#2d3561);border-radius:20px;justify-content:center;align-items:center;font-size:80px;display:flex}.tabs-bar{border-bottom:1px solid #f0f0f0;margin-bottom:20px;display:flex}.tab-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn.active{color:#c9a84c;border-bottom-color:#c9a84c}.info-row{border-bottom:1px solid #f5f5f5;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;display:flex}.info-row-label{color:#6b7280;flex-shrink:0;min-width:130px}.info-row-value{flex:1;font-weight:500}.lifecycle-dot{background:#c9a84c;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.lifecycle-line{background:#e5e7eb;flex:1;width:2px;min-height:20px;margin:4px auto}.config-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 0;display:flex}.config-label{flex:1;font-size:14px;font-weight:500}.config-input{text-align:center;border:1.5px solid #e5e7eb;border-radius:8px;width:100px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:14px}.badge-pending_review{color:#d97706;background:#fef3c7}.badge-shipped{color:#1d4ed8;background:#dbeafe}.badge-delivered{color:#059669;background:#d1fae5}.badge-confirmed{color:#1d4ed8;background:#dbeafe}.badge-winning,.badge-won{color:#059669;background:#d1fae5}.badge-outbid{color:#dc2626;background:#fee2e2}.badge-ended{color:#6b7280;background:#f3f4f6}