@keyframes fab-scale-in-5a1de1d7{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slideDown-5a1de1d7{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-5a1de1d7{0%{opacity:0}to{opacity:1}}.toast-container[data-v-5a1de1d7]{position:fixed;top:32px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:16px;max-width:400px;pointer-events:none}@media(max-width:640px){.toast-container[data-v-5a1de1d7]{top:16px;right:16px;left:16px;max-width:none}}.toast[data-v-5a1de1d7]{display:flex;align-items:flex-start;gap:16px;padding:24px;background:linear-gradient(135deg,#0d0d0dfa,#1a1a1af2);border:1px solid;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;transition:all .3s ease;min-width:300px}.toast[data-v-5a1de1d7]:active{transform:scale(.98);opacity:.9}.toast__icon[data-v-5a1de1d7]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:12px}.toast__icon i[data-v-5a1de1d7]{font-size:20px}.toast__content[data-v-5a1de1d7]{flex:1;min-width:0}.toast__message[data-v-5a1de1d7]{margin:0;font-size:14px;font-weight:500;line-height:1.5;word-break:break-word}.toast__close[data-v-5a1de1d7]{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.6;transition:opacity .2s ease}.toast__close[data-v-5a1de1d7]:hover{opacity:1}.toast__close i[data-v-5a1de1d7]{font-size:18px}.toast--success[data-v-5a1de1d7]{border-color:#4ade804d;color:#86efac}.toast--success .toast__icon[data-v-5a1de1d7]{background:#4ade8026;color:#86efac}.toast--error[data-v-5a1de1d7]{border-color:#f871714d;color:#fca5a5}.toast--error .toast__icon[data-v-5a1de1d7]{background:#f8717126;color:#fca5a5}.toast--warning[data-v-5a1de1d7]{border-color:#fb923c4d;color:#fed7aa}.toast--warning .toast__icon[data-v-5a1de1d7]{background:#fb923c26;color:#fed7aa}.toast--info[data-v-5a1de1d7]{border-color:#60a5fa4d;color:#93c5fd}.toast--info .toast__icon[data-v-5a1de1d7]{background:#60a5fa26;color:#93c5fd}.toast-enter-active[data-v-5a1de1d7]{animation:slideInRight-5a1de1d7 .3s ease}.toast-leave-active[data-v-5a1de1d7]{animation:slideOutRight-5a1de1d7 .3s ease}.toast-move[data-v-5a1de1d7]{transition:transform .3s ease}@keyframes slideInRight-5a1de1d7{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight-5a1de1d7{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}body{margin:0;background-color:#18181b;color:#fff;font-family:Inter,sans-serif}@keyframes fab-scale-in{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border-radius:9999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease-out;border:1px solid transparent;color:#f4f4f5}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn--primary{background:#4ade80;color:#09090b;border:none;box-shadow:0 0 15px #4ade804d}.btn--secondary{background:#4ade801a;border-color:#4ade8033;color:#4ade80}.btn--outline{background:transparent;border-color:#fff3;color:#f4f4f5}.btn--danger{background:#ef44441a;border-color:#ef444433;color:#ef4444}.btn--success{background:#4ade801a;border-color:#4ade8033;color:#4ade80}.btn--icon{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.card,.glass-card{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;border-radius:24px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.glass-panel{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003}.section-box{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);padding:32px;gap:24px}.section-box__header{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(249,249,249,.05)}.section-box--danger{border-color:#f8717133;background:#f871710d}.status-badge,.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.status-badge.active,.status-badge--success,.badge.active,.badge--success{color:#4ade80;background:#4ade8026}.status-badge.pending,.status-badge--warning,.badge.pending,.badge--warning{color:#f59e0b;background:#f59e0b26}.status-badge.cancelled,.status-badge--danger,.badge.cancelled,.badge--danger{color:#ef4444;background:#ef444426}.status-badge.info,.status-badge--info,.badge.info,.badge--info{color:#3b82f6;background:#3b82f626}.form-select,.form-input{width:100%;height:52px;padding:0 16px;background:#27272a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#f4f4f5;font-size:15px;transition:all .2s ease;font-family:inherit}.form-select::placeholder,.form-input::placeholder{color:#71717a}.form-select:focus,.form-input:focus{outline:none;border-color:#4ade80;background:#18181b;box-shadow:0 0 0 3px #4ade801a}.toggle-switch{width:48px;height:28px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;border:none;transition:background .2s}.toggle-switch .knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;transition:transform .2s}.toggle-switch.active{background:#4ade80}.toggle-switch.active .knob{transform:translate(20px)}.sticky-bar{position:sticky;top:0;z-index:50;margin:0 -24px 16px;padding:16px 24px;background:#18181bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease}.sticky-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.3),transparent);opacity:0;transition:opacity .3s}.sticky-bar:hover:before{opacity:1}.product-card{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;border-radius:24px;overflow:hidden;position:relative;display:flex;flex-direction:column;cursor:pointer;transition:all .3s ease;animation:slideDown .4s ease}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4ade80,#3b82f6);opacity:0;transition:opacity .3s;z-index:1}.product-card:active{transform:scale(.98)}@media(hover:hover){.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#4ade804d}.product-card:hover:before{opacity:1}.product-card:hover .product-img{transform:scale(1.05)}}.product-card--unavailable{opacity:.6;filter:grayscale(.8);cursor:not-allowed}.product-card--unavailable:hover{transform:none}.product-card__image-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#27272a}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;content-visibility:auto}.product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#71717a;background:#ffffff08}.product-img-placeholder i{font-size:48px;opacity:.3}.card-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);pointer-events:none}.card-badges{position:absolute;top:8px;left:8px;display:flex;gap:6px;z-index:2}.badge{padding:4px 10px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.5px}.badge--unavailable{background:#ef4444e6;color:#fff;box-shadow:0 2px 8px #ef444466}.badge--cart-qty{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#4ade80;color:#000;box-shadow:0 2px 12px #4ade8080;font-size:12px;font-weight:800}.fab-mini{position:absolute;bottom:10px;right:10px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.fab-mini i{font-size:22px}.fab-mini:active{transform:scale(.9)}@media(hover:hover){.fab-mini:hover{background:#ffffff40;box-shadow:0 4px 12px #0000004d}}.fab-mini--active{background:#4ade80;color:#000;box-shadow:0 0 20px #4ade8099}.product-card__content{padding:14px;display:flex;flex-direction:column;gap:6px}.product-name{margin:0;font-size:15px;font-weight:700;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-price{font-size:17px;font-weight:800;color:#4ade80;background:#4ade801a;padding:4px 10px;border-radius:12px}.product-likes{display:flex;align-items:center;gap:4px;font-size:12px;color:#a1a1aa;font-weight:600}.product-likes i{font-size:14px;color:#ef4444}.comments-section{display:flex;flex-direction:column;gap:24px}.section-subtitle{margin:0;font-size:16px;font-weight:700;color:#f4f4f5;display:flex;align-items:center;gap:8px}.section-subtitle i{font-size:20px;color:#4ade80}.comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.comment-item{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:8px}.comment-header{display:flex;align-items:center;gap:8px}.comment-avatar{width:32px;height:32px;border-radius:50%;background:#4ade80;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.comment-meta{flex:1;display:flex;flex-direction:column;gap:2px}.comment-author{font-weight:700;font-size:14px;color:#f4f4f5}.comment-date{font-size:11px;color:#71717a}.comment-text{margin:0;font-size:14px;line-height:1.5;color:#a1a1aa;padding-left:40px}.comments-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:48px;text-align:center;color:#71717a}.comments-empty i{font-size:48px;opacity:.3}.comments-empty span{font-size:14px}.comment-form{display:flex;align-items:center;gap:16px}.comment-form .comment-textarea{flex:1;border:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;resize:none;color:#f4f4f5;padding:8px 16px;max-height:100px;font-size:14px;font-family:inherit}.comment-form .comment-textarea:focus{outline:none;border-color:#4ade8066;background:#ffffff14}.comment-form .comment-textarea::placeholder{color:#71717a}.comment-form .btn-send{width:44px;height:44px;border-radius:50%;background:#4ade80;border:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.comment-form .btn-send i{font-size:20px}.comment-form .btn-send:disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a;color:#71717a}.comment-form .btn-send:not(:disabled):active{transform:scale(.9)}.action-bar{display:flex;align-items:center;gap:8px;padding:16px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.action-bar .btn-icon{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);color:#f4f4f5;cursor:pointer;transition:all .2s}.action-bar .btn-icon i{font-size:20px}.action-bar .btn-icon:active{transform:scale(.9)}.action-bar .btn-icon.btn-like.active{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.action-bar .likes-count{display:flex;align-items:center;font-size:14px;font-weight:700;color:#a1a1aa;min-width:28px}.action-bar .flex-spacer{flex:1}.action-bar .btn-add-cart{height:40px;padding:0 24px;font-size:14px;flex-shrink:0}.action-bar .item-in-cart{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:16px;color:#4ade80;font-weight:700;font-size:14px}.action-bar .item-in-cart i{font-size:18px}.search-wrapper{position:relative;display:flex;align-items:center;height:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:9999px;transition:all .3s ease;overflow:hidden}.search-wrapper:before{content:"";position:absolute;inset:0;border-radius:9999px;padding:1px;background:linear-gradient(135deg,transparent,rgba(74,222,128,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.search-wrapper:focus-within{background:#ffffff0d;border-color:#4ade804d;box-shadow:0 0 0 3px #4ade801a}.search-wrapper:focus-within:before{opacity:1}.search-icon{position:absolute;left:16px;color:#a1a1aa;font-size:20px;pointer-events:none;transition:all .3s ease}.search-wrapper:focus-within .search-icon{color:#4ade80;transform:scale(1.1)}.search-input{width:100%;height:100%;background:transparent;border:none;padding:0 48px;color:#f4f4f5;font-size:15px;font-weight:500}.search-input::placeholder{color:#a1a1aa;opacity:.7}.search-input:focus{outline:none}.clear-btn{position:absolute;right:8px;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#f4f4f5;transform:scale(1.05)}.clear-btn:active{transform:scale(.95)}.clear-btn i{font-size:18px}.filter-chip,.category-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:9999px;color:#a1a1aa;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;gap:6px}.filter-chip:before,.category-pill:before{content:"";position:absolute;inset:0;border-radius:9999px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.filter-chip:hover:not(.active),.category-pill:hover:not(.active){background:#ffffff0f;border-color:#ffffff26;color:#f4f4f5;transform:translateY(-1px)}.filter-chip:hover:not(.active):before,.category-pill:hover:not(.active):before{opacity:1}.filter-chip:active,.category-pill:active{transform:scale(.96)}.filter-chip.active,.category-pill.active{background:linear-gradient(135deg,#4ade8026,#4ade8014);border-color:#4ade804d;color:#4ade80;box-shadow:0 0 20px #4ade8026,0 4px 12px #0003;font-weight:700}.filter-chip.active:before,.category-pill.active:before{opacity:1}.filter-chip i,.category-pill i,.filter-chip .cat-emoji,.category-pill .cat-emoji{font-size:16px}.category-scroll{display:flex;gap:8px;overflow-x:auto;padding:8px 0;margin-top:8px}.category-scroll::-webkit-scrollbar{width:6px;height:6px}.category-scroll::-webkit-scrollbar-track{background:transparent}.category-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.category-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.category-scroll::-webkit-scrollbar{height:4px}.quantity-control{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:4px}.quantity-control__btn{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:none;color:#f4f4f5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:18px;transition:all .2s}.quantity-control__btn:active{transform:scale(.9);background:#ffffff26}.quantity-control__value{min-width:24px;text-align:center;font-weight:700;font-size:14px;color:#f4f4f5}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex;flex-direction:column}.d-grid{display:grid}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.gap-0{gap:0}.m-xs{margin:4px}.mt-xs{margin-top:4px}.mb-xs{margin-bottom:4px}.mx-xs{margin-left:4px;margin-right:4px}.my-xs{margin-top:4px;margin-bottom:4px}.p-xs{padding:4px}.pt-xs{padding-top:4px}.pb-xs{padding-bottom:4px}.px-xs{padding-left:4px;padding-right:4px}.py-xs{padding-top:4px;padding-bottom:4px}.gap-xs{gap:4px}.m-sm{margin:8px}.mt-sm{margin-top:8px}.mb-sm{margin-bottom:8px}.mx-sm{margin-left:8px;margin-right:8px}.my-sm{margin-top:8px;margin-bottom:8px}.p-sm{padding:8px}.pt-sm{padding-top:8px}.pb-sm{padding-bottom:8px}.px-sm{padding-left:8px;padding-right:8px}.gap-sm{gap:8px}.m-md{margin:16px}.mt-md{margin-top:16px}.mb-md{margin-bottom:16px}.mx-md{margin-left:16px;margin-right:16px}.my-md{margin-top:16px;margin-bottom:16px}.p-md{padding:16px}.pt-md{padding-top:16px}.pb-md{padding-bottom:16px}.px-md{padding-left:16px;padding-right:16px}.py-md{padding-top:16px;padding-bottom:16px}.gap-md{gap:16px}.m-lg{margin:24px}.mt-lg{margin-top:24px}.mb-lg{margin-bottom:24px}.mx-lg{margin-left:24px;margin-right:24px}.my-lg{margin-top:24px;margin-bottom:24px}.p-lg{padding:24px}.pt-lg{padding-top:24px}.pb-lg{padding-bottom:24px}.px-lg{padding-left:24px;padding-right:24px}.py-lg{padding-top:24px;padding-bottom:24px}.gap-lg{gap:24px}.m-xl{margin:32px}.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.mx-xl{margin-left:32px;margin-right:32px}.my-xl{margin-top:32px;margin-bottom:32px}.p-xl{padding:32px}.pt-xl{padding-top:32px}.pb-xl{padding-bottom:32px}.px-xl{padding-left:32px;padding-right:32px}.gap-xl{gap:32px}.m-2xl{margin:48px}.mt-2xl{margin-top:48px}.mb-2xl{margin-bottom:48px}.mx-2xl{margin-left:48px;margin-right:48px}.my-2xl{margin-top:48px;margin-bottom:48px}.p-2xl{padding:48px}.pt-2xl{padding-top:48px}.pb-2xl{padding-bottom:48px}.px-2xl{padding-left:48px;padding-right:48px}.py-2xl{padding-top:48px;padding-bottom:48px}.gap-2xl{gap:48px}.mx-auto{margin-left:auto;margin-right:auto}.m-0,.margin-0{margin:0}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-w-0{min-width:0}.max-w-full{max-width:100%}.min-h-80{min-height:320px}.max-w-80{max-width:300px}.w-16{width:64px}.h-16{height:64px}.min-w-30{min-width:120px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base,.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-7xl{font-size:72px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-height-1-6{line-height:1.6}.text-dark{color:#f4f4f5}.text-light{color:#71717a}.text-gray{color:#a1a1aa}.text-primary{color:#86efac}.text-danger{color:#f87171}.text-warning{color:#fbbf24}.text-info{color:#60a5fa}.bg-white{background-color:#09090b}.bg-gray{background-color:#18181b}.bg-light{background-color:#f9f9f90a}.bg-gray-800{background:#f9f9f90a}.bg-gradient-dark{background:linear-gradient(135deg,#f9f9f914,#f9f9f90a)}.border{border:1px solid #27272a}.border-t{border-top:1px solid #27272a}.border-b{border-bottom:1px solid #27272a}.border-l{border-left:1px solid #27272a}.border-r{border-right:1px solid #27272a}.border-2{border-width:2px}.border-gray-700{border-color:#f9f9f90d}.border-primary\/20{border-color:#4ade8033}.rounded-sm{border-radius:6px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:24px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000004d}.shadow-md{box-shadow:0 4px 6px -1px #0000004d}.shadow-lg{box-shadow:0 10px 15px -3px #0006}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-auto::-webkit-scrollbar{width:6px;height:6px}.overflow-auto::-webkit-scrollbar-track{background:transparent}.overflow-auto::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.overflow-auto::-webkit-scrollbar-thumb:hover{background:#ffffff40}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-y:auto;overflow-x:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.scale-95{transform:scale(.95)}.scale-98{transform:scale(.98)}.transition-fast{transition:all .15s ease-out}.transition-normal{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-slow{transition:all}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.z-dropdown{z-index:200}.z-sticky{z-index:50}.z-fixed{z-index:100}.z-modal{z-index:1000}.grid-2-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.grid-2-cols{grid-template-columns:1fr}}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:640px){.grid-3-cols{grid-template-columns:1fr}}.grid-4-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:640px){.grid-4-cols{grid-template-columns:1fr}}.page-container{display:flex;flex-direction:column;gap:24px;padding:24px 24px 120px;max-width:100%;width:100%;margin:0 auto;min-height:100vh}@media(min-width:768px){.page-container{max-width:768px}}.section-gap{display:flex;flex-direction:column;gap:24px}.section-box,.info-card{background:#18181bbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0003;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);padding:32px;gap:24px}.info-header{display:flex;align-items:center;gap:16px}.empty-state{text-align:center;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:24px;color:#f4f4f5}.loading-state .spinner{border:4px solid rgba(249,255,255,.3);border-radius:50%;border-top:4px solid #f4f4f5;width:40px;height:40px;animation:spin 1s linear infinite}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;animation:blink 1.5s ease-in-out infinite}.py-xl{padding-top:32px;padding-bottom:32px}.py-24{padding-top:60px;padding-bottom:60px}.py-sm{padding-top:8px;padding-bottom:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slideDown{animation:slideDown .4s ease}.animate-slideUp{animation:slideUp .3s ease}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-blink{animation:blink 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#09090b;color:#f4f4f5}#app{width:100%;min-height:100vh;background-color:#09090b}:root{--text-dark: #f4f4f5;--text-light: #71717a;--bg-white: #09090b;--bg-light: #27272a;--border: #27272a}input,textarea,select{width:100%;height:52px;padding:0 16px;background:#27272a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#f4f4f5;font-size:15px;transition:all .2s ease;font-family:inherit}input::placeholder,textarea::placeholder,select::placeholder{color:#71717a}input:focus,textarea:focus,select:focus{outline:none;border-color:#4ade80;background:#18181b;box-shadow:0 0 0 3px #4ade801a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#71717a;border-radius:6px}