body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060a08;color:#e5e5e7;font-family:var(--font-body);margin:0}code{font-family:var(--font-mono)}*{scrollbar-color:#94a3b859 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0f172a4d;border-radius:999px}::-webkit-scrollbar-thumb{background:#94a3b859;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b88c;background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:#0000}.input-dialog-overlay{align-items:center;animation:inputDialogFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}@keyframes inputDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes inputDialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.input-dialog{animation:inputDialogSlideIn .2s ease-out;background:#1e1e2e;background:var(--secondary-bg,#1e1e2e);border-radius:12px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;box-shadow:0 20px 40px #0006,0 0 0 1px var(--border-color,#ffffff1a);max-width:420px;padding:1.5rem;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.input-dialog__title{color:#f5f5f5;color:var(--text-primary,#f5f5f5);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.input-dialog__message{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.input-dialog__input-wrapper{margin-bottom:1.5rem}.input-dialog__input{background:#0000004d;background:var(--input-bg,#0000004d);border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);border-radius:8px;box-sizing:border-box;color:#f5f5f5;color:var(--text-primary,#f5f5f5);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;width:100%}.input-dialog__input:focus{border-color:#6366f1;border-color:var(--accent-color,#6366f1);box-shadow:0 0 0 3px #6366f133;outline:none}.input-dialog__input::placeholder{color:#666;color:var(--text-muted,#666)}.input-dialog__input:disabled{cursor:not-allowed;opacity:.6}.input-dialog__textarea{min-height:100px;resize:vertical}.input-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.input-dialog__btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:background .15s,opacity .15s,transform .1s}.input-dialog__btn:hover:not(:disabled){transform:translateY(-1px)}.input-dialog__btn:active:not(:disabled){transform:translateY(0)}.input-dialog__btn:disabled{cursor:not-allowed;opacity:.6}.input-dialog__btn--cancel{background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.input-dialog__btn--cancel:hover:not(:disabled){background:#ffffff0d;background:var(--surface-hover,#ffffff0d)}.input-dialog__btn--confirm{background:#6366f1;background:var(--accent-color,#6366f1);color:#fff}.input-dialog__btn--confirm:hover:not(:disabled){background:#5558e3;background:var(--accent-color-hover,#5558e3)}@media (max-width:768px){.input-dialog-overlay{align-items:flex-end;padding:0}.input-dialog{animation:inputDialogSlideUp .25s ease-out;border-radius:16px 16px 0 0;max-width:100%;padding:1.25rem 1.25rem max(1.25rem,env(safe-area-inset-bottom))}@keyframes inputDialogSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.input-dialog:before{background:#ffffff4d;border-radius:2px;content:"";display:block;height:4px;margin:0 auto .75rem;width:40px}.input-dialog__input{font-size:16px;padding:1rem}.input-dialog__textarea{font-size:16px;min-height:80px}.input-dialog__actions{flex-direction:column-reverse;gap:.5rem}.input-dialog__btn{min-height:44px;padding:1rem 1.25rem;width:100%}}@media (max-width:480px){.input-dialog{padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}.input-dialog__title{font-size:1rem}.input-dialog__message{font-size:.875rem}}.user-avatar{background:#2a2a3a;background:var(--surface-secondary,#2a2a3a);color:#a0a0b0;color:var(--text-secondary,#a0a0b0);display:inline-flex;flex-shrink:0;font-weight:600;overflow:hidden}.user-avatar--xs{font-size:10px;height:24px;width:24px}.user-avatar--sm{font-size:12px;height:32px;width:32px}.user-avatar--md{font-size:14px;height:40px;width:40px}.user-avatar--lg{font-size:16px;height:48px;width:48px}.user-avatar--xl{font-size:20px;height:64px;width:64px}.user-avatar--bordered{border:2px solid #6366f1;border:2px solid var(--accent-primary,#6366f1);box-shadow:0 0 0 2px #6366f133}.user-avatar--clickable{border:none;cursor:pointer;padding:0;transition:transform .15s ease,box-shadow .15s ease}.user-avatar--clickable:hover{box-shadow:0 2px 8px #0000004d;transform:scale(1.05)}.user-avatar--clickable:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent-primary,#6366f1);outline-offset:2px}.user-avatar__image{height:100%;object-fit:cover;width:100%}.user-avatar__initial{line-height:1;text-transform:uppercase}@media (max-width:768px){.user-avatar--lg{font-size:15px;height:44px;width:44px}.user-avatar--xl{font-size:18px;height:56px;width:56px}.user-avatar--clickable{min-height:32px;min-width:32px}}@media (max-width:480px){.user-avatar--lg{font-size:14px;height:40px;width:40px}.user-avatar--xl{font-size:16px;height:48px;width:48px}}.more-less-rating{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1.5rem}.more-less-rating.compact{margin:.5rem 0;padding:.75rem}.rating-header h3{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.rating-header p{color:#94a3b8;color:var(--text-muted,#94a3b8)}.rating-buttons{display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.rating-buttons-compact{align-items:center;display:flex!important;flex-flow:row nowrap!important;flex-direction:row!important;gap:.5rem;justify-content:center}.rating-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1cd9;border:1.5px solid #64748b73;border-radius:12px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;display:flex;flex:1 1 auto;flex-direction:column;max-width:180px;min-width:120px;padding:1rem 1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.rating-btn.compact{flex:0 0 auto;flex-direction:row;font-size:.85rem;gap:.5rem;max-width:none;min-width:60px;padding:.5rem .75rem}.btn-total{font-feature-settings:"tnum";color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;position:absolute;right:12px;top:8px}.rating-btn.less.active .btn-total,.rating-btn.more.active .btn-total{color:#0f172a;color:var(--surface-3,#0f172a)}.rating-btn.compact .btn-total{font-size:.75rem;margin-left:auto;position:static}.rating-btn:hover:not(:disabled){box-shadow:0 12px 32px #050a1480;transform:translateY(-2px)}.rating-btn:disabled{cursor:not-allowed;opacity:.5}.rating-btn.more{background:linear-gradient(135deg,#064e3ba6,#0478578c);border-color:#065f46b3}.rating-btn.more:hover:not(:disabled){background:linear-gradient(135deg,#065f46bf,#047857b3);border-color:#10b981cc}.rating-btn.more.active{background:linear-gradient(135deg,#059669f2,#10b981e6);border-color:#10b981f2;box-shadow:0 16px 40px #10b98159;color:#0f172a;color:var(--surface-3,#0f172a)}.rating-btn.less{background:linear-gradient(135deg,#7f1d1da6,#991b1b8c);border-color:#7f1d1db3}.rating-btn.less:hover:not(:disabled){background:linear-gradient(135deg,#7f1d1dbf,#991b1bb3);border-color:#ef4444cc}.rating-btn.less.active{background:linear-gradient(135deg,#b91c1cf2,#dc2626e6);border-color:#ef4444f2;box-shadow:0 16px 40px #ef444459;color:#fef2f2;color:var(--text-inverse,#fef2f2)}.btn-icon{font-size:1.5rem;margin-bottom:.5rem}.rating-btn.compact .btn-icon{font-size:1rem;margin-bottom:0}.btn-text{font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin-bottom:.25rem}.btn-description{color:#e2e8f0b8;font-size:.8rem;line-height:1.3;text-align:center}.rating-btn.active .btn-description{color:#ffffffe6}.adjectives-section{animation:fadeIn .3s ease-in-out}.adjectives-popup{animation:slideDown .3s ease-in-out;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;padding:1rem;position:relative}.adjectives-header{margin-bottom:1rem;text-align:center}.adjectives-header h4{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.1rem;margin-bottom:.5rem}.adjectives-header p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.9rem}.adjectives-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.adjectives-grid.compact{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:0}.adjective-btn{align-items:flex-start;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:1rem;position:relative;text-align:left;transition:all .2s ease}.adjectives-grid.compact .adjective-btn{align-items:center;padding:.5rem;text-align:center}.adjective-btn:hover:not(:disabled){background:#1e293bd9;border-color:#6366f1b3;transform:translateY(-1px)}.adjective-btn.selected{background:linear-gradient(135deg,#4f46e5e6,#6366f1d9);border-color:#6366f1e6;color:#fff}.adjective-btn:disabled{cursor:not-allowed;opacity:.5}.adjective-name{color:inherit;font-size:1rem;font-weight:600;margin-bottom:.25rem}.adjectives-grid.compact .adjective-name{font-size:.9rem;margin-bottom:0}.adjective-description{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.8rem;line-height:1.3}.adjective-count{font-feature-settings:"tnum";color:#8fa3c2;color:var(--text-muted,#8fa3c2);font-size:.85rem;font-variant-numeric:tabular-nums;position:absolute;right:.75rem;top:.75rem}.adjective-btn.selected .adjective-count{color:#fffffff2}.adjectives-grid.compact .adjective-count{font-size:.75rem;right:.5rem;top:.5rem}.adjective-btn.selected .adjective-description{color:#ffffffe6}.adjectives-grid.compact .adjective-description{display:none}.context-section{border-top:1px solid #64748b4d;margin-top:1rem;padding-top:1rem}.context-section label{display:block;font-weight:500;margin-bottom:.5rem}.context-section label,.context-section textarea{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9rem}.context-section textarea{background:#0f172a99;border:1px solid #64748b66;border-radius:8px;font-family:inherit;line-height:1.4;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.context-section textarea:focus{border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f126;outline:none}.char-count{color:#94a3b8;color:var(--text-muted,#94a3b8)}.existing-rating-display{background:#0f172a99;border-left:4px solid #6366f1cc;border-radius:8px;padding:1.5rem;text-align:center}.existing-rating{margin-top:.5rem;text-align:center}.rating-summary{gap:.5rem;justify-content:center}.rating-type{border-radius:4px;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.rating-type.more{background:#064e3bd9;color:#86efac;color:var(--success,#86efac)}.rating-type.less{background:#7f1d1dd9;color:#fca5a5;color:var(--error-light,#fca5a5)}.rating-adjective{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.1rem;font-weight:600}.rating-context{margin-bottom:1rem}.rating-context p{font-style:italic;line-height:1.4;margin:0}.rating-context p,.rating-meta small{color:#94a3b8;color:var(--text-muted,#94a3b8)}.rating-meta small{font-size:.8rem}.rating-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.rating-indicator.more{background:#064e3bd9;color:#86efac;color:var(--success,#86efac)}.rating-indicator.less{background:#7f1d1dd9;color:#fca5a5;color:var(--error-light,#fca5a5)}.submitting-indicator{color:#94a3b8;color:var(--text-muted,#94a3b8);font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.more-less-rating{padding:1rem}.rating-buttons{gap:.75rem}.rating-btn{max-width:160px;min-width:100px;padding:.75rem 1rem}.btn-text{font-size:.95rem}.btn-description{font-size:.75rem}.btn-icon{font-size:1.25rem}.adjectives-grid{grid-template-columns:1fr}.adjectives-grid.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rating-buttons{gap:.5rem}.rating-btn{max-width:140px;min-width:80px;padding:.5rem .75rem}.btn-text{font-size:.9rem}.btn-description{font-size:.75rem}.btn-icon{font-size:1.1rem;margin-bottom:.25rem}.rating-buttons-compact{flex-flow:row nowrap;gap:.5rem}.rating-btn.compact{flex:0 0 auto;font-size:.8rem;max-width:none;min-width:50px;padding:.25rem .5rem}.adjectives-grid.compact{grid-template-columns:1fr 1fr}}.topic-detail-page{display:flex;justify-content:center;min-height:100vh;padding:clamp(16px,3vw,32px)}.topic-detail-stack{display:flex;flex-direction:column;gap:16px;margin:0 auto;width:min(760px,100%)}.topic-detail-card{border-radius:12px;padding:clamp(16px,3vw,28px)}.topic-detail-card--compact{padding:clamp(12px,2.6vw,24px)}.topic-detail-empty-card{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.95rem;text-align:center}.topic-detail-related{align-items:center;display:flex;gap:16px;justify-content:space-between}.topic-detail-related-label{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.85rem;font-weight:600}.topic-detail-related-links{display:flex;flex-wrap:wrap;gap:12px}.topic-detail-header{display:flex;flex-direction:column;gap:12px}.topic-detail-author{align-items:center;display:flex;gap:12px;margin-bottom:8px}.topic-detail-author-info{display:flex;flex-direction:column;gap:2px}.topic-detail-author-name{color:#e2e8f0;font-size:.95rem;font-weight:500}.topic-detail-date{color:#94a3b8d9;font-size:.75rem}.topic-detail-title{color:#fff;color:var(--text-primary,#fff);font-size:clamp(1.3rem,3vw,1.6rem);margin:0}.topic-detail-content{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);line-height:1.6;margin:0;white-space:pre-wrap}.topic-detail-incentive{background:#10b9811f;border:1px solid #10b98166;border-radius:12px;color:#a7f3d0e6;font-size:.9rem;margin-top:16px;padding:12px}.topic-detail-incentive-title{font-weight:600;margin-bottom:4px}.topic-detail-subheading{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 8px}.topic-detail-replies{display:flex;flex-direction:column;gap:16px}.topic-detail-replies-header{align-items:center;display:flex;justify-content:space-between}.topic-detail-replies-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.05rem;margin:0}.topic-detail-reply-list{display:flex;flex-direction:column;gap:12px}.topic-detail-reply-card{background:#94a3b81f;border:1px solid #94a3b840;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.topic-detail-reply-header{align-items:center;display:flex;gap:12px}.topic-detail-reply-meta{display:flex;flex-direction:column;gap:2px}.topic-detail-reply-author{color:#e2e8f0;font-size:.9rem;font-weight:500}.topic-detail-reply-date{color:#94a3b8d9;font-size:.75rem}.topic-detail-reply-body{color:#e2e8f0;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.topic-detail-reply-actions{display:flex;justify-content:flex-start}.topic-detail-empty-replies{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.9rem}.topic-detail-reply-form{display:flex;flex-direction:column;gap:12px}.topic-detail-reply-input{min-height:120px;resize:vertical}.topic-detail-submit-row{display:flex;justify-content:flex-end}.topic-detail-header-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.topic-detail-report-btn{align-items:center;background:#f871711a;border:1px solid #f871714d;border-radius:8px;color:#f87171e6;cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;padding:8px 12px;transition:background .15s,border-color .15s}.topic-detail-report-btn:hover{background:#f8717133;border-color:#f8717180}.topic-detail-report-btn--inline{font-size:.75rem;margin-left:auto;padding:4px 8px}.topic-detail-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.topic-detail-modal{background:#1e293bf2;background:var(--glass-bg,#1e293bf2);border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(480px,100%)}.topic-detail-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:16px 20px}.topic-detail-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0}.topic-detail-modal-close{background:none;border:none;color:#cbd5f5;color:var(--text-secondary,#cbd5f5);cursor:pointer;font-size:1.2rem;line-height:1;padding:4px}.topic-detail-modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.topic-detail-modal-body{overflow-y:auto;padding:20px}.topic-detail-modal-desc{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.9rem;line-height:1.5;margin:0 0 16px}.topic-detail-modal-field{display:flex;flex-direction:column;gap:8px}.topic-detail-modal-field label{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:500}.topic-detail-modal-field textarea{background:#1e293b80;border:1px solid #94a3b84d;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.9rem;min-height:80px;padding:12px;resize:vertical;width:100%}.topic-detail-modal-field textarea:focus{border-color:#6366f199;outline:none}.topic-detail-modal-footer{border-top:1px solid #94a3b833;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-danger{background:#ef4444e6;border-color:#ef4444e6}.btn-danger:hover:not(:disabled){background:#dc2626}@media (max-width:640px){.topic-detail-card,.topic-detail-page{padding:16px}.topic-detail-card--compact{padding:12px}.topic-detail-related{align-items:flex-start;flex-direction:column}.topic-detail-related-links{justify-content:flex-start;width:100%}}.login-container{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#00000040,#00000059);display:grid;min-height:100vh;min-height:100dvh;overflow-y:auto;padding:3rem 1.25rem 3.5rem;place-items:center}.login-form{background:#10142042;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 20px 60px #00000059,inset 0 1px 0 #ffffff0d;max-width:420px;padding:3.5rem 2rem 2rem;position:relative;text-align:center;width:100%}.login-form h1,.login-form h2{color:var(--accent-primary);font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 10px #b8860b4d}.login-form p{color:var(--text-secondary);font-style:italic;margin-bottom:2rem}.mode-tabs{background:#ffffff0a;border-radius:8px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem}.mode-tab{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.mode-tab:hover{background:var(--secondary-bg);color:var(--text-primary)}.mode-tab.active{background:#0056b3;background:var(--primary-dark,#0056b3);color:#fff;font-weight:600}.themed-alert{--alert-accent:#ff4d4f;--alert-bg-glow:#ff4d4f14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff0a,#ffffff05 60%) padding-box,radial-gradient(circle at 12% 8%,#ff4d4f59,#0000 60%) border-box;border:1px solid #ff4d4f59;border-radius:12px;box-shadow:0 4px 18px -4px #ff4d4f59,inset 0 0 0 1px #ffffff0a;color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.35rem;margin-bottom:1.25rem;padding:.75rem 1rem 1rem;position:relative;text-align:left}.themed-alert:before{background:linear-gradient(160deg,#ff4d4f2e,#ff4d4f00 55%);border-radius:inherit;content:"";inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}.themed-alert strong{color:#ff8586;font-weight:600}.themed-alert code{background:#ffffff0f;border-radius:4px;font-size:.85rem;padding:.25rem .5rem}.themed-alert--success{--alert-accent:#27d17f;--alert-bg-glow:#27d17f2e;background:linear-gradient(135deg,#22c55e1a,#22c55e05 65%) padding-box,radial-gradient(circle at 18% 12%,#22c55e73,#0000 60%) border-box;border-color:#22c55e8c;box-shadow:0 8px 24px -6px #22c55e66,inset 0 0 0 1px #ffffff0d;color:#d9ffe9;text-align:center}.themed-alert--success:before{background:linear-gradient(150deg,#38bdf838,#16653400 60%)}.form-group{text-align:left}.form-group input{background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px;box-sizing:border-box;color:var(--text-primary);width:100%}.form-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #b8860b33}.field-feedback{font-size:.8rem;margin-top:.25rem}.field-feedback--checking{color:var(--text-secondary)}.field-feedback--available{color:var(--accent-primary)}.field-feedback--error{color:#ff8586}.form-hint{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.login-button{background:var(--accent-purple);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.login-button:hover{background:var(--accent-secondary);box-shadow:0 4px 12px #b8860b4d;transform:translateY(-1px)}.guest-back-btn{background:#0b3d91;background:var(--primary-dark,#0b3d91);border:none;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;left:1rem;padding:.5rem 1.25rem;position:absolute;top:1rem;transition:background .2s ease,transform .2s ease}.guest-back-btn:hover{background:#174ea6;background:var(--accent-secondary,#174ea6);transform:translateY(-1px)}.guest-back-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.forgot-password-row{margin-bottom:.25rem;margin-top:.75rem;text-align:center}.forgot-password-link{color:#94c8e6d9;cursor:pointer;font-size:.85rem;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.forgot-password-link:hover{color:#b4dcff;text-decoration:underline}.login-footer{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1rem}.login-footer p{color:var(--text-secondary);margin:0}.login-footer a{color:var(--accent-primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-container{padding:1.5rem 1rem 2rem}.login-form{border-radius:12px;padding:2rem 1.25rem 1.5rem}.login-form h1,.login-form h2{font-size:1.75rem}.login-form p{font-size:.9rem}.login-form p,.mode-tabs{margin-bottom:1.25rem}.mode-tab{font-size:.9rem;padding:8px 12px}.form-group{margin-bottom:1rem}.form-group input{font-size:.95rem;padding:12px}.login-button{font-size:1rem;padding:12px}.login-footer{margin-top:1.25rem;padding-top:.75rem}.guest-back-btn{font-size:.85rem;padding:8px 16px}}@media (max-width:320px){.login-container{padding:1rem .75rem 1.5rem}.login-form{padding:1.5rem 1rem 1.25rem}.login-form h1,.login-form h2{font-size:1.5rem}}.fp-page{align-items:center;background:#0f0f14;background:var(--bg-primary,#0f0f14);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.fp-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #ffffff14;border:1px solid var(--border-subtle,#ffffff14);border-radius:16px;max-width:420px;padding:2.5rem 2rem;width:100%}.fp-title{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.fp-subtitle{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.fp-form{gap:1rem}.fp-field,.fp-form{display:flex;flex-direction:column}.fp-field{gap:.4rem}.fp-label{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.85rem;font-weight:500}.fp-input{background:#ffffff0d;background:var(--bg-input,#ffffff0d);border:1px solid #ffffff1f;border:1px solid var(--border-input,#ffffff1f);border-radius:8px;box-sizing:border-box;color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:.95rem;outline:none;padding:.65rem .9rem;transition:border-color .15s ease;width:100%}.fp-input:focus{border-color:#7c3aed;border-color:var(--accent-purple,#7c3aed)}.fp-input:disabled{cursor:not-allowed;opacity:.5}.fp-error{color:#fc8181;color:var(--color-danger,#fc8181);font-size:.82rem;margin:0}.fp-submit-btn{background:#7c3aed;background:var(--accent-purple,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:opacity .15s ease,background .15s ease;width:100%}.fp-submit-btn:hover:not(:disabled){background:#6d28d9;background:var(--accent-purple-hover,#6d28d9)}.fp-submit-btn:disabled{cursor:not-allowed;opacity:.6}.fp-success{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.fp-success p{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:.95rem;line-height:1.5}.fp-footer{margin-top:1.25rem;text-align:center}.fp-back-link{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.82rem;text-decoration:none;transition:color .15s ease}.fp-back-link:hover{color:#7c3aed;color:var(--accent-purple,#7c3aed)}.rp-page{align-items:center;background:#0f0f14;background:var(--bg-primary,#0f0f14);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.rp-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #ffffff14;border:1px solid var(--border-subtle,#ffffff14);border-radius:16px;max-width:420px;padding:2.5rem 2rem;width:100%}.rp-title{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.rp-subtitle{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.rp-form{gap:1rem}.rp-field,.rp-form{display:flex;flex-direction:column}.rp-field{gap:.4rem}.rp-label{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.85rem;font-weight:500}.rp-input{background:#ffffff0d;background:var(--bg-input,#ffffff0d);border:1px solid #ffffff1f;border:1px solid var(--border-input,#ffffff1f);border-radius:8px;box-sizing:border-box;color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:.95rem;outline:none;padding:.65rem .9rem;transition:border-color .15s ease;width:100%}.rp-input:focus{border-color:#7c3aed;border-color:var(--accent-purple,#7c3aed)}.rp-input:disabled{cursor:not-allowed;opacity:.5}.rp-error{color:#fc8181;color:var(--color-danger,#fc8181);font-size:.82rem;margin:0}.rp-submit-btn{background:#7c3aed;background:var(--accent-purple,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:opacity .15s ease,background .15s ease;width:100%}.rp-submit-btn:hover:not(:disabled){background:#6d28d9;background:var(--accent-purple-hover,#6d28d9)}.rp-submit-btn:disabled{cursor:not-allowed;opacity:.6}.rp-invalid,.rp-success{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.rp-invalid p,.rp-success p{color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:.95rem;line-height:1.5}.rp-footer{margin-top:1.25rem;text-align:center}.rp-back-link{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:.82rem;text-decoration:none;transition:color .15s ease}.rp-back-link:hover{color:#7c3aed;color:var(--accent-purple,#7c3aed)}.rating-system{font-family:var(--font-body)}.rating-error{align-items:center;background:var(--surface-danger-bg);border:1px solid var(--surface-danger-border);border-radius:8px;color:var(--surface-danger-text);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.rating-error p{font-size:.9rem;margin:0}.rating-error button{background:none;border:none;border-radius:4px;color:var(--surface-danger-text);cursor:pointer;font-weight:500;padding:.25rem .5rem;transition:background-color .2s ease}.rating-error button:hover{background:#7c1d251f}.star-rating-container{margin-bottom:1rem}.star-rating-label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.star-rating{align-items:center;gap:.25rem}.star{background:none;border:none;color:var(--border-color);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease,transform .1s ease}.star:hover{transform:scale(1.1)}.star.filled{color:#ffc107;color:var(--warning,#ffc107)}.star.empty{color:var(--bg-tertiary)}.star:disabled{cursor:not-allowed;opacity:.5}.star:disabled:hover{transform:none}.rating-form{display:flex;flex-direction:column;gap:1.5rem}.rating-header{margin-bottom:1.5rem;text-align:center}.rating-header h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.rating-header p{color:var(--text-muted);font-size:.9rem;margin:0}.skills-section{margin:1.5rem 0}.skills-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.comment-section{margin:1.5rem 0}.comment-section label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.comment-section textarea{border:1px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.4;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.comment-section textarea:focus{border-color:#3498db;border-color:var(--focus-ring,#3498db);box-shadow:0 0 0 3px #3498db1a;outline:none}.char-count{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.form-actions{justify-content:center}.submit-rating-btn{background:var(--btn-primary-bg);border:none;border-radius:8px;color:var(--btn-primary-text);cursor:pointer;font-size:1rem;font-weight:500;min-width:140px;padding:.75rem 2rem;transition:all .2s ease}.submit-rating-btn:hover:not(:disabled){background:var(--btn-primary-bg-hover);transform:translateY(-1px)}.submit-rating-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.validation-message{color:var(--error);font-size:.8rem;margin-bottom:0;margin-top:.5rem;text-align:center}.user-rating-display{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.rating-summary{margin-bottom:1rem}.overall-rating{align-items:center;display:flex;gap:1rem}.stars-container{display:flex;gap:.25rem}.star.small{font-size:1rem}.star.medium{font-size:1.2rem}.star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffc107 50%,var(--glass-border) 50%);background-clip:text;-webkit-background-clip:text}.rating-details{display:flex;flex-direction:column;gap:.25rem}.rating-number{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.rating-count{color:var(--text-muted);font-size:.8rem}.skills-breakdown{border-top:1px solid #e1e8ed;padding-top:1rem}.skills-breakdown h4{color:var(--text-primary);font-size:1rem;margin-bottom:.75rem}.skills-list{display:flex;flex-direction:column;gap:.5rem}.skill-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.skill-name{color:var(--text-secondary);font-size:.9rem;font-weight:500}.skill-rating{align-items:center;display:flex;gap:.5rem}.skill-number{color:var(--text-muted);font-size:.8rem;font-weight:500;min-width:2rem}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.overall-rating{flex-direction:column;gap:.5rem;text-align:center}.skill-item{align-items:flex-start;flex-direction:column;gap:.25rem}.skill-rating{align-self:flex-end}}.cert-badge{cursor:default;gap:6px;-webkit-user-select:none;user-select:none}.cert-badge,.cert-badge__icon-wrap{align-items:center;display:inline-flex}.cert-badge__icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;position:relative;transition:opacity .2s}.cert-badge--sm .cert-badge__icon-wrap{height:28px;width:28px}.cert-badge--md .cert-badge__icon-wrap{height:38px;width:38px}.cert-badge__icon{font-size:1em;line-height:1}.cert-badge--sm .cert-badge__icon{font-size:.85rem}.cert-badge--md .cert-badge__icon{font-size:1.15rem}.cert-badge__verified{align-items:center;background:#22c55e;border:1.5px solid #fff;border:1.5px solid var(--background-primary,#fff);border-radius:50%;bottom:-3px;color:#fff;display:flex;font-size:.55rem;font-weight:700;height:14px;justify-content:center;position:absolute;right:-3px;width:14px}.cert-badge__label{color:#555;color:var(--text-secondary,#555);font-size:.75rem;font-weight:600;white-space:nowrap}.cert-badge--sm .cert-badge__label{font-size:.68rem}.cert-badge--expired .cert-badge__icon-wrap{opacity:.55}.cert-badge--expired .cert-badge__label{opacity:.6;text-decoration:line-through}.user-profile-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.user-profile-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.user-profile-card.compact{align-items:center;box-shadow:0 1px 4px #0000001a;display:flex;justify-content:space-between;padding:.75rem 1rem}.user-profile-card.compact:hover{box-shadow:0 2px 8px #00000026;transform:none}.profile-header{align-items:center;display:flex;margin-bottom:1.5rem}.compact .profile-header{flex-grow:1;margin-bottom:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;box-shadow:0 2px 8px #3498db4d;display:flex;height:60px;justify-content:center;margin-right:1rem;width:60px}.avatar-icon{font-size:1.5rem}.user-details{flex-grow:1}.username{font-size:1.4rem;margin:0 0 .25rem}.compact .username{font-size:1rem;margin:0}.user-title{color:var(--primary);font-size:1rem;font-weight:500;margin-bottom:.25rem}.compact .user-title{font-size:.9rem;margin-bottom:0}.user-level{align-items:center;display:flex;gap:.5rem}.level-text{color:var(--text-muted);font-size:.9rem}.level-number{background:var(--bg-tertiary);border-radius:12px;color:var(--text-primary);font-size:.8rem;font-weight:500;padding:.25rem .5rem}.level-badge{font-size:1.2rem;margin-left:.5rem}.compact .level-badge{font-size:1rem;margin-left:.25rem}.rating-summary{align-items:center;display:flex;font-size:.9rem;gap:.25rem}.net-rating{color:var(--text-primary);font-weight:600}.total-ratings{color:#7f8c8d;font-size:.8rem}.profile-stats>*{margin-bottom:1.5rem}.profile-stats>:last-child{margin-bottom:0}.rating-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.rating-metric{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.rating-metric.primary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;color:#fff}.metric-value{display:block;font-size:1.5rem;margin-bottom:.25rem}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--error)}.metric-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px}.rating-metric.primary .metric-label{color:#ffffffe6}.improvement-areas,.top-adjectives{margin-bottom:1.5rem}.improvement-areas h4,.top-adjectives h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.adjectives-list{flex-wrap:wrap;gap:.5rem}.adjective-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.adjective-item.positive{background:var(--surface-success-bg);border:1px solid var(--surface-success-border);color:var(--surface-success-text)}.adjective-item.negative{background:var(--surface-danger-bg);border:1px solid var(--surface-danger-border);color:var(--surface-danger-text)}.adjective-name{font-weight:500}.adjective-count{background:#0000001a;border-radius:8px;color:inherit;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.engagement-stats h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.engagement-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.engagement-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;text-align:center}.engagement-value{color:var(--primary);display:block;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.engagement-label{color:var(--text-muted);font-size:.8rem}.level-progress{margin-bottom:1.5rem}.progress-header{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.points-needed{color:var(--text-muted);font-size:.8rem}.progress-bar{background:var(--bg-tertiary);margin-bottom:.25rem}.progress-labels{color:#7f8c8d;display:flex;font-size:.75rem;justify-content:space-between}.level-benefits h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{border-bottom:1px solid var(--border-light);color:var(--text-muted);font-size:.9rem;padding:.5rem 0}.benefits-list li:last-child{border-bottom:none}.benefits-list li:before{color:var(--success);content:"✓";font-weight:700;margin-right:.5rem}@media (max-width:768px){.user-profile-card{padding:1rem}.rating-overview{gap:.75rem}.engagement-grid,.rating-overview{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.user-avatar{margin-bottom:1rem;margin-right:0}.adjectives-list{justify-content:center}}@media (max-width:480px){.user-profile-card.compact{align-items:flex-start;flex-direction:column;gap:.5rem}.rating-summary{align-self:flex-end}}.profile-certifications{border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);margin-top:16px;padding-top:16px}.profile-certifications h4{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-weight:700;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.certifications-row{display:flex;flex-wrap:wrap;gap:8px}.values-survey{background:#0a0f1f;border:1px solid #b8c6f01f;border:1px solid var(--glass-border,#b8c6f01f);border-radius:12px;box-shadow:0 14px 44px #0000008c;color:#fff;margin:0 auto;max-width:min(720px,92vw);padding:2rem}.survey-header{margin-bottom:2rem;text-align:center}.survey-header h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.survey-header p{color:#d1d5db;margin-bottom:1.5rem}.progress-bar{background:#ffffff1a;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9)}.step-indicator{color:#cbd5e1;font-size:.9rem}.survey-content{margin-bottom:2rem}.survey-step h3{color:#fff;font-size:1.4rem;margin-bottom:.5rem}.survey-step p{color:#cbd5e1;margin-bottom:1.5rem}.values-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.value-option{align-items:flex-start;background:#12141e8c;border:1px solid #b8c6f02e;border:1px solid var(--glass-border,#b8c6f02e);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:left;transition:all .3s ease}.value-option:hover{border-color:#3498db;box-shadow:0 4px 12px #6366f140;transform:translateY(-2px)}.value-option.selected{background:#181c28b8;border-color:#6366f1;box-shadow:0 4px 12px #6366f159}.value-option strong{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.value-option span{color:#cbd5e1;font-size:.9rem;line-height:1.4}.options-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-checkbox{align-items:center;background:#12141e8c;border:1px solid #b8c6f02e;border:1px solid var(--glass-border,#b8c6f02e);border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease}.option-checkbox:hover{background:#181c28b8;border-color:#6366f1}.option-checkbox input[type=checkbox]{accent-color:#3498db;margin-right:.75rem;transform:scale(1.2)}.option-checkbox input[type=checkbox]:checked+span{color:#fff;font-weight:600}.option-checkbox span{color:#cbd5e1;transition:color .2s ease}.survey-footer{border-top:1px solid #b8c6f01f;padding-top:1.5rem}.button-group{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn{min-width:100px}.btn:disabled{opacity:.5}.btn-primary{background:#3498db}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.btn-text{background:#0000;color:#7f8c8d;font-weight:400}.btn-text:hover:not(:disabled){color:#2c3e50;text-decoration:underline}.survey-preview{background:#0b1220eb;border-left:4px solid #3498db;border-radius:8px;margin-top:1.5rem;padding:1rem}.survey-preview h4{color:#e5e7eb;font-size:1.1rem;margin-bottom:.75rem}.profile-preview{color:#cbd5e1;line-height:1.6}.profile-preview strong{color:#fff}.values-modal-backdrop{background:#00000080;display:grid;inset:0;place-items:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.values-modal-surface{background:#0a0f1f;border:1px solid var(--glass-border);border-radius:12px;max-height:88vh;overflow:auto;padding:16px;width:min(720px,92vw);z-index:6100;z-index:var(--z-modal,6100)}@media (max-width:768px){.values-survey{margin:1rem;padding:1.5rem}.options-grid,.values-grid{grid-template-columns:1fr}.button-group{flex-direction:column;gap:.5rem}.btn{width:100%}}.survey-step{animation:slideIn .3s ease-in-out}.more-less-demo{font-family:var(--font-body);margin:0 auto;max-width:1200px;padding:2rem}.demo-header{margin-bottom:3rem;text-align:center}.demo-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.demo-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.demo-sections{display:flex;flex-direction:column;gap:3rem}.demo-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:2rem}.demo-section h2{border-bottom:2px solid var(--primary);color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem}.demo-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.profile-showcase{display:flex;flex-direction:column;gap:1.5rem}.profile-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary:hover{background:var(--btn-primary-bg-hover);transform:translateY(-1px)}.btn-secondary:hover{background:var(--btn-secondary-bg-hover)}.loading{color:var(--text-muted);font-style:italic}.rating-examples{display:flex;flex-direction:column;gap:2rem}.example{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.example h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.feature:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.75rem;margin-top:0}.feature p{color:var(--text-muted);line-height:1.5;margin:0}.rating-legend{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.legend-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.legend-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.adjectives-list{display:flex;flex-direction:column;gap:.75rem}.adjective-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;line-height:1.4;padding:.75rem}.adjective-item strong{color:var(--text-primary)}@media (max-width:768px){.more-less-demo{padding:1rem}.demo-header h1{font-size:2rem}.demo-section{padding:1.5rem}.profile-actions{flex-direction:column}.btn{width:100%}.features-grid,.rating-legend{grid-template-columns:1fr}}@media (max-width:480px){.more-less-demo{padding:.5rem}.demo-header{margin-bottom:2rem}.demo-header h1{font-size:1.8rem}.demo-sections{gap:2rem}.demo-section{padding:1rem}}.isr-root{isolation:isolate}.confirm-dialog-overlay{align-items:center;animation:confirmDialogFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030614bf;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:9995;z-index:var(--z-modal-overlay,9995)}@keyframes confirmDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmDialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog{animation:confirmDialogSlideIn .2s ease-out;background:linear-gradient(135deg,#0b142efa,#070e20f2);border:1px solid #7898ff59;border-radius:16px;box-shadow:0 25px 60px #030614b3,inset 0 0 0 1px #ffffff0d;max-width:420px;padding:1.5rem;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.confirm-dialog__title{color:#f5f5f5;color:var(--text-primary,#f5f5f5);font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.confirm-dialog__message{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.confirm-dialog__actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-dialog__btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:background .15s,opacity .15s,transform .1s}.confirm-dialog__btn:hover:not(:disabled){transform:translateY(-1px)}.confirm-dialog__btn:active:not(:disabled){transform:translateY(0)}.confirm-dialog__btn:disabled{cursor:not-allowed;opacity:.6}.confirm-dialog__btn--cancel{background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.confirm-dialog__btn--cancel:hover:not(:disabled){background:#ffffff0d;background:var(--surface-hover,#ffffff0d)}.confirm-dialog__btn--confirm{background:#6366f1;background:var(--accent-color,#6366f1);color:#fff}.confirm-dialog__btn--confirm:hover:not(:disabled){background:#4f46e5;background:var(--accent-color-dark,#4f46e5)}.confirm-dialog--danger .confirm-dialog__btn--danger{background:#ef4444;background:var(--error,#ef4444)}.confirm-dialog--danger .confirm-dialog__btn--danger:hover:not(:disabled){background:#dc2626;background:var(--error-dark,#dc2626)}.confirm-dialog--warning .confirm-dialog__btn--warning{background:#f59e0b;background:var(--warning,#f59e0b);color:#1f2937;color:var(--surface-3,#1f2937)}.confirm-dialog--warning .confirm-dialog__btn--warning:hover:not(:disabled){background:#d97706;background:var(--warning-dark,#d97706)}@media (max-width:768px){.confirm-dialog-overlay{align-items:flex-end;padding:0}.confirm-dialog{animation:confirmDialogSlideUp .25s ease-out;border-radius:16px 16px 0 0;max-width:100%;padding:1.25rem 1.25rem max(1.25rem,env(safe-area-inset-bottom))}@keyframes confirmDialogSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirm-dialog:before{background:#ffffff4d;border-radius:2px;content:"";display:block;height:4px;margin:0 auto .75rem;width:40px}.confirm-dialog__actions{flex-direction:column-reverse;gap:.5rem}.confirm-dialog__btn{min-height:44px;padding:1rem 1.25rem;width:100%}}@media (max-width:480px){.confirm-dialog{padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}.confirm-dialog__title{font-size:1rem}.confirm-dialog__message{font-size:.875rem}}.content-browser{display:flex;flex-direction:column;gap:.25rem;margin:0 auto;max-width:1200px;width:100%}.content-browser-header{display:flex;flex-direction:column;gap:.5rem;padding:clamp(16px,2vw,24px) clamp(16px,4vw,32px) 0}.content-browser-header__status{color:#f87171e6;font-size:.75rem;opacity:.85}.content-browser-categories{border-radius:999px;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.content-browser-category{background:#1e293b80;border:1px solid #94a3b840;border-radius:999px;color:#bfdbfed9;font-size:.78rem;font-weight:500;letter-spacing:.01em;padding:.25rem 1rem;transition:background .18s ease,border-color .18s ease}.content-browser-category.is-active{background:#4f46e559;border-color:#6366f1bf;box-shadow:0 6px 18px #4f46e547;color:#fffffff5}.content-browser-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.content-browser-pill{align-items:center;background:#0f172a99;border:1px solid #94a3b83d;border-radius:999px;color:#f1f5f9d1;display:inline-flex;font-size:.78rem;gap:.25rem;letter-spacing:.01em;padding:.25rem 1rem;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background .18s ease}.content-browser-pill__icon{font-size:.9em;line-height:1;opacity:.85}.content-browser-pill.is-active .content-browser-pill__icon{opacity:1}.content-browser-pill__label{display:inline}.content-browser-pill.is-active{background:#082f49d9;border-color:#0ea5e9cc;box-shadow:inset 0 0 0 1px #0ea5e959;color:#f0f9ff}.content-browser-pills--inline{flex:1 1 100%;margin:8px 0 0}.content-browser-drawers{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px;width:100%}.content-browser-drawer{background:#1e293bb3;border:1px solid #47556959;border-radius:.75rem;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.content-browser-drawer:hover{border-color:#47556980}.content-browser-drawer__header{grid-gap:12px;align-items:center;background:#0000;border:none;color:#f8fafce6;cursor:pointer;display:grid;font-size:.875rem;font-weight:500;gap:12px;grid-template-columns:auto 1fr auto auto;padding:12px;transition:all .2s ease;width:100%}.content-browser-drawer__header:hover{background:#47556926}.content-browser-drawer__header.is-expanded{background:#818cf81f;border-bottom:1px solid #47556940}.content-browser-drawer__header.is-empty{opacity:.5}.content-browser-drawer__header.is-active{color:#c7d2fe}.content-browser-drawer__icon{font-size:1.1rem;opacity:.9;text-align:center;width:1.5rem}.content-browser-drawer__label{font-weight:600;text-align:left}.content-browser-drawer__count{font-feature-settings:"tnum";align-items:center;background:#818cf833;border-radius:999px;color:#c7d2fee6;display:inline-flex;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;height:22px;justify-content:center;min-width:24px;padding:0 8px}.content-browser-drawer__toggle{color:#94a3b899;font-size:.75rem;transition:transform .2s ease,color .2s ease}.content-browser-drawer__header.is-expanded .content-browser-drawer__toggle{color:#818cf8e6}.content-browser-drawer__content{grid-gap:8px;background:#0f172a59;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));padding:12px}.content-browser-drawer__content::-webkit-scrollbar{width:5px}.content-browser-drawer__content::-webkit-scrollbar-thumb{background:#818cf84d;border-radius:999px}.content-browser-drawer__content::-webkit-scrollbar-thumb:hover{background:#818cf880}.content-browser-drawer__item{align-items:center;aspect-ratio:1;background:#1e293b99;border:2px solid #0000;border-radius:12px;cursor:grab;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4px;position:relative;transition:all .15s ease}.content-browser-drawer__item:active{cursor:grabbing}.content-browser-drawer__item:hover{background:#818cf826;border-color:#818cf899;transform:scale(1.05)}.content-browser-drawer__item:hover .content-browser-drawer__item-name{opacity:1}.content-browser-drawer__item.is-selected{background:#818cf833;border-color:#818cf8cc;box-shadow:0 0 0 2px #818cf833}.content-browser-drawer__item-preview{background:#0000;border-radius:8px;height:100%;object-fit:contain;width:100%}.content-browser-drawer__item-fallback{align-items:center;background:#0f172a66;border-radius:8px;display:flex;font-size:1.5rem;height:100%;justify-content:center;opacity:.6;width:100%}.content-browser-drawer__item-name{background:linear-gradient(#0000,#000000bf);bottom:0;color:#fffffff2;font-size:.6rem;font-weight:600;left:0;opacity:0;overflow:hidden;padding:4px 2px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;transition:opacity .15s ease;white-space:nowrap}.content-browser-drawer__more{align-items:center;color:#818cf8b3;display:flex;font-size:.75rem;font-weight:500;grid-column:1/-1;justify-content:center;padding:12px}.content-browser-drawer__empty{background:#0f172a40;color:#94a3b8a6;font-size:.85rem;font-style:italic;padding:20px;text-align:center}.content-controls{display:flex;flex-direction:column;gap:12px;overflow-x:hidden;padding-bottom:8px}.content-controls__row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.content-controls__row--primary{flex-wrap:wrap}.content-controls__row--secondary{border-top:1px solid #94a3b826;padding-top:4px}.search-bar{flex:1 1 280px;min-width:240px}.content-browser.compact .search-bar{flex-basis:100%;min-width:100%}.search-bar input{background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;color:var(--text-primary);font-size:14px;padding:12px 16px;width:100%}.search-bar input:focus{border-color:#0ea5e9e6;box-shadow:0 0 0 3px #0e74e940;outline:none}.content-controls__filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;min-width:240px}.content-browser.compact .content-controls__actions,.content-browser.compact .content-controls__filters,.content-browser.compact .view-controls{flex:1 1 100%}.content-browser.compact .content-controls__actions{justify-content:flex-start;margin-left:0}.content-browser.compact .view-controls{justify-content:flex-start}.content-sort{color:#e2e8f0c7;display:flex;flex-direction:column;font-size:12px;gap:4px}.content-sort select{background:#0f172ab8;border:1px solid #94a3b866;border-radius:8px;color:#fff;min-width:140px;padding:8px 12px}.content-sort__order{background:#1e293ba6;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0e6;cursor:pointer;font-size:13px;min-height:44px;padding:12px}.content-sort__order:hover{background:#4f46e547;border-color:#818cf8b3}.content-filter-checkbox{align-items:center;color:#e2e8f0d9;display:inline-flex;font-size:13px;font-weight:500;gap:8px}.content-filter-checkbox input{height:18px;width:18px}.view-controls{display:flex;gap:8px}.view-controls button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;min-height:44px;padding:12px 16px;transition:all .2s ease}.view-controls button:hover{background:var(--tertiary-bg)}.view-controls button.active{background:#1d4ed8;background:var(--primary-color,#1d4ed8);border-color:#1d4ed8;border-color:var(--primary-color,#1d4ed8);color:#fff}.content-controls__actions{display:inline-flex;flex-wrap:wrap;gap:8px;margin-left:auto}.content-controls__actions button{background:#1e293ba6;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0f2;cursor:pointer;font-size:13px;font-weight:600;min-height:42px;padding:12px 16px;transition:border-color .2s ease,background .2s ease}.content-controls__actions button:hover{background:#4f46e547;border-color:#818cf8b3}.content-controls__clear-btn{border-color:#f8717166;color:#f87171}.content-controls__clear-btn:hover{background:#ef444426;border-color:#f87171b3}.content-controls__clear-btn--danger{background:#ef44441a;border-color:#ef444499;color:#ef4444}.content-controls__clear-btn--danger:hover{background:#ef444440;border-color:#ef4444e6}.content-controls__note{color:#f8fafccc;font-size:12px;margin:-8px 0 0}.content-filters{align-items:center;background:#0b11208c;border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--glass-border,#94a3b82e);display:flex;flex-wrap:wrap;gap:20px;overflow-x:hidden;padding:12px 24px}.filter-group label{color:#666;color:var(--text-secondary,#666);white-space:nowrap}.filter-group select{border:1px solid var(--border-color);border-radius:4px;min-height:40px;min-width:120px}.filter-group input[type=\"checkbox\"]{margin-right:4px}.content-grid{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 4px 24px}.content-grid.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.content-grid.list{display:flex;flex-direction:column;gap:16px}.content-grid-nav{align-items:center;border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--glass-border,#94a3b82e);display:none;gap:12px;justify-content:space-between;margin-bottom:12px;padding:0 8px 8px}.content-grid-nav button{align-items:center;background:#0f172ab3;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0f2;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.01em;padding:8px 12px}.content-grid-nav button[disabled]{cursor:not-allowed;opacity:.6}.content-grid-nav__status{color:#94a3b8e6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card.list{flex-direction:column;height:auto}.content-card.list .content-preview{height:180px;width:100%}.search-bar{min-width:auto}.content-card{background:#1218268c;background:var(--glass-bg,#1218268c);border:1px solid #b8c6f01a;border:1px solid var(--glass-border,#b8c6f01a);color:#fff;transition:all .2s ease}.content-card:hover{border-color:#1d4ed8;border-color:var(--primary-color,#1d4ed8);box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.content-card:focus-visible{outline:3px solid #1d4ed8;outline:3px solid var(--primary-color,#1d4ed8);outline-offset:-3px}.content-card.selected{border-color:#1d4ed8;border-color:var(--primary-color,#1d4ed8);box-shadow:0 0 0 3px #1d4ed82e}.content-card--locked{border-color:#eab308a6;box-shadow:0 0 0 1px #eab3084d}.content-card--locked .content-preview:after{align-items:center;background:#0f172a8c;color:#fbbf24f2;content:"Awaiting approval";display:flex;font-size:12px;inset:0;justify-content:center;letter-spacing:.08em;pointer-events:none;position:absolute;text-transform:uppercase}.content-card--locked .install-btn{background:#eab30833;border:1px dashed #eab30899;color:#facc15f2;cursor:not-allowed}.content-card.list{display:flex;flex-direction:row;height:180px}.content-card.list .content-preview{flex-shrink:0;width:280px}.content-card.list .content-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.content-preview{background:var(--secondary-bg);height:clamp(90px,14vw,140px);overflow:hidden;position:relative}.content-card.list .content-preview{height:100%}.content-preview img,.content-preview video{display:block;height:100%;object-fit:cover;width:100%}.content-preview video{background:#000}.content-preview__video-wrapper{height:100%;position:relative;width:100%}.content-preview__media-pill{background:#0f172ab3;border:1px solid #94a3b866;border-radius:999px;color:#f8fafceb;font-size:12px;left:12px;letter-spacing:.08em;padding:4px 12px;position:absolute;text-transform:uppercase;top:12px}.content-preview__audio{align-items:center;background:radial-gradient(circle at top,#4f46e533,#0f172ae6);border:1px dashed #94a3b859;display:flex;flex-direction:column;gap:.25rem;inset:0;justify-content:center;padding:1rem;position:absolute;text-align:center}.content-preview__audio-icon{border:1px solid #94a3b899;border-radius:999px;color:#f8fafce6;font-size:.75rem;letter-spacing:.08em;padding:.25rem .75rem;text-transform:uppercase}.content-preview__audio-text{color:#e2e8f0e6;display:flex;flex-direction:column;gap:2px}.content-preview__audio-text small{font-size:.75rem;opacity:.8}.content-preview__placeholder{align-items:center;background:radial-gradient(circle at top,#3b82f614,#0f172ad9);border:1px dashed #94a3b859;color:#e2e8f0a6;display:flex;font-size:12px;inset:0;justify-content:center;letter-spacing:.08em;padding:1rem;pointer-events:none;position:absolute;text-align:center;text-transform:uppercase}.content-preview__placeholder--deferred{font-size:.85rem;letter-spacing:.02em;padding-inline:1.5rem;text-transform:none}.title-overlay{background:linear-gradient(180deg,#0000,#0000008c 35%,#000000bf);bottom:0;color:#fff;left:0;padding:12px;position:absolute;right:0}.title-overlay .title{font-size:18px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #00000080}.title-overlay .title:before{content:attr(data-label)}.title-overlay .subtitle{font-size:12px;margin-top:2px;opacity:.85}.content-card.grid .content-name,.content-card.list .title-overlay{display:none}.featured-badge,.verified-badge{background:var(--primary);border-radius:12px;color:var(--text-inverse);font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.featured-badge{background:var(--warning);right:8px;top:36px}.pending-badge,.rejected-badge{border-radius:12px;box-shadow:0 4px 12px #00000040;font-size:12px;font-weight:600;left:8px;letter-spacing:.04em;padding:4px 12px;position:absolute;text-transform:uppercase;top:8px}.pending-badge{background:#eab308eb;color:#111827e6}.rejected-badge{background:#ef4444eb;color:#fff}.content-info{padding:16px}.content-name{color:inherit;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 8px}.content-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 12px;overflow:hidden}.content-meta{color:var(--text-muted);display:flex;font-size:13px;gap:16px;margin-bottom:12px}.content-detail__title{color:inherit;font-size:20px;font-weight:600;margin:0}.content-meta span{align-items:center;display:flex;gap:4px}.content-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{padding:2px 8px}.content-details{color:#666;color:var(--text-secondary,#666);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:16px}.content-details span{background:var(--tertiary-bg);border:1px solid var(--glass-border);border-radius:4px;padding:4px 8px}.content-approval-indicator{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;margin-bottom:12px;padding:8px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.content-approval-indicator.pending{background:#eab3081f;border-color:#eab30866;color:#eab308f5}.content-approval-indicator.approved{background:#16a34a1f;border-color:#22c55e59;color:#22c55eeb}.content-approval-indicator.rejected{background:#ef44441a;border-color:#ef444459;color:#f87171f2}.price{background:var(--surface-success-bg)!important;color:var(--surface-success-text)!important;font-weight:600}.content-actions{align-items:center;gap:8px}.delete-btn{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#ef4444e6;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:600;height:36px;justify-content:center;line-height:1;min-height:36px;padding:0;transition:background .15s,border-color .15s,color .15s;width:36px}.delete-btn:hover{background:#ef444440;border-color:#ef444499;color:#ef4444}.selected-badge{background:#009933f2;border-radius:12px;box-shadow:0 2px 6px #00000040;color:#fff;font-size:12px;font-weight:700;left:12px;padding:4px 8px;position:absolute;top:12px}.install-btn,.purchase-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;transition:all .2s ease}.install-btn{background:#1d4ed8;background:var(--primary-color,#1d4ed8);color:#fff}.install-btn:hover{background:#1e40af;background:var(--primary-dark,#1e40af)}.purchase-btn{background:#28a745;background:var(--success-color,#28a745);color:#fff}.purchase-btn:hover{background:#1e7e34;background:var(--success-dark,#1e7e34)}.content-browser-footer{align-items:center;background:#0b112099;border-top:1px solid #94a3b82e;border-top:1px solid var(--glass-border,#94a3b82e);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px clamp(16px,4vw,32px) 16px}.selection-toolbar{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:12px}.selection-summary{color:#e2e8f0e6;font-size:13px}.selection-actions{flex-wrap:wrap;gap:8px}.selection-actions button{background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0f2;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:border-color .18s ease,background .18s ease}.selection-actions button:hover{background:#4f46e547;border-color:#818cf8b3}.content-browser-body{grid-gap:clamp(16px,2vw,28px);background:linear-gradient(125deg,#0d17228c,#0e121c61);display:grid;flex:1 1 auto;gap:clamp(16px,2vw,28px);grid-template-columns:minmax(230px,320px) minmax(0,1fr);min-height:0;padding:clamp(16px,2vw,24px) clamp(16px,4vw,32px)}.content-browser-sidebar{background:#1e293b73;border:1px solid #94a3b82e;border:1px solid var(--glass-border,#94a3b82e);border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:16px}.folder-explorer{display:flex;flex-direction:column;gap:16px}.folder-explorer__section{background:#0f172a59;border:1px solid #94a3b840;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.folder-explorer__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.folder-explorer__header h3{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:15px;font-weight:600;margin:0}.folder-explorer__header p{color:#94a3b8d9;font-size:12px;margin:2px 0 0}.folder-explorer__header button{background:#4f46e52e;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0f2;cursor:pointer;font-size:12px;padding:8px 12px;transition:border-color .18s ease,background .18s ease}.folder-explorer__header button:disabled{cursor:not-allowed;opacity:.65}.folder-explorer__header button:not(:disabled):hover{background:#6366f159;border-color:#818cf899}.folder-explorer__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.folder-explorer__empty{color:#94a3b8d9;font-size:12px;margin:0}.folder-explorer__status{align-items:center;color:#94a3b8e6;display:flex;font-size:12px;gap:8px}.folder-explorer__status--error{color:#f87171f2}.folder-explorer__status button{background:#f871711f;border:1px solid #f8717199;border-radius:999px;color:#f87171f2;cursor:pointer;font-size:12px;padding:4px 12px}@media (max-width:1280px){.content-browser-body{gap:16px;grid-template-columns:minmax(0,1fr)}.content-browser-sidebar{order:1}.content-grid{order:2}.content-grid-nav{display:flex}}@media (max-width:1024px){.content-controls{align-items:stretch;flex-direction:column}.content-controls__filters{width:100%}.content-controls__actions{justify-content:space-between;width:100%}.view-controls{width:100%}.view-controls button{flex:1 1}.content-filters{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.filter-group{justify-content:space-between;width:100%}}@media (max-width:640px){.content-browser-footer{gap:12px}.content-browser-footer,.selection-toolbar{align-items:flex-start;flex-direction:column}.selection-toolbar{width:100%}.content-grid.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.folder-explorer__grid{grid-template-columns:minmax(0,1fr)}.content-card.list{flex-direction:column;height:auto}.content-card.list .content-preview{height:180px;width:100%}.search-bar{min-width:auto}.content-controls__actions{align-items:stretch;flex-direction:column;gap:8px}.content-controls__actions button{width:100%}.content-controls__filters{align-items:stretch;flex-direction:column}}@media (max-width:480px){.content-browser{gap:.25rem}.content-browser-header{gap:.25rem;padding:12px 12px 0}.content-browser-category,.content-browser-pill{font-size:.75rem;padding:.25rem .75rem}.content-controls{gap:8px}.search-bar input{font-size:13px;padding:12px}.content-controls__actions button,.view-controls button{font-size:12px;min-height:36px;padding:8px 12px}.content-browser-body,.content-browser-sidebar{padding:12px}.content-grid{gap:12px;padding:0}.content-grid-nav{align-items:flex-start;flex-direction:column;gap:8px;padding:0 0 12px}.content-preview{height:clamp(80px,14vw,120px)}.content-card.list{height:auto}.content-card.list .content-preview{width:100%}.content-info{padding:12px}.folder-card{gap:12px;padding:8px 12px}.folder-card__text strong{font-size:.88rem}}.folder-card{align-items:center;background:#0f172a8c;border:1px solid #94a3b840;border-radius:12px;color:#e2e8f0f2;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.folder-card.is-system{background:#151e3473}.folder-card.is-active{border-color:#6366f1d9;box-shadow:0 0 0 1px #6366f173}.folder-card__icon{font-size:1.4rem}.folder-card__text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.folder-card__text strong{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-card__text small{color:#94a3b8d9;font-size:.75rem}.folder-card__actions{display:inline-flex;gap:8px}.folder-card__actions button{background:#1e293b99;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0e6;cursor:pointer;font-size:12px;height:24px;transition:background .18s ease,border-color .18s ease;width:24px}.folder-card__actions button:hover{background:#6366f159;border-color:#818cf899}.folder-card--collection{background:#082f498c;border-color:#0ea5e973}.folder-card--inline-form{align-items:stretch;flex-direction:column}.folder-card--inline-form input{background:#02061799;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0f2;font-size:13px;padding:8px 12px;width:100%}.folder-card__form-actions{display:flex;gap:8px}.folder-card__form-actions button{background:#4f46e52e;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0f2;cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px}.content-browser-detail{background:#1e293b73;border:1px solid #94a3b82e;border:1px solid var(--glass-border,#94a3b82e);border-radius:12px;min-height:0;overflow-y:auto;padding:16px}.content-detail{color:#e2e8f0f2;display:flex;flex-direction:column;gap:12px}.content-detail__title:before{content:attr(data-label)}.content-detail--empty{align-items:center;color:#94a3b8d9;justify-content:center;min-height:200px;text-align:center}.content-detail__preview{border:1px solid #94a3b840;border-radius:12px;object-fit:cover;width:100%}.content-detail__description{color:#cbd5e1e6;font-size:14px;line-height:1.45}.content-detail__meta{grid-gap:8px 12px;display:grid;font-size:13px;gap:8px 12px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;margin:0}.content-detail__meta dt{color:#94a3b8e6;font-weight:600}.content-detail__meta dd{margin:0}.content-detail__assignment{color:#bfdbfed9;font-size:13px}.content-detail__label{color:#94a3b8d9;font-size:12px;font-weight:600}.content-detail select{background:#0f172abf;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0f2;padding:8px 12px}.content-upload-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.content-upload-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;inset:0;position:absolute}.content-upload-modal__dialog{background:#0f172af2;border:1px solid #94a3b847;border-radius:12px;box-shadow:0 24px 64px #080c1873;max-height:calc(100% - 80px);overflow-y:auto;padding:24px;position:relative;width:min(520px,calc(100% - 32px))}.content-upload-modal__header{align-items:center;color:#e2e8f0f2;display:flex;justify-content:space-between;margin-bottom:16px}.content-upload-modal__header h3{font-size:20px;margin:0}.content-upload-modal__header button{background:none;border:none;color:#e2e8f0cc;cursor:pointer;font-size:20px}.content-upload-modal__form{display:flex;flex-direction:column;gap:12px}.content-upload-modal__field{color:#cbd5e1eb;display:flex;flex-direction:column;font-size:13px;gap:8px}.content-upload-modal__field input,.content-upload-modal__field select,.content-upload-modal__field textarea{background:#0f172acc;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0f2;font-size:14px;padding:8px 12px}.content-upload-modal__field input[type=file]{background:#0f172aa6;padding:8px}.content-upload-modal__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.content-upload-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.content-upload-modal__actions button{background:#4f46e540;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0f2;cursor:pointer;font-weight:500;padding:12px 16px}.content-upload-modal__actions button[type=submit]{background:#6366f1;background:var(--primary-color,#6366f1);border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.content-upload-modal__actions button[disabled]{cursor:wait;opacity:.6}.content-upload-modal__error{background:#ef44441f;border-radius:8px;color:#fca5a5f2;margin:0;padding:8px 12px}.results-count{color:var(--text-muted);font-size:14px}.selection-actions{align-items:center;gap:12px}.bulk-install{background:#1d4ed8;background:var(--primary-color,#1d4ed8);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.bulk-install:hover{background:#1e40af;background:var(--primary-dark,#1e40af)}.content-browser.error,.content-browser.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:var(--text-muted);font-size:16px}.error-message{text-align:center}.error-message h3{color:var(--surface-danger-text);margin:0 0 8px}.error-message button{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-bg);border-radius:4px;color:var(--btn-primary-text);margin-top:16px;padding:8px 16px}.no-content{color:var(--text-muted);grid-column:1/-1;padding:40px;text-align:center}.no-content h3{color:var(--text-primary);margin:0 0 8px}@media (prefers-reduced-motion:reduce){.content-card{transition:none}.content-card:hover{transform:none}}@media (prefers-color-scheme:dark){.content-browser{--background-color:#1a1a1a;--surface-color:#2d2d2d;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--hover-color:#3a3a3a;--tag-bg:#404040;--tag-text:#fff;--detail-bg:#404040}.content-card,.filter-group select,.search-bar input{background:var(--surface-color);color:var(--text-color)}}.content-hover-preview{animation:hoverPreviewFadeIn .2s ease-out;background:linear-gradient(165deg,#1e1e2afa,#161620fa);border:1px solid #6366f166;border-radius:12px;box-shadow:0 20px 50px #00000080,0 0 40px #6366f126,inset 0 1px 0 #ffffff0f;overflow:hidden;pointer-events:none;width:280px}@keyframes hoverPreviewFadeIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.content-hover-preview__image{background:#0f172acc;height:200px;overflow:hidden;position:relative;width:100%}.content-hover-preview__image img{display:block;height:100%;object-fit:contain;width:100%}.content-hover-preview__info{display:flex;flex-direction:column;gap:4px;padding:12px}.content-hover-preview__name{color:#fffffff2;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-hover-preview__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8d9;display:-webkit-box;font-size:.75rem;line-height:1.4;margin:0;overflow:hidden}.content-hover-preview__hint{color:#6366f1d9;font-size:.75rem;font-weight:500;margin-top:8px}@media (hover:none){.content-hover-preview{display:none}}.image-carousel{background:#1216208c;border:1px solid #ffffff29;border-radius:12px;display:flex;flex-direction:column;touch-action:pan-y}.image-carousel,.image-carousel__viewport{overflow:hidden;position:relative}.image-carousel__image{display:block;height:auto;max-height:520px;object-fit:cover;width:100%}.image-carousel__counter{border-radius:999px;font-size:.78rem;font-weight:600;left:12px;padding:4px 12px;pointer-events:none;top:12px}.image-carousel__counter,.image-carousel__nav{background:#0000008c;color:#fff;position:absolute}.image-carousel__nav{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;top:50%;transform:translateY(-50%);transition:background .2s ease;width:42px}.image-carousel__nav:hover{background:#000000bf}.image-carousel__nav--prev{left:12px}.image-carousel__nav--next{right:12px}.image-carousel__dots{align-items:center;bottom:12px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.image-carousel__dot{background:#ffffff59;border:none;border-radius:50%;cursor:pointer;height:10px;transition:transform .2s ease,background .2s ease;width:10px}.image-carousel__dot.is-active{background:#fff;transform:scale(1.1)}.image-carousel__caption{background:#0c101aa6;border-top:1px solid #ffffff1f;display:flex;flex-direction:column;gap:8px;padding:12px 16px}.image-carousel__caption-text{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4}.image-carousel__description-text{color:var(--text-secondary);font-size:.85rem;line-height:1.35}@media (max-width:768px){.image-carousel__image{max-height:360px}}.ia-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200;z-index:var(--z-modal,1200)}.ia-shell{background:#080c18f7;border:1px solid #6366f138;border-radius:16px;box-shadow:0 0 0 1px #6366f114,0 32px 80px #000000b3,inset 0 0 120px #6366f10f;display:flex;flex-direction:column;height:min(90vh,900px);overflow:hidden;width:min(1400px,100%)}.ia-topbar{align-items:center;background:#0f142899;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:16px;padding:12px 20px}.ia-topbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700;margin:0;white-space:nowrap}.ia-topbar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.ia-btn{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 16px;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}.ia-btn:active{transform:scale(.97)}.ia-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf659;color:#fff}.ia-btn-primary:hover{background:linear-gradient(135deg,#7c7ff5,#a06ef7);box-shadow:0 0 18px #6366f173}.ia-btn-play{background:#34d3991f;border-color:#34d39940;color:#34d399}.ia-btn-play.active,.ia-btn-play:hover{background:#34d39938;box-shadow:0 0 14px #34d3994d}.ia-btn-ghost{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.ia-btn-ghost:hover{background:#ffffff1a;color:#fff}.ia-body{display:grid;flex:1 1;grid-template-columns:220px 1fr 264px;overflow:hidden}.ia-left{background:#0a0e1c80;border-right:1px solid #ffffff0d;display:flex;flex-direction:column;overflow-y:auto;scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.ia-left-header{flex-shrink:0;padding:12px 12px 8px}.ia-panel-title{color:#a5b4fc99;display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.ia-add-buttons{display:flex;flex-wrap:wrap;gap:4px}.ia-add-btn{background:#6366f11a;border:1px solid #6366f140;border-radius:6px;color:#a5b4fc;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;min-width:60px;padding:5px 8px;transition:background .15s,box-shadow .15s}.ia-add-btn:hover{background:#6366f138;box-shadow:0 0 10px #6366f140}.ia-shape-picker{grid-gap:4px;background:#6366f10d;border-bottom:1px solid #ffffff0d;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:6px 12px}.ia-shape-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:2px;padding:6px 4px;transition:background .12s,border-color .12s}.ia-shape-btn:hover{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.ia-shape-icon{font-size:1.2em;line-height:1}.ia-shape-label{font-size:.65rem;opacity:.8}.ia-layer-list{flex:1 1;list-style:none;margin:0;padding:6px 0}.ia-layer-item{border-left:2px solid #0000;cursor:pointer;padding:6px 10px;transition:background .12s,border-color .12s}.ia-layer-item:hover{background:#ffffff0a}.ia-layer-item.selected{background:#6366f11f;border-left-color:#6366f1}.ia-layer-item.hidden{opacity:.45}.ia-layer-row{align-items:center;display:flex;gap:4px}.ia-layer-name-wrap{flex:1 1;min-width:0;overflow:hidden}.ia-layer-name{color:#ffffffd9;display:block;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-rename-input{background:#6366f126;border:1px solid #6366f166;border-radius:4px;color:#eee;font-size:.78rem;padding:2px 6px;width:100%}.ia-layer-actions{display:flex;gap:2px}.ia-layer-badge{background:#6366f12e;border-radius:10px;color:#a5b4fc;display:inline-block;font-size:.62rem;margin-top:3px;padding:1px 7px}.ia-layer-badge--kf{background:#f59e0b26;color:#fbbf24}.ia-layer-empty{color:#ffffff4d;font-size:.75rem;line-height:1.5;padding:20px 12px;text-align:center}.ia-icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:22px;justify-content:center;padding:0;transition:background .1s,color .1s;width:22px}.ia-icon-btn:hover{background:#ffffff14;color:#fff}.ia-delete-btn:hover{background:#ef444426;color:#f87171}.ia-center{background:#060911;display:flex;flex-direction:column}.ia-canvas,.ia-center{overflow:hidden;position:relative}.ia-canvas{cursor:default;flex:1 1;outline:none;-webkit-user-select:none;user-select:none}.ia-canvas:focus-visible{outline:2px solid #6366f166}.ia-canvas-bg{inset:0;position:absolute;z-index:0}.ia-canvas-grid{background-image:repeating-linear-gradient(hsla(0,0%,100%,.025) 0 1px,#0000 1px 100%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.025) 0 1px,#0000 1px 100%);background-size:40px 40px;z-index:1}.ia-canvas-grid,.ia-canvas-vignette{inset:0;pointer-events:none;position:absolute}.ia-canvas-vignette{z-index:6}.ia-canvas-hint{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.ia-canvas-hint p{color:#fff3;font-size:.9rem;font-weight:600;margin:4px 0}.ia-canvas-hint-sub{font-size:.75rem!important;font-weight:400!important}.ia-pending-badge{background:#f59e0bd9;border-radius:3px;color:#000;font-size:.62rem;font-weight:700;left:0;padding:2px 6px;pointer-events:none;position:absolute;top:0}.ia-timeline{background:#060914e6;border-top:1px solid #ffffff0f;flex-shrink:0;padding:6px 12px 8px}.ia-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ia-timeline-label{color:#a5b4fc99;font-size:.75rem;font-weight:600}.ia-add-kf-btn{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;color:#fbbf24;cursor:pointer;font-size:.75rem;font-weight:700;padding:3px 10px;transition:background .12s}.ia-add-kf-btn:hover{background:#f59e0b33}.ia-timeline-track{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;height:32px;overflow:visible;position:relative}.ia-timeline-click-zone{cursor:crosshair;inset:0;position:absolute;z-index:1}.ia-timeline-tick{background:#ffffff14;bottom:0;pointer-events:none;position:absolute;top:0;width:1px}.ia-tick-label{bottom:2px;color:#ffffff40;font-size:.62rem;left:3px;position:absolute}.ia-kf-diamond{background:none;border:none;color:#f59e0b;cursor:pointer;filter:drop-shadow(0 0 5px rgba(245,158,11,.6));font-size:.85rem;line-height:1;padding:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:filter .12s,transform .1s;z-index:3}.ia-kf-diamond:hover{filter:drop-shadow(0 0 8px rgba(245,158,11,.9));transform:translateX(-50%) translateY(-50%) scale(1.3)}.ia-right{background:#0a0e1c80;border-left:1px solid #ffffff0d;overflow-y:auto;scrollbar-color:#6366f14d #0000;scrollbar-width:thin}.ia-no-selection{color:#ffffff40;font-size:.8rem;line-height:1.6;padding:32px 16px;text-align:center}.ia-props{padding-bottom:24px}.ia-section{border-bottom:1px solid #ffffff0d}.ia-section-header{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .12s;width:100%}.ia-section-header:hover{background:#ffffff0a}.ia-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c084fc);background:linear-gradient(135deg,var(--accent,#a5b4fc),#c084fc);-webkit-background-clip:text;background-clip:text;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ia-section-arrow{font-size:.75rem;opacity:.5}.ia-section-body{display:flex;flex-direction:column;gap:6px;padding:6px 14px 14px}.ia-slider-row{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:72px 1fr 36px}.ia-slider-label{color:#ffffff80;font-size:.75rem;white-space:nowrap}.ia-slider{appearance:none;-webkit-appearance:none;background:#ffffff1f;border-radius:2px;cursor:pointer;height:3px;outline:none}.ia-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#6366f1;border-radius:50%;box-shadow:0 0 6px #6366f199;cursor:grab;height:12px;width:12px}.ia-slider::-moz-range-thumb{background:#6366f1;border:none;border-radius:50%;cursor:grab;height:12px;width:12px}.ia-slider-val{color:#ffffff73;font-family:monospace;font-size:.68rem;text-align:right}.ia-label{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;gap:8px;justify-content:space-between}.ia-label-row{cursor:pointer;gap:8px;justify-content:flex-start}.ia-label input[type=color]{background:none;border:1px solid #ffffff1f;border-radius:4px;cursor:pointer;height:22px;padding:1px;width:34px}.ia-select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;color:#fffc;cursor:pointer;flex:1 1;font-size:.75rem;padding:3px 6px}.ia-select:focus{border-color:#6366f159;outline:1px solid #6366f180}.ia-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffd9;font-family:inherit;font-size:.8rem;line-height:1.4;padding:7px 9px;resize:vertical;width:100%}.ia-textarea:focus{border-color:#6366f14d;outline:1px solid #6366f166}.ia-shape-mini-picker{display:flex;flex:1 1;flex-wrap:wrap;gap:3px;margin-top:4px}.ia-shape-mini-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;color:#fff9;cursor:pointer;font-size:.85rem;height:26px;transition:background .1s,border-color .1s,color .1s;width:26px}.ia-shape-mini-btn:hover{background:#6366f12e;color:#a5b4fc}.ia-shape-mini-btn.active{background:#6366f147;border-color:#6366f1;box-shadow:0 0 6px #6366f173;color:#a5b4fc}.ia-align-buttons{display:flex;flex:1 1;gap:4px}.ia-align-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;color:#ffffff80;cursor:pointer;flex:1 1;font-size:.6rem;padding:3px;transition:background .1s}.ia-align-btn.active,.ia-align-btn:hover{background:#6366f138;border-color:#6366f166}.ia-kf-list{background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px}.ia-kf-list-title{color:#fbbf24b3;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.ia-kf-row{align-items:center;display:flex;gap:6px}.ia-kf-time{color:#fbbf24;flex-shrink:0;font-family:monospace;font-size:.75rem;width:36px}.ia-kf-easing{font-size:.75rem;padding:2px 4px}.ia-kf-hint{color:#ffffff47;font-size:.75rem;line-height:1.5;margin-top:4px}.ia-kf-hint strong{color:#fbbf2480}.ia-library-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:50}.ia-library-modal{background:#0a0e1efa;border:1px solid #6366f140;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:min(700px,100%)}.ia-library-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:14px 18px}.ia-library-header h3{color:#a5b4fce6;font-size:.95rem;font-weight:700;margin:0}.ia-library-actions{display:flex;gap:8px}.ia-upload-error{background:#ef44441a;color:#f87171;font-size:.78rem;margin:0;padding:8px 18px}.ia-library-browser{flex:1 1;overflow-y:auto;padding:12px}.ia-left::-webkit-scrollbar,.ia-right::-webkit-scrollbar{width:4px}.ia-left::-webkit-scrollbar-track,.ia-right::-webkit-scrollbar-track{background:#0000}.ia-left::-webkit-scrollbar-thumb,.ia-right::-webkit-scrollbar-thumb{background:#6366f140;border-radius:2px}@media (max-width:900px){.ia-body{grid-template-columns:190px 1fr}.ia-right{display:none}}@media (max-width:640px){.ia-body{grid-template-columns:1fr}.ia-left{border-bottom:1px solid #ffffff0f;border-right:none;max-height:200px}}.eve-voice-visualizer{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.eve-voice-visualizer__canvas{background:radial-gradient(circle at center,#10b9810d 0,#0000004d 100%);border-radius:50%;box-shadow:0 0 20px #10b9811a,inset 0 0 15px #10b9810d}.eve-voice-visualizer__listening-badge{align-items:center;background:#10b98126;border-radius:12px;color:#10b981;display:flex;font-size:11px;font-weight:500;gap:8px;padding:4px 12px}.eve-voice-visualizer__listening-dot{animation:listening-pulse 1s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes listening-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.eve-voice-visualizer--compact .eve-voice-visualizer__canvas{height:60px;width:60px}.eve-voice-visualizer--compact .eve-voice-visualizer__listening-badge{font-size:9px;padding:2px 8px}.eve-floating{--eve-green:var(--success,#10b981);--eve-green-dark:var(--success-dark,#059669);--eve-green-glow:#10b98166;--eve-panel-bg:var(--bg-secondary,#1e293b);--eve-panel-bg-deep:var(--bg-primary,#0f172a);--eve-text:var(--text-primary,#f1f5f9);--eve-text-dim:var(--text-secondary,#94a3b8);--eve-text-placeholder:var(--text-muted,#64748b);--eve-border:#ffffff14;--eve-surface:#ffffff14;--eve-surface-hover:#ffffff26;--eve-user-bubble:var(--accent-purple,#8b5cf6);--eve-user-bubble-end:var(--accent-secondary,#6366f1);--eve-error:var(--error,#ef4444);--eve-error-light:var(--error-light,#f87171);--eve-warning:var(--warning,#f59e0b);--eve-accent-light:var(--accent-purple-light,#c4b5fd);bottom:24px;font-family:system-ui,-apple-system,sans-serif;font-family:var(--font-body,system-ui,-apple-system,sans-serif);position:fixed;right:24px;z-index:9990;z-index:var(--z-fab,9990)}.eve-floating__fab{align-items:center;background:linear-gradient(135deg,var(--eve-green) 0,var(--eve-green-dark) 100%);border:none;border-radius:50%;box-shadow:0 4px 20px var(--eve-green-glow),0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:56px}.eve-floating__fab:hover{box-shadow:0 6px 28px #10b98180,0 4px 12px #00000040;transform:scale(1.08)}.eve-floating__fab:active{transform:scale(.96)}.eve-floating__fab--minimized{animation:eve-pulse 2s ease-in-out 2}@keyframes eve-pulse{0%,to{box-shadow:0 4px 20px var(--eve-green-glow)}50%{box-shadow:0 4px 28px #10b98199}}.eve-floating__fab-icon{font-size:28px}.eve-floating__fab-badge{align-items:center;animation:eve-badge-bounce 1s ease-in-out infinite;background:var(--eve-error);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}@keyframes eve-badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.eve-floating__panel{animation:eve-panel-slide-up .25s ease-out;background:linear-gradient(180deg,var(--eve-panel-bg) 0,var(--eve-panel-bg-deep) 100%);border-radius:16px;bottom:0;box-shadow:0 8px 40px #0006,0 0 0 1px var(--eve-border);display:flex;flex-direction:column;height:480px;max-height:calc(100vh - 120px);max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;width:360px}@keyframes eve-panel-slide-up{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.eve-floating__header{align-items:center;background:#0000004d;border-bottom:1px solid var(--eve-border);display:flex;justify-content:space-between;padding:12px 16px}.eve-floating__header-info{align-items:center;display:flex;gap:12px}.eve-floating__avatar{font-size:28px}.eve-floating__header-text{display:flex;flex-direction:column;gap:2px}.eve-floating__name{color:var(--eve-text);font-size:15px;font-weight:600}.eve-floating__tagline{font-style:italic}.eve-floating__status,.eve-floating__tagline{color:var(--eve-text-dim);font-size:12px}.eve-floating__status--online{color:var(--eve-green)}.eve-floating__status--offline{color:var(--eve-warning)}.eve-floating__header-actions{display:flex;gap:4px}.eve-floating__header-btn{align-items:center;background:var(--eve-surface);border:none;border-radius:8px;color:var(--eve-text-dim);cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:44px;min-width:44px;transition:background .15s,color .15s}.eve-floating__header-btn:hover{background:var(--eve-surface-hover);color:var(--eve-text)}.eve-floating__header-btn--close:hover{background:#ef444433;color:var(--eve-error-light)}.eve-floating__messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.eve-floating__message{display:flex;gap:8px;max-width:85%}.eve-floating__message--user{align-self:flex-end;flex-direction:row-reverse}.eve-floating__message--eve{align-self:flex-start}.eve-floating__message-avatar{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;width:28px}.eve-floating__message-bubble{word-wrap:break-word;border-radius:16px;font-size:14px;line-height:1.5;padding:12px}.eve-floating__message--eve .eve-floating__message-bubble{background:#10b98126;border-bottom-left-radius:4px;color:var(--eve-text)}.eve-floating__message--user .eve-floating__message-bubble{background:linear-gradient(135deg,var(--eve-user-bubble) 0,var(--eve-user-bubble-end) 100%);border-bottom-right-radius:4px;color:#fff}.eve-floating__message-bubble--typing{display:flex;gap:4px;padding:12px 16px}.eve-floating__typing-dot{animation:eve-typing 1.4s ease-in-out infinite;background:var(--eve-green);border-radius:50%;height:8px;width:8px}.eve-floating__typing-dot:nth-child(2){animation-delay:.2s}.eve-floating__typing-dot:nth-child(3){animation-delay:.4s}@keyframes eve-typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.eve-floating__attachments{background:#0003;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.eve-floating__attachment{align-items:center;background:#8b5cf633;border-radius:12px;color:var(--eve-accent-light);display:flex;font-size:12px;gap:8px;padding:4px 12px}.eve-floating__attachment-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eve-floating__attachment-remove{background:none;border:none;color:var(--eve-accent-light);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.eve-floating__attachment-remove:hover{color:var(--eve-error-light)}.eve-floating__input-area{align-items:center;background:#0000004d;border-top:1px solid var(--eve-border);display:flex;gap:8px;padding:12px 16px}.eve-floating__input-area--dragging{background:#10b9811a;border-top-color:var(--eve-green)}.eve-floating__file-input{display:none}.eve-floating__attach-btn{align-items:center;background:var(--eve-surface);border:none;border-radius:8px;color:var(--eve-text-dim);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:background .15s,color .15s;width:44px}.eve-floating__attach-btn:hover{background:var(--eve-surface-hover);color:var(--eve-text)}.eve-floating__text-input{background:var(--eve-surface);border:1px solid #ffffff1f;border-radius:24px;color:var(--eve-text);flex:1 1;font-size:14px;height:40px;min-width:0;outline:none;padding:0 12px;transition:border-color .15s,background .15s}.eve-floating__text-input::placeholder{color:var(--eve-text-placeholder)}.eve-floating__text-input:focus{background:#ffffff1a;border-color:var(--eve-green)}.eve-floating__text-input:disabled{opacity:.6}.eve-floating__send-btn{align-items:center;background:linear-gradient(135deg,var(--eve-user-bubble) 0,var(--eve-user-bubble-end) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:transform .15s,opacity .15s;width:40px}.eve-floating__send-btn:hover:not(:disabled){transform:scale(1.05)}.eve-floating__send-btn:active:not(:disabled){transform:scale(.95)}.eve-floating__send-btn:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.eve-floating{bottom:calc(76px + env(safe-area-inset-bottom, 0px));right:16px}.eve-floating__fab{height:52px;width:52px}.eve-floating__fab-icon{font-size:24px}.eve-floating__panel{border-radius:16px 16px 0 0;bottom:0;height:calc(100vh - 100px);max-height:560px;right:0;width:calc(100vw - 32px)}.eve-floating__messages{padding:12px}.eve-floating__message{max-width:90%}}.eve-floating__messages::-webkit-scrollbar{width:6px}.eve-floating__messages::-webkit-scrollbar-track{background:#0000}.eve-floating__messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.eve-floating__messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.eve-floating__panel--voice-mode{background:linear-gradient(180deg,var(--eve-panel-bg) 0,var(--eve-green-dark) 50%,var(--eve-panel-bg-deep) 100%)}.eve-floating__avatar-btn{background:none;border:none;border-radius:50%;cursor:pointer;padding:4px;transition:transform .2s ease,background .2s ease}.eve-floating__avatar-btn:hover{background:#ffffff1a;transform:scale(1.1)}.eve-floating__avatar-btn--voice{animation:voice-pulse 1.5s ease-in-out infinite;background:#10b98133}@keyframes voice-pulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 12px 4px #10b98199}}.eve-floating__ambient-toggle{background:none;border:none;cursor:pointer;font-size:16px;opacity:.7;padding:4px 8px;transition:opacity .2s ease}.eve-floating__ambient-toggle:hover{opacity:1}.eve-floating__ambient-selector{align-items:center;background:#0003;border-radius:8px;display:flex;gap:4px;padding:4px}.eve-floating__ambient-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s ease,transform .2s ease}.eve-floating__ambient-btn:hover{opacity:1;transform:scale(1.15)}.eve-floating__ambient-btn--active{background:#10b9814d;opacity:1}.eve-floating__ambient-volume{accent-color:var(--eve-green);cursor:pointer;height:4px;width:60px}.eve-floating__input-area--voice{justify-content:center;min-height:80px}.eve-floating__voice-input{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.eve-floating__mic-btn{background:linear-gradient(135deg,var(--eve-green) 0,var(--eve-green-dark) 100%);border:none;border-radius:50%;box-shadow:0 4px 16px var(--eve-green-glow);color:#fff;cursor:pointer;font-size:24px;height:56px;transition:transform .2s ease,box-shadow .2s ease;width:56px}.eve-floating__mic-btn:hover{box-shadow:0 6px 24px #10b98180;transform:scale(1.08)}.eve-floating__mic-btn--listening{animation:mic-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--eve-error) 0,var(--eve-error-light) 100%);box-shadow:0 4px 16px #ef444466}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{box-shadow:0 6px 28px #ef444499;transform:scale(1.05)}}.eve-floating__voice-status{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.eve-floating__voice-indicator{animation:indicator-blink 1s ease-in-out infinite;color:var(--eve-green);font-size:12px;font-weight:500}@keyframes indicator-blink{0%,to{opacity:1}50%{opacity:.5}}.eve-floating__voice-transcript{color:#ffffffe6;font-size:13px;font-style:italic;max-width:280px;word-break:break-word}.eve-floating__voice-hint{color:#ffffff80;font-size:12px}@media (prefers-reduced-motion:reduce){.eve-floating__fab--minimized,.eve-floating__fab-badge,.eve-floating__panel{animation:none}.eve-floating__typing-dot{animation:none;opacity:.6}.eve-floating__avatar-btn--voice,.eve-floating__mic-btn--listening{animation:none}.eve-floating__voice-indicator{animation:none;opacity:.75}}.eve-activity-indicator{bottom:100px;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);position:fixed;right:24px;z-index:9990;z-index:var(--z-fab,9990)}.eve-activity-indicator__dot{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:relative;transition:transform .2s ease;width:44px}.eve-activity-indicator__dot:hover{transform:scale(1.2)}.eve-activity-indicator__inner{border-radius:50%;display:block;height:10px;transition:background .3s ease;width:10px}.eve-activity-indicator.active .eve-activity-indicator__inner{background:#7c3aed;background:var(--accent-purple,#7c3aed);box-shadow:0 0 6px #7c3aed;box-shadow:0 0 6px var(--accent-purple,#7c3aed)}.eve-activity-indicator.idle .eve-activity-indicator__inner{background:#6c5ce7;background:var(--accent-secondary,#6c5ce7)}.eve-activity-indicator.warning .eve-activity-indicator__inner{background:#f59e0b;background:var(--warning,#f59e0b);box-shadow:0 0 6px #f59e0b;box-shadow:0 0 6px var(--warning,#f59e0b)}.eve-activity-indicator.disconnected .eve-activity-indicator__inner{background:#636e72;background:var(--text-tertiary,#636e72)}.eve-activity-indicator.pulsing .eve-activity-indicator__inner{animation:evePulse 1s ease-out}@keyframes evePulse{0%{box-shadow:0 0 0 0 #7c3aedb3}70%{box-shadow:0 0 0 10px #7c3aed00}to{box-shadow:0 0 0 0 #7c3aed00}}.eve-activity-indicator__badge{background:#ef4444;background:var(--error,#ef4444);border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:14px;line-height:14px;min-width:14px;padding:0 4px;position:absolute;right:-8px;text-align:center;top:-8px}.eve-activity-panel{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #2d3a5f;border:1px solid var(--border-color,#2d3a5f);border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:absolute;right:0;width:280px}.eve-activity-panel__header{align-items:center;background:linear-gradient(135deg,#7c3aed,#6c5ce7);background:linear-gradient(135deg,var(--accent-purple,#7c3aed) 0,var(--accent-secondary,#6c5ce7) 100%);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.eve-activity-panel__title{font-size:14px;font-weight:600}.eve-activity-panel__close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:.8;padding:0;transition:opacity .2s}.eve-activity-panel__close:hover{opacity:1}.eve-activity-panel__status{border-bottom:1px solid #2d3a5f;border-bottom:1px solid var(--border-color,#2d3a5f);padding:12px 16px}.status-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.status-label{color:#a0aec0;color:var(--text-secondary,#a0aec0)}.status-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500}.status-row.connected .status-value{color:#10b981;color:var(--success,#10b981)}.status-row.disconnected .status-value{color:#ef4444;color:var(--error,#ef4444)}.status-value.health-good{color:#10b981;color:var(--success,#10b981)}.status-value.health-warn{color:#f59e0b;color:var(--warning,#f59e0b)}.status-value.health-bad{color:#ef4444;color:var(--error,#ef4444)}.eve-activity-panel__activities{max-height:200px;overflow-y:auto;padding:12px 16px}.activities-header{color:#a0aec0;color:var(--text-secondary,#a0aec0);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.activities-list{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:flex-start;background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border-radius:8px;font-size:11px;gap:8px;padding:8px}.activity-icon{flex-shrink:0}.activity-message{color:#e2e8f0;color:var(--text-primary,#e2e8f0);flex:1 1;line-height:1.3}.activity-time{color:#718096;color:var(--text-tertiary,#718096);flex-shrink:0;font-size:10px}.activity-item.activity-error_detected{border-left:2px solid #ef4444;border-left:2px solid var(--error,#ef4444)}.activity-item.activity-suggestion{border-left:2px solid #7c3aed;border-left:2px solid var(--accent-purple,#7c3aed)}.activity-item.activity-insight{border-left:2px solid #38bdf8;border-left:2px solid var(--circle-color,#38bdf8)}.activity-item.activity-flow_tracked{border-left:2px solid #10b981;border-left:2px solid var(--success,#10b981)}.eve-activity-panel__empty{color:#a0aec0;color:var(--text-secondary,#a0aec0);padding:24px 16px;text-align:center}.eve-activity-panel__empty span{display:block}.empty-hint{font-size:11px;margin-top:4px;opacity:.7}.eve-activity-panel__activities::-webkit-scrollbar{width:4px}.eve-activity-panel__activities::-webkit-scrollbar-track{background:#0000}.eve-activity-panel__activities::-webkit-scrollbar-thumb{background:#2d3a5f;background:var(--border-color,#2d3a5f);border-radius:2px}@media (max-width:480px){.eve-activity-indicator{bottom:calc(136px + env(safe-area-inset-bottom, 0px));right:16px}.eve-activity-panel{right:-8px;width:calc(100vw - 32px)}}.onboarding-tour{align-items:center;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999;z-index:var(--z-max,9999)}.onboarding-tour__backdrop{animation:tour-fade-in .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:absolute}@keyframes tour-fade-in{0%{opacity:0}to{opacity:1}}.onboarding-tour__card{animation:tour-slide-up .4s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 20px 40px #0006,0 0 60px #8a2be226;max-height:85vh;max-width:640px;overflow-y:auto;position:relative;width:100%}@keyframes tour-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-tour__card--animating{animation:tour-pulse .3s ease-in-out}@keyframes tour-pulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.onboarding-tour__progress{background:#ffffff1a;height:4px;overflow:hidden}.onboarding-tour__progress-fill{background:linear-gradient(90deg,#8a2be2,#00d4ff);height:100%;transition:width .4s ease-out}.onboarding-tour__header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem}.onboarding-tour__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem;line-height:1}.onboarding-tour__header-content{flex:1 1;min-width:0}.onboarding-tour__title{color:#fff;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.onboarding-tour__step-count{color:#ffffff80;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.onboarding-tour__close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.onboarding-tour__close:hover{background:#fff3;color:#fff}.onboarding-tour__content{padding:0 1.5rem 1.5rem}.onboarding-tour__description{color:#ffffffd9;font-size:1rem;line-height:1.6;margin:0}.tour-welcome-banner{background:linear-gradient(135deg,#140e28f2,#1e143cf7 50%,#140e28f2);border:1px solid #cba6f740;border-radius:12px;margin-bottom:1rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-align:center}.tour-welcome-banner__headline{-webkit-text-fill-color:#0000;animation:tourGoldShimmer 2.8s linear infinite;background:linear-gradient(90deg,#f9d423,#ffe066 30%,#fff7aa 50%,#ffe066 70%,#f9d423);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:1.2rem;font-weight:800;letter-spacing:.03em;margin:0 0 .4rem}@keyframes tourGoldShimmer{0%{background-position:0}to{background-position:200%}}.tour-welcome-banner__body{color:#ffffffa6;font-size:.8rem;line-height:1.55;margin:0;margin-inline:auto;max-width:460px}.tour-welcome-banner__body strong{color:#ffffffe6;font-weight:600}.onboarding-tour__actions{align-items:center;background:#0003;border-top:1px solid #ffffff0d;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.5rem}.onboarding-tour__actions-left{display:flex;gap:.5rem}.onboarding-tour__btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.onboarding-tour__btn--primary{background:linear-gradient(135deg,#8a2be2,#6a1fb8);box-shadow:0 4px 12px #8a2be266;color:#fff}.onboarding-tour__btn--primary:hover{background:linear-gradient(135deg,#9b3cf3,#7b2fc9);box-shadow:0 6px 16px #8a2be280;transform:translateY(-1px)}.onboarding-tour__btn--secondary{background:#ffffff1a;border:1px solid #ffffff26;color:#fffc}.onboarding-tour__btn--secondary:hover{background:#ffffff26;color:#fff}.onboarding-tour__btn--skip{background:#0000;color:#ffffff80;padding:.75rem}.onboarding-tour__btn--skip:hover{color:#fffc}.onboarding-tour__btn--try{background:linear-gradient(135deg,#00d4ff33,#8a2be233);border:1px dashed #00d4ff80;border-radius:.75rem;color:#00d4ff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 1.5rem;text-align:center;transition:all .3s ease;width:100%}.onboarding-tour__btn--try:hover{background:linear-gradient(135deg,#00d4ff4d,#8a2be24d);border-color:#00d4ff;box-shadow:0 4px 20px #00d4ff4d;transform:scale(1.02)}.onboarding-tour__actions-right{display:flex;gap:.5rem}.tour-trigger{align-items:center;background:linear-gradient(135deg,#8a2be233,#00d4ff1a);border:1px solid #8a2be24d;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.tour-trigger:hover{background:linear-gradient(135deg,#8a2be24d,#00d4ff33);border-color:#8a2be280;transform:translateY(-1px)}.tour-trigger__icon{font-size:1.125rem}.tour-trigger__label{white-space:nowrap}@media (max-width:480px){.onboarding-tour__card{border-radius:.75rem;margin:.5rem}.onboarding-tour__header{padding:1rem 1rem .75rem}.onboarding-tour__icon{font-size:2rem}.onboarding-tour__title{font-size:1.125rem}.onboarding-tour__content{padding:0 1rem 1rem}.onboarding-tour__description{font-size:.9375rem}.onboarding-tour__actions{flex-wrap:wrap;padding:.75rem 1rem}.onboarding-tour__actions-left{justify-content:center;margin-top:.5rem;order:2;width:100%}.onboarding-tour__btn--primary{flex:1 1;text-align:center}}@media (prefers-contrast:high){.onboarding-tour__card{border-color:#fff;border-width:2px}.onboarding-tour__btn{border:2px solid}}@media (prefers-reduced-motion:reduce){.onboarding-tour__backdrop,.onboarding-tour__card,.onboarding-tour__card--animating{animation:none}.onboarding-tour__btn,.onboarding-tour__progress-fill{transition:none}.tour-highlight{animation:none}}.tour-highlight{animation:tour-highlight-pulse 2s ease-in-out infinite;border-radius:inherit;box-shadow:0 0 0 4px #00d4ff99,0 0 20px #00d4ff66,0 0 40px #8a2be24d!important;outline:2px dashed #00d4ffcc!important;outline-offset:4px;position:relative;z-index:9999!important;z-index:var(--z-max,9999)!important}@keyframes tour-highlight-pulse{0%,to{box-shadow:0 0 0 4px #00d4ff99,0 0 20px #00d4ff66,0 0 40px #8a2be24d;outline-color:#00d4ffcc}50%{box-shadow:0 0 0 6px #00d4ffcc,0 0 30px #00d4ff99,0 0 60px #8a2be280;outline-color:#8a2be2e6}}@media (max-width:640px){.onboarding-tour{align-items:flex-end;padding:.5rem}.onboarding-tour__card{border-radius:1rem 1rem 0 0;margin:0;max-height:70vh;max-width:100%;overflow-y:auto}.onboarding-tour__header{background:linear-gradient(145deg,#1a1a2e,#16213e);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.onboarding-tour__icon{font-size:1.75rem}.onboarding-tour__title{font-size:1rem}.onboarding-tour__content{padding:.75rem 1rem 1rem}.onboarding-tour__description{font-size:.875rem;line-height:1.5}.onboarding-tour__actions{background:#0000004d;bottom:0;flex-direction:column;gap:.75rem;padding:1rem;position:-webkit-sticky;position:sticky}.onboarding-tour__actions-left{justify-content:center;order:2;width:100%}.onboarding-tour__actions-right{order:1;width:100%}.onboarding-tour__btn--primary{font-size:1rem;padding:1rem;width:100%}.onboarding-tour__btn--secondary,.onboarding-tour__btn--skip{font-size:.875rem;padding:.75rem 1rem}.onboarding-tour__btn--try{font-size:.9375rem;padding:1rem}.tour-highlight:before{font-size:1.25rem;top:-1.75rem}}.app-spinner{animation:spinner-rotate 1s linear infinite;border-color:#ffffff1f;border-color:var(--border-light,#ffffff1f);border-radius:50%;border-style:solid;border-top-color:#1d4ed8;border-top-color:var(--color-primary,#1d4ed8)}.app-spinner--small{border-width:2px;height:16px;width:16px}.app-spinner--medium{border-width:3px;height:32px;width:32px}.app-spinner--large{border-width:4px;height:48px;width:48px}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-spinner--inline{display:inline-block;margin-right:8px;vertical-align:middle}.persistent-player-hidden{height:1px;left:-9999px;overflow:hidden;position:fixed;top:-9999px;width:1px}.persistent-player{background:linear-gradient(180deg,#1e1e2e,#11111b);background:linear-gradient(180deg,var(--bg-secondary,#1e1e2e) 0,var(--bg-primary,#11111b) 100%);border-top:1px solid #313244;border-top:1px solid var(--border-color,#313244);bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;gap:.75rem;left:0;max-height:80vh;overflow:hidden;padding:1rem;position:fixed;right:0;z-index:9999;z-index:var(--z-max,9999)}.persistent-player .video-container{background:#000;border-radius:8px;max-height:40vh;overflow:hidden;position:relative;width:100%}.persistent-player .video-container video{max-height:40vh;object-fit:contain;width:100%}.persistent-player .video-overlay{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.persistent-player .play-overlay{align-items:center;background:#00000080;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;transition:transform .2s;width:80px}.persistent-player .video-overlay:hover .play-overlay{transform:scale(1.1)}.persistent-player .loading-spinner{animation:spin 1s linear infinite;font-size:2rem}.persistent-player .audio-visual{align-items:center;cursor:pointer;display:flex;height:120px;justify-content:center;position:relative}.persistent-player .album-art{border-radius:8px;box-shadow:0 4px 15px #0000004d;height:100px;object-fit:cover;width:100px}.persistent-player .default-art{align-items:center;background:linear-gradient(135deg,#cba6f7,#89b4fa);background:linear-gradient(135deg,var(--primary,#cba6f7) 0,var(--secondary,#89b4fa) 100%);border-radius:8px;display:flex;height:100px;justify-content:center;width:100px}.persistent-player .art-icon{font-size:3rem}.persistent-player .visualizer{align-items:flex-end;bottom:0;display:flex;gap:4px;height:40px;left:50%;position:absolute;transform:translateX(-50%)}.persistent-player .visualizer .bar{animation:visualize .8s ease-in-out infinite;background:#cba6f7;background:var(--primary,#cba6f7);border-radius:2px;width:4px}.persistent-player .visualizer .bar:first-child{animation-delay:0s}.persistent-player .visualizer .bar:nth-child(2){animation-delay:.15s}.persistent-player .visualizer .bar:nth-child(3){animation-delay:.3s}.persistent-player .visualizer .bar:nth-child(4){animation-delay:.45s}.persistent-player .visualizer .bar:nth-child(5){animation-delay:.6s}@keyframes visualize{0%,to{height:10px}50%{height:35px}}.persistent-player .player-info{text-align:center}.persistent-player .track-title{color:#cdd6f4;color:var(--text-primary,#cdd6f4);font-size:1.1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persistent-player .track-artist{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.85rem;margin:0}.persistent-player .error-message{color:#f38ba8;color:var(--error,#f38ba8);font-size:.8rem;margin-top:.25rem}.persistent-player .progress-section{align-items:center;display:flex;gap:.5rem}.persistent-player .time-current,.persistent-player .time-duration{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.75rem;min-width:40px;text-align:center}.persistent-player .progress-slider{-webkit-appearance:none;appearance:none;background:#313244;background:var(--bg-tertiary,#313244);border-radius:2px;cursor:pointer;flex:1 1;height:4px}.persistent-player .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#cba6f7;background:var(--primary,#cba6f7);border-radius:50%;cursor:pointer;height:12px;width:12px}.persistent-player .main-controls{align-items:center;display:flex;gap:1rem;justify-content:center}.persistent-player .control-btn{align-items:center;background:none;border:none;border-radius:50%;color:#cdd6f4;color:var(--text-primary,#cdd6f4);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .2s}.persistent-player .control-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.persistent-player .control-btn:disabled{cursor:not-allowed;opacity:.3}.persistent-player .control-btn.play-pause{background:#cba6f7;background:var(--primary,#cba6f7);color:#11111b;color:var(--bg-primary,#11111b);font-size:2rem;height:56px;width:56px}.persistent-player .control-btn.play-pause:hover:not(:disabled){background:#d4b8fa;background:var(--primary-hover,#d4b8fa)}.persistent-player .secondary-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.persistent-player .secondary-controls .control-btn{font-size:1.1rem;padding:.25rem .5rem}.persistent-player .secondary-controls .control-btn.active{background:#cba6f733;color:#cba6f7;color:var(--primary,#cba6f7)}.persistent-player .secondary-controls .control-btn.muted{color:#f38ba8;color:var(--error,#f38ba8)}.persistent-player .volume-slider{-webkit-appearance:none;appearance:none;background:#313244;background:var(--bg-tertiary,#313244);border-radius:2px;cursor:pointer;height:4px;width:80px}.persistent-player .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#cba6f7;background:var(--primary,#cba6f7);border-radius:50%;cursor:pointer;height:10px;width:10px}.persistent-player .playlist-panel{background:#181825;background:var(--bg-tertiary,#181825);border-radius:8px;max-height:200px;overflow-y:auto;padding:.5rem}.persistent-player .playlist-panel h4{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.9rem;margin:0 0 .5rem;padding:0 .5rem}.persistent-player .playlist-items{display:flex;flex-direction:column;gap:.25rem}.persistent-player .playlist-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background .2s}.persistent-player .playlist-item:hover{background:#ffffff0d}.persistent-player .playlist-item.active{background:#cba6f726}.persistent-player .playlist-item .item-index{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.75rem;min-width:20px;text-align:center}.persistent-player .playlist-item .item-thumb{align-items:center;background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border-radius:4px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.persistent-player .playlist-item .item-thumb img{height:100%;object-fit:cover;width:100%}.persistent-player .playlist-item .item-info{flex:1 1;overflow:hidden}.persistent-player .playlist-item .item-title{color:#cdd6f4;color:var(--text-primary,#cdd6f4);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persistent-player .playlist-item .item-artist{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.75rem}.persistent-player .playlist-item .now-playing{animation:pulse 1s infinite;color:#cba6f7;color:var(--primary,#cba6f7)}.persistent-player .ad-overlay{align-items:center;animation:fadeIn .3s;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100;z-index:var(--z-raised,100)}.persistent-player .ad-content{max-width:400px;padding:2rem;text-align:center}.persistent-player .ad-header{margin-bottom:1rem}.persistent-player .ad-badge{background:linear-gradient(135deg,#f9e2af,#cba6f7);background:linear-gradient(135deg,var(--warning,#f9e2af) 0,var(--primary,#cba6f7) 100%);border-radius:24px;color:#11111b;color:var(--bg-primary,#11111b);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem}.persistent-player .ad-sponsor{color:#a6adc8;color:var(--text-secondary,#a6adc8);display:block;font-size:.85rem;margin-top:.5rem}.persistent-player .ad-message{color:#cdd6f4;color:var(--text-primary,#cdd6f4);font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem}.persistent-player .ad-timer{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.85rem;margin-bottom:1rem}.persistent-player .ad-skip{background:#313244;background:var(--bg-tertiary,#313244);border:1px solid #45475a;border:1px solid var(--border-color,#45475a);border-radius:24px;color:#cdd6f4;color:var(--text-primary,#cdd6f4);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1.5rem;transition:all .2s}.persistent-player .ad-skip:hover{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border-color:#cba6f7;border-color:var(--primary,#cba6f7)}.persistent-player .ad-reward{align-items:center;color:#a6e3a1;color:var(--success,#a6e3a1);display:flex;font-size:.9rem;gap:.5rem;justify-content:center}.persistent-player.minimized{align-items:center;border-radius:12px;border-top:none;bottom:1rem;box-shadow:0 4px 24px #00000073;cursor:grab;display:flex;flex-direction:row;gap:.5rem;height:60px;left:auto;padding:0;right:1rem;touch-action:none;transition:box-shadow .2s;-webkit-user-select:none;user-select:none;width:300px}.persistent-player.minimized:hover{background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);box-shadow:0 6px 28px #0000008c}.persistent-player.minimized .mini-thumb{align-items:center;background:#181825;background:var(--bg-tertiary,#181825);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.persistent-player.minimized .mini-thumb img{height:100%;object-fit:cover;width:100%}.persistent-player.minimized .mini-icon{font-size:1.5rem}.persistent-player.minimized .mini-info{flex:1 1;overflow:hidden;padding:0 .5rem}.persistent-player.minimized .mini-title{color:#cdd6f4;color:var(--text-primary,#cdd6f4);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.persistent-player.minimized .mini-artist{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.75rem}.persistent-player.minimized .mini-controls{display:flex;gap:.25rem;padding:0 .5rem}.persistent-player.minimized .mini-controls button{background:none;border:none;border-radius:50%;color:#cdd6f4;color:var(--text-primary,#cdd6f4);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s}.persistent-player.minimized .mini-controls button:hover{background:#ffffff1a}.persistent-player.minimized .mini-close:hover{color:#f38ba8;color:var(--error,#f38ba8)}.persistent-player.minimized .mini-progress{background:#313244;background:var(--bg-tertiary,#313244);bottom:0;height:3px;left:0;position:absolute;right:0}.persistent-player.minimized .mini-progress-bar{background:#cba6f7;background:var(--primary,#cba6f7);height:100%;transition:width .3s linear}.persistent-player.minimized .mini-ad-indicator{background:linear-gradient(90deg,#f9e2af,#cba6f7);background:linear-gradient(90deg,var(--warning,#f9e2af) 0,var(--primary,#cba6f7) 100%);color:#11111b;color:var(--bg-primary,#11111b);font-size:.75rem;font-weight:600;left:0;padding:2px 0;position:absolute;right:0;text-align:center;top:0}@media (min-width:768px){.persistent-player{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1rem;max-height:100px;padding:.75rem 1.5rem}.persistent-player .video-container{border-radius:4px;max-height:80px;width:120px}.persistent-player .video-container video{max-height:80px}.persistent-player .album-art,.persistent-player .audio-visual,.persistent-player .default-art{height:60px;width:60px}.persistent-player .visualizer{display:none}.persistent-player .player-info{flex:0 0 150px;text-align:left}.persistent-player .progress-section{flex:1 1;min-width:200px}.persistent-player .main-controls{flex:0 0 auto;gap:.5rem}.persistent-player .control-btn.play-pause{font-size:1.5rem;height:44px;width:44px}.persistent-player .secondary-controls{flex:0 0 auto}.persistent-player .playlist-panel{bottom:100%;box-shadow:0 -4px 20px #0000004d;margin-bottom:.5rem;max-height:400px;position:absolute;right:1rem;width:350px}.persistent-player .ad-overlay{border-radius:8px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.persistent-player{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.persistent-player.minimized{padding-bottom:env(safe-area-inset-bottom)}}.queue-mode-toggle{align-items:center;background:#181825;background:var(--bg-tertiary,#181825);border-radius:6px;display:flex;flex-shrink:0;gap:2px;margin-left:auto;padding:2px}.queue-mode-btn{background:#0000;border:none;border-radius:4px;color:#6c7086;color:var(--text-muted,#6c7086);cursor:pointer;font-size:.65rem;padding:2px 7px;transition:background .15s,color .15s;white-space:nowrap}.queue-mode-btn.active{background:#cba6f7;background:var(--color-accent,#cba6f7);color:#1e1e2e;font-weight:600}.queue-mode-btn:hover:not(.active){background:#313244;background:var(--bg-hover,#313244);color:#cdd6f4;color:var(--text-primary,#cdd6f4)}.ep-earned-badge{background:#a6e3a11f;border-radius:999px;color:#a6e3a1;color:var(--color-success,#a6e3a1);flex-shrink:0;font-size:.7rem;font-weight:600;padding:2px 7px;white-space:nowrap}.still-there-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:6100;z-index:var(--z-modal,6100)}.still-there-content{animation:slideUp .3s ease-out;background:#1e1e2e;background:var(--bg-secondary,#1e1e2e);border:1px solid #313244;border:1px solid var(--border-color,#313244);border-radius:16px;box-shadow:0 8px 32px #0006;max-width:400px;padding:2.5rem;text-align:center}.still-there-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.still-there-title{color:#cdd6f4;color:var(--text-primary,#cdd6f4);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.still-there-message{color:#a6adc8;color:var(--text-secondary,#a6adc8);font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.still-there-actions{display:flex;flex-direction:column;gap:.75rem}.still-there-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.still-there-btn.primary{background:#cba6f7;background:var(--primary-color,#cba6f7);color:#11111b;color:var(--bg-primary,#11111b)}.still-there-btn.primary:hover{background:#b48de8;background:var(--primary-hover,#b48de8);box-shadow:0 4px 12px #cba6f74d;transform:translateY(-2px)}.still-there-btn.secondary{background:#0000;border:1px solid #313244;border:1px solid var(--border-color,#313244);color:#a6adc8;color:var(--text-secondary,#a6adc8)}.still-there-btn.secondary:hover{background:#ffffff0d;border-color:#a6adc8;border-color:var(--text-secondary,#a6adc8)}@media (max-width:768px){.persistent-player{gap:.5rem;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))}.persistent-player .video-container{border-radius:8px;max-height:35vh}.persistent-player .video-container video{max-height:35vh}.persistent-player .play-overlay{font-size:2.5rem;height:60px;width:60px}.persistent-player .audio-visual{height:100px}.persistent-player .album-art{height:80px;width:80px}.persistent-player .player-controls{flex-direction:column;gap:.5rem}.persistent-player .control-btn{min-height:44px;min-width:44px}.persistent-player .time-display{font-size:.75rem}.persistent-player .volume-control{display:none}}@media (max-width:480px){.persistent-player{max-height:70vh;padding:.5rem}.persistent-player .video-container,.persistent-player .video-container video{max-height:30vh}.persistent-player .audio-visual{height:80px}.persistent-player .album-art{height:60px;width:60px}}.moderation-undo-toast{pointer-events:none;position:fixed;z-index:9999;z-index:var(--z-max,9999)}.moderation-undo-toast.bottom-right{bottom:20px;right:20px}.moderation-undo-toast.bottom-left{bottom:20px;left:20px}.moderation-undo-toast.top-right{right:20px;top:20px}.moderation-undo-toast.top-left{left:20px;top:20px}.moderation-undo-indicator{align-items:center;background:#3b82f6e6;border-radius:24px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;pointer-events:auto;transition:all .2s ease}.moderation-undo-indicator:hover{background:#2563ebf2;transform:scale(1.05)}.moderation-undo-indicator .undo-icon{font-size:16px}.moderation-undo-indicator .undo-count{background:#ffffff4d;border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px}.moderation-undo-popup{animation:slideIn .3s ease;background:#10b981;border-radius:12px;box-shadow:0 4px 20px #00000040;color:#fff;padding:12px 16px;pointer-events:auto}.moderation-undo-popup.show{display:block}.undo-popup-content{align-items:center;display:flex;gap:12px}.undo-icon-large{font-size:24px}.undo-message{display:flex;flex-direction:column}.undo-message strong{font-size:14px}.undo-message span{font-size:12px;opacity:.9}.undo-dismiss{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px;opacity:.7;padding:4px;transition:opacity .2s}.undo-dismiss:hover{opacity:1}.moderation-undo-loading{padding:8px}.moderation-undo-loading .spinner{animation:spin 1s linear infinite;display:inline-block;font-size:18px}.moderation-undo-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.moderation-undo-button:hover:not(:disabled){background:#2563eb}.moderation-undo-button:disabled{cursor:not-allowed;opacity:.6}.moderation-undo-button .undo-icon{font-size:14px}.moderation-undo-button .undo-badge{background:#ffffff4d;border-radius:8px;font-size:11px;font-weight:600;padding:1px 4px}.moderation-undo-history{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:400px;padding:16px}.undo-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.undo-history-header h4{color:#374151;font-size:14px;margin:0}.undo-history-header .refresh-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background .2s}.undo-history-header .refresh-btn:hover{background:#e2e8f0}.moderation-undo-history .no-actions{color:#6b7280;font-size:13px;font-style:italic;margin:0}.undo-action-list{list-style:none;margin:0;padding:0}.undo-action-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.undo-action-item:last-child{border-bottom:none}.undo-action-item .action-info{display:flex;flex-direction:column}.undo-action-item .action-type{color:#1f2937;font-size:13px}.undo-action-item .action-time{color:#9ca3af;font-size:11px}.undo-action-item .undo-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.undo-action-item .undo-btn:hover:not(:disabled){background:#dc2626}.undo-action-item .undo-btn:disabled{cursor:not-allowed;opacity:.6}.moderation-undo-history .undo-tip{background:#fef3c7;border-radius:4px;color:#92400e;font-size:12px;margin:12px 0 0;padding:8px}.moderation-undo-history .undo-tip kbd{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:var(--font-mono);font-size:11px;padding:1px 4px}.mobile-tab-bar{align-items:center;backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:var(--blur-solid,blur(24px) saturate(1.4));-webkit-backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:var(--blur-solid,blur(24px) saturate(1.4));background:linear-gradient(180deg,#080a16d1,#0c0e1cf2);background:linear-gradient(180deg,var(--glass-solid,#080a16d1) 0,var(--mobile-surface-solid,#0c0e1cf2) 100%);border-top:1px solid #788cdc1f;bottom:0;box-shadow:0 -4px 24px #00000059,0 -1px 0 #6478c814,inset 0 1px 0 #a0b4f00a;display:flex;height:64px;justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000;z-index:var(--z-nav,1000)}.mobile-tab-bar__glow-line{animation:tab-bar-glow-pulse 4s ease-in-out 3;background:linear-gradient(90deg,#0000,#6a4c9366 20%,#2a9d8f80 50%,#6a4c9366 80%,#0000);background:linear-gradient(90deg,#0000 0,rgba(var(--accent-mystic-rgb,106,76,147),.4) 20%,rgba(var(--accent-teal-rgb,42,157,143),.5) 50%,rgba(var(--accent-mystic-rgb,106,76,147),.4) 80%,#0000 100%);height:1px;left:10%;position:absolute;right:10%;top:-1px}@keyframes tab-bar-glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.mobile-tab-bar__tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#b4bedc8c;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;height:100%;justify-content:center;outline:none;padding:8px 4px;position:relative;transition:color .3s ease,transform .2s ease;transition:color var(--duration-normal,.3s) var(--ease-default,ease),transform var(--duration-fast,.2s) var(--ease-spring,ease)}.mobile-tab-bar__tab:hover{color:#c8d2f0bf}.mobile-tab-bar__tab:active{transform:scale(.92)}.mobile-tab-bar__tab:focus-visible{border-radius:8px;outline:2px solid #6a4c93b3;outline-offset:-2px}.mobile-tab-bar__tab.active{color:#f0f5fff2}.mobile-tab-bar__icon{height:24px;transition:filter .3s ease,transform .3s ease;transition:filter var(--duration-normal,.3s) ease,transform var(--duration-normal,.3s) ease;width:24px}.mobile-tab-bar__tab.active .mobile-tab-bar__icon{filter:drop-shadow(0 0 6px rgba(42,157,143,.5)) drop-shadow(0 0 12px rgba(106,76,147,.3));transform:translateY(-1px)}.mobile-tab-bar__label{font-size:.75rem;font-weight:500;letter-spacing:.04em;opacity:.8;text-transform:uppercase;transition:opacity .3s ease;transition:opacity var(--duration-normal,.3s) ease}.mobile-tab-bar__tab.active .mobile-tab-bar__label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#5eead4);background:linear-gradient(135deg,var(--accent-purple-light,#c4b5fd) 0,var(--accent-teal-light,#5eead4) 100%);-webkit-background-clip:text;background-clip:text;font-weight:600;opacity:1}.mobile-tab-bar__glow{animation:glow-breathe 3s ease-in-out 3;background:linear-gradient(90deg,#6a4c9399,#2a9d8fcc,#6a4c9399);border-radius:2px;bottom:8px;box-shadow:0 0 8px #2a9d8f66,0 0 20px #6a4c9333;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:36px}@keyframes glow-breathe{0%,to{box-shadow:0 0 8px #2a9d8f66,0 0 20px #6a4c9333;opacity:.7}50%{box-shadow:0 0 12px #2a9d8f99,0 0 28px #6a4c9359;opacity:1}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-tab-bar{height:calc(64px + env(safe-area-inset-bottom, 0px))}}@media (max-height:480px) and (orientation:landscape){.mobile-tab-bar{height:48px}.mobile-tab-bar__icon{height:20px;width:20px}.mobile-tab-bar__label{font-size:.55rem}}@media (max-width:320px){.mobile-tab-bar__label{display:none}.mobile-tab-bar__tab.active .mobile-tab-bar__label{display:block;font-size:.75rem}}.mobile-tab-bar__tab.active .mobile-tab-bar__icon{animation:tab-icon-bounce .35s cubic-bezier(.34,1.56,.64,1) 1;animation:tab-icon-bounce .35s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)) 1}@keyframes tab-icon-bounce{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.12)}to{transform:translateY(-1px) scale(1)}}@media (prefers-reduced-motion:reduce){.mobile-tab-bar__glow-line{animation:none;opacity:.7}.mobile-tab-bar__glow{animation:none;opacity:.85}.mobile-tab-bar__icon,.mobile-tab-bar__tab{transition:none}.mobile-tab-bar__tab.active .mobile-tab-bar__icon{animation:none}}@media (min-width:769px){.mobile-tab-bar{display:none}}.mobile-top-bar{align-items:center;backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:var(--blur-surface,blur(20px) saturate(1.3));-webkit-backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:var(--blur-surface,blur(20px) saturate(1.3));background:linear-gradient(180deg,#0a0c18e0,#0a0c18b8);background:linear-gradient(180deg,var(--mobile-surface-solid,#0a0c18e0) 0,var(--glass-solid,#0a0c18b8) 100%);border-bottom:1px solid #788cdc14;display:none;height:auto;justify-content:space-between;min-height:48px;padding:env(safe-area-inset-top,0) 12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000;z-index:var(--z-nav,1000)}@media (max-width:768px){.mobile-top-bar{display:flex}}.mobile-top-bar__identity{align-items:center;display:flex;flex-shrink:1;min-width:0}.mobile-top-bar__user{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0a;border:none;border-radius:24px;color:#dce1f0e6;cursor:pointer;display:flex;gap:8px;max-width:160px;padding:4px 8px 4px 4px;transition:background .2s ease;transition:background var(--duration-fast,.2s) ease}.mobile-top-bar__user:active,.mobile-top-bar__user:hover{background:#ffffff14}.mobile-top-bar__avatar{border:1px solid #6a4c9366;border-radius:50%;height:28px;object-fit:cover;width:28px}.mobile-top-bar__avatar-fallback{align-items:center;background:linear-gradient(135deg,#6a4c9380,#2a9d8f66);border:1px solid #a0b4f026;border-radius:50%;color:#f0f5ffe6;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.mobile-top-bar__name{font-size:.78rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-bar__sign-in{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#6a4c9359,#2a9d8f4d);border:1px solid #a0b4f026;border-radius:24px;color:#dce6ffe6;display:flex;font-size:.78rem;font-weight:500;gap:8px;min-height:44px;padding:8px 12px;text-decoration:none;transition:background .2s ease,border-color .2s ease}.mobile-top-bar__sign-in:active,.mobile-top-bar__sign-in:hover{background:linear-gradient(135deg,#6a4c9380,#2a9d8f73);border-color:#b4c8ff40}.mobile-top-bar__sign-in-icon{height:18px;width:18px}.mobile-top-bar__actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.mobile-top-bar__action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:#b4bedc99;cursor:pointer;display:flex;height:44px;justify-content:center;transition:color .2s ease,background .2s ease;transition:color var(--duration-fast,.2s) ease,background var(--duration-fast,.2s) ease;width:44px}.mobile-top-bar__action-btn:active,.mobile-top-bar__action-btn:hover{background:#ffffff0f;color:#dce6ffe6}.mobile-top-bar__action-btn svg{height:20px;width:20px}@media (prefers-reduced-motion:reduce){.mobile-top-bar__action-btn,.mobile-top-bar__sign-in,.mobile-top-bar__user{transition:none}}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.333 11.667a1.667 1.667 0 1 0 3.334 0v-5h5a1.667 1.667 0 1 0 0-3.334H3.333v8.334ZM26.667 11.667a1.667 1.667 0 1 1-3.334 0v-5h-5a1.667 1.667 0 1 1 0-3.334h8.334v8.334ZM13.334 25c0 .92-.747 1.667-1.667 1.667H3.333v-8.334a1.667 1.667 0 1 1 3.334 0v5h5c.92 0 1.667.746 1.667 1.667ZM18.334 26.667a1.667 1.667 0 1 1 0-3.334h5v-5a1.667 1.667 0 1 1 3.333 0v8.334h-8.334Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{align-items:center;color:#333;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;line-height:normal;padding:0;text-align:center;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}.reward-info{align-items:center;display:inline-flex;font-family:inherit;font-size:var(--rewardinfo-font-size-md);gap:var(--rewardinfo-gap);line-height:var(--line-tight)}.reward-info[data-size=sm]{font-size:var(--rewardinfo-font-size-sm)}.reward-info[data-size=lg]{font-size:var(--rewardinfo-font-size-lg)}.reward-info .ri-reward{font-weight:600}.reward-info .ri-capacity,.reward-info .ri-fee{font-weight:500;opacity:var(--rewardinfo-sub-opacity)}[data-theme=high-contrast] .reward-info .ri-capacity,[data-theme=high-contrast] .reward-info .ri-fee{opacity:.85}@media (max-width:768px){.reward-info{font-size:var(--rewardinfo-font-size-sm)}.reward-info[data-size=lg]{font-size:var(--rewardinfo-font-size-md)}}@media (max-width:480px){.reward-info{gap:calc(var(--rewardinfo-gap)*.75)}}.map-controls{display:none}.map-controls-unified{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0d111cf0;border-right:1px solid #94a3b826;border-top:1px solid #94a3b826;border-top-right-radius:10px;bottom:0;display:flex;flex-direction:row;gap:.5rem;left:0;padding:.5rem .75rem;position:absolute;z-index:1200}.map-control-btn{background:#1e293bf2;border:1px solid #47556980;border-radius:8px;box-shadow:0 1px 3px #0003;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;font-size:.75rem;font-weight:600;min-height:32px;padding:.5rem .75rem;transition:all .15s ease;white-space:nowrap}.map-control-btn:hover{background:#334155f2;border-color:#64748b99;color:#fff}.map-control-btn:disabled{cursor:not-allowed;opacity:.6}.map-control-checkbox,.map-control-status{background:#1e293be6;border:1px solid #47556966;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;padding:.5rem}.map-control-checkbox{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.25rem;transition:all .15s ease}.map-control-checkbox:hover{background:#334155e6;border-color:#64748b80;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.map-control-checkbox input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:13px;margin:0;width:13px}.map-control-checkbox span{-webkit-user-select:none;user-select:none}@media (max-width:640px){.map-controls-unified{background:#0a0e17f5;border-top-right-radius:12px;gap:.4rem;padding:.4rem .6rem}.map-control-btn{font-size:.75rem;min-height:30px;padding:.3rem .55rem}.map-control-checkbox,.map-control-status{font-size:.75rem;padding:.3rem .5rem}}@media (max-width:480px){.map-btn-label{display:none}.map-controls-unified{gap:.3rem;padding:.35rem .5rem}.map-control-btn{font-size:.85rem;min-height:28px;min-width:28px}.map-control-btn,.map-control-checkbox{padding:.3rem .4rem}.map-control-status{font-size:.75rem;padding:.3rem .4rem}}.map-controls .location-request-btn{animation:enableLocationPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#6a4c93eb,#2a9d8fe0);border:1px solid #a0d2ff73;border-radius:999px;bottom:28px;bottom:calc(var(--map-edge-spacer, 16px) + 12px);box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;left:50%;min-height:44px;min-width:44px;padding:.75rem 1.5rem;position:absolute;transform:translateX(-50%);transition:all .25s ease;white-space:nowrap;z-index:1250}@keyframes enableLocationPulse{0%,to{box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #ffffff1a}50%{box-shadow:0 8px 32px #6a4c9380,inset 0 0 0 1px #ffffff26,0 0 20px #2a9d8f4d}}.map-controls .location-request-btn:hover{background:linear-gradient(135deg,#7c59aef7,#38b0a6f0);border-color:#b6e2ff9e;box-shadow:0 12px 32px #0006,inset 0 0 0 1px #ffffff26;transform:translateX(-50%) translateY(-2px)}.map-controls .location-request-btn:disabled{animation:none;cursor:not-allowed;opacity:.6}.map-controls .center-on-user-btn{background:#00000059;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;min-width:44px;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.map-controls .center-on-user-btn:hover{background:#0000008c;box-shadow:0 4px 12px #00000059;color:#fff;transform:translateY(-1px)}.map-controls .location-status{background:#00000059!important;border:1px solid var(--border-color)!important;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff!important;font-size:.9rem;padding:.5rem .75rem;white-space:nowrap}.location-feedback-banner{display:none}.map-wrapper.has-location-feedback .map-controls{top:88px;top:calc(var(--map-edge-spacer, 16px) + 72px)}@media (max-width:640px){.location-feedback-banner{font-size:.76rem;padding:.5rem .75rem}.map-wrapper.has-location-feedback .map-controls{top:104px;top:calc(var(--map-edge-spacer, 16px) + 88px)}}.user-location-marker{pointer-events:none;z-index:1800!important}.user-location-marker__pulse{align-items:center;animation:pulse 2.4s ease-in-out infinite;background:#2563eb33;border-radius:50%;box-shadow:0 0 18px #2563eb73;display:flex;height:32px;justify-content:center;position:relative;width:32px}.user-location-marker__ring{background:#2563eb;border:3px solid #93c5fd;border-radius:50%;box-shadow:0 0 0 6px #93c5fd40;height:14px;width:14px}.user-location-popup{min-width:150px;text-align:center}.user-location-popup h4{color:#1e3a8a;color:var(--primary-color,#1e3a8a);font-size:16px;margin:0 0 8px}.user-location-popup p{font-size:14px;margin:4px 0}.user-location-popup small{color:var(--text-muted)}.map-wrapper{--map-edge-spacer:clamp(12px,calc(var(--layout-gutter-inline, 16px)*0.75),28px);-webkit-overflow-scrolling:touch;flex:1 1 auto;height:100%;position:relative;touch-action:pan-x pan-y;width:100%;z-index:1}.map-canvas{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.cluster-expansion-layer{inset:0;pointer-events:none;position:absolute;z-index:1100}.map-wrapper .mapboxgl-ctrl-bottom-right{margin-bottom:24px;margin-bottom:calc(var(--map-edge-spacer, 16px) + 8px);margin-right:24px;margin-right:calc(var(--map-edge-spacer, 16px) + 8px)}.map-wrapper .mapboxgl-ctrl-logo{display:none!important}.map-wrapper .mapboxgl-ctrl-attrib{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem;transition:background .2s ease,border-color .2s ease}.map-wrapper .mapboxgl-ctrl-attrib:hover{background:#0f172adb;border-color:#94a3b873}.map-wrapper .mapboxgl-ctrl-attrib a{color:#38bdf8;color:var(--accent-cool,#38bdf8);text-decoration:none}.map-wrapper .mapboxgl-ctrl-attrib button{color:inherit}.cluster-expansion-layer .cluster-expansion-panel{max-width:min(360px,90vw);min-width:280px;pointer-events:auto;position:absolute}.map-wrapper .leaflet-container{-webkit-overflow-scrolling:touch;background:var(--primary-bg);height:100%!important;touch-action:pan-x pan-y;width:100%!important}.map-wrapper .leaflet-control-zoom a{font-size:18px}.map-wrapper .custom-marker,.map-wrapper .leaflet-marker-icon{min-height:44px!important;min-width:44px!important}.map-wrapper .leaflet-control-container{color:var(--text-primary)}.map-wrapper .leaflet-control-zoom a{height:44px!important;line-height:44px!important;text-align:center;width:44px!important}.map-wrapper .leaflet-marker-icon.custom-marker,.map-wrapper .leaflet-marker-icon.multi-marker{height:auto!important;min-height:44px!important;min-width:44px!important;width:auto!important}.map-wrapper .leaflet-popup-content-wrapper{background:var(--secondary-bg);border-radius:8px;box-shadow:0 4px 20px #0000004d;color:var(--text-primary)}.map-wrapper .leaflet-popup-tip{background:var(--secondary-bg)}.marker-popup{padding:.5rem 0}.marker-popup h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.marker-popup p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.marker-popup .quick-note{color:var(--accent-teal);font-style:italic}.custom-marker{filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.custom-marker__glyph{align-items:center;border-radius:50%;box-shadow:0 1px 3px #00000040;display:flex;height:28px;justify-content:center;-webkit-user-select:none;user-select:none;width:28px}.multi-marker{filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}.overlap-popup{min-width:250px}.overlap-list{max-height:200px;overflow-y:auto}.overlap-item{align-items:center;background:#ffffff0d;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.5rem;transition:all .2s ease}.overlap-item:hover{background:#ffffff1a;transform:translateX(2px)}.overlap-item:last-child{margin-bottom:0}.overlap-icon{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;flex-shrink:0;height:16px;width:16px}.overlap-info{display:flex;flex-direction:column;gap:.25rem}.overlap-info strong{color:var(--text-primary);font-size:.875rem;font-weight:600}.overlap-type{color:var(--text-secondary);font-size:.75rem;text-transform:capitalize}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform .25s ease-out,opacity .25s ease-in}.marker-cluster-small{background-color:#6a4c9399}.marker-cluster-small div{background-color:#6a4c93cc}.marker-cluster-medium{background-color:#2a9d8f99}.marker-cluster-medium div{background-color:#2a9d8fcc}.marker-cluster-large{background-color:#f4a26199}.marker-cluster-large div{background-color:#f4a261cc}.map-quests-filter{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f1220eb;border:1px solid #94a3b840;border-radius:12px;bottom:64px;bottom:calc(var(--map-edge-spacer, 16px) + 48px);box-shadow:0 4px 16px #0000004d;padding:.5rem .75rem;position:absolute;right:20px;right:calc(var(--map-edge-spacer, 16px) + 4px);transition:all .2s ease;z-index:950}.map-quests-filter:hover{box-shadow:0 6px 20px #00000059}.map-quests-filter__label{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;white-space:nowrap}.map-quests-filter__label input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:14px;width:14px}.map-quests-filter__label span{-webkit-user-select:none;user-select:none}.map-legend{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f1220eb;border:1px solid #94a3b840;border-radius:12px;bottom:64px;bottom:calc(var(--map-edge-spacer, 16px) + 48px);box-shadow:0 8px 24px #00000059;max-width:200px;min-width:clamp(120px,20vw,176px);padding:clamp(.5rem,1.8vw,1rem);position:absolute;right:20px;right:calc(var(--map-edge-spacer, 16px) + 4px);transition:all .3s ease;z-index:950}.map-legend.collapsed{padding:.5rem}.map-legend.collapsed .legend-items{display:none}.map-legend:hover{box-shadow:0 6px 25px #0000004d}.map-legend__header{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin:0;padding:0;text-align:left;width:100%}.map-legend__header:focus-visible{outline:2px solid #7f56d9;outline:2px solid var(--accent-mystic,#7f56d9);outline-offset:2px}.map-legend__header-label{flex:1 1;text-align:center}.map-legend__header-icon{font-size:.75rem;margin-left:.5rem}.map-legend .legend-items{margin-top:.75rem}.legend-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.legend-item--clickable{background:#0000;border:none;border-radius:8px;cursor:pointer;margin:0 -.5rem .25rem;padding:.25rem .5rem;text-align:left;transition:background .15s ease,transform .1s ease;width:calc(100% + 1rem)}.legend-item--clickable:hover{background:#ffffff14}.legend-item--clickable:active{transform:scale(.98)}.legend-item--active{background:#6a4c934d!important;box-shadow:0 0 0 2px #6a4c93;box-shadow:0 0 0 2px var(--accent-primary,#6a4c93)}.legend-item--active span{color:var(--text-primary);font-weight:600}.legend-item:last-child{margin-bottom:0}.legend-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:12px;width:12px}.legend-item span{font-weight:500}.legend-item span,.legend-toggle{color:var(--text-secondary);font-size:.75rem}.legend-toggle{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem}.legend-toggle label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:.5rem}.legend-toggle input[type=checkbox]{accent-color:#16a34a;height:16px;width:16px}.legend-note{color:var(--text-muted);font-size:.75rem}.map-wrapper .cluster-overlay-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(162deg,#060c18f5,#142034e6);background-color:#080e1cf2;border:none;border-radius:16px;box-shadow:0 28px 62px #060c1873;color:#f8fafc;color:var(--text-primary,#f8fafc);display:flex;flex-direction:column;gap:.75rem;max-width:92vw;padding:clamp(.75rem,2vw,1rem);pointer-events:auto;position:absolute;width:min(360px,calc(100% - 32px));width:min(360px,calc(100% - var(--map-edge-spacer, 16px)*2));z-index:1400}.map-wrapper .cluster-overlay-panel:not(.cluster-expansion-panel){left:16px;left:calc(var(--map-edge-spacer, 16px));max-height:calc(100% - 32px);max-height:calc(100% - var(--map-edge-spacer, 16px)*2);overflow-y:auto;top:16px;top:calc(var(--map-edge-spacer, 16px))}.map-wrapper .cluster-overlay-panel.cluster-expansion-panel{max-height:min(440px,calc(100vh - 32px));max-height:min(440px,calc(100vh - var(--map-edge-spacer, 16px)*2));overflow-y:auto}.cluster-overlay-header{align-items:flex-start;border-bottom:1px solid #94a3b852;display:flex;gap:.75rem;justify-content:space-between;padding-bottom:.5rem}.cluster-overlay-header strong{color:inherit;display:block;font-size:1rem;margin-bottom:.25rem}.cluster-overlay-instructions{color:#e2e8f0b8;font-size:.75rem;line-height:1.45;margin:0}.cluster-close-btn{align-items:center;background:#0f172a99;border:1px solid #94a3b866;border-radius:50%;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s ease,color .2s ease,transform .2s ease;width:32px}.cluster-close-btn:focus-visible,.cluster-close-btn:hover{background:#1e293bcc;color:#fff;outline:none;transform:translateY(-1px)}.cluster-item-list{list-style:none;margin:0;padding:0}.cluster-item,.cluster-item-list{display:flex;flex-direction:column;gap:.75rem}.cluster-item{background:#0f172ad1;background-color:#0f172ad9;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 18px 38px #050c1859;padding:.75rem}.cluster-item+.cluster-item{margin-top:0}.cluster-item-main{color:#e2e8f0c7;display:flex;flex-direction:column;gap:.5rem}.cluster-item-reward{color:inherit}.cluster-overlay-footer{border-top:1px solid #94a3b83d;color:#e2e8f0b8;font-size:.75rem;padding-top:.5rem}.cluster-overlay-degradation{background:#f8717124;border:1px solid #f8717152;border-radius:12px;color:#fecaca;font-size:.78rem;padding:.75rem}.cluster-view-switch{display:flex;justify-content:flex-end}.cluster-view-switch-btn{background:#3b82f62e;border:1px solid #3b82f666;border-radius:999px;color:#bfdbfe;cursor:pointer;font-weight:600;padding:.25rem .75rem;transition:background .2s ease,border-color .2s ease}.cluster-view-switch-btn:focus-visible,.cluster-view-switch-btn:hover{background:#3b82f647;border-color:#3b82f6a6;outline:none}.cluster-overlay-truncation{background:#7dd3fc1f;border:1px solid #7dd3fc40;border-radius:12px;color:#bae6fd;font-size:.75rem;padding:.5rem .75rem}.cluster-item-heading{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.cluster-item-title{color:#2a9d8f;color:var(--accent-teal,#2a9d8f);font-weight:600;text-decoration:none;transition:color .15s ease}.cluster-item-title:focus-visible,.cluster-item-title:hover{color:#38bdf8;color:var(--accent-light,#38bdf8);outline:none;text-decoration:underline}.cluster-item-badge{align-items:center;background:#2563eb29;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.25rem .5rem;text-transform:uppercase}.cluster-item-badge--replay{background:#2563eb2e;color:#1e3a8a}.cluster-item-top-listings{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-top:.25rem}.cluster-item-top-listings__label{color:var(--text-primary);font-weight:600}.cluster-item-top-listings ol{grid-gap:.25rem;display:grid;gap:.25rem;list-style:decimal;margin:0;padding-left:1.25rem}.cluster-item-top-listings li{color:var(--text-secondary)}.cluster-item-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cluster-item-actions a,.cluster-item-actions button{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.cluster-play-link{background:#11182773;border:1px solid #fde04759;box-shadow:0 1px 6px #fde04740;color:#d1d5db;overflow:hidden;position:relative}.cluster-play-link:focus-visible,.cluster-play-link:hover{background:#111827ad;box-shadow:0 4px 16px #fde04759;color:#fef3c7;outline:none}.map-shimmer-link{color:#fef9c3;font-weight:700;letter-spacing:.02em;position:relative;text-shadow:0 0 3px #fde04766}.map-shimmer-link:after{background:linear-gradient(120deg,#fff0,#fde047a6 45%,#eab308e6 55%,#fff0);border-radius:inherit;content:"";inset:0;mix-blend-mode:screen;opacity:.65;pointer-events:none;position:absolute;transform:translateX(-140%)}@media (prefers-reduced-motion:no-preference){.map-shimmer-link:after{animation:map-play-shimmer 2.8s linear infinite}}@media (prefers-reduced-motion:reduce){.map-shimmer-link:after{animation:none;opacity:.35;transform:translateX(0)}}@keyframes map-play-shimmer{0%{transform:translateX(-160%)}45%{transform:translateX(60%)}to{transform:translateX(160%)}}.cluster-track-btn{background:#2563eb2e;border:1px solid #60a5fa73;box-shadow:0 1px 6px #2563eb4d;color:#bfdbfe}.cluster-track-btn:focus-visible,.cluster-track-btn:hover{background:#2563eb52;box-shadow:0 4px 14px #3b82f659;color:#e0f2fe;outline:none}.cluster-detail-link{background:#0f172a14;border:1px solid #94a3b859;color:var(--text-secondary)}.cluster-detail-link:focus-visible,.cluster-detail-link:hover{background:#0f172a24;color:var(--text-primary);outline:none}.map-tile-warning{background:#111827eb;border:1px solid #f8717173;border-radius:12px;box-shadow:0 12px 32px #0f172a73;color:#fef2f2;left:50%;line-height:1.35;max-width:min(90vw,420px);padding:.75rem 1rem;position:absolute;text-align:center;top:clamp(16px,4vw,28px);transform:translateX(-50%);z-index:1300}.map-tile-warning strong{display:block;font-size:.95rem;margin-bottom:.25rem}.map-tracking-status{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ad1;border:1px solid #60a5fa4d;border-radius:999px;bottom:clamp(16px,4vw,32px);box-shadow:0 12px 28px #0f172a66;color:#e2e8f0;display:flex;gap:.75rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);z-index:1350}.map-tracking-status__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.map-tracking-status__headline{color:#f8fafc;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-tracking-status__meta{color:#bfdbfe;display:block;font-size:.75rem;line-height:1.35;white-space:normal}.map-tracking-status__stop{background:#f8717138;border:1px solid #f8717159;border-radius:999px;color:#fee2e2;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.map-tracking-status__stop:focus-visible,.map-tracking-status__stop:hover{background:#f8717159;border-color:#fca5a599;box-shadow:0 4px 14px #f871714d;color:#fee2e2;outline:none}@media (max-width:640px){.map-tracking-status{align-items:stretch;flex-direction:column;gap:.25rem;padding:.5rem .75rem;width:min(92vw,340px)}.map-tracking-status__headline,.map-tracking-status__meta{white-space:normal}.map-tracking-status__stop{align-self:flex-end}}@media (max-width:768px){.map-controls{flex-direction:row;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-2xs,.25rem);justify-content:flex-end}.map-legend{bottom:12px;bottom:calc(var(--map-edge-spacer, 12px));min-width:clamp(110px,40vw,150px);padding:.5rem .75rem;right:12px;right:calc(var(--map-edge-spacer, 12px))}.map-legend h2{margin-bottom:.5rem}.legend-item span,.map-legend h2{font-size:.75rem}.legend-dot{height:10px;width:10px}}@media (max-width:480px){.map-controls,.map-legend{right:12px;right:var(--map-edge-spacer,12px);top:12px;top:var(--map-edge-spacer,12px)}.map-legend{border-radius:12px;bottom:auto;left:12px;left:var(--map-edge-spacer,12px);max-width:none;min-width:auto;padding:.5rem .75rem;width:calc(100% - 24px);width:calc(100% - var(--map-edge-spacer, 12px)*2)}.map-legend__header{display:none}.map-legend .legend-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;margin-top:0}.map-legend.collapsed{padding:.5rem}.map-legend.collapsed .legend-items{display:flex;gap:.25rem .5rem}.legend-item{flex-shrink:0;margin-bottom:0}.legend-item--clickable{border-radius:8px;margin:0;padding:.25rem .5rem;width:auto}.legend-item span{font-size:.75rem;white-space:nowrap}.legend-dot{flex-shrink:0;height:8px;width:8px}}.content-tabs{align-items:flex-start;background:#0000;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding-block:clamp(.75rem,2vw,1rem);padding-block:clamp(var(--spacing-md,.75rem),2vw,var(--spacing-lg,1rem));padding-left:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-left,0));padding-left:max(clamp(var(--layout-gutter-inline,1.5rem),4vw,2.5rem),env(safe-area-inset-left,0));padding-right:max(clamp(1.5rem,4vw,2.5rem),env(safe-area-inset-right,0));padding-right:max(clamp(var(--layout-gutter-inline,1.5rem),4vw,2.5rem),env(safe-area-inset-right,0))}.tabs-container{flex:1 1 auto;flex-wrap:nowrap;min-width:0}.tab,.tabs-container{display:flex;gap:.5rem}.tab{align-items:center;background:#12162342;border:1px solid var(--glass-border);border-radius:8px;color:#cbd5e1;color:var(--text-secondary,#cbd5e1);cursor:pointer;flex:0 0 auto;font-size:.82rem;font-weight:500;max-width:none;padding:.5rem 1rem;transition:all .3s ease}.tab:hover:not(.disabled){background-color:#6a4c9324;border-color:var(--accent-purple);transform:translateY(-1px)}.tab.active,.tab:hover:not(.disabled){color:#fff;color:var(--text-primary,#fff)}.tab.active{background:#7c3aed;background:var(--accent-purple,#7c3aed);border-color:#7c3aed;border-color:var(--accent-purple,#7c3aed);box-shadow:0 4px 12px #7c3aed4d}.tab.disabled{cursor:not-allowed;opacity:.5}.tab-icon{align-items:center;display:inline-flex;font-size:.95rem;justify-content:center}.tab-icon svg{height:16px;width:16px}.tab-label{display:inline-block;font-size:.85rem;white-space:nowrap}.new-content-section{align-items:center;display:flex;flex:0 0 auto;gap:.75rem}.new-content-btn{background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:capitalize;transition:all .3s ease}.new-content-btn:hover{background:#6a4c9324;box-shadow:0 4px 15px #6a4c9347;transform:translateY(-2px)}.play-all-btn{align-items:center;background:linear-gradient(135deg,#cba6f7,#89b4fa);background:linear-gradient(135deg,var(--primary,#cba6f7) 0,var(--secondary,#89b4fa) 100%);border:none;border-radius:24px;color:#11111b;color:var(--bg-primary,#11111b);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.play-all-btn:hover{box-shadow:0 4px 15px #cba6f766;filter:brightness(1.1);transform:translateY(-2px)}.play-all-btn:active{transform:translateY(0)}.upgrade-prompt{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.875rem;font-style:italic}@media (max-width:768px){.content-tabs{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;mask-image:linear-gradient(90deg,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;width:100%}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.tab{flex:0 0 auto;font-size:.75rem;max-width:none;min-height:40px;padding:8px 16px}.tab-label{max-width:8.5rem}.new-content-btn{min-height:44px;text-align:center;width:100%}.content-tabs.variant-inventory{padding-left:env(safe-area-inset-left,8px);padding-right:env(safe-area-inset-right,8px)}}.content-tabs.variant-inventory{border-bottom:1px solid var(--border-color);justify-content:flex-start;padding-block:clamp(.5rem,3vw,.75rem);padding-block:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));padding-left:max(clamp(1rem,5vw,1.5rem),env(safe-area-inset-left,0));padding-left:max(clamp(var(--layout-gutter-inline,1rem),5vw,1.5rem),env(safe-area-inset-left,0));padding-right:max(clamp(1rem,5vw,1.5rem),env(safe-area-inset-right,0));padding-right:max(clamp(var(--layout-gutter-inline,1rem),5vw,1.5rem),env(safe-area-inset-right,0))}.content-tabs.variant-inventory .tabs-container{gap:.5rem}.content-tabs.variant-inventory .tab{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;max-width:12.5rem;overflow:hidden;padding:.5rem 1rem;transition:all .2s ease}.content-tabs.variant-inventory .tab.active{background:#7c3aed;background:var(--accent-purple,#7c3aed);border-color:#0000;box-shadow:none;color:#fff;color:var(--text-primary,#fff)}.content-tabs.variant-inventory .tab:hover:not(.active){background:var(--border-color);transform:none}.content-tabs.variant-inventory .new-content-btn{background:var(--secondary-bg);border-color:var(--border-color)}.adversary-challenge-player,.secret-challenge-player,.talent-challenge-player,.task-challenge-player{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(184deg,#0c1222f0,#050914e6) padding-box,linear-gradient(132deg,#52b0ff6b,#ffa8685c,#9060e873) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:16px;box-shadow:0 40px 96px #04081294,inset 0 0 28px #10182c85;color:var(--text-bright);margin:0 auto clamp(1rem,5vw,2.5rem);max-width:960px;padding:clamp(1.25rem,4vw,2.25rem);position:relative;width:min(100%,960px)}.challenge-media-viewport{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.75rem);isolation:isolate;margin:clamp(.75rem,3vw,1.75rem) auto clamp(1.25rem,4vw,2rem);position:relative;width:100%}.challenge-hero{aspect-ratio:16/9;background:#0c1222ad;border:1px solid #94baff38;border-radius:24px;box-shadow:0 28px 74px #050a188c;overflow:hidden;position:relative;width:100%}.challenge-media-viewport__hero{margin:0}.challenge-media-viewport__hero--fallback{align-items:stretch;display:flex;justify-content:stretch}.challenge-media-viewport__hero-fallback{background:radial-gradient(circle at 32% 24%,#5ed0ba80,#8a5cf46b);flex:1 1}.challenge-media-viewport__avatar-shell{align-items:center;display:flex;flex-direction:column;gap:clamp(.5rem,1.8vw,1rem);margin:0 auto;max-width:min(100%,320px);pointer-events:auto;position:static;text-align:center}.challenge-media-viewport__avatar{aspect-ratio:1/1;background:#0a0c16d9;border:1px solid #94baff47;border-radius:24px;box-shadow:0 26px 68px #050a188c;display:grid;overflow:hidden;place-items:center;pointer-events:auto;width:clamp(92px,16vw,140px)}.challenge-media-viewport__avatar img{display:block;height:100%;object-fit:cover;width:100%}.challenge-media-viewport__avatar--fallback{background:radial-gradient(circle at 30% 30%,#667eeaa6,#764ba299);color:#ecf6fff0}.challenge-media-viewport__avatar span{font-size:clamp(1.85rem,4vw,2.65rem);font-weight:700;letter-spacing:.08em}.challenge-media-viewport__avatar-caption{color:#e2e8f0e0;font-size:clamp(.8rem,2.2vw,.95rem);letter-spacing:.02em;line-height:1.45}.challenge-hero__media{height:100%;width:100%}.challenge-hero__media img,.challenge-hero__media video{display:block;height:100%;object-fit:cover;width:100%}.challenge-hero__media video{background:#00000059}.challenge-hero__caption{bottom:clamp(12px,3vw,24px);display:flex;flex-direction:column;gap:12px;left:clamp(12px,3vw,24px);pointer-events:none;position:absolute;right:clamp(12px,3vw,24px)}.challenge-hero__badge{align-self:flex-start;background:#040810b8;border:1px solid #ffffff2e;border-radius:999px;font-size:.75rem;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.challenge-hero__text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040810ad;border-radius:12px;color:#f8fafce6;font-size:.9rem;line-height:1.5;padding:12px 16px}.adversary-challenge-player__hero{margin-bottom:clamp(16px,5vw,32px)}.challenge-info h3{color:var(--accent-purple-light);font-size:clamp(1.35rem,4vw,1.9rem);letter-spacing:.06em;margin:0;text-shadow:0 0 28px #704eca73;text-transform:uppercase}.task-form{grid-gap:clamp(.75rem,3vw,1.5rem);display:grid;gap:clamp(.75rem,3vw,1.5rem);margin-top:clamp(1rem,3vw,1.5rem)}.task-form__header{display:flex;flex-direction:column;gap:4px}.task-form__header h4{color:var(--text-light);font-size:1.1rem;margin:0}.task-form__subtitle{color:#e2e8f0bf;font-size:.9rem;margin:0}.task-field{grid-gap:.5rem;display:grid;gap:.5rem}.task-field label{color:#f1f5f9f2;font-weight:600}.task-options{grid-gap:.5rem;display:grid;gap:.5rem}.task-option{align-items:center;background:#0f172aa6;border:1px solid #94a3b847;border-radius:12px;color:#f1f5f9e6;display:flex;gap:.5rem;padding:.75rem}.task-option input{accent-color:var(--purple-mid)}.task-submit-row{display:flex;justify-content:flex-end}.task-form-status{color:#e2e8f0cc;font-size:.95rem;margin-top:1rem}.secret-challenge-title{color:#c8b4fff2;font-family:Georgia,Times New Roman,Palatino Linotype,serif;font-size:clamp(1.75rem,5vw,2.5rem)!important;font-style:italic;font-weight:400;letter-spacing:.15em!important;margin-bottom:.5rem!important;text-align:center;text-shadow:0 0 30px #9664ff80,0 0 60px #6450c84d;text-transform:lowercase!important}.challenge-info__header{align-items:baseline;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1.25rem);justify-content:space-between;margin-bottom:clamp(1rem,3vw,1.5rem)}.challenge-info__tag{background:#1a264e73;border:1px solid #8eb2ff66;border-radius:999px;box-shadow:inset 0 0 18px #263a6880;color:#d6e4ffe0;font-size:.75rem;letter-spacing:.18em;padding:8px 16px;text-transform:uppercase}.challenge-description{background:#0a0e1c99;border:1px solid #87a4ff38;border-radius:16px;box-shadow:inset 0 0 26px #10182c73;margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem)}.challenge-description p{line-height:1.6;margin:0 0 12px}.challenge-details{flex-direction:column;margin-top:clamp(1rem,3vw,1.5rem)}.challenge-details,.challenge-metrics{display:flex;gap:.75rem;gap:var(--spacing-2_5,.75rem)}.challenge-metrics{flex-wrap:wrap;margin-bottom:clamp(1rem,2.5vw,1.5rem)}.challenge-metric{background:linear-gradient(160deg,#222e4e9e,#12182ebd);border:1px solid #92b2ff40;border-radius:12px;box-shadow:0 22px 54px #0a0e1c7a;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:clamp(.75rem,2.5vw,1rem) clamp(1rem,3vw,1.5rem)}.metric-label{color:#d2e0ffc7;font-size:.65rem;letter-spacing:.08em}.metric-value{color:var(--text-primary)9c4;font-size:.95rem}.metric-hint{color:var(--text-light);font-size:.8rem;opacity:.8}.roll-modifier{background:#667eea14;border-left:3px solid #667eeae6;border-radius:8px;padding:12px 16px}.flavor-text{color:var(--text-light);font-style:italic;opacity:.9}.adversary-preview{grid-gap:clamp(1rem,3vw,1.75rem);background:#0c1222ad;border:1px solid #709cff3d;border-radius:16px;box-shadow:0 24px 64px #04081073;display:grid;gap:clamp(1rem,3vw,1.75rem);grid-template-columns:minmax(0,200px) minmax(0,1fr);margin:clamp(1.25rem,4vw,1.75rem) 0 clamp(1rem,3.5vw,1.5rem);padding:clamp(1rem,3vw,1.5rem)}.adversary-preview__media{align-items:center;display:flex;justify-content:center}.adversary-preview__avatar{aspect-ratio:1/1;background:#080c18d1;border:1px solid #8eb2ff47;border-radius:24px;box-shadow:0 22px 48px #04081080;display:grid;overflow:hidden;place-items:center;width:clamp(96px,18vw,140px)}.adversary-preview__avatar img{display:block;height:100%;object-fit:cover;width:100%}.adversary-preview__avatar--fallback{background:radial-gradient(circle at 36% 32%,#58b4dc8c,#7460dc7a);color:#ecf4fff5;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;letter-spacing:.08em}.adversary-preview__avatar--fallback span{display:block}.adversary-preview__details{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.adversary-preview__details h4{color:var(--text-bright);font-size:clamp(1.1rem,3vw,1.4rem);letter-spacing:.03em;margin:0}.adversary-preview__stats{grid-gap:clamp(.5rem,2vw,1rem);display:grid;gap:clamp(.5rem,2vw,1rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.adversary-preview__stats dt{color:#c6d8ffcc;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.adversary-preview__stats dd{color:var(--gold-soft);font-size:.95rem;font-weight:600;margin:4px 0 0}.adversary-preview__abilities{color:#e0e8ffe0;font-size:.9rem;margin:0}.adversary-preview__actions{align-items:flex-start;display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem);margin-top:clamp(1rem,3vw,1.5rem)}.adversary-fight-button{align-items:center;background:linear-gradient(135deg,#667eeabf,#7c3aedcc);border:1px solid #94baff59;border-radius:999px;color:var(--text-bright);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.08em;margin:clamp(1.25rem,4vw,2rem) auto;max-width:100%;padding:clamp(1rem,2.6vw,1rem) clamp(1.5rem,4vw,2rem);text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:-webkit-fit-content;width:fit-content}.adversary-fight-button:hover{border-color:#adcfff99;box-shadow:0 18px 36px #5866e073;transform:translateY(-2px)}.adversary-fight-button:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:2px}.adversary-preview__hint{color:#d1e0ffc7;font-size:.85rem;margin:0}.hint-section{background:#ffffff1a;border-left:4px solid var(--purple-glow);border-radius:12px;margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(.75rem,2.5vw,1rem)}.hint-section .hint{color:var(--text-light);margin:0}.hint{color:#ffffffe6;font-style:italic;margin:0}.input-section{display:flex;gap:.75rem;gap:var(--spacing-2_5,.75rem);margin:clamp(1rem,3vw,1.5rem) 0}.challenge-input{background:linear-gradient(180deg,#0a0e1ad9,#060914e6) padding-box,linear-gradient(130deg,#5ab6ff61,#ffaf7852) border-box;border:1px solid #0000;border-radius:12px;box-shadow:0 18px 42px #04081273,inset 0 0 18px #101c3073;color:#fff;flex:1 1;font-size:1rem;padding:clamp(.75rem,2.5vw,1rem);transition:all .3s ease}.challenge-input::placeholder{color:#fff9}.challenge-input:focus{border-color:#0000;box-shadow:0 0 0 1px #7ac2ffcc,0 0 24px #5cbcff59;outline:none}.attack-btn,.defend-btn,.roll-btn,.submit-btn{background:linear-gradient(130deg,#4f8cff 0,var(--purple-mid) 52%,#f97316 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:clamp(.75rem,2.5vw,1rem) clamp(1rem,4vw,1.75rem);transition:all .3s ease}.attack-btn:hover:not(:disabled),.defend-btn:hover:not(:disabled),.roll-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){box-shadow:0 6px 18px #4f8cff73;transform:translateY(-2px)}.attack-btn:disabled,.defend-btn:disabled,.roll-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback{animation:quest-feedback-pop .32s cubic-bezier(.24,.58,.3,.99) both;border-radius:12px;font-weight:600;margin-top:clamp(1rem,3vw,1.5rem);padding:clamp(.75rem,2.5vw,1rem);text-align:center}.feedback.success{background:#22c55e33;border:1px solid #22c55e66;color:var(--success)}.feedback.error{background:#ef444433;border:1px solid #ef444466;color:var(--danger-light)}.feedback.neutral{background:#3b82f633;border:1px solid #3b82f666;color:var(--info-solid)}.stat-selection{margin:clamp(1rem,3vw,1.5rem) 0}.stat-selection.unavailable{background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:12px;padding:16px;text-align:center}.stat-warning{color:var(--gold-warm);font-size:.95rem;margin:0}.stat-selection h4{color:var(--gold);margin-bottom:16px;text-align:center}.stat-grid{grid-gap:.75rem;grid-gap:var(--spacing-2_5,.75rem);display:grid;gap:.75rem;gap:var(--spacing-2_5,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:clamp(1rem,3vw,1.5rem) 0}.stat-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;padding:16px;text-align:center;transition:all .3s ease}.stat-button:hover{background:#fff3;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.stat-button.selected{background:#667eea4d;border-color:var(--purple-glow);box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.stat-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.stat-name{font-weight:700;margin-bottom:4px}.stat-value{font-size:.9rem;opacity:.8}.roll-section{margin:clamp(1.25rem,4vw,2rem) 0;text-align:center}.roll-btn{background:linear-gradient(135deg,var(--purple-glow) 0,#764ba2 100%);border:none;border-radius:24px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:clamp(1rem,2.5vw,1.25rem) clamp(1.25rem,5vw,2rem);transition:all .3s ease}.roll-btn:hover:not(:disabled){box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.roll-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.roll-btn.rolling{animation:pulse .5s infinite}.dice-roll{animation:quest-dice-pop .36s cubic-bezier(.24,.58,.3,.99) both;background:#ffffff1a;border:2px solid #ffd7004d;border-radius:12px;box-shadow:0 18px 48px #04081059;margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem);text-align:center}.dice-animation{animation:rollDice .5s ease-in-out;font-size:3rem;margin-bottom:12px}.roll-result{animation:quest-result-flare .42s cubic-bezier(.22,.61,.36,1) both;font-size:1.5rem;font-weight:700;margin:12px 0;transition:color .3s ease,text-shadow .3s ease}.roll-result.success{color:var(--success-bright);text-shadow:0 0 18px #4ade8073}.roll-result.failure{color:var(--danger-light);text-shadow:0 0 18px #f8717166}.roll-result.critical{letter-spacing:.04em;text-transform:uppercase}.roll-breakdown{font-size:.9rem;margin-top:12px;opacity:.8}.combat-arena{grid-gap:clamp(.75rem,2.5vw,1.5rem);align-items:stretch;background:linear-gradient(186deg,#101a34db,#080c1adb) padding-box,linear-gradient(135deg,#58aaff59,#f69d5852,#8e60e861) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:16px;box-shadow:0 32px 88px #060a1885,inset 0 0 26px #121c3480;display:grid;gap:clamp(.75rem,2.5vw,1.5rem);grid-template-columns:minmax(0,1fr) minmax(160px,280px) minmax(0,1fr);margin:clamp(.75rem,2.5vw,1.25rem) 0;padding:clamp(.75rem,2.5vw,1.25rem);position:relative}.combat-center{align-items:center;display:flex;justify-content:center;padding:clamp(.25rem,1.5vw,.5rem)}.combat-center__actions{align-items:center;background:radial-gradient(circle at 50% 0,#ffd6991f,#0000 70%);border-radius:16px;display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.35rem,1.5vw,.75rem);text-align:center}.combat-center__status{color:#e2e8f0c7;font-size:.85rem;letter-spacing:.02em}.combat-center__inventory{color:var(--text-light);font-size:.9rem;opacity:.85}.combat-center__buff-indicator{animation:buff-pulse 2s ease-in-out infinite;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:8px;color:var(--reward-ep-glow);font-size:.9rem;padding:.5rem .75rem}@keyframes buff-pulse{0%,to{box-shadow:0 0 4px #f59e0b4d}50%{box-shadow:0 0 12px #f59e0b80}}.combat-center__progress{color:var(--gold);font-style:italic}.combat-center__status-badge{background:radial-gradient(circle at 50% 50%,#ffd69947,#0000 70%);border-radius:16px;color:#ffffffd1;display:grid;font-size:clamp(1rem,2.8vw,1.35rem);font-weight:700;letter-spacing:.2em;padding:clamp(.75rem,2vw,1rem);place-items:center;text-transform:uppercase}.character-panel{background:linear-gradient(180deg,#0a101eeb,#080c18e0);border:1px solid #709cff3d;border-radius:12px;box-shadow:0 22px 52px #04081075,inset 0 0 20px #0c142473;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);height:100%;justify-content:space-between;min-width:0;padding:clamp(1rem,3vw,1.5rem)}.character-panel.player{border-left:4px solid var(--success)}.character-panel.enemy{border-left:4px solid var(--danger-solid)}.character-panel__identity{align-items:center;display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem)}.character-portrait{aspect-ratio:1/1;background:#0408108c;border:1px solid #ffffff29;border-radius:12px;box-shadow:0 14px 28px #04081059;display:grid;overflow:hidden;place-items:center;position:relative;width:min(140px,100%)}.character-portrait img{display:block;height:100%;object-fit:cover;width:100%}.character-portrait--player{border-color:#2dd4bf80}.character-portrait--enemy{border-color:#fb718580}.character-portrait--fallback{background:radial-gradient(circle at 30% 30%,#667eeaa6,#764ba299);color:#f8fafceb;font-size:clamp(2.4rem,6vw,3rem);font-weight:700;letter-spacing:.12em}.character-portrait--fallback span{display:block}.character-name{color:var(--gold);font-size:1.2rem;font-weight:700;margin:0;text-align:center}.character-status{color:#e2e8f0c7;font-size:.8rem;letter-spacing:.06em;margin-top:.25rem;text-align:center;text-transform:uppercase}.character-status__value{color:var(--text-bright);margin-left:.25ch;text-shadow:0 0 12px #0d948866}.character-quick-stats{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,1.8vw,.75rem);justify-content:center;margin-top:clamp(.25rem,1.6vw,.5rem)}.quick-stat{align-items:center;background:#ffffff14;border:1px solid #94a3b829;border-radius:999px;display:inline-flex;font-size:.75rem;gap:.2rem;letter-spacing:.04em;padding:3px 8px;position:relative}.quick-stat__value{color:var(--text-bright);font-weight:600}.stat-icon{display:inline-block;height:.65rem;width:.65rem}.quick-stat--attack{background:linear-gradient(135deg,#f871712e,#7f1d1d38);border-color:#f8717159;box-shadow:0 0 18px #f8717159;color:var(--danger-faint)}.quick-stat--attack .quick-stat__value{color:var(--danger-bg);text-shadow:0 0 12px #f871718c}.quick-stat--attack .stat-icon{color:var(--danger-light);filter:drop-shadow(0 0 6px rgba(248,113,113,.6))}.quick-stat--armor{background:linear-gradient(135deg,#94a3b838,#47556947);border-color:#94a3b859;box-shadow:0 0 16px #94a3b852;color:var(--text-light)}.quick-stat--armor .quick-stat__value{color:var(--text-bright);text-shadow:0 0 10px #e2e8f066}.quick-stat--armor .stat-icon{color:var(--text-dim);filter:drop-shadow(0 0 6px rgba(226,232,240,.55))}.health-bar{margin:16px 0}.health-label{color:var(--text-light);font-size:.9rem;margin-bottom:4px}.health-track{background:#0000004d;border-radius:12px;height:20px;overflow:hidden;width:100%}.health-fill{background:linear-gradient(90deg,var(--success) 0,var(--success-light) 100%);border-radius:12px;height:100%;transition:width .5s ease}.ap-bar{margin:8px 0 16px}.ap-label{color:var(--event-color);font-size:.85rem;margin-bottom:4px}.ap-track{background:#0000004d;border-radius:4px;height:8px;overflow:hidden;width:100%}.ap-fill{background:linear-gradient(90deg,var(--ep-color) 0,var(--event-color) 100%);border-radius:4px;height:100%;transition:width .3s ease}.quick-stat--ap{color:var(--event-color)}.ap-cost,.quick-stat--ap .quick-stat__icon{font-size:.75rem}.ap-cost{background:#8b5cf640;border-radius:4px;color:var(--accent-purple-light);margin-left:4px;opacity:.8;padding:2px 4px}.action-btn.no-ap{opacity:.5}.abilities{background:#ffffff1a;border-radius:8px;color:var(--text-light);font-size:.85rem;margin-top:16px;padding:clamp(.75rem,2vw,1rem)}.combat-actions{align-items:center;background:linear-gradient(184deg,#0c1222cc,#080c18c7);border:1px solid #7ea8ff40;border-radius:16px;box-shadow:inset 0 0 20px #121a2e99,0 28px 64px #0408106b;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);margin:clamp(1.5rem,4.4vw,2.5rem) auto;padding:clamp(1rem,3vw,1.5rem) clamp(1.25rem,3.5vw,1.75rem);text-align:center;width:min(520px,100%)}.combat-actions h4{color:#ffd9a0eb;font-size:.85rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.action-buttons{grid-gap:clamp(.5rem,1.8vw,1rem);display:grid;gap:clamp(.5rem,1.8vw,1rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%}.action-btn{background:linear-gradient(135deg,#121c30d9,#0c1224d1);border:1px solid #ffffff40;box-shadow:inset 0 0 18px #121e348c,0 6px 18px #0408107a;color:#fff;padding:clamp(.75rem,2.4vw,1rem) clamp(1rem,3vw,1.25rem);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.action-btn:hover:not(:disabled){box-shadow:inset 0 0 24px #182a4a99,0 10px 24px #060a1480;transform:translateY(-2px)}.action-btn.attack{border-color:var(--danger-solid)}.action-btn.attack:hover:not(:disabled){background:#ef444433;border-color:var(--danger-light)}.action-btn.heal{border-color:var(--circle-color)}.action-btn.heal:hover:not(:disabled){background:#38bdf833;border-color:var(--info-bright)}.action-btn.defend{border-color:var(--color-primary-light)}.action-btn.defend:hover:not(:disabled){background:#3b82f633;border-color:var(--info-solid)}.action-btn.special{border-color:var(--ep-color)}.action-btn.special:hover:not(:disabled){background:#8b5cf633;border-color:var(--event-color)}.action-btn.negotiate{border-color:var(--success)}.action-btn.negotiate:hover:not(:disabled){background:#10b98133;border-color:var(--success-light)}.action-btn.buff{border-color:var(--warning)}.action-btn.buff:hover:not(:disabled){background:#f59e0b33;border-color:var(--reward-ep-glow)}.action-btn.buff.active{background:#f59e0b26;border-color:var(--amber-light);box-shadow:0 0 8px #f59e0b66}.action-btn.item{border-color:var(--entertainment-color)}.action-btn.item:hover:not(:disabled){background:#ec489933;border-color:var(--pink-light)}.action-btn.heal.used{opacity:.6;text-decoration:line-through}.action-btn.selected{background:#ffd70033;border-color:var(--gold)}.combat-log{background:linear-gradient(180deg,#0a101ed9,#060a18d1) padding-box,linear-gradient(135deg,#60b6ff47,#ffb0703d) border-box;border:1px solid #0000;border-radius:16px;box-shadow:inset 0 0 18px #121c328c,0 22px 52px #04081066;margin:clamp(1.5rem,4.6vw,2.5rem) 0;max-height:240px;overflow-y:auto;padding:clamp(1rem,3vw,1.5rem)}.combat-log h4{color:#ffd9a0eb;margin:0 0 16px}.log-entries{font-family:var(--font-mono);font-size:.9rem;line-height:1.4}.log-entry{border-left:2px solid #ffffff1a;color:var(--text-light);margin:4px 0;padding:4px 4px 4px 12px}.log-entry.player{color:var(--success)}.log-entry.enemy{color:var(--danger-solid)}.log-entry.system{color:var(--info-solid);font-style:italic}.completion-message{animation:quest-completion-lift .42s cubic-bezier(.22,.61,.36,1) both;background:#ffffff1a;border-radius:12px;box-shadow:0 20px 52px #04081061;margin:clamp(1rem,3vw,1.5rem) 0;padding:clamp(1rem,3vw,1.5rem);text-align:center}.completion-message h4{color:var(--gold);margin-bottom:12px}.attempt-info{align-items:center;background:#ffffff0d;border-radius:8px;color:var(--text-dim);display:flex;font-size:.9rem;justify-content:space-between;margin:clamp(.75rem,2.5vw,1rem) 0;padding:clamp(.75rem,2vw,1rem)}.retry-message,.success-message{animation:quest-feedback-pop .36s cubic-bezier(.24,.58,.3,.99) both;border-radius:12px;box-shadow:0 14px 36px #04081052;margin:clamp(.75rem,2.5vw,1rem) 0;padding:clamp(.75rem,2.5vw,1rem);text-align:center}.success-message{background:#10b98133;border:1px solid #10b98166;color:var(--success-light)}.retry-message{background:#f59e0b33;border:1px solid #f59e0b66;color:var(--reward-ep-glow)}.health-fill.low{background:linear-gradient(90deg,var(--danger-solid) 0,var(--danger-light) 100%)}.health-fill.medium{background:linear-gradient(90deg,var(--warning) 0,var(--reward-ep-glow) 100%)}.fight-modal{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040610c7;display:flex;inset:0;justify-content:center;padding:clamp(1rem,3vw,2rem);position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.fight-modal__content{background:linear-gradient(186deg,#060e0af2,#040a08eb) padding-box,linear-gradient(132deg,#0d948852,#d977063d,#8b5cf64d) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:24px;box-shadow:0 48px 120px #040810a6;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;position:relative;width:min(1400px,94vw)}.fight-modal__immersion{border-radius:24px;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.fight-modal__immersion:after{background:#040a0873;content:"";inset:0;pointer-events:none;position:absolute}.fight-modal__context-popup{align-items:flex-start;background:linear-gradient(135deg,#0d94882e,#064e4838);border:1px solid #0d94884d;border-radius:10px;display:flex;gap:.5rem;margin:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1.25rem) 0;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);position:relative;z-index:2}.fight-modal__context-popup--auto{animation:contextPopupIn .4s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(135deg,#0d948859,#064e4873);border:1px solid #0d948880;border-radius:12px;box-shadow:0 8px 32px #00000080;left:50%;margin:0;max-width:min(90%,400px);padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,2.5vw,1.5rem);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.fight-modal__context-popup--auto .fight-modal__context-text{font-size:clamp(.9rem,2.2vw,1.05rem);text-align:center}.fight-modal__context-popup--exiting{animation:contextPopupOut .35s ease-in both}@keyframes contextPopupIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes contextPopupOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.fight-modal__context-text{color:#e2e8f0e0;flex:1 1;font-size:.82rem;font-style:italic;line-height:1.45;margin:0}.fight-modal__header{align-items:center;border-bottom:1px solid #0d948833;display:flex;justify-content:space-between;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.25rem,3vw,1.75rem)}.fight-modal__header--minimal{border-bottom:none;justify-content:flex-end;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);position:absolute;right:0;top:0;z-index:3}.fight-modal__header h3{color:var(--accent-purple-light);font-size:clamp(1.2rem,3vw,1.5rem);letter-spacing:.04em;margin:0}.fight-modal__close{background:#121a2ed9;border:1px solid #8eb2ff59;border-radius:50%;color:var(--text-bright);cursor:pointer;font-size:1rem;height:36px;transition:background .18s ease,transform .18s ease;width:36px}.fight-modal__close:hover{background:#384a80e6;transform:rotate(90deg)}.fight-modal__close:focus-visible{outline:2px solid var(--accent-purple-light);outline-offset:2px}.fight-modal__body{display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);margin:0 auto;overflow-y:auto;padding:clamp(.75rem,2vw,1.25rem);position:relative;width:min(1300px,92vw);z-index:1}.fight-modal__stage{margin:0 auto;max-width:1200px;width:100%}.fight-modal__actions{display:flex;justify-content:center;margin:0;width:100%}.fight-modal__log{margin:0}.fight-modal__completion{background:linear-gradient(160deg,#283662b8,#182038b3);border:1px solid #94baff3d;margin:0}@keyframes quest-dice-pop{0%{opacity:0;transform:translate3d(0,18px,0) scale(.94)}60%{opacity:1;transform:translate3d(0,-6px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes quest-result-flare{0%{filter:blur(6px);opacity:0;transform:translate3d(0,12px,0)}55%{filter:blur(0);opacity:1;transform:translate3d(0,-4px,0)}to{filter:blur(0);opacity:1;transform:translateZ(0)}}@keyframes quest-feedback-pop{0%{opacity:0;transform:translate3d(0,14px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes quest-completion-lift{0%{opacity:0;transform:translate3d(0,20px,0) scale(.96)}65%{opacity:1;transform:translate3d(0,-4px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes rollDice{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.rolling{animation:pulse .5s infinite}@media (prefers-reduced-motion:reduce){.completion-message,.dice-animation,.dice-roll,.feedback,.retry-message,.roll-result,.rolling,.success-message{animation:none!important}}@media (max-width:768px){.challenge-hero{aspect-ratio:4/3}.challenge-media-viewport{gap:clamp(.75rem,4vw,1.25rem)}.challenge-media-viewport__avatar{border-radius:16px;width:clamp(78px,36vw,132px)}.challenge-media-viewport__avatar-caption{font-size:clamp(.78rem,3.2vw,.95rem)}.fight-modal{align-items:flex-start;padding:clamp(.75rem,5vw,1.25rem)}.fight-modal__content{border-radius:24px;transform-origin:top center;width:min(720px,100%)}.fight-modal__body{padding:clamp(1rem,5vw,1.5rem)}.combat-arena{gap:clamp(16px,5.5vw,24px);grid-template-columns:minmax(0,1fr) minmax(0,clamp(180px,30vw,250px)) minmax(0,1fr);max-width:min(720px,100%);padding:clamp(1rem,6vw,1.5rem);width:100%}.combat-center{margin:0 auto;padding:clamp(.75rem,4.2vw,1rem);width:clamp(200px,46vw,240px)}.combat-center__actions{gap:clamp(.75rem,4vw,1rem);width:100%}.combat-center__status-badge{width:100%}.character-panel{gap:clamp(.5rem,4vw,1rem);margin:0 auto;max-width:clamp(240px,70vw,300px);padding:clamp(.75rem,5vw,1rem)}.character-quick-stats{gap:clamp(.25rem,4vw,.75rem)}.health-label{font-size:clamp(.85rem,3.2vw,1rem)}.combat-log{max-height:none}.action-buttons{grid-template-columns:1fr}.input-section{flex-direction:column}.stat-selection{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.fight-modal__body{padding:clamp(.5rem,5vw,1rem)}.fight-modal__content{border-radius:16px;max-width:none}.fight-modal__close{height:32px;width:32px}.combat-arena{gap:clamp(16px,6vw,24px);grid-template-columns:minmax(0,1fr) minmax(0,clamp(170px,48vw,210px)) minmax(0,1fr);padding:clamp(1rem,6vw,1.5rem)}.combat-center{width:clamp(190px,64vw,220px)}.combat-center__actions h4{font-size:clamp(.95rem,4vw,1.1rem)}.character-panel__identity{gap:clamp(.5rem,4vw,.75rem)}.character-name{font-size:clamp(.95rem,4vw,1.15rem)}.character-status,.character-status__value{font-size:clamp(.78rem,3.6vw,.95rem)}.health-track{height:clamp(10px,3vw,14px)}.combat-log h4{font-size:clamp(.95rem,4vw,1.1rem)}.adversary-challenge-player,.secret-challenge-player,.talent-challenge-player{padding:20px}.challenge-media-viewport{margin:clamp(.75rem,6vw,1rem) 0 clamp(1rem,7vw,1.5rem)}.challenge-media-viewport__avatar{border-radius:16px;width:clamp(64px,28vw,92px)}.challenge-media-viewport__hero-fallback{background:linear-gradient(135deg,#28345ee0,#12182ee6)}.adversary-preview{padding:clamp(.75rem,6vw,1.25rem)}.adversary-fight-button{width:100%}.combat-log{max-height:180px}.combat-arena{gap:clamp(16px,7vw,20px);grid-template-columns:minmax(0,1fr) minmax(0,clamp(165px,54vw,200px)) minmax(0,1fr);padding:clamp(1rem,6.5vw,1.5rem)}.combat-center{width:clamp(190px,70vw,215px)}.character-panel{max-width:clamp(230px,88vw,300px)}.stat-selection{grid-template-columns:1fr}}.battle-action-popup{animation:battlePopupEnter .3s cubic-bezier(.34,1.56,.64,1) forwards;border-radius:24px;box-sizing:border-box;left:50%;min-height:180px;padding:clamp(1.5rem,4vw,2.5rem) clamp(2rem,5vw,3.5rem);pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) scale(.8);width:min(380px,85vw);z-index:6100;z-index:var(--z-modal,6100)}.battle-action-popup--player{background:linear-gradient(145deg,#143c78f2,#0a1e46fa);border:2px solid #64b4ff80;box-shadow:0 0 40px #64b4ff4d,0 20px 60px #00000080,inset 0 0 30px #64b4ff1a}.battle-action-popup--enemy{background:linear-gradient(145deg,#781e1ef2,#3c0f0ffa);border:2px solid #ff646480;box-shadow:0 0 40px #ff64644d,0 20px 60px #00000080,inset 0 0 30px #ff64641a}.battle-action-popup--exiting{animation:battlePopupExit .3s ease-in forwards}@keyframes battlePopupEnter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes battlePopupExit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(.9)}}.battle-action-popup__icon{animation:iconPulse .5s ease-out;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:.5rem}@keyframes iconPulse{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}.battle-action-popup__move-name{color:#fffffff2;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;letter-spacing:1px;margin:0 0 .5rem;text-shadow:0 2px 10px #00000080;text-transform:uppercase}.battle-action-popup__result{color:#ffffffd9;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 .5rem}.battle-action-popup__critical{animation:criticalFlash .4s ease-out;background:linear-gradient(135deg,gold,#ff8c00);border-radius:999px;color:#1a1a1a;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}@keyframes criticalFlash{0%,50%{box-shadow:0 0 20px #ffd700cc}25%,75%{box-shadow:0 0 30px #ff8c00}to{box-shadow:0 0 10px #ffd70080}}.battle-action-popup__buff-info{color:#b4ffb4e6;font-size:1rem;margin:.25rem 0}.battle-action-popup__breakdown{color:#ffffff80;font-family:var(--font-mono);font-size:.85rem;margin:.5rem 0 0}.battle-action-popup--player:has(.battle-action-popup__result:contains("restored")){border-color:#64ff9680;box-shadow:0 0 40px #64ff964d,0 20px 60px #00000080,inset 0 0 30px #64ff961a}@media (prefers-reduced-motion:reduce){.battle-action-popup,.battle-action-popup--exiting,.battle-action-popup__critical,.battle-action-popup__icon{animation:none!important;transform:translate(-50%,-50%) scale(1)!important}.battle-action-popup--exiting{opacity:0}}@media (max-width:480px){.battle-action-popup{border-radius:16px;padding:1.25rem 1.5rem}}.quest-narrative-sequence{align-items:flex-end;display:flex;justify-content:center;min-height:0;padding:0;width:100%}.quest-narrative-sequence__card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(182deg,#060a18c7,#0407128f) padding-box,radial-gradient(circle at 12% 18%,#a6d7ff40,#0000 58%) border-box,radial-gradient(circle at 86% 12%,#ce93ff2e,#0000 62%) border-box,linear-gradient(140deg,#223b688c,#131f3e99) border-box;background-clip:padding-box,border-box,border-box,border-box;border:1px solid #0000;border-radius:18px;box-shadow:0 32px 80px #02061273,inset 0 0 20px #0c142c66;max-width:min(1400px,95vw);min-width:min(600px,85vw);overflow:hidden;padding:clamp(1rem,3vw,1.75rem) clamp(2.5rem,6vw,4rem);position:relative;width:-webkit-fit-content;width:fit-content}.quest-narrative-sequence__card-img{border-radius:18px 18px 0 0;display:block;flex-shrink:0;height:200px;margin:calc(clamp(1rem, 3vw, 1.75rem)*-1) calc(clamp(2.5rem, 6vw, 4rem)*-1) clamp(.75rem,2vw,1.2rem);object-fit:cover;width:calc(100% + clamp(2.5rem, 6vw, 4rem)*2)}.quest-narrative-sequence__content-wrapper{min-height:3em;position:relative;width:100%}.quest-narrative-sequence__content{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out;width:100%}.quest-narrative-sequence__content--fading{opacity:0;pointer-events:none;transform:translateY(-8px)}@keyframes narrative-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quest-narrative-sequence__content:not(.quest-narrative-sequence__content--fading){animation:narrative-fade-in .4s ease-out}.quest-narrative-sequence__text{color:#ffffffeb;font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.7;margin:0;text-align:center;text-shadow:0 0 14px #fff3;white-space:pre-wrap}.quest-narrative-sequence__footer{align-items:center;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;padding-top:.85rem}.quest-narrative-sequence__progress{display:flex;gap:8px;justify-content:center}.quest-narrative-sequence__dot{background:#fff3;border-radius:50%;height:8px;transition:background .3s ease,transform .3s ease;width:8px}.quest-narrative-sequence__dot--active{background:#a6d7ffe6;box-shadow:0 0 8px #a6d7ff99;transform:scale(1.25)}.quest-narrative-sequence__dot--complete{background:#a6d7ff80}.quest-narrative-sequence__next{background:linear-gradient(135deg,#223b68cc,#131f3ee6);border:1px solid #a6d7ff59;border-radius:999px;box-shadow:0 4px 16px #0000004d;color:#fffffff2;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 2.5rem;transition:all .25s ease}.quest-narrative-sequence__next:hover:not(:disabled){background:linear-gradient(135deg,#2c4b82e6,#1d2d55f2);border-color:#a6d7ff8c;box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.quest-narrative-sequence__next:active:not(:disabled){transform:translateY(0)}.quest-narrative-sequence__next:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.quest-narrative-sequence__content,.quest-narrative-sequence__content:not(.quest-narrative-sequence__content--fading){animation:none!important;transition:none!important}}@media (max-width:640px){.quest-narrative-sequence__card{border-radius:16px;padding:1.25rem 1rem}.quest-narrative-sequence__text{font-size:1rem;line-height:1.65}.quest-narrative-sequence__footer{gap:.75rem;margin-top:1.5rem;padding-top:1rem}.quest-narrative-sequence__next{font-size:.95rem;padding:.75rem 2rem}}.quest-player{animation:quest-overlay-fade .36s cubic-bezier(.22,.61,.36,1) forwards;background:#0000;color:#fff;display:flex;flex-direction:column;isolation:isolate;margin-left:0;margin-left:calc(var(--layout-gutter-inline, 0px)*-1);min-height:100vh;opacity:0;overflow:visible;position:relative;scroll-behavior:smooth;width:100vw;z-index:auto}.quest-player--compact-outcome .quest-player__body{gap:clamp(1rem,4vh,48px);gap:clamp(var(--layout-grid-gap,1rem),4vh,48px);padding-bottom:clamp(32px,10vh,120px);padding-top:clamp(48px,12vh,120px)}.quest-player--compact-outcome .quest-outcome{margin:clamp(1rem,4vw,32px) auto 0;margin:clamp(var(--layout-grid-gap,1rem),4vw,32px) auto 0}.quest-player--compact-outcome .quest-player__context{margin-bottom:clamp(12px,3vw,24px)}@keyframes quest-overlay-fade{0%{opacity:0;transform:translate3d(0,12px,0) scale(.99)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes quest-layer-rise{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes quest-card-pop{0%{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes quest-continue-glimmer{0%{opacity:0;transform:translateX(-60%) rotate(8deg)}40%{opacity:.55}52%{opacity:.8}to{opacity:0;transform:translateX(65%) rotate(8deg)}}@keyframes quest-reward-shimmer{0%{opacity:0;transform:translateX(-120%) skewX(-12deg)}45%{opacity:.65}to{opacity:0;transform:translateX(120%) skewX(-12deg)}}@keyframes reward-label-shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes reward-ep-shimmer{0%{background-position:0 50%}50%{background-position:120% 50%}to{background-position:0 50%}}@keyframes quest-modal-pop{0%{opacity:0;transform:translate3d(0,24px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (prefers-reduced-motion:reduce){.challenge-context-card,.completion-card__reward:before,.quest-context-card,.quest-modal-card,.quest-player,.quest-player__body,.quest-player__challenge,.quest-player__continue-btn:after{animation:none!important}.completion-card__reward:before,.quest-player__continue-btn,.quest-player__continue-btn:before{transition:none!important}}.quest-player__immersion{inset:0;pointer-events:none;position:fixed;z-index:0}.quest-player--error,.quest-player--loading{align-items:center;justify-content:center;padding:48px;text-align:center}.quest-player__loading-state{font-size:1.2rem;letter-spacing:.04em;opacity:.85}.quest-player__exit{background:#000000a6;border:1px solid #ffffff4d;border-radius:999px;box-shadow:0 4px 16px #0006;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.08em;padding:12px 20px;position:absolute;right:12px;text-transform:uppercase;top:12px;transition:background .2s ease,border-color .2s ease,transform .2s ease;z-index:100;z-index:var(--z-raised,100)}.quest-modal-card{animation:quest-modal-pop .36s cubic-bezier(.24,.58,.3,.99) both;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080c18e6;border:1px solid #ffffff29;border-radius:24px;box-shadow:0 34px 90px #02061285;will-change:transform,opacity}.quest-player__exit:disabled{cursor:not-allowed;opacity:.6}.quest-player__exit:not(:disabled):hover{background:#ffffff29;border-color:#ffffff59}.quest-player__body{align-items:center;animation:quest-layer-rise .42s cubic-bezier(.26,.54,.32,1) forwards;display:flex;flex-direction:column;gap:clamp(1rem,3vh,2rem);justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-inline:clamp(2rem,5vw,4rem);padding-bottom:clamp(48px,8vh,80px);padding-top:clamp(40px,6vh,60px);position:relative;text-align:center;width:100%;will-change:transform,opacity;z-index:2}.quest-player__context{display:flex;justify-content:center;width:100%}.quest-context-card{animation:quest-card-pop .46s cubic-bezier(.24,.58,.3,.99) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(182deg,#060a18c7,#0407128f) padding-box,radial-gradient(circle at 12% 18%,#a6d7ff40,#0000 58%) border-box,radial-gradient(circle at 86% 12%,#ce93ff2e,#0000 62%) border-box,linear-gradient(140deg,#223b688c,#131f3e99) border-box;background-clip:padding-box,border-box,border-box,border-box;border:1px solid #0000;border-radius:24px;box-shadow:0 44px 120px #02061280,inset 0 0 24px #0c142c73;max-width:900px;padding:clamp(24px,4vw,36px);padding:clamp(var(--layout-gutter-inline,24px),4vw,calc(var(--layout-gutter-inline, 24px)*1.5));position:relative}.quest-context-card:after{background:radial-gradient(circle at 50% 0,#9dcbff2e,#0000 70%);border-radius:24px;content:"";inset:12px;opacity:.4;pointer-events:none;position:absolute}.quest-context-text{font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.5;margin:0;text-shadow:0 0 18px #ffffff52}.quest-player__context--compact{margin-bottom:1rem}.quest-context-card--compact{border-radius:12px;max-width:600px;opacity:.7;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);transition:opacity .2s ease}.quest-context-card--compact:hover{opacity:.85}.quest-context-text--compact{color:#ffffffbf;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.4;text-shadow:none}.quest-context-objectives{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(182deg,#0c1224eb,#060a18d9) padding-box,radial-gradient(circle at 16% 0,#5bb6ff52,#0000 62%) border-box,radial-gradient(circle at 88% 12%,#ffa36647,#0000 65%) border-box,linear-gradient(140deg,#304c8cb3,#1b2446b3) border-box;background-clip:padding-box,border-box,border-box,border-box;border:1px solid #0000;border-radius:24px;box-shadow:0 48px 128px #060a1a94,inset 0 0 32px #121c3685;display:grid;list-style:none;margin:clamp(16px,3vw,28px) 0 0;padding:0}.quest-context-objective:before{background:linear-gradient(135deg,#667eeae6,#764ba2e6);box-shadow:0 0 12px #667eea73;content:"";left:12px;opacity:.45;position:absolute;top:50%;transform:translateY(-50%);width:12px}.quest-context-notes{color:#e2e8f0c7;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.6;margin:clamp(12px,3vw,24px) 0 0;text-align:left}.quest-player__gate{display:flex;justify-content:center;width:100%}.quest-player__continue-btn{background:linear-gradient(125deg,#040e0af2,#06100ceb) padding-box,linear-gradient(120deg,#0d9488bf,#8b5cf6b3,#d97706a6) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:999px;box-shadow:0 26px 70px #02080699,inset 0 0 22px #0d94884d;color:#fff;cursor:pointer;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;isolation:isolate;margin-top:clamp(16px,4vh,36px);overflow:hidden;padding:16px 44px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.quest-player__continue-btn:after,.quest-player__continue-btn:before{content:"";inset:-30%;opacity:.65;pointer-events:none;position:absolute}.quest-player__continue-btn:before{background:radial-gradient(circle at 24% 32%,#0d948880,#0000 52%),radial-gradient(circle at 72% 42%,#d9770661,#0000 60%),linear-gradient(135deg,#0d948838,#8b5cf640);mix-blend-mode:screen;transition:opacity .35s ease}.quest-player__continue-btn:after{animation:quest-continue-glimmer 4.2s cubic-bezier(.6,.04,.3,1) infinite;background:linear-gradient(90deg,#0000,#ffffffb8 48%,#0000);inset:-120% -40%;mix-blend-mode:screen;opacity:0;transform:translateX(-40%) rotate(8deg)}.quest-player__continue-btn:hover{box-shadow:0 36px 102px #060c22b8,inset 0 0 30px #689ce67a;transform:translateY(-3px) scale(1.02)}.quest-player__continue-btn:hover:before{opacity:.85}.quest-player__continue-btn:focus-visible{outline:3px solid #b4e2ffb3;outline-offset:5px}.quest-player__cta{align-items:center;background:linear-gradient(135deg,#0a2f68,#103e92);border:1px solid #0f3a8ca6;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.04em;padding:12px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.quest-player__cta:hover{border-color:#a4c8ff8c;box-shadow:0 14px 34px #103e9259;transform:translateY(-1px)}.quest-player__cta:focus-visible{outline:2px solid #a4c8ffe6;outline-offset:2px}.quest-player__cta:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.challenge-context-card{align-items:stretch;animation:quest-card-pop .5s cubic-bezier(.24,.58,.3,.99) both;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(182deg,#0e1426e6,#090e1ce0) padding-box,radial-gradient(circle at 12% 18%,#60b6ff52,#0000 58%) border-box,radial-gradient(circle at 88% 12%,#ffa36647,#0000 64%) border-box,linear-gradient(140deg,#2d467ead,#1a223eb3) border-box;background-clip:padding-box,border-box,border-box,border-box;border:1px solid #0000;border-radius:24px;box-shadow:0 38px 96px #060c1c8c,inset 0 0 24px #10182e7a;display:flex;flex-direction:column;max-width:740px;overflow:hidden;padding:0;width:100%}.challenge-context-card__media{display:flex;justify-content:center;max-height:280px;overflow:hidden;width:100%}.challenge-context-card__media .challenge-hero{border-radius:0;max-height:280px;object-fit:cover;width:100%}.challenge-context-card__media .challenge-media-viewport{max-height:280px;width:100%}.challenge-context-card__media .challenge-media-viewport__hero{margin:0;max-height:280px}.challenge-context-card__media .challenge-media-viewport__avatar-shell{margin-top:clamp(12px,2.5vw,20px)}.challenge-context{font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.6;margin:0;max-width:680px;opacity:.92;text-align:center}.quest-player__challenge-content{box-sizing:border-box;display:flex;justify-content:center;max-width:680px;padding:clamp(20px,4vw,36px) clamp(16px,3vw,28px);width:100%}.challenge-context-card .quest-player__challenge-content{max-width:100%}.quest-player__challenge-content>*{width:100%}.quest-player__geo-notice{align-items:flex-start;background:#eab30814;border:1px solid #eab3084d;border-radius:10px;color:#fde047eb;display:flex;font-size:.82rem;gap:.6rem;line-height:1.45;margin-bottom:1rem;padding:.65rem .9rem}.quest-player__geo-notice svg{fill:currentColor;flex-shrink:0;height:15px;margin-top:2px;width:15px}.unknown-challenge{background:#ef444426;border:1px solid #ef444466;border-radius:16px;padding:32px;text-align:center}.retry-block-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.retry-block-modal{max-width:520px;padding:24px;width:100%}.abandon-dialog{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000ad;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.abandon-dialog__card{padding:clamp(20px,5vw,32px);text-align:center;width:min(360px,90vw)}.abandon-dialog__card h3{font-size:1.35rem;letter-spacing:.02em;margin:0 0 12px}.abandon-dialog__card p{line-height:1.5;margin:0;opacity:.9}.abandon-dialog__message{font-size:.95rem;margin-top:12px;opacity:.8}.abandon-dialog__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.abandon-dialog__actions button{background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:background .2s ease,border-color .2s ease}.abandon-dialog__actions button:hover{background:#ffffff29;border-color:#ffffff52}.abandon-dialog__spinner{animation:abandon-spin .75s linear infinite;border:3px solid #ffffff24;border-radius:50%;border-top-color:#ffffffd1;height:44px;margin:24px auto 0;width:44px}@keyframes abandon-spin{to{transform:rotate(1turn)}}.completion-overlay{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000c7;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.completion-card{background:#080c18eb;border:1px solid #ffffff24;border-radius:28px;box-shadow:0 30px 70px #00000073;max-width:460px;padding:clamp(28px,5vw,42px);padding:clamp(var(--layout-gutter-inline,28px),5vw,calc(var(--layout-gutter-inline, 28px)*1.5));text-align:center;width:100%}.completion-card__reward{align-items:center;background:radial-gradient(circle at 30% 12%,#2563eb47,#030714fa) padding-box,linear-gradient(160deg,#010512fa,#000208f2) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:24px;box-shadow:0 38px 110px #000000d9,inset 0 0 34px #08184499;color:#fef3c7;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:28px;overflow:hidden;padding:20px 24px;position:relative}.completion-card__reward:before{animation:quest-reward-shimmer 4.8s cubic-bezier(.6,.04,.3,1) infinite;background:linear-gradient(120deg,#0000 15%,#ffffffd9 45%,#fffffffa 50%,#ffffffc2 58%,#0000 85%);content:"";inset:-65% -140%;opacity:0;position:absolute}.completion-card__reward span{-webkit-text-fill-color:#0000;animation:reward-label-shimmer 4s linear infinite;background:linear-gradient(120deg,#f8e8b4,#f1c27d,#f7e4a8,#f1c27d);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#fef3c7e0;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.completion-card__reward strong{color:#fefce8;font-size:clamp(1.6rem,3.4vw,2.2rem);letter-spacing:.02em;max-width:100%;text-shadow:0 0 20px #ffeaa78c;white-space:nowrap}.completion-card__reward-value--ep{-webkit-text-fill-color:#0000;animation:reward-ep-shimmer 3.6s ease-in-out infinite;background:linear-gradient(120deg,#10b981,#6ee7b7,#059669);background-clip:text;-webkit-background-clip:text;background-size:180% 180%;text-shadow:0 0 18px #10b98173}.completion-card h2{font-size:clamp(1.25rem,2vw,1.65rem);margin:0 0 16px;text-shadow:0 0 20px #ffffff47}.completion-card__message{line-height:1.6;margin:0 0 24px;opacity:.9}.completion-card__actions{display:flex;flex-direction:column;gap:12px}.completion-card__actions button{width:100%}.quest-player__challenge-media{margin-bottom:clamp(1.25rem,5vw,48px);margin-bottom:clamp(var(--layout-grid-gap,1.25rem),5vw,48px);width:min(100%,720px)}.quest-outcome__container{display:flex;justify-content:center;width:100%}.quest-outcome{align-items:center;display:flex;flex-direction:column;gap:clamp(1.25rem,4vw,40px);gap:clamp(var(--layout-grid-gap,1.25rem),4vw,40px);margin:clamp(1.25rem,6vw,56px) auto 0;margin:clamp(var(--layout-grid-gap,1.25rem),6vw,56px) auto 0;width:min(100%,720px)}.quest-outcome__media{display:flex;justify-content:center;margin:0 auto clamp(1.25rem,4vw,40px);margin:0 auto clamp(var(--layout-grid-gap,1.25rem),4vw,40px);width:100%}.quest-outcome__narrative{align-items:center;color:#f8fafc;display:flex;flex-direction:column;gap:clamp(.75rem,2.4vw,1.25rem);max-width:560px;text-align:center;width:100%}.quest-outcome__narrative h2{font-size:clamp(1.4rem,3.4vw,1.8rem);letter-spacing:.04em;margin:0}.quest-outcome__message{color:#e2e8f0eb;font-size:clamp(.95rem,2.4vw,1.05rem);line-height:1.6;width:100%}.quest-outcome__message p{margin:0}.quest-outcome__message--html>div{display:contents}.quest-outcome__media .challenge-hero,.quest-player__challenge-media .challenge-hero{width:100%}.quest-outcome__media img,.quest-outcome__media picture,.quest-player__challenge-media img,.quest-player__challenge-media picture{border-radius:24px;height:auto;width:100%}.quest-outcome .completion-card{margin:0 auto;max-width:560px;width:100%}.quest-outcome--success .completion-card{border-color:#10b98147}.quest-outcome--failure .completion-card{border-color:#ef444447}.quest-outcome__retry-shop{margin-top:clamp(12px,3vw,24px);width:min(100%,560px)}.completion-card__message>:last-child{margin-bottom:0}.quest-player.text-style-fantasy{font-family:Cinzel,serif}.quest-player.text-style-modern{font-family:Roboto,sans-serif}.quest-player.text-style-vintage{font-family:Old Standard TT,serif}.quest-player.text-style-tech{font-family:Orbitron,monospace}@media (max-width:768px){.quest-player__body{gap:clamp(1rem,5vh,40px);gap:clamp(var(--layout-grid-gap,1rem),5vh,40px);padding-block:clamp(24px,6vw,48px);padding-inline:max(16px,.75rem);padding-inline:max(var(--layout-gutter-inline,16px),var(--spacing-2_5,.75rem));padding-top:clamp(96px,20vh,168px)}.quest-context-card{padding:clamp(16px,6vw,28px);padding:clamp(var(--layout-gutter-inline,16px),6vw,28px)}.challenge-context-card{border-radius:24px;padding:clamp(16px,6vw,28px)}.abandon-dialog__card{padding:clamp(16px,8vw,28px);width:100%}.abandon-dialog__actions{flex-direction:column}.completion-card{padding:clamp(16px,6vw,32px);padding:clamp(var(--layout-gutter-inline,16px),6vw,32px)}.completion-card__actions button{width:100%}.quest-outcome__media,.quest-player__challenge-media{margin-bottom:clamp(1rem,6vw,40px);margin-bottom:clamp(var(--layout-grid-gap,1rem),6vw,40px)}.quest-outcome{margin-top:clamp(1rem,7vw,48px);margin-top:clamp(var(--layout-grid-gap,1rem),7vw,48px)}}@media (max-width:480px){.quest-player__body{gap:clamp(1rem,8vh,36px);gap:clamp(var(--spacing-lg,1rem),8vh,36px);padding-inline:clamp(16px,6vw,28px);padding-bottom:clamp(32px,12vh,96px);padding-top:clamp(80px,18vh,140px)}.challenge-context-card,.completion-card,.quest-context-card{border-radius:16px;padding:clamp(12px,7vw,24px)}.challenge-context,.quest-context-text{font-size:clamp(1.05rem,4.6vw,1.35rem)}.quest-player__continue-btn{font-size:clamp(.95rem,4.2vw,1.1rem);padding:12px 24px;width:100%}.quest-player__exit{font-size:.78rem;padding:8px 12px;right:max(env(safe-area-inset-right,0),16px)}.quest-player__challenge{gap:clamp(16px,6vw,32px)}.quest-outcome__media,.quest-player__challenge-media{border-radius:16px}}.sequel-not-ready-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.sequel-not-ready-modal{background:linear-gradient(145deg,#581c87f2,#4c1d95e6);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #00000080;padding:clamp(24px,5vw,36px);text-align:center;width:min(420px,90vw)}.sequel-not-ready-modal h3{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin:0 0 16px}.sequel-not-ready-modal p{color:#fffffff2;line-height:1.6;margin:0 0 12px}.sequel-not-ready-modal__subtext{font-size:.9rem;margin-bottom:20px!important;opacity:.8}.sequel-not-ready-modal__success{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:12px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px}.sequel-not-ready-modal__checkmark{color:#22c55e;font-size:2rem}.sequel-not-ready-modal__success p{color:#22c55e;font-weight:600;margin:0}.sequel-not-ready-modal__error{color:#f87171;font-size:.9rem;margin-bottom:12px!important}.sequel-not-ready-modal__notify-btn{background:linear-gradient(135deg,#9333ea,#7c3aed);border-color:#ffffff4d;margin-bottom:16px;width:100%}.sequel-not-ready-modal__notify-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f7,#8b5cf6)}.sequel-not-ready-modal__notify-btn:disabled{cursor:not-allowed;opacity:.6}.sequel-not-ready-modal__actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.quest-player__cta--secondary{background:#ffffff1a!important;border-color:#fff3!important}.quest-player__cta--secondary:hover{background:#fff3!important}.eve-break-notice{align-items:center;animation:eve-break-fade-in .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#9333ea26,#4f46e51a);border:1px solid #9333ea4d;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:clamp(24px,5vw,48px);text-align:center}@keyframes eve-break-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eve-break-icon{animation:eve-break-pulse 2s ease-in-out infinite;font-size:3rem;margin-bottom:16px}@keyframes eve-break-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.eve-break-message{color:#ffffffe6;font-size:1.1rem;line-height:1.5;margin-bottom:12px}.eve-break-timer{align-items:center;background:#9333ea33;border:1px solid #9333ea66;border-radius:12px;display:flex;flex-direction:column;margin:16px 0;padding:12px 24px}.eve-break-timer-label{color:#ffffffb3;font-size:.85rem;margin-bottom:4px}.eve-break-timer-value{font-feature-settings:"tnum";color:#c084fc;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.05em}.eve-break-hint{color:#fff9;font-size:.9rem;font-style:italic}.decision-challenge{background:#080d18cc;border:1px solid #38bdf833;border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:560px;padding:1.5rem}.decision-challenge__header{text-align:center}.decision-challenge__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.decision-challenge__description{color:#ffffffbf;font-size:1rem;line-height:1.5;margin:0}.decision-challenge__options{display:flex;flex-direction:column;gap:.75rem}.decision-challenge__option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease}.decision-challenge__option:hover{background:#38bdf81a;border-color:#38bdf866;transform:translateX(4px)}.decision-challenge__option--selected{background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 20px #38bdf84d}.decision-challenge__option-number{align-items:center;background:#38bdf833;border-radius:50%;color:#38bdf8;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.decision-challenge__option--selected .decision-challenge__option-number{background:#38bdf8;color:#0a0f1a}.decision-challenge__option-label{flex:1 1;font-size:1rem;font-weight:500}.decision-challenge__option-tbc{background:#facc1526;border-radius:.25rem;color:#facc15e6;font-size:.75rem;padding:.25rem .5rem;white-space:nowrap}.decision-challenge__confirm{align-self:center;background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;border-radius:.5rem;box-shadow:0 4px 16px #38bdf866;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.decision-challenge__confirm:hover{box-shadow:0 6px 24px #38bdf880;transform:translateY(-2px)}.decision-challenge__confirm:active{transform:translateY(0)}.immersion-area{background:#0d1410a6;background:var(--bg-secondary,#0d1410a6);border:1px solid #33415599;border-radius:12px;box-shadow:0 8px 24px #00000059;margin:1rem 0;padding:1.5rem}.immersion-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.immersion-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.immersion-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.preview-btn{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.preview-btn.active,.preview-btn:hover{background:var(--gradient-mystic);border-color:#0000;color:#fff}.preview-container{border:1px solid var(--glass-border);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.preview-hint{background:#0f172aa6;border:1px solid #3b82f659;border-radius:8px;color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-bottom:1.25rem;padding:.75rem 1rem}.preview-window{align-items:center;display:flex;height:200px;justify-content:center;position:relative}.preview-content{color:#fff;text-align:center;text-shadow:0 2px 4px #00000080;z-index:1}.preview-content h4{font-size:1.2rem;margin:0 0 .5rem}.preview-content p{font-size:.9rem;margin:0;opacity:.9}.immersion-simple-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.immersion-card{background:#050a13bf;border:1px solid #33415573;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.immersion-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;min-height:230px}.immersion-card-controls{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;width:100%}.immersion-card-preview{flex:1 1 auto}.immersion-card-remove{align-self:stretch;margin-top:auto;min-width:0;width:100%}.immersion-card-preview{background:#0e1522a6;border:1px solid #33415580;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;min-height:0;padding:.75rem}.immersion-card-controls .immersion-library-btn{min-width:0;width:100%}.immersion-thumb{align-items:center;background:#0a101cad;border:1px solid #33415566;border-radius:12px;display:flex;justify-content:center;min-height:150px;overflow:hidden;position:relative;width:100%}.immersion-thumb--empty{border-style:dashed}.immersion-thumb img{height:100%;object-fit:cover;width:100%}.immersion-thumb-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;gap:.25rem;justify-content:center;padding:.5rem;text-align:center}.immersion-thumb-placeholder span{font-size:1.5rem}.immersion-thumb-remove{align-items:center;background:#0f172abf;border:1px solid #0f172aa6;border-radius:999px;color:#f8fafc;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:transform .2s ease,border-color .2s ease;width:28px}.immersion-thumb-remove:hover:not(:disabled){border-color:#f8fafca6;transform:scale(1.05)}.immersion-thumb-remove:disabled{cursor:not-allowed;opacity:.45}.immersion-selection-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.immersion-selection-meta strong{color:#e2e8f0}.immersion-control-stack{display:flex;flex-direction:column;gap:.75rem}.immersion-select-stack{display:flex;flex-direction:column;gap:.25rem}.immersion-card-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.immersion-card-header p{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.immersion-library-btn{align-items:center;background:linear-gradient(135deg,#3b82f640,#a855f759);border:1px solid #60a5fa66;border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.immersion-library-btn:hover:not(:disabled){border-color:#818cf8e6;box-shadow:0 4px 18px #3b82f640;transform:translateY(-1px)}.immersion-library-btn:disabled{cursor:not-allowed;opacity:.45}.immersion-clear-btn{background:#0f172aa6;border:1px solid #334155b3;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:.5rem .75rem;transition:border-color .2s ease,color .2s ease}.immersion-clear-btn:hover:not(:disabled){border-color:#ef4444a6;color:#fca5a5}.immersion-clear-btn:disabled{cursor:not-allowed;opacity:.45}.immersion-selection-tag{align-items:center;background:#60a5fa2e;border-radius:999px;color:#bfdbfe;display:inline-flex;font-size:.75rem;gap:.25rem;letter-spacing:.04em;margin-left:.5rem;padding:.25rem .5rem;text-transform:uppercase}.immersion-slider{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.slider-controls{align-items:center;display:flex;gap:.75rem}.slider-controls input[type=range]{flex:1 1}.immersion-select-label{color:var(--text-secondary);font-size:.85rem}.select-input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.9rem;padding:.75rem}.select-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #6a4c931a;outline:none}.immersion-checkbox{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.immersion-checkbox input[type=checkbox]{accent-color:#7c3aed}input[type=range]{background:#0b1224;border:1px solid #1f2a44}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:1px solid #93c5fd;box-shadow:0 0 0 2px #8b5cf640;height:16px;width:16px}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:1px solid #93c5fd;height:16px;width:16px}.immersion-library-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080d19d1;display:flex;inset:0;justify-content:center;padding:2rem clamp(1rem,4vw,3rem);position:fixed;z-index:90}.immersion-library-dialog{background:radial-gradient(circle at top,#0f172af5,#080d19fa);border:1px solid #94a3b866;border-radius:24px;box-shadow:0 35px 90px #050914bf;display:flex;flex-direction:column;gap:1rem;max-height:96vh;padding:clamp(1rem,1.5vw,1.75rem);width:min(1280px,96vw)}.immersion-library-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.immersion-library-header h3{color:#f8fafc;font-size:1.2rem;margin:0}.immersion-library-close{background:#0f172abf;border:1px solid #475569b3;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:.25rem .75rem;transition:border-color .2s ease,color .2s ease}.immersion-library-close:hover{border-color:#94a3b8cc;color:#f8fafc}.immersion-library-body{background:linear-gradient(145deg,#0f172ad9,#070b16e6);border:1px solid #3b82f640;border-radius:16px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.immersion-library-browser{height:100%;overflow:auto;padding:1rem}.immersion-library-dialog .content-browser{height:100%;min-height:0}.immersion-library-body{min-height:320px}.immersion-library-dialog .content-grid{padding:1rem 1.5rem 2rem}.immersion-library-dialog .content-grid.grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.immersion-library-dialog .content-card{min-height:0}.immersion-library-dialog .content-preview{height:clamp(80px,12vw,120px)}.immersion-status{border-radius:8px;font-size:.78rem;line-height:1.35;margin-top:.5rem;padding:.5rem .75rem}.immersion-status-info{background:#2563eb2e;border:1px solid #3b82f673;color:#bfdbfe}.immersion-status-success{background:#10b9812e;border:1px solid #22c55e73;color:#bbf7d0}.immersion-status-error{background:#dc262626;border:1px solid #ef444473;color:#fecaca}.immersion-local-uploads{border-top:1px solid #29374c99;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.immersion-local-uploads-header{color:#94a3b8e6;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.immersion-local-uploads-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.immersion-local-uploads-btn{align-items:center;background:#0f172a99;border:1px solid #33415573;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;transition:border-color .2s ease,color .2s ease,transform .15s ease;width:100%}.immersion-local-uploads-btn:hover:not(:disabled){border-color:#818cf899;color:#e2e8f0;transform:translateY(-1px)}.immersion-local-uploads-btn:disabled{cursor:not-allowed;opacity:.55}.immersion-local-uploads-name{flex:1 1;text-align:left}.immersion-local-uploads-badge{border-radius:999px;font-size:.75rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.immersion-local-uploads-badge-info{background:#3b82f633;color:#bfdbfe}.immersion-local-uploads-badge-error{background:#ef444433;color:#fecaca}.immersion-selection-tag.pending{background:#3b82f633;color:#bfdbfe}.immersion-selection-tag.rejected{background:#ef444440;color:#fecaca}@media (max-width:1024px){.immersion-card-body{min-height:0;min-height:auto}.immersion-card-controls{height:auto}.immersion-card-preview{min-height:0;min-height:auto}.immersion-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.immersion-area{padding:1rem}.immersion-header{align-items:flex-start;flex-direction:column}.immersion-simple-grid{grid-template-columns:minmax(0,1fr)}}.saved-search-criteria{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.saved-search-btn-wrapper{align-items:stretch;border-radius:8px;display:flex;overflow:visible;position:relative}.saved-search-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px 0 0 8px;border-right:none;color:#d1d5db;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 12px;transition:all .2s;white-space:nowrap}.saved-search-btn:hover{background:#ffffff1a;color:#fff}.saved-search-btn.active{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f166;color:#c7d2fe}.saved-search-btn.active:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf640)}.saved-search-btn .search-name{font-weight:500}.saved-search-btn .tag-count{color:#9ca3af;font-size:.75rem}.saved-search-btn.active .tag-count{color:#a5b4fc}.saved-search-menu-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-left:none;border-radius:0 8px 8px 0;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:0 12px;transition:all .2s}.saved-search-menu-btn:hover{background:#ffffff1a;color:#fff}.saved-search-btn-wrapper.active .saved-search-menu-btn{border-color:#6366f166}.saved-search-dropdown{background:#1e1e28fa;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #0006;min-width:120px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100;z-index:var(--z-raised,100)}.saved-search-dropdown .dropdown-item{align-items:center;background:#0000;border:none;color:#d1d5db;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:12px;text-align:left;transition:background .15s;width:100%}.saved-search-dropdown .dropdown-item:hover{background:#ffffff1a}.saved-search-dropdown .dropdown-item.danger{color:#f87171}.saved-search-dropdown .dropdown-item.danger:hover{background:#f871711a}.saved-search-create-btn{align-items:center;background:#0000;border:1px dashed #6366f166;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-size:.85rem;gap:4px;padding:8px 12px;transition:all .2s}.saved-search-create-btn:hover{background:#6366f11a;border-color:#6366f199;color:#c7d2fe}.saved-search-criteria.compact .saved-search-btn{font-size:.8rem;padding:8px 12px}.saved-search-criteria.compact .saved-search-menu-btn{font-size:.9rem;padding:0 8px}.saved-search-criteria.compact .saved-search-create-btn{font-size:.8rem;padding:8px 12px}.saved-search-criteria.light .saved-search-btn{background:#0000000d;border-color:#0000001a;color:#374151}.saved-search-criteria.light .saved-search-btn:hover{background:#0000001a;color:#111827}.saved-search-criteria.light .saved-search-btn.active{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f14d;color:#4f46e5}.saved-search-criteria.light .saved-search-menu-btn{background:#00000008;border-color:#0000001a;color:#6b7280}.saved-search-criteria.light .saved-search-dropdown{background:#fffffffa;border-color:#0000001a;box-shadow:0 8px 24px #00000026}.saved-search-criteria.light .dropdown-item{color:#374151}.saved-search-criteria.light .dropdown-item:hover{background:#0000000d}@media (max-width:768px){.saved-search-criteria{gap:8px}.saved-search-btn{font-size:.8rem;padding:8px 12px}.saved-search-menu-btn{padding:0 8px}}.advanced-search-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.advanced-search-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.advanced-search-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.advanced-search-modal .modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.advanced-search-modal .close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.advanced-search-modal .close-btn:hover{background:#ffffff1a;color:#fff}.advanced-search-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.advanced-search-modal .form-group{margin-bottom:20px}.advanced-search-modal .form-group label{color:#d1d5db;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.advanced-search-modal .tag-limit{color:#9ca3af;font-weight:400}.advanced-search-modal .form-hint{color:#9ca3af;font-size:.8rem;margin:0 0 12px}.advanced-search-modal input[type=text]{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;padding:12px 16px;transition:all .2s;width:100%}.advanced-search-modal input[type=text]:focus{background:#ffffff14;border-color:#6366f1;border-color:var(--primary-color,#6366f1);outline:none}.advanced-search-modal input[type=text]::placeholder{color:#6b7280}.tags-input-wrapper{position:relative}.tags-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;min-height:50px;padding:12px}.tags-container:focus-within{background:#ffffff14;border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.tags-container .tag{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid #6366f14d;border-radius:8px;color:#c7d2fe;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 12px}.tags-container .tag-remove{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#a5b4fc;cursor:pointer;display:flex;font-size:.75rem;height:18px;justify-content:center;transition:all .15s;width:18px}.tags-container .tag-remove:hover{background:#f8717133;color:#f87171}.tags-container .tag-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;min-width:120px;padding:8px 0}.tags-container .tag-input:focus{outline:none}.tags-container .tag-input:disabled{opacity:.5}.tag-suggestions{background:#1e1e28fa;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 24px #0006;max-height:200px;top:calc(100% + 4px)}.suggestion-btn{background:#0000;border:none;color:#d1d5db;display:block;font-size:.85rem;padding:12px;text-align:left;transition:background .15s;width:100%}.suggestion-btn:hover{background:#6366f126;color:#fff}.quick-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-tags-label{color:#9ca3af;font-size:.8rem}.quick-tag-btn{background:#0000;border:1px dashed #fff3;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .15s}.quick-tag-btn:hover{background:#6366f11a;border-color:#6366f166;color:#c7d2fe}.error-message{background:#f871711a;border:1px solid #f871714d;color:#f87171;padding:12px}.advanced-search-modal .modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.advanced-search-modal .cancel-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.9rem;padding:12px 20px;transition:all .2s}.advanced-search-modal .cancel-btn:hover{background:#ffffff1a;color:#fff}.advanced-search-modal .save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 24px;transition:all .2s}.advanced-search-modal .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.advanced-search-modal .save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.advanced-search-overlay{padding:12px}.advanced-search-modal{max-height:95vh}.advanced-search-modal .modal-body,.advanced-search-modal .modal-header{padding:16px}.advanced-search-modal .modal-footer{padding:12px 16px}}.celebration-overlay{align-items:center;animation:celebrationFadeIn .2s ease-out,celebrationFadeOut .4s ease-in 2s forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9000;z-index:var(--z-modal-backdrop,9000)}.celebration-overlay__glow{animation:celebrationPulse .8s ease-out forwards;background:radial-gradient(circle,#2dd4bf 0,#0000 70%);background:radial-gradient(circle,var(--celebration-color,var(--accent-primary,#2dd4bf)) 0,#0000 70%);border-radius:50%;height:120px;opacity:.6;width:120px}.celebration-overlay__particle{animation:celebrationParticle 1s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--i, 0)*.05s);background:#2dd4bf;background:var(--celebration-color,var(--accent-primary,#2dd4bf));border-radius:50%;height:6px;left:50%;opacity:0;position:absolute;top:50%;width:6px}.celebration-overlay__message{animation:celebrationMessageIn .4s ease-out .2s both;color:#f0f0f0;color:var(--text-primary,#f0f0f0);font-size:1rem;font-weight:600;left:50%;letter-spacing:.04em;position:absolute;text-shadow:0 2px 8px #0009;top:calc(50% + 80px);transform:translateX(-50%);white-space:nowrap}.celebration-overlay--quest{--celebration-color:var(--quest-color,#fb7185)}.celebration-overlay--circle{--celebration-color:var(--circle-color,#38bdf8)}.celebration-overlay--shop{--celebration-color:var(--shop-color,#fbbf24)}.celebration-overlay--achievement{--celebration-color:var(--stream-color,#2dd4bf)}.celebration-overlay--default{--celebration-color:var(--accent-purple,#8b5cf6)}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationFadeOut{0%{opacity:1}to{opacity:0}}@keyframes celebrationPulse{0%{opacity:.8;transform:scale(.3)}50%{opacity:.5;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes celebrationParticle{0%{opacity:1;transform:translate(-50%,-50%) rotate(0deg) translateY(0);transform:translate(-50%,-50%) rotate(calc(var(--i, 0)*30deg)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(0deg) translateY(-100px);transform:translate(-50%,-50%) rotate(calc(var(--i, 0)*30deg)) translateY(-100px)}}@keyframes celebrationMessageIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (prefers-reduced-motion:reduce){.celebration-overlay,.celebration-overlay__glow,.celebration-overlay__message,.celebration-overlay__particle{animation:none}.celebration-overlay__glow{opacity:.4;transform:scale(1)}.celebration-overlay__particle{display:none}.celebration-overlay__message{opacity:1;transform:translateX(-50%) translateY(0)}}.card-menu-backdrop{align-items:flex-end;animation:cardMenuBackdropIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000;z-index:var(--z-modal-backdrop,9000)}.card-menu-sheet{animation:cardMenuSlideUp .25s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e2332f2;background:var(--surface-elevated,#1e2332f2);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-bottom:none;border-radius:16px 16px 0 0;max-width:420px;padding:8px 0 env(safe-area-inset-bottom,0);width:100%}.card-menu-sheet__handle{background:#fff3;border-radius:2px;height:4px;margin:4px auto 12px;width:36px}.card-menu-sheet__title{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--glass-border,#ffffff0f);color:#fff9;color:var(--text-secondary,#fff9);font-size:.85rem;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:0 20px 12px;text-overflow:ellipsis;white-space:nowrap}.card-menu-sheet__actions{display:flex;flex-direction:column}.card-menu-sheet__action{align-items:center;background:none;border:none;color:#f0f0f0;color:var(--text-primary,#f0f0f0);cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 20px;text-align:left;transition:background .15s ease;width:100%}.card-menu-sheet__action:focus-visible,.card-menu-sheet__action:hover{background:#ffffff0f}.card-menu-sheet__action:focus-visible{outline:2px solid #2dd4bf;outline:2px solid var(--accent-primary,#2dd4bf);outline-offset:-2px}.card-menu-sheet__action--danger{color:#ef4444;color:var(--error,#ef4444)}.card-menu-sheet__action-icon{align-items:center;display:inline-flex;height:22px;justify-content:center;opacity:.8;width:22px}.card-menu-sheet__action-icon svg{height:20px;width:20px}.card-menu-sheet__action-label{flex:1 1}.card-menu-sheet__cancel{background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:12px;color:#fff9;color:var(--text-secondary,#fff9);cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin:8px 16px 12px;padding:12px;transition:background .15s ease;width:calc(100% - 32px)}.card-menu-sheet__cancel:hover{background:#ffffff1a}@keyframes cardMenuBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes cardMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card-menu-backdrop,.card-menu-sheet{animation:none}}.circle-tone-summary{align-items:center;display:flex;font-size:.75rem;min-height:32px}.circle-tone-summary__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.circle-tone-summary__item{align-items:center;background:#0f1626b3;border:1px solid #ffffff24;border-radius:999px;color:#f0f4ff;color:var(--text-inverse,#f0f4ff);display:inline-flex;gap:.25rem;letter-spacing:.01em;padding:.25rem .75rem}.circle-tone-summary__item--more{background:#40c9ab1f;border-color:#40c9ab99;color:#aaf7e5;color:var(--accent-teal-light,#aaf7e5)}.circle-tone-summary__item--less{background:#ff72721f;border-color:#ff727280;color:#ffd1d1;color:var(--error-light,#ffd1d1)}.circle-tone-summary__badge{font-size:.85rem}.circle-tone-summary__label{font-weight:600}.circle-tone-summary__count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.85}.circle-tone-summary__empty{color:#fff9;font-size:.75rem}@media (max-width:768px){.circle-tone-summary{font-size:.75rem;min-height:28px}.circle-tone-summary__list{gap:.5rem}.circle-tone-summary__item{gap:.25rem;padding:.25rem .5rem}.circle-tone-summary__badge{font-size:.75rem}}@media (max-width:480px){.circle-tone-summary{font-size:.65rem}.circle-tone-summary__item{padding:.25rem .5rem}}.content-card{--card-accent:var(--circle-color,#38bdf8);background:linear-gradient(158deg,#162620,#101b16 30%,#0b130f 60%,#070c0a);border:none;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 24px 48px #000000b3,0 8px 20px #00000080,0 0 0 1px #0d948861,0 0 0 2px #0d948814,inset 0 1px 0 #c8fff833,inset 1px 0 0 #c8fff80f,inset 0 0 32px #0d94880f;cursor:pointer;display:flex;flex-direction:column;font-size:clamp(.92rem,2.35vw,1.02rem);isolation:isolate;line-height:1.5;min-height:100%;outline:none;padding:0;position:relative;transition:transform .3s ease,box-shadow .3s ease}.content-card.content-card--menu-open{overflow:visible;z-index:40}.content-card:before{background:radial-gradient(ellipse 70% 45% at 0 0,#befff824 0,#0d94880d 50%,#0000 100%),linear-gradient(145deg,#dcfffc21,#0d94880f 22%,#0000 46%);border-radius:inherit;inset:0;transition:opacity .3s ease;z-index:0}.content-card:after,.content-card:before{content:"";pointer-events:none;position:absolute}.content-card:after{background:var(--card-accent);box-shadow:0 0 8px #0000;box-shadow:0 0 8px var(--card-accent,#0000);height:2px;left:0;opacity:.6;right:0;top:0;transition:opacity .3s ease,box-shadow .3s ease;z-index:2}.content-card.quest-card{--card-accent:var(--quest-color,#fb7185)}.content-card.shop-card{--card-accent:var(--shop-color,#fbbf24)}.content-card.community-card{--card-accent:var(--article-color,#34d399)}.content-card.entertainment-card{--card-accent:var(--entertainment-color,#f472b6)}.content-card.listing-card{--card-accent:var(--shop-color,#fbbf24)}.content-card.stream-card{--card-accent:var(--stream-color,#2dd4bf)}.content-card.listing-card .listing-card__titles{display:flex;flex:1 1;flex-direction:column;gap:.1rem;min-width:0}.content-card.listing-card .listing-card__shop-name{color:#fbbf24;color:var(--shop-color,#fbbf24);font-size:.75rem;font-weight:500;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.content-card.listing-card .listing-card__product-name{font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card.listing-card .listing-card__price-row{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.content-card.listing-card .listing-card__price{color:#fbbf24;font-size:.95rem;font-weight:700}.content-card.listing-card .listing-card__price--original{color:#ffffff73;font-size:.8rem;font-weight:400;text-decoration:line-through}.content-card.listing-card .listing-card__price--sale{color:#4ade80}.content-card.listing-card .listing-card__sale-badge{background:#4ade801f;border:1px solid #4ade804d;border-radius:4px;color:#4ade80;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.1rem .35rem;text-transform:uppercase}.content-card.listing-card .listing-card__teaser{height:2.8em;margin-top:.5rem;overflow:hidden}.content-card.listing-card .listing-card__teaser p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ffffff94;display:-webkit-box;font-size:.82rem;line-height:1.4;margin:0;overflow:hidden}.content-card.quest-card .description-block{flex:none;height:calc(4.5em + .25rem);overflow:hidden}.content-card:hover{box-shadow:0 32px 56px #000c,0 12px 28px #0009,0 0 0 1px #0d9488a6,0 0 0 2px #0d948826,0 0 32px #0d948829,inset 0 1px 0 #dcfffc52,inset 1px 0 0 #c8fff81a,inset 0 0 40px #0d94881a;transform:translateY(-4px)}.content-card:hover:after{box-shadow:0 0 14px #0000;box-shadow:0 0 14px var(--card-accent,#0000);opacity:1}@media (hover:none) and (pointer:coarse){.content-card:active{transform:scale(.97);transition:transform .1s ease}}.content-card:focus-visible{outline:2px solid #0d9488;outline:2px solid var(--primary,#0d9488);outline-offset:2px}.content-card.content-card--pressed{box-shadow:0 2px 16px #7c3aed40,0 0 0 1px #7c3aed8c;transform:scale(.96);transition:transform .15s ease,box-shadow .15s ease}.content-card.highlight{box-shadow:0 0 12px #2a9d8f59,0 0 0 1.5px #2a9d8fad}.content-card.out-of-area{box-shadow:0 24px 48px #000000b3,0 8px 20px #00000080,0 0 0 1px #f59e0b40;opacity:.7}.content-card.out-of-area:after{background:#d97706;background:var(--color-warning,#d97706)}.content-card .card-preview{background:#131f1a66;background:var(--bg-tertiary,#131f1a66);box-sizing:border-box;flex-shrink:0;height:160px;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.content-card .card-preview picture{display:block;height:100%;width:100%}.content-card .card-preview img,.content-card .card-preview picture img{display:block;height:100%;object-fit:cover;transition:transform .3s var(--ease-default);transition:transform var(--duration-normal,.3s) var(--ease-default);width:100%}.content-card:hover .card-preview img,.content-card:hover .card-preview picture img{transform:scale(1.03)}.content-card .preview-fallback{animation:skeleton-shimmer 1.25s ease-in-out infinite;background:linear-gradient(110deg,#ffffff08,#ffffff14 18%,#ffffff08 33%);background-size:200% 100%;inset:0;position:absolute}.content-card .card-preview:after{background:linear-gradient(168deg,#ffffff1f,#ffffff0a 30%,#0000 55%,#00000014);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.content-card .badge-overlay{display:flex;gap:8px;left:8px;position:absolute;top:8px;z-index:2}.content-card .badge-overlay .badge{backdrop-filter:blur(6px);backdrop-filter:var(--blur-subtle,blur(6px));-webkit-backdrop-filter:blur(6px);-webkit-backdrop-filter:var(--blur-subtle,blur(6px));border-radius:999px;border-radius:var(--radius-pill,999px);font-size:.75rem;font-size:var(--font-size-2xs,.75rem);padding:4px 8px}.content-card .badge-overlay .badge.featured{background:#f59e0bd9;color:#000}.content-card .badge-overlay .badge.verified{background:#10b981d9;color:#fff}.content-card .category-glyph{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff1f;border-radius:50%;bottom:8px;display:flex;height:26px;justify-content:center;opacity:.85;position:absolute;right:8px;transition:opacity .2s ease;width:26px;z-index:2}.content-card .category-glyph svg{height:16px;width:16px}.content-card:hover .category-glyph{opacity:1}.category-glyph--quest svg{color:#fb7185;color:var(--quest-color,#fb7185)}.category-glyph--circle svg{color:#38bdf8;color:var(--circle-color,#38bdf8)}.category-glyph--shop svg{color:#fbbf24;color:var(--shop-color,#fbbf24)}.category-glyph--entertainment svg{color:#f472b6;color:var(--entertainment-color,#f472b6)}.category-glyph--community svg{color:#34d399;color:var(--article-color,#34d399)}.category-glyph--stream svg{color:#2dd4bf;color:var(--stream-color,#2dd4bf)}.content-card .card-body{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;position:relative;z-index:1}.content-card .card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.content-card .card-header h3,.content-card .card-header__title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card .content-badges{align-items:flex-end;display:flex;flex-wrap:wrap;gap:4px;position:relative}.content-card .difficulty-badge,.content-card .distance-badge,.content-card .service-area-badge,.content-card .virtual-badge{border-radius:24px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-align:center;text-transform:uppercase;white-space:nowrap}.content-card .difficulty-badge{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.content-card .distance-badge{background:#10b981;background:var(--success-color,#10b981);color:#fff}.content-card .service-area-badge[data-service-area-state=out]{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b;color:var(--color-warning,#f59e0b)}.content-card .virtual-badge{background:#6366f1a6;background:var(--accent-mystic,#6366f1a6);color:#fff}.content-card .description-block{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.content-card .description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#ffffffd1;color:var(--text-secondary,#ffffffd1);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.content-card .description-block[data-description-state=expanded] .description{-webkit-line-clamp:unset;line-clamp:none;white-space:normal}.content-card .view-more-btn{background:none;border:none;color:#2a9d8f;color:var(--accent-teal,#2a9d8f);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs,.75rem);min-height:auto;min-width:auto;padding:4px 0}.content-card .view-more-btn:hover{box-shadow:none;color:#f4a261;color:var(--accent-gold,#f4a261);transform:none}.content-card .detail-row{align-items:center;display:flex;font-size:.8rem;font-size:var(--font-size-sm,.8rem);gap:8px}.content-card .detail-row .label{color:#9ca3af;color:var(--text-muted,#9ca3af)}.content-card .detail-row .value{color:#fff;color:var(--text-primary,#fff);font-weight:500}.content-card .service-area-warning{background:#f59e0b14;border:1px solid #f59e0b26;border-radius:8px;border-radius:var(--radius-sm,8px);color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:8px 12px}.content-card .creator-line{align-items:flex-start;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);gap:8px;margin-top:-4px;min-width:0}.content-card .creator-line .label{flex:0 0 auto}.content-card .creator-line .creator{flex:1 1 auto;min-width:0;position:relative}.content-card .creator-trigger{align-items:flex-start;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font-size:inherit;gap:1px;min-width:0;padding:0;text-align:left;width:100%}.content-card .creator-primary,.content-card .creator-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card .creator-primary{color:#ccc;color:var(--text-secondary,#ccc);font-weight:500}.content-card .creator-handle{opacity:.7}.content-card .creator-separator{display:none}.content-card .creator-title{font-size:.7rem;letter-spacing:.01em;opacity:.65}.content-card .hovercard{grid-gap:6px;background:#080e1bfa;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 16px 28px #0206108c;display:grid;gap:6px;left:0;padding:10px;position:absolute;top:calc(100% + 8px);width:min(320px,85vw);z-index:55}.content-card .hovercard__row{align-items:baseline;display:flex;gap:6px}.content-card .hovercard__name{font-size:14px}.content-card .hovercard__handle{font-size:12px;opacity:.75}.content-card .hovercard__line{grid-gap:2px;display:grid;gap:2px}.content-card .hovercard__label{font-size:12px;opacity:.75}.content-card .hovercard__value{color:#ffffffe6;color:var(--text-secondary,#ffffffe6);font-size:12px}.content-card .quest-reward-banner{background:linear-gradient(135deg,#141e38c7,#0a0f20eb);border:1px solid #7891dc38;border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 12px 28px #080e236b;display:flex;flex-direction:column;gap:.25rem;max-height:80px;min-height:56px;overflow:hidden;padding:.75rem 1rem;position:relative}.content-card .quest-reward-banner__label{color:#cbd5e1b8;color:var(--text-tertiary,#cbd5e1b8);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.content-card .quest-reward-banner__value{color:#fff;color:var(--text-primary,#fff);display:inline-block;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;text-shadow:0 0 12px #080e2333;white-space:nowrap;word-break:break-word}.content-card .quest-reward-banner--multi .quest-reward-banner__value{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:clamp(.82rem,1.55vw,.95rem);line-height:1.2;overflow:hidden;white-space:normal}.content-card .quest-reward-banner__value:before{background:radial-gradient(circle at center,#ffffff26,#0000 70%);content:"";filter:blur(18px);inset:-40%;opacity:.7;pointer-events:none;position:absolute}.content-card .quest-reward-banner--recognition{background:linear-gradient(135deg,#141e38c7,#0a0f20eb);border:1px solid #fbbf2440}.content-card .quest-reward-banner--recognition .quest-reward-banner__value{color:#ffe9a6;color:var(--reward-recognition,#ffe9a6);text-shadow:0 0 12px #ffd66699,0 0 24px #ffaa0052}.content-card .quest-reward-banner--recognition .quest-reward-banner__value:after{animation:questRewardShimmer 4s cubic-bezier(.4,0,.2,1) 3;background:linear-gradient(115deg,#0000,#ffffff73 30%,#fff0c859 45%,#ffffff1f 60%,#0000 85%);content:"";height:100%;left:-130%;mix-blend-mode:screen;pointer-events:none;position:absolute;top:0;transform:skewX(-15deg);width:150%}.content-card .quest-reward-banner--listing{background:linear-gradient(135deg,#122956cc,#0c142ef0);border-color:#74a0ff52}.content-card .quest-reward-banner--listing .quest-reward-banner__value{color:#cad8ff;color:var(--reward-listing,#cad8ff);text-shadow:0 0 10px #83a6ff47}.content-card .quest-reward-banner--mixed{background:linear-gradient(135deg,#142a4ed1,#0c162cf2);border-color:#9cbeff57}.content-card .quest-reward-banner--ep{background:linear-gradient(135deg,#143823c7,#0a2012eb);border-color:#64dc8c47}.content-card .quest-reward-banner--ep .quest-reward-banner__value{color:#a8f0c0;color:var(--reward-ep,#a8f0c0);text-shadow:0 0 12px #64dc8c99,0 0 24px #3cb46452}.content-card .quest-reward-banner--ep .quest-reward-banner__value:after{animation:questRewardShimmer 4s cubic-bezier(.4,0,.2,1) 3;background:linear-gradient(115deg,#0000,#8cffb466 30%,#b4ffc84d 45%,#8cffb41a 60%,#0000 85%);content:"";height:100%;left:-130%;mix-blend-mode:screen;pointer-events:none;position:absolute;top:0;transform:skewX(-15deg);width:150%}@keyframes questRewardShimmer{0%{left:-140%}55%{left:120%}to{left:120%}}@media (prefers-reduced-motion:reduce){.content-card .quest-reward-banner--ep .quest-reward-banner__value:after,.content-card .quest-reward-banner--recognition .quest-reward-banner__value:after{animation:none}}.content-card .capacity-bar{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.content-card .capacity-bar__fill{background:var(--card-accent);border-radius:2px;height:100%;transition:width .3s var(--ease-default);transition:width var(--duration-normal,.3s) var(--ease-default)}.content-card .capacity-text{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;font-size:var(--font-size-2xs,.75rem)}.content-card .action-btn,.content-card .quest-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;height:52px;justify-content:center;line-height:1;margin:0 1.25rem 1rem;min-height:44px;min-width:44px;padding:.85rem 1rem;transition:all .2s ease;width:calc(100% - 2.5rem)}.content-card .quest-btn{background:var(--primary-color);background:var(--gradient-mystic,var(--primary-color));color:#fff}.content-card .quest-btn:hover:not(.disabled){background:var(--gradient-mystic);background:var(--primary-hover,var(--gradient-mystic));box-shadow:0 4px 12px #6a4c9359;transform:translateY(-1px)}.content-card .quest-btn.disabled{background:#ffffff14;background:var(--border-color,#ffffff14);color:#ccc;color:var(--text-secondary,#ccc);cursor:not-allowed}.content-card .content-card-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding:.75rem 1.25rem;position:relative;z-index:1}.content-card .menu-dropdown{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(162deg,#06132ef7,#040b1bf0);border:1px solid #1f407aa6;border-radius:12px;box-shadow:0 18px 36px #020610a6;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:12px;position:absolute;right:0;top:100%;z-index:60}.content-card .menu-dropdown button{background:#0a162eeb;border:1px solid #365ca873;border-radius:8px;color:#e9f1ffeb;font-size:.8rem;font-weight:600;letter-spacing:.01em;min-height:40px;padding:8px 12px;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.content-card .menu-dropdown button:hover{background:#112448f5;border-color:#6284cc99;box-shadow:none;transform:translateY(-1px)}.content-card .menu-dropdown .quest-menu__action--danger{background:#3c1020f2;border-color:#d434488c;color:#dc2626;color:var(--color-error,#dc2626)}.content-card .menu-dropdown .quest-menu__action--danger:hover{background:#54162cfa;border-color:#ff5c5cad}.content-card .menu-dropdown .quest-menu__divider{background:linear-gradient(90deg,#ffffff0a,#ffffff2e 50%,#ffffff0a);border:none;height:1px;margin:4px 0 8px}.content-card .menu-dropdown .quest-menu__meta{color:#c0d2ffad;font-size:12px;padding:2px 2px 0;text-align:right}.content-card .card-progress{align-items:center;display:flex;gap:8px;padding:8px 0}.content-card .card-progress__bar{background:#ffffff14;border-radius:2px;flex:1 1;height:3px;overflow:hidden}.content-card .card-progress__fill{background:linear-gradient(90deg,var(--card-accent),#fff6);border-radius:2px;height:100%;transition:width .3s var(--ease-default);transition:width var(--duration-normal,.3s) var(--ease-default)}.content-card .card-progress__label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;font-size:var(--font-size-2xs,.75rem);white-space:nowrap}.content-card.circle-card{--card-accent:var(--circle-color,#38bdf8);background:linear-gradient(160deg,#0e3e8cf5,#082662f7 45%,#051641fa);border:1px solid #38bdf859;box-shadow:0 18px 40px #020c3299,0 5px 16px #020c3266,inset 0 1px 0 #93d2ff47,inset 0 -1px 0 #38bdf81a}.content-card.circle-card:before{background:linear-gradient(145deg,#c8ebff2e,#c8ebff12 20%,#0000 45%,#0000000a)}.content-card.circle-card:after{background:linear-gradient(90deg,#38bdf8,#818cf8);box-shadow:0 0 12px #38bdf899;opacity:.85}.content-card.circle-card:hover{border-color:#38bdf899;box-shadow:0 24px 50px #020828a6,0 8px 20px #38bdf82e,inset 0 1px 0 #c8ebff52;transform:translateY(-3px) scale(1.01)}.content-card .card-preview--circle,.content-card.circle-card .card-preview{background:linear-gradient(135deg,#08266ed9,#031237e6);height:180px;position:relative}.content-card .card-preview--circle img,.content-card.circle-card .card-preview img{height:100%;object-fit:cover;width:100%}.content-card .card-preview--circle:after,.content-card.circle-card .card-preview:after{background:linear-gradient(160deg,#ffffff2e,#ffffff12 28%,#0000 52%,#000a281f);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.circle-overlay-tags{display:flex;flex-wrap:wrap;gap:6px;left:10px;position:absolute;top:10px;z-index:3}.circle-tag{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.circle-tag--remote{background:#6366f1bf;border-color:#818cf880}.circle-tag--local{background:#10b981b3;border-color:#34d39980}.circle-tag--type{background:#0e3e8ccc;border-color:#38bdf873;font-weight:600;letter-spacing:0;text-transform:capitalize}.circle-overlay-menu{position:absolute;right:8px;top:8px;z-index:4}.circle-overlay-menu__btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000006b;border:1px solid #ffffff2e;border-radius:12px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:15px;height:24px;justify-content:center;letter-spacing:1px;line-height:1;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:0 10px;transition:background .2s ease,transform .15s ease}.circle-overlay-menu__btn:hover{background:#38bdf873;box-shadow:none;transform:scale(1.05)}.circle-overlay-menu__dropdown{min-width:160px;position:absolute;right:0;top:calc(100% + 6px)}.content-card--menu-open .card-preview{overflow:visible}.quest-overlay-tags{bottom:10px;display:flex;flex-wrap:wrap;gap:6px;left:10px;position:absolute;z-index:3}.quest-overlay-tags .difficulty-badge,.quest-overlay-tags .distance-badge,.quest-overlay-tags .service-area-badge,.quest-overlay-tags .virtual-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.quest-overlay-tags .difficulty-badge{background:#6366f1bf;border-color:#818cf880}.quest-overlay-tags .distance-badge{background:#10b981b3;border-color:#34d39980}.quest-overlay-tags .virtual-badge{background:#6366f1bf;border-color:#818cf880}.quest-overlay-tags .quarantine-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef4444d9;border:1px solid #fca5a599;border-radius:20px;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.quest-overlay-menu{position:absolute;right:8px;top:8px;z-index:4}.quest-overlay-menu__btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000006b;border:1px solid #ffffff2e;border-radius:12px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:15px;height:24px;justify-content:center;letter-spacing:1px;line-height:1;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:0 10px;transition:background .2s ease,transform .15s ease}.quest-overlay-menu__btn:hover{background:#f43f5e8c;box-shadow:none;transform:scale(1.05)}.quest-menu--overlay{min-width:180px;position:absolute;right:0;top:calc(100% + 6px)}.card-overlay-menu{position:absolute;right:8px;top:8px;z-index:4}.card-overlay-menu__btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000006b;border:1px solid #ffffff2e;border-radius:12px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:15px;height:24px;justify-content:center;letter-spacing:1px;line-height:1;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:0 10px;transition:background .2s ease,transform .15s ease}.card-overlay-menu__btn:hover{background:#38bdf873;box-shadow:none;transform:scale(1.05)}.card-overlay-menu__dropdown{min-width:160px;position:absolute;right:0;top:calc(100% + 6px)}.content-card.quest-card .card-header{display:block}.content-card.circle-card .card-body{gap:.4rem;padding:.85rem 1.1rem 1rem}.content-card.circle-card .card-header h3{-webkit-line-clamp:3;line-clamp:3;color:#f0f9ff;font-size:1.05rem;font-weight:700}.content-card.circle-card .card-header{display:block}.content-card.circle-card .content-badges{display:none}.content-card.circle-card .detail-row .label{color:#93d2ffcc}.content-card.circle-card .detail-row .value{color:#e0f0ff;font-weight:600}.content-card.circle-card .description{color:#d2ebffd9}.content-card.circle-card .content-card-footer{border-top:1px solid #38bdf826}.content-grid{grid-gap:1.5rem;grid-gap:var(--layout-grid-gap,1.5rem);gap:1.5rem;gap:var(--layout-grid-gap,1.5rem);grid-auto-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;margin-bottom:2rem}.content-grid>.content-card{height:100%;margin-inline:0;max-width:none;width:100%}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.content-grid>.content-card{animation:cardReveal .35s ease both;animation:cardReveal .35s var(--ease-smooth,ease) both}.content-grid>.content-card:first-child{animation-delay:0ms}.content-grid>.content-card:nth-child(2){animation-delay:60ms}.content-grid>.content-card:nth-child(3){animation-delay:.12s}.content-grid>.content-card:nth-child(4){animation-delay:.18s}.content-grid>.content-card:nth-child(5){animation-delay:.24s}.content-grid>.content-card:nth-child(6){animation-delay:.3s}.content-grid>.content-card:nth-child(7){animation-delay:.36s}.content-grid>.content-card:nth-child(8){animation-delay:.42s}.content-grid>.content-card:nth-child(9){animation-delay:.48s}.content-grid>.content-card:nth-child(n+10){animation-delay:.5s}@media (prefers-reduced-motion:reduce){.content-grid>.content-card{animation:none;opacity:1}}@media (min-width:1280px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.content-grid>.content-card{margin-inline:0;max-width:none;width:100%}}@media (min-width:769px) and (max-width:1279px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.content-grid{gap:1rem;gap:var(--layout-grid-gap-mobile,1rem)}.content-card .card-preview{height:120px}.content-card .card-body{padding:.75rem 1rem}.content-card .card-header h3{font-size:.85rem;font-size:var(--font-size-sm,.85rem)}.content-card .content-card-footer{padding:.75rem 1rem}.content-card .quest-reward-banner{padding:12px 16px}}@media (max-width:480px){.content-grid{gap:clamp(.75rem,4vw,1rem);gap:clamp(var(--spacing-md,.75rem),4vw,var(--spacing-lg,1rem));grid-template-columns:1fr}.content-card .card-preview{height:140px}.content-card .card-body{padding:1rem}}.content-receptacle-wrapper{background:#090d0b;overflow:visible;padding-inline:clamp(.5rem,2.5vw,1.5rem);padding-inline:clamp(var(--spacing-sm,.5rem),2.5vw,var(--spacing-xl,1.5rem));position:relative}.content-receptacle-wrapper.glass-surface{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#090d0b!important;border:none!important;box-shadow:none!important}@media (max-width:768px){.content-receptacle-wrapper{border:none;border-radius:0;padding:0!important;padding-inline:0!important}}.content-receptacle{--layout-column-min:clamp(280px,28vw,360px);margin-inline:auto;max-width:min(1400px,100%);padding:clamp(.5rem,2vw,1rem);padding:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-lg,1rem));position:relative}.location-controls{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--layout-grid-gap,1.5rem);margin-bottom:1.5rem;margin-bottom:var(--layout-grid-gap,1.5rem);padding:clamp(.75rem,2vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),2vw,var(--spacing-xl,1.5rem))}@media (max-width:1024px){.location-controls{justify-content:flex-start;padding:clamp(.75rem,4vw,1rem);padding:clamp(var(--spacing-md,.75rem),4vw,var(--spacing-lg,1rem))}}@media (max-width:768px){.location-controls{align-items:stretch;flex-direction:column}}.location-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;min-height:44px;min-width:44px;padding:.75rem 1.25rem;transition:all .2s ease}.location-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.location-status{background:#0000!important;border:none!important;color:#fff!important;color:var(--text-primary,#fff)!important;font-size:.95rem;font-weight:500}.out-of-area-count{color:#ccc!important;color:var(--text-secondary,#ccc)!important;font-weight:400}.filters-container{display:flex;flex:1 1 32rem;flex-direction:column;gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-xs,.25rem),2vw,var(--spacing-sm,.5rem));max-width:100%;min-width:18rem}.filters-header{gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem))}.filters-header,.filters-header__context{align-items:center;display:flex;flex-wrap:wrap}.filters-header__context{gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-xs,.25rem),2vw,var(--spacing-sm,.5rem));margin-top:clamp(.25rem,1vw,.5rem);margin-top:clamp(var(--spacing-xs,.25rem),1vw,var(--spacing-sm,.5rem))}.filters-chip{align-items:center;background:#2dd4bf12;border:1px solid #2dd4bf38;border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.01em;padding:.5rem .75rem}.filters-chip--circle{background:#38bdf829;border-color:#38bdf873;color:#38bdf8;color:var(--circle-color,#38bdf8)}.filters-chip--circle .filters-chip__meta{color:#38bdf8e6}.filters-chip__label{white-space:nowrap}.filters-chip__meta{font-weight:500}.filters-chip__clear,.filters-chip__meta{color:#ffffffbf;color:var(--text-secondary,#ffffffbf)}.filters-chip__clear{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;padding:0}.filters-chip__clear:focus-visible,.filters-chip__clear:hover{color:var(--accent-mystic);text-decoration:none}.filters-chip--loading .filters-chip__meta{position:relative}.filters-chip--loading .filters-chip__meta:after{animation:filters-chip-spin .9s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";display:inline-block;height:.4rem;margin-left:.25rem;width:.4rem}@keyframes filters-chip-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filters-toggle-wrapper{align-items:center;display:flex;gap:0;position:relative}.filters-toggle{align-items:center;align-self:flex-start;background:#2dd4bf0d;border:1px solid var(--border-color);border-radius:8px 0 0 8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.filters-toggle:hover{background:#2dd4bf1a;border-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.filters-toggle:focus-visible{outline:2px solid var(--accent-mystic);outline-offset:2px}.filters-menu-btn{align-items:center;background:#2dd4bf0d;border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;min-height:38px;padding:.5rem .75rem;transition:background .2s ease}.filters-menu-btn:hover{background:#2dd4bf1a}.filters-menu-dropdown{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;left:0;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:100;z-index:var(--z-raised,100)}.filters-menu-dropdown button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.filters-menu-dropdown button:hover{background:#2dd4bf14}.filters-toggle__badge{background:var(--accent-mystic);border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;line-height:1.5;padding:0 .5rem}.filters-header__search{display:flex;flex:1 1 260px;min-width:min(100%,clamp(10rem,62vw,20rem))}.filters-header__search .filters__search{flex:1 1 auto;font-size:clamp(.95rem,2.8vw,1rem);min-height:44px;min-width:0;padding:.5rem .75rem;width:100%}.filters-create-btn{align-items:center;background:#ffffff1a;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:42px;padding:.5rem 1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease;white-space:nowrap}.filters-create-btn:hover{background:#ffffff2e;border-color:#ffffff5c;transform:translateY(-1px)}@media (max-width:768px){.filters-container{flex:1 1 100%;gap:8px;min-width:0;width:100%}.filters-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px}.filters-toggle-wrapper{flex-shrink:0}.filters-header__search{flex:1 1;min-width:0}.filters-header__search .filters__search{font-size:.875rem;min-height:44px;padding:8px 12px}.filters-header__context{justify-content:flex-start}.filters-toggle{font-size:.75rem;min-height:44px;padding:8px 12px;white-space:nowrap}.filters-create-btn{width:100%}}.filters{align-items:center;column-gap:clamp(1rem,3vw,1.5rem);column-gap:clamp(var(--spacing-lg,1rem),3vw,var(--layout-grid-gap,1.5rem));display:flex;flex-wrap:wrap;margin-top:clamp(.75rem,2vw,1rem);margin-top:clamp(var(--spacing-md,.75rem),2vw,var(--spacing-lg,1rem));row-gap:1.5rem;row-gap:var(--layout-grid-gap,1.5rem)}.filters[data-collapsed=true]{display:none}.filters__control{align-items:center;display:inline-flex;font-size:.8rem;font-size:var(--font-size-sm,.8rem);gap:.5rem;gap:var(--spacing-sm,.5rem)}.filters__control input,.filters__control select{min-height:42px}.filters__control input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#1e293bb3;background:var(--surface-3,#1e293bb3);border:1px solid #ffffff26;border:1px solid var(--glass-border,#ffffff26);border-radius:999px;cursor:pointer;flex-shrink:0;height:22px;min-height:auto;position:relative;transition:background .2s,border-color .2s;width:40px}.filters__control input[type=checkbox]:after{background:#fff6;background:var(--text-muted,#fff6);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s,background .2s;width:16px}.filters__control input[type=checkbox]:checked{background:#6366f1;background:var(--accent-secondary,#6366f1);border-color:#6366f1;border-color:var(--accent-secondary,#6366f1)}.filters__control input[type=checkbox]:checked:after{background:#fff;background:var(--text-primary,#fff);transform:translateX(18px)}.filters__control:has(input[type=checkbox]){cursor:pointer;-webkit-user-select:none;user-select:none}.filters__search{min-width:min(100%,clamp(12rem,45vw,22rem))}.filters__distance{width:clamp(6rem,12vw,7.5rem)}.filters__spacer{flex:1 1 auto;min-width:clamp(.5rem,4vw,2rem)}.filters__actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem)}@media (max-width:1024px){.filters__search{min-width:clamp(14rem,48vw,18rem)}}@media (max-width:768px){.filters{background:#0f172a80;background:var(--surface-2,#0f172a80);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:8px;padding:16px}.filters[data-collapsed=true]{display:none}.filters__control{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:4px;letter-spacing:.02em;width:100%}.filters__control input[type=number],.filters__control select{appearance:none;-webkit-appearance:none;background:#1e293bb3;background:var(--surface-3,#1e293bb3);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;box-sizing:border-box;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.875rem;min-height:44px;padding:8px 12px;width:100%}.filters__control select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%2394a3b8' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.filters__control input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#1e293bb3;background:var(--surface-3,#1e293bb3);border:1px solid #ffffff26;border:1px solid var(--glass-border,#ffffff26);border-radius:999px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s,border-color .2s;width:40px}.filters__control input[type=checkbox]:after{background:#fff6;background:var(--text-muted,#fff6);border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s,background .2s;width:16px}.filters__control input[type=checkbox]:checked{background:#6366f1;background:var(--accent-secondary,#6366f1);border-color:#6366f1;border-color:var(--accent-secondary,#6366f1)}.filters__control input[type=checkbox]:checked:after{background:#fff;background:var(--text-primary,#fff);transform:translateX(18px)}.filters__control:has(input[type=checkbox]){align-items:center;flex-direction:row;justify-content:space-between;min-height:44px}.filters__search{min-width:0;width:100%}.filters__distance{width:100%!important}.filters__spacer{display:none}.filters__actions{justify-content:center;padding-top:4px}.filters__actions .secondary-btn{border-radius:8px;font-size:.875rem;min-height:44px;width:100%}}.out-of-area-toggle{margin:1.5rem 0;text-align:center}.hide-out-of-area-btn,.show-out-of-area-btn{background:#becdf00d;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.hide-out-of-area-btn:hover,.show-out-of-area-btn:hover{background:#becdf014;border-color:var(--btn-primary-bg);color:var(--btn-primary-text);transform:translateY(-1px)}.quest-badges__meta{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:.5rem;min-width:0}.distance-badge{background:var(--accent-cool)}.distance-badge,.virtual-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.service-area-badge{align-items:center;background:#38bdf829;border:1px solid #38bdf861;border-radius:999px;color:#38bdf8;color:var(--circle-color,#38bdf8);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.02em;line-height:1.1;padding:.25rem .5rem}.service-area-badge[data-service-area-state=out]{background:#f871712e;border-color:#f8717173;color:#fca5a5;color:var(--quest-color,#fca5a5)}.service-area-warning{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;color:var(--text-primary);display:flex;font-size:.85rem;gap:.5rem;margin:.5rem 0;padding:.5rem}.service-area-warning:first-of-type{background:#dc35451a;border-color:#dc35454d}.toggle-out-of-area-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.toggle-out-of-area-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.toggle-out-of-area-btn.active{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.no-location-notice{background:linear-gradient(135deg,var(--accent-mystic) 0,var(--accent-cool) 100%);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.location-prompt{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 1px 2px #0000001a}.content-section{margin-bottom:2rem}.section-title{border-bottom:2px solid var(--border-color);color:#fff!important;color:var(--text-primary,#fff)!important;font-size:1.25rem;margin-bottom:1rem;padding-bottom:.5rem}.out-of-area-section{opacity:.8}.out-of-area-section .section-title{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.out-of-area-section .section-title:before{content:"🌍";font-size:1.2rem}.content-grid__sentinel{align-items:center;background:#0000;border:none;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem;grid-column:1/-1;justify-content:flex-start;padding:.25rem 0}.content-grid__sentinel button{min-width:200px}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.quest-card .card-header{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.quest-card .card-header__metadata{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md,.75rem);justify-content:space-between}.quest-card .card-header__badges{flex:1 1 auto;gap:.5rem;gap:var(--spacing-sm,.5rem);min-width:0}.quest-card .card-header__badges[data-has-badges=false]{min-height:1.25rem}.quest-card .card-header__actions{align-items:center;display:flex;justify-content:flex-end;position:relative}.quest-card .card-header__menu-button{align-items:center;display:inline-flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.quest-card .card-header__report-count{background:#dc3545e6;border-radius:12px;color:#fff;color:var(--text-inverse,#fff);font-size:10px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-4px;text-align:center;top:-4px}.quest-card .card-header__actions .quest-menu{min-width:220px;position:absolute;right:0;top:calc(100% + 4px);z-index:5}.card-header h3,.card-header__title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.quest-card .card-header__metadata{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem)}.quest-card .card-header__actions{justify-content:flex-start;width:100%}.quest-card .card-header__actions .quest-menu{left:0;right:auto}}.quest-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(162deg,#06132ef7,#040b1bf0);border:1px solid #1f407aa6;border-radius:12px;box-shadow:0 18px 36px #020610a6;display:flex;flex-direction:column;gap:8px;min-width:188px;padding:12px}.quest-menu__action{background:#0a162eeb!important;border:1px solid #365ca873!important;border-radius:8px!important;color:#e9f1ffeb!important;font-size:.8rem!important;font-weight:600;letter-spacing:.01em;padding:8px 12px!important;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease}.quest-menu__action:hover{background:#112448f5!important;border-color:#6284cc99!important;transform:translateY(-1px)}.quest-menu__action:focus-visible{outline:2px solid #709ceea6;outline-offset:2px}.quest-menu__action--danger{background:#3c1020f2!important;border-color:#d434488c!important}.quest-menu__action--danger:hover{background:#54162cfa!important;border-color:#ff5c5cad!important}.quest-menu__divider{background:linear-gradient(90deg,#ffffff0a,#ffffff2e 50%,#ffffff0a);border:none;height:1px;margin:4px 0 8px}.quest-menu__meta{color:#c0d2ffad;font-size:11px;padding:2px 2px 0;text-align:right}.content-badges,.quest-badges{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem}.difficulty-badge,.distance-badge,.virtual-badge{border-radius:24px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-align:center;text-transform:uppercase}.difficulty-badge{background:var(--primary-color);color:#fff}.distance-badge{background:var(--success-color);color:#fff}.virtual-badge{background:var(--accent-mystic);color:#fff}.service-area-warning{background:#ffc1071a!important;background:var(--warning-bg,#ffc1071a)!important;border-left:4px solid #f59e0b;border-left:4px solid var(--warning,#f59e0b);border-radius:8px;color:#f59e0b!important;color:var(--warning,#f59e0b)!important;font-size:.875rem;margin:1rem 0;padding:.75rem}.quest-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:1rem 0}.detail-item{flex-direction:column;gap:.25rem}.detail-item .label{color:#ccc!important;color:var(--text-secondary,#ccc)!important;font-weight:500}.detail-item .value{color:#fff!important;color:var(--text-primary,#fff)!important}@media (prefers-reduced-motion:reduce){.content-receptacle .empty-state__icon{animation:none}}.quest-analytics-placeholder,.quest-join-analytics{background:#12162338;border:1px solid #2a3248;border:1px solid var(--glass-border,#2a3248);border-radius:12px;border-radius:var(--radius-md,12px);padding:clamp(.5rem,4vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-md,.75rem))}.quest-join-analytics-container{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-2xs,.25rem)}.quest-analytics-placeholder{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));align-items:stretch;display:grid;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quest-analytics-placeholder .placeholder-caption{color:#cbd5e1cc;color:var(--text-secondary,#cbd5e1cc);font-size:.85rem;grid-column:1/-1;margin:0}.quest-analytics-placeholder .placeholder-row{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-2xs,.25rem)}.quest-analytics-placeholder .placeholder-label{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff24 50%,#ffffff0f);background-size:200% 100%;border-radius:8px;height:12px;width:60%}.quest-analytics-placeholder .placeholder-value{animation:shimmer 1.6s infinite;background:linear-gradient(90deg,#ffffff14,#fff3 50%,#ffffff14);background-size:200% 100%;border-radius:8px;height:16px;width:80%}.quest-join-analytics{grid-gap:clamp(.5rem,4vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-md,.75rem));display:grid;gap:clamp(.5rem,4vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-md,.75rem))}.quest-join-analytics h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.quest-analytics-summary{color:#cbd5e1e6;color:var(--text-secondary,#cbd5e1e6);font-size:.85rem;margin:0}.quest-analytics-stats{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));display:grid;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0}.quest-analytics-stat{background:#12162347;border:1px solid #4e6cb459;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-2xs,.25rem);padding:clamp(.5rem,3vw,.5rem);padding:clamp(var(--spacing-xs,.5rem),3vw,var(--spacing-sm,.5rem))}.quest-analytics-stat dt{color:#94a3b8e6;color:var(--text-secondary,#94a3b8e6);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.quest-analytics-stat dd{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.quest-analytics-trend{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));display:grid;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));grid-template-columns:repeat(auto-fit,minmax(120px,1fr));list-style:none;margin:0;padding:0}.quest-analytics-trend li{grid-gap:.25rem;grid-gap:var(--spacing-3xs,.25rem);background:#12162342;border:1px solid #4e6cb447;border-radius:12px;display:grid;gap:.25rem;gap:var(--spacing-3xs,.25rem);padding:clamp(.5rem,3vw,.5rem);padding:clamp(var(--spacing-xs,.5rem),3vw,var(--spacing-sm,.5rem))}.quest-analytics-trend li span{color:#94a3b8e6;color:var(--text-secondary,#94a3b8e6);font-size:.8rem}.quest-analytics-trend li strong{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600}.quest-capacity-info{background:#12162324!important;border-radius:8px;margin:1rem 0;padding:.75rem}.capacity-bar{background:var(--border-color);border-radius:4px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.capacity-fill{background:var(--success-color);height:100%;transition:width .3s ease}.capacity-text{color:#ccc!important;color:var(--text-secondary,#ccc)!important;font-size:.875rem;margin-bottom:.25rem}.capacity-warning{color:var(--warning-color);font-size:.8rem;font-weight:500}.capacity-full{color:var(--error-color);font-size:.8rem;font-weight:500}.rating-and-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.details-btn{background:#6366f1;background:var(--accent-color,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.details-btn:hover{background:#5856eb;background:var(--accent-color-hover,#5856eb);transform:translateY(-1px)}.modal-overlay{overflow-y:auto;overscroll-behavior:contain;padding:clamp(.5rem,4vw,1rem);padding:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-lg,1rem))}.quest-modal-overlay{-webkit-padding-start:max(clamp(.75rem,5vw,2.75rem),env(safe-area-inset-left));-webkit-padding-start:max(clamp(var(--spacing-md,.75rem),5vw,2.75rem),env(safe-area-inset-left));-webkit-padding-end:max(clamp(.75rem,5vw,2.75rem),env(safe-area-inset-right));-webkit-padding-end:max(clamp(var(--spacing-md,.75rem),5vw,2.75rem),env(safe-area-inset-right));align-items:flex-start;justify-content:center;overscroll-behavior:contain;padding-block:clamp(.75rem,5vw,2.75rem);padding-block:clamp(var(--spacing-md,.75rem),5vw,2.75rem);padding-inline-end:max(clamp(.75rem,5vw,2.75rem),env(safe-area-inset-right));padding-inline-end:max(clamp(var(--spacing-md,.75rem),5vw,2.75rem),env(safe-area-inset-right));padding-inline-start:max(clamp(.75rem,5vw,2.75rem),env(safe-area-inset-left));padding-inline-start:max(clamp(var(--spacing-md,.75rem),5vw,2.75rem),env(safe-area-inset-left))}.quest-join-modal{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#1216232e;background:var(--glass-bg,#1216232e);border:1px solid #2a3248;border:1px solid var(--glass-border,#2a3248);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 18px 40px #0a0c1259;display:flex;flex-direction:column;gap:clamp(.5rem,3vw,1rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-lg,1rem));margin:clamp(1.5rem,10vh,5rem) auto;max-height:min(85vh,680px);overflow-y:auto;padding:clamp(.75rem,4vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.5rem);scrollbar-gutter:stable;width:min(560px,calc(100vw - 2rem));width:min(560px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.quest-join-header{align-items:center;display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));justify-content:space-between}.quest-join-title{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0}.close-btn{color:var(--text-secondary);font-size:1.5rem;padding:.25rem}.close-btn:hover{color:var(--text-primary)}.quest-join-body{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.quest-join-description{color:#e2e8f0d9;color:var(--text-on-surface-muted,#e2e8f0d9);font-size:.95rem;line-height:1.6;margin:0}.quest-join-info-grid{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));display:grid;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quest-join-info-card{background:#12162338;border:1px solid #2a3248;border:1px solid var(--glass-border,#2a3248);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-xs,.5rem));padding:clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.quest-join-info-label{color:#cbd5e1d9;color:var(--text-secondary,#cbd5e1d9);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.quest-join-info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.quest-join-actions{display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));margin-top:clamp(.5rem,3vw,.75rem);margin-top:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.quest-join-button{border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;min-height:44px;padding:clamp(.5rem,4vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-md,.75rem));transition:transform .15s,background-color .15s,color .15s,border-color .15s;transition:transform var(--transition-fast,.15s),background-color var(--transition-fast,.15s),color var(--transition-fast,.15s),border-color var(--transition-fast,.15s)}.quest-join-cancel{background:#12162338;border-color:#2a3248;border-color:var(--glass-border,#2a3248);color:#cbd5e1d9;color:var(--text-secondary,#cbd5e1d9)}.quest-join-cancel:hover{background:#12162352;color:var(--text-primary);transform:translateY(-1px)}.quest-join-start{background:linear-gradient(130deg,#22d3ee,#6366f1 52%,#8b5cf6);border-color:#6366f173;box-shadow:0 10px 26px #4f46e559;color:#fff;color:var(--btn-primary-text,#fff)}.quest-join-start:hover:not([disabled]){box-shadow:0 14px 32px #4f46e580;filter:brightness(1.05);transform:translateY(-1px)}.quest-join-start:focus-visible{outline:2px solid #7dd3fcbf;outline-offset:2px}.quest-join-start[disabled]{background:linear-gradient(130deg,#94a3b859,#94a3b826);border-color:#94a3b840;box-shadow:none;color:#e2e8f099;cursor:not-allowed;filter:none;transform:none}@media (max-width:640px){.quest-join-modal{gap:clamp(4px,4vw,8px);padding:clamp(8px,5vw,12px);width:min(96vw,520px)}.quest-join-description{font-size:.9rem}.quest-join-actions{flex-direction:column}}@media (max-width:480px){.quest-join-info-grid{grid-template-columns:minmax(0,1fr)}}.content-receptacle .empty-state{align-items:center;background:#12162314;border:1px dashed #ffffff1a;border-radius:10px;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.25rem 1.5rem;text-align:center}.content-receptacle .empty-state__icon{animation:emptyStateFloat 3s ease-in-out 3;filter:grayscale(.3);font-size:2.5rem;line-height:1}.content-receptacle .empty-state__hint{color:var(--text-muted);font-size:.85rem;font-size:var(--font-size-sm,.85rem);max-width:28ch}.content-receptacle .empty-state--error{background:#ef444414;border-color:#f8717138;color:#fca5a5cc}.content-receptacle .empty-state--error p{color:inherit;font-size:.875rem}.content-receptacle .empty-state__message{margin:.5rem 0}.content-receptacle .empty-state__actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:1rem;width:100%}.content-receptacle .empty-state__actions .secondary-btn{margin-top:0}.content-grid>.empty-state{grid-column:1/-1;justify-self:stretch;width:100%}.content-receptacle .empty-state p{font-size:1rem;line-height:1.5;margin:.5rem 0}@media (min-width:481px) and (max-width:768px){.content-grid{gap:1rem;gap:var(--layout-grid-gap-mobile,1rem);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.content-receptacle{padding:clamp(.5rem,5vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),5vw,var(--spacing-md,.75rem))}.location-controls{gap:.5rem;margin-bottom:.75rem;padding:.5rem;text-align:center}.content-grid{gap:1rem;gap:var(--layout-grid-gap-mobile,1rem)}.card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.content-badges,.quest-badges{flex-direction:row;flex-wrap:wrap}.quest-reward-banner{margin:12px 0;padding:12px 16px}.quest-details{gap:.5rem}.quest-details,.quest-info-grid{grid-template-columns:1fr}.quest-modal-actions{flex-direction:column}.quest-join-modal{width:min(96vw,520px)}}@media (max-width:480px){.content-receptacle{padding:8px}.content-grid{gap:clamp(.75rem,4vw,1rem);gap:clamp(var(--spacing-md,.75rem),4vw,var(--spacing-lg,1rem));grid-template-columns:1fr}.filters{gap:8px}.filters__control{font-size:.75rem}.filters__control input[type=number],.filters__control select{font-size:.82rem;min-height:36px;padding:4px 8px}.filters-header{gap:4px}.filters-header__search{flex-basis:100%}.filters-header__search .filters__search{font-size:.92rem;min-height:40px}.filters-toggle{font-size:.82rem;min-height:36px;padding:4px 12px}.filters-menu-btn{font-size:.9rem;min-height:36px;padding:4px 8px}.filters__actions{justify-content:center}.filters__actions .secondary-btn{min-height:34px}}.content-receptacle-wrapper{--tab-accent:var(--accent-purple)}.content-receptacle-wrapper[data-active-tab=stream]{--tab-accent:var(--stream-color,#2dd4bf)}.content-receptacle-wrapper[data-active-tab=quests]{--tab-accent:var(--quest-color,#fb7185)}.content-receptacle-wrapper[data-active-tab=circles]{--tab-accent:var(--circle-color,#38bdf8)}.content-receptacle-wrapper[data-active-tab=shops]{--tab-accent:var(--shop-color,#fbbf24)}.content-receptacle-wrapper[data-active-tab=entertainment]{--tab-accent:var(--entertainment-color,#f472b6)}.content-receptacle-wrapper[data-active-tab=community]{--tab-accent:var(--article-color,#34d399)}.content-receptacle-wrapper .content-count-badge,.content-receptacle-wrapper .content-receptacle .empty-state-unified__icon,.content-receptacle-wrapper .content-receptacle .empty-state__icon,.content-receptacle-wrapper .receptacle-section-heading,.content-receptacle-wrapper .section-title{color:var(--tab-accent)}.content-receptacle-wrapper .filters-chip--active,.content-receptacle-wrapper .filters-chip.active{background:#ffffff14;background:var(--bg-overlay-hover,#ffffff14);border-color:var(--tab-accent);color:var(--tab-accent)}.content-receptacle-wrapper:before{background:var(--tab-accent);content:"";display:block;height:2px;opacity:.35;transition:background .3s ease,opacity .3s ease;transition:background .3s var(--ease-default,ease),opacity .3s ease;width:100%}.map-page{--map-inline-gutter:clamp(var(--layout-gutter-inline,1.5rem),5vw,2.75rem);display:flex;flex-direction:column;min-height:100vh;position:relative}.map-page:before{background:linear-gradient(180deg,#0c0e18f5,#0c0e18f0 45%,#0c0e1800);content:"";height:calc(env(safe-area-inset-top, 0px) + 18px);inset:0 0 auto 0;pointer-events:none;position:absolute;z-index:0}.map-page>*{position:relative;z-index:1}.map-page{isolation:isolate}.leaflet-marker-icon,.map-marker{background:#6a4c93!important;background:var(--accent-purple,#6a4c93)!important;border:2px solid #f4a261!important;border:2px solid var(--shop-color,#f4a261)!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;height:32px!important;width:32px!important}.map-header{align-items:center;background:#0000;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;display:flex;height:auto;justify-content:space-between;margin:0!important;min-height:clamp(56px,10vw,84px);padding-bottom:clamp(.5rem,1.5vw,.75rem);padding-bottom:clamp(var(--spacing-2_5,.5rem),1.5vw,.75rem);padding-left:max(var(--map-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--map-inline-gutter),env(safe-area-inset-right,0));padding-top:env(safe-area-inset-top,0);position:relative!important;z-index:100;z-index:var(--z-raised,100)}.map-page .map-header.glass-surface{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0c0e18!important;background:var(--bg-deep,#0c0e18)!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important}.map-header:before{background:inherit;border-top-left-radius:inherit;border-top-right-radius:inherit;content:"";height:calc(env(safe-area-inset-top, 0px) + 4px);left:0;position:absolute;right:0;top:calc((env(safe-area-inset-top, 0px) + 4px)*-1);z-index:-1}.map-header h1,.map-header h2,.page-subtitle{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.header-buttons{align-items:center;display:flex;gap:clamp(.25rem,3vw,1.25rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--layout-grid-gap,1.25rem));width:100%}.user-info{gap:var(--spacing-2_5,.5rem)}.identity-stack .avatar-button:hover{background:#ffffff17;transform:translateY(-1px);transition:all .15s ease}.identity-stack{align-items:stretch;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-2_5,.5rem),2vw,.75rem);margin-left:.5rem;margin-left:var(--spacing-2_5,.5rem);min-height:44px;padding-left:.25rem;padding-left:var(--spacing-2xs,.25rem)}.identity-stack .avatar-button{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:50%;display:grid;height:44px;min-height:44px;min-width:44px;place-items:center;width:44px}.identity-stack .user-mini{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;justify-content:space-between;min-height:44px;min-width:0;padding:2px 0}.identity-stack .user-mini .user-name-block{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.identity-stack .user-mini .username{color:#fff;color:var(--text-inverse,#fff);flex:1 1 auto;font-size:14px;font-weight:700;line-height:1.05;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-stack .user-mini .user-type{color:var(--text-muted);flex:0 0 auto;font-size:12px;opacity:.75;white-space:nowrap}.identity-stack .title-text{align-items:flex-end;background:#0000;border:none;border-radius:0;color:var(--text-primary);display:inline-flex;font-size:12px;font-weight:600;justify-content:flex-start;line-height:1.1;margin:0;min-height:auto;min-width:0;padding:0;text-shadow:none}.identity-stack .title-text--interactive{border-bottom:1px dashed #ffffff40;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;transition:color .2s ease,border-color .2s ease,opacity .2s ease}.identity-stack .title-text--interactive:focus-visible,.identity-stack .title-text--interactive:hover{border-bottom-color:#ffffff80;color:#fff;color:var(--text-inverse,#fff);opacity:1;outline:none}.identity-stack .title-text--interactive:focus-visible{border-radius:0;box-shadow:0 0 0 2px #6a4c9359}.identity-stack .title-text.is-disabled{background:#0000;border:none;border-bottom:1px dashed #ffffff1f;cursor:default;pointer-events:none}.identity-stack .title-text.is-disabled,.identity-stack .title-text.is-disabled:hover{box-shadow:none;opacity:.72;transform:none}.mystuff-link{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:var(--text-primary);font-weight:600;min-height:44px;padding:.5rem 1.25rem;text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.mystuff-link:hover{background:linear-gradient(135deg,#667eea2e,#764ba238);box-shadow:0 4px 14px -4px #0006;color:#fff;color:var(--text-inverse,#fff);transform:translateY(-2px)}.map-container{background:#0000;display:flex;flex-direction:column;height:45vh;isolation:isolate;min-height:120px;position:relative;transition:height .3s ease;transition:height .3s var(--ease-default,ease);width:100%;z-index:1}.map-drag-handle{align-items:center;background:#0c0e1880;border-bottom:1px solid #b8c6f014;border-top:1px solid #b8c6f014;cursor:row-resize;display:flex;height:24px;justify-content:center;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;z-index:2}.map-drag-handle__bar{background:#b8c6f040;border-radius:2px;height:4px;transition:background .2s ease,width .2s ease;width:48px}.map-drag-handle:focus-visible .map-drag-handle__bar,.map-drag-handle:hover .map-drag-handle__bar{background:#b8c6f080;width:64px}.map-drag-handle:focus-visible{outline:2px solid #60a5fa;outline:2px solid var(--focus-ring,#60a5fa);outline-offset:-2px}.map-page[data-map-detent="25"] .map-container{height:25vh;min-height:100px}.map-page[data-map-detent="45"] .map-container{height:45vh}.map-page[data-map-detent="70"] .map-container{height:70vh}.map-container .leaflet-bottom,.map-container .leaflet-control-container,.map-container .leaflet-pane,.map-container .leaflet-top{z-index:auto!important}.map-page .map-container.surface-panel{-webkit-backdrop-filter:blur(4px) saturate(115%)!important;backdrop-filter:blur(4px) saturate(115%)!important;background:rgba(20,22,32,.125)!important}.map-location-hint{background:#12141e8c;border:1px solid #94a3b847;border-radius:12px;box-shadow:0 10px 28px -18px #0f172a99;color:var(--text-primary);font-size:.92rem;line-height:1.35;margin:clamp(.75rem,2vw,1rem) clamp(1.25rem,4vw,1.75rem) 0;margin:clamp(.75rem,2vw,1rem) clamp(var(--map-inline-gutter,1.25rem),4vw,1.75rem) 0;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,3vw,1rem)}.map-container.collapsed{flex:0 0!important;height:0!important;min-height:0!important;overflow:hidden}.map-mobile-toolbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0c0e18d9;border-bottom:1px solid var(--border-color);display:none;gap:.5rem;justify-content:flex-end;left:0;padding:.5rem .75rem;position:absolute;right:0;top:0;z-index:990}.map-mobile-toolbar__btn{align-items:center;background:#ffffff14;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:background .2s ease,transform .1s ease}.map-mobile-toolbar__btn:hover{background:#ffffff26}.map-mobile-toolbar__btn:active{transform:scale(.95)}.map-page-controls{bottom:16px;bottom:var(--map-edge-spacer,16px);display:flex;gap:8px;left:16px;left:var(--map-edge-spacer,16px);position:absolute;z-index:980}.map-recenter-btn{background:#00000059;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-size:1.1rem;padding:.5rem .75rem;transition:all .2s ease}.map-recenter-btn:hover{background:var(--gradient-warm);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-1px)}.map-toggle-btn{background:#00000059;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem;position:static;transition:all .2s ease}.shimmer-max,.shimmer-mid,.shimmer-min{color:#fff;color:var(--text-inverse,#fff);position:relative}.shimmer-min{text-shadow:0 0 4px #ffd7002e,0 0 10px #ffd70014}.shimmer-mid{text-shadow:0 0 6px #ffd70042,0 0 14px #ffd7001f}.shimmer-max{text-shadow:0 0 8px #ffd70057,0 0 18px #ffd70029}@media (prefers-reduced-motion:no-preference){.shimmer-min{animation:shimmerPulseMin 3.5s ease-in-out infinite}.shimmer-mid{animation:shimmerPulseMid 3s ease-in-out infinite}.shimmer-max{animation:shimmerPulseMax 2.5s ease-in-out infinite}}@keyframes shimmerPulseMin{0%,to{text-shadow:0 0 4px #ffd7002e,0 0 10px #ffd70014}50%{text-shadow:0 0 6px #ffd7004d,0 0 12px #ffd70029}}@keyframes shimmerPulseMid{0%,to{text-shadow:0 0 6px #ffd70042,0 0 14px #ffd7001f}50%{text-shadow:0 0 9px #ffd70061,0 0 18px #ffd70033}}@keyframes shimmerPulseMax{0%,to{text-shadow:0 0 8px #ffd70057,0 0 18px #ffd70029}50%{text-shadow:0 0 12px #ffd70075,0 0 24px #ffd70042}}.map-toggle-btn:hover{background:var(--gradient-warm);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-1px)}.content-area{background:#0000;border-top:1px solid var(--border-color);display:flex;flex-direction:column;min-height:50vh;padding-bottom:clamp(.5rem,3vw,1.25rem);padding-bottom:clamp(var(--spacing-2_5,.5rem),3vw,var(--layout-grid-gap,1.25rem));padding-left:max(var(--map-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--map-inline-gutter),env(safe-area-inset-right,0));transition:all .3s ease;z-index:2}.map-page .content-area.surface-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important}.map-page .content-receptacle-wrapper.glass-surface{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#090d0b!important;border:none!important;box-shadow:none!important}.map-page .content-receptacle-wrapper .surface-panel{background:rgba(25,28,40,.225)!important}.content-area.expanded{min-height:calc(100vh - 96px)}@media (max-width:768px){.map-page{--map-inline-gutter:clamp(var(--layout-gutter-inline,1rem),6vw,1.5rem)}.map-header{flex-direction:column;gap:8px;min-height:120px;padding-bottom:8px;padding-left:max(var(--map-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--map-inline-gutter),env(safe-area-inset-right,0));padding-top:8px;text-align:center}.identity-stack{justify-content:center;margin-left:0;padding-left:0}.header-buttons{gap:8px}.user-info{justify-content:center;width:100%}.identity-stack{order:1}.header-buttons>div:last-child{order:2}.map-header h1{font-size:1.5rem}.user-info{flex-direction:column;gap:.5rem}.map-container{max-height:75vh;min-height:150px;position:relative}.map-container.collapsed{flex:0 0!important;height:0!important;min-height:0!important}.content-area.expanded{min-height:calc(100vh - 180px)}.map-toggle-btn{bottom:12px;bottom:var(--map-edge-spacer,12px);font-size:.875rem;left:12px;left:var(--map-edge-spacer,12px);padding:8px 12px;right:auto;top:auto}.content-area{padding-bottom:16px;padding-left:max(var(--map-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--map-inline-gutter),env(safe-area-inset-right,0))}}@media (max-width:480px){.map-header{padding-bottom:8px;padding-left:max(.75rem,env(safe-area-inset-left,0));padding-left:max(var(--layout-gutter-inline,.75rem),env(safe-area-inset-left,0));padding-right:max(.75rem,env(safe-area-inset-right,0));padding-right:max(var(--layout-gutter-inline,.75rem),env(safe-area-inset-right,0));padding-top:8px}.map-header h1{font-size:1.25rem}.mystuff-link{font-size:.875rem;padding:8px 12px}.map-container{min-height:100px}.map-container.collapsed{flex:0 0!important;height:0!important;min-height:0!important}.content-area.expanded{min-height:calc(100vh - 155px)}.map-mobile-toolbar{display:flex}.map-page-controls .map-toggle-btn{display:none}.map-page-controls,.map-toggle-btn{bottom:8px;bottom:var(--map-edge-spacer,8px);left:8px;left:var(--map-edge-spacer,8px)}.map-toggle-btn{font-size:.75rem;padding:.25rem .5rem;right:auto;top:auto}.map-drag-handle{height:20px}}.map-filter-chips{bottom:12px;display:flex;gap:8px;left:12px;position:absolute;z-index:5}.map-filter-chip{align-items:center;backdrop-filter:blur(6px);backdrop-filter:var(--blur-subtle,blur(6px));-webkit-backdrop-filter:blur(6px);-webkit-backdrop-filter:var(--blur-subtle,blur(6px));background:#0c0e18bf;border:1px solid #b8c6f026;border-radius:50%;border-radius:var(--radius-full,50%);color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:all .2s ease;transition:all var(--duration-fast,.2s) ease;width:36px}.map-filter-chip:hover{background:#0c0e18e6;box-shadow:none;transform:none}.map-filter-chip[aria-pressed=true]{border-color:#b8c6f066;border-color:var(--chip-active-color,#b8c6f066);color:#fff}.map-filter-chip--quest[aria-pressed=true]{--chip-active-color:var(--quest-color,#f43f5e);background:#f43f5e33;color:#f43f5e;color:var(--quest-color,#f43f5e)}.map-filter-chip--circle[aria-pressed=true]{--chip-active-color:var(--circle-color,#38bdf8);background:#38bdf833;color:#38bdf8;color:var(--circle-color,#38bdf8)}.map-filter-chip--shop[aria-pressed=true]{--chip-active-color:var(--shop-color,#f59e0b);background:#f59e0b33;color:#f59e0b;color:var(--shop-color,#f59e0b)}.map-control-btn[title="Center map on your location"]{position:relative}.map-control-btn[title="Center map on your location"]:after{animation:pulse-subtle 2s ease-in-out infinite;border:2px solid #2a9d8f;border:2px solid var(--accent-teal,#2a9d8f);border-radius:50%;border-radius:var(--radius-full,50%);content:"";inset:-4px;opacity:0;position:absolute}.map-page[data-map-detent] .map-control-btn[title="Center map on your location"]:after{opacity:.6}.quest-reports-overlay{align-items:flex-start;background:#08080cb3;display:flex;inset:0;justify-content:center;padding:40px 24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.quest-reports-drawer{border-radius:16px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 80px);overflow:hidden;padding:24px;width:min(960px,100%)}.quest-reports-drawer__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.quest-reports-drawer__header h3{margin:0 0 4px}.quest-reports-drawer__header p{color:#ffffffa6;margin:0}.quest-reports-drawer__header-actions{align-items:center;display:flex;gap:8px}.quest-reports-drawer__filters{align-items:center;display:flex;gap:12px}.quest-reports-drawer__filters input,.quest-reports-drawer__filters select{background:#0f0f14e6;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:0 0 auto;padding:8px 12px}.quest-reports-drawer__filters input{flex:1 1 auto}.quest-reports-drawer__list{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.quest-reports-drawer__empty{background:#0f172a40;border:1px dashed #94a3b826;border-radius:12px;color:#ffffffa6;font-style:italic;padding:32px 24px;text-align:center}.quest-reports-drawer__card{background:#121218e6;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.quest-reports-drawer__card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.quest-reports-drawer__card-header h4{margin:0 0 8px}.quest-reports-drawer__meta{color:#fff9;display:flex;font-size:.85rem;gap:12px}.quest-reports-drawer__reason{color:#fffc;font-size:.95rem;line-height:1.45;margin:0}.quest-reports-drawer__details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quest-reports-drawer__details strong{color:#ffffff8c;display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.quest-reports-drawer__details span{display:block;margin-top:4px}.quest-reports-drawer__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quest-reports-drawer__actions select{background:#0c0c12e6;border:1px solid #ffffff1f;border-radius:8px;color:#fff;min-width:180px;padding:8px 12px}.quest-reports-drawer__actions .btn{min-width:120px}.quest-reports-drawer__status{border-radius:999px;font-size:.8rem;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.quest-reports-drawer__status--overdue{background:#ff6b6b33;color:#ff6b6b}.quest-reports-drawer__status--dueSoon{background:#ffbf6933;color:#ffbf69}.quest-reports-drawer__status--onTrack{background:#10b9812e;color:#38ef7d}.quest-reports-drawer__status--resolved{background:#5b8bff26;color:#82aaff}.quest-reports-drawer .punishment-dropdown-container{display:inline-block;position:relative}.quest-reports-drawer .punishment-dropdown-trigger{align-items:center;display:inline-flex;gap:.25rem}.quest-reports-drawer .btn--warning{background:linear-gradient(135deg,#f59e0b26,#ea580c1a);border-color:#f59e0b66;color:#fbbf24}.quest-reports-drawer .btn--warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b40,#ea580c33);border-color:#f59e0b99}.quest-reports-drawer .punishment-dropdown-menu{animation:punishDropdownSlide .15s ease-out;background:#1e2235;background:var(--surface-2,#1e2235);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 8px 24px #0006;min-width:220px;padding:.5rem 0;position:absolute;right:0;z-index:4700;z-index:var(--z-dropdown,4700)}@keyframes punishDropdownSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quest-reports-drawer .punishment-dropdown-section{padding:.25rem 0}.quest-reports-drawer .punishment-dropdown-header{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem .25rem;text-transform:uppercase}.quest-reports-drawer .punishment-dropdown-divider{background:#ffffff14;background:var(--glass-border,#ffffff14);height:1px;margin:.5rem 0}.quest-reports-drawer .punishment-dropdown-item{align-items:center;background:#0000;border:none;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.quest-reports-drawer .punishment-dropdown-item:hover{background:#60a5fa1a}.quest-reports-drawer .punishment-dropdown-item.is-danger{color:#f87171}.quest-reports-drawer .punishment-dropdown-item.is-danger:hover{background:#ef444426}@media (max-width:768px){.quest-reports-overlay{align-items:flex-end;padding:0}.quest-reports-drawer{animation:questReportsSlideUp .3s ease-out;border-radius:16px 16px 0 0;max-height:90vh;padding:16px 16px max(16px,env(safe-area-inset-bottom));width:100%}@keyframes questReportsSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.quest-reports-drawer:before{background:#ffffff4d;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 12px;width:40px}.quest-reports-drawer__header{flex-direction:column;gap:12px}.quest-reports-drawer__header-actions{justify-content:flex-end;width:100%}.quest-reports-drawer__filters{flex-direction:column;gap:8px}.quest-reports-drawer__filters input,.quest-reports-drawer__filters select{font-size:16px;padding:12px;width:100%}.quest-reports-drawer__card{padding:12px}.quest-reports-drawer__card-header{flex-direction:column;gap:8px}.quest-reports-drawer__card-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.quest-reports-drawer__card-actions .btn{flex:1 1;min-height:40px}}@media (max-width:480px){.quest-reports-drawer{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.quest-reports-drawer__card{padding:12px}.quest-reports-drawer__card-header h4{font-size:.95rem}}.quest-reports-panel{display:flex;flex-direction:column;gap:16px}.quest-reports-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.quest-reports-subtitle{color:#ffffffb3;font-size:.9rem;margin:4px 0 0}.quest-reports-actions{align-items:center;display:flex;gap:8px}.quest-reports-actions .btn{min-width:120px}.quest-reports-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quest-reports-card{background:#1f1f28cc;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:16px}.quest-reports-card__label{color:#ffffffb3;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.quest-reports-card__value{font-size:1.8rem;font-weight:600}.quest-reports-card__value--alert{color:#ff6b6b}.quest-reports-card__value--warning{color:#ffbf69}.quest-reports-table{background:#15151ed9;border-radius:12px;padding:16px}.quest-reports-table__header{margin-bottom:12px}.quest-reports-table__header h5{margin:0 0 4px}.quest-reports-table__header p{color:#fff9;font-size:.9rem;margin:0}.quest-reports-table table{border-collapse:collapse;width:100%}.quest-reports-table td,.quest-reports-table th{border-bottom:1px solid #ffffff0f;padding:12px;text-align:left}.quest-reports-table th{color:#fff9;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.quest-reports-table tbody tr:hover{background:#ffffff0a}.quest-reports-empty{background:#0f172a40;border:1px dashed #94a3b826;border-radius:12px;color:#ffffffa6;font-style:italic;padding:32px 24px;text-align:center}.quest-reports-owner-type{color:#ffffffbf;text-transform:capitalize}.quest-reports-cell-alert{color:#ff6b6b;font-weight:600}.quest-reports-cell-warning{color:#ffbf69;font-weight:600}.quest-reports-alert{margin:0}@media (max-width:768px){.quest-reports-panel{gap:12px}.quest-reports-header{flex-direction:column;gap:12px}.quest-reports-actions{flex-wrap:wrap;width:100%}.quest-reports-actions .btn{flex:1 1;min-height:44px;min-width:100px}.quest-reports-cards{gap:8px;grid-template-columns:repeat(2,1fr)}.quest-reports-card{padding:12px}.quest-reports-card__label{font-size:.75rem}.quest-reports-card__value{font-size:1.5rem}.quest-reports-table{border-radius:0;margin:0 -12px;overflow-x:auto;padding:12px}.quest-reports-table table{font-size:.85rem;min-width:500px}.quest-reports-table td,.quest-reports-table th{padding:8px 12px}}@media (max-width:480px){.quest-reports-cards{grid-template-columns:repeat(2,1fr)}.quest-reports-card__value{font-size:1.25rem}.quest-reports-card__label{font-size:.75rem}}.form-manager{--fm-surface:#070e20e6;--fm-surface-strong:#0b142ef2;--fm-muted:#dee7ffb8;--fm-border:#7898ff59;--fm-accent:#82a6ff;--fm-accent-strong:#5483ff;--fm-shadow:0 35px 65px #0306148c;background:radial-gradient(circle at 20% -15%,#6faeff59,#0000 45%),radial-gradient(circle at 80% 0,#875cff40,#0000 50%),linear-gradient(135deg,#040712,#0c1a3a 55%,#02040a);border:1px solid var(--fm-border);border-radius:24px;box-shadow:var(--fm-shadow);color:#f6f7ff;color:var(--text-primary,#f6f7ff);display:flex;flex-direction:column;height:100%;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,2.5vw,2.75rem);position:relative;transition:all var(--transition-normal)}.form-manager:before{background:radial-gradient(circle at 30% 20%,#4f7eff66,#0000 55%);content:"";inset:0;opacity:.65;pointer-events:none;position:absolute;z-index:-1}.form-manager-tabs{grid-gap:var(--spacing-sm);background:#030816e6;border:1px solid var(--fm-border);border-radius:16px;display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--spacing-xl);overflow:hidden;padding:clamp(.5rem,1.5vw,.75rem);position:relative}.form-manager-tabs:before{animation:fmShimmer 12s linear infinite;background:linear-gradient(120deg,#0000,#ffffff1f 50%,#0000);content:"";height:240%;inset:-120% 0 auto;pointer-events:none;position:absolute}.tab-button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070d1de6;border:1px solid var(--fm-border);border-radius:12px;color:var(--fm-muted);font-size:.85rem;letter-spacing:.02em;padding:var(--spacing-md);text-transform:uppercase;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);z-index:1}.tab-button:focus-visible,.tab-button:not(.active):hover{border-color:var(--fm-accent);color:#f4f7ff}.tab-button.active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:var(--fm-accent);box-shadow:0 10px 25px #0c163799;color:#fdfcff}@keyframes fmShimmer{0%{transform:translateX(-60%)}to{transform:translateX(60%)}}.transactions-section{display:flex;flex-direction:column;gap:1rem}.transactions-sub-tabs{background:#0000001a;border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f);border-radius:0;display:flex;gap:0;margin-bottom:1rem;padding:0 .5rem}.transactions-sub-tabs .sub-tab-button{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:#94a3b8b3;color:var(--text-muted,#94a3b8b3);cursor:pointer;font-size:.85rem;font-weight:500;padding:.75rem 1rem;transition:color .15s,border-color .15s}.transactions-sub-tabs .sub-tab-button.active,.transactions-sub-tabs .sub-tab-button:hover{color:#f8fafc;color:var(--text-primary,#f8fafc)}.transactions-sub-tabs .sub-tab-button.active{border-bottom-color:#6366f1cc;border-bottom-color:var(--accent-primary,#6366f1cc)}.received-forms-sub-tabs{background:#030816e6;border-radius:12px;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:1rem;padding:clamp(.5rem,1vw,.5rem)}.received-forms-sub-tabs,.received-forms-sub-tabs .sub-tab-button{border:1px solid #7898ff59;border:1px solid var(--fm-border,#7898ff59)}.received-forms-sub-tabs .sub-tab-button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070d1de6;border-radius:12px;color:#dee7ffb8;color:var(--fm-muted,#dee7ffb8);cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.5rem .75rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem);position:relative;text-transform:uppercase;transition:border-color .15s,color .15s,transform .15s;transition:border-color var(--transition-fast,.15s),color var(--transition-fast,.15s),transform var(--transition-fast,.15s)}.received-forms-sub-tabs .sub-tab-button:focus-visible,.received-forms-sub-tabs .sub-tab-button:not(.active):hover{border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);color:#f4f7ff}.received-forms-sub-tabs .sub-tab-button.active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);box-shadow:0 6px 18px #0c163780;color:#fdfcff;transform:translateY(-1px)}.received-forms-filters{flex-wrap:wrap;width:100%}.role-form-card .role-badge{background:linear-gradient(135deg,#8b5cf64d,#a855f766);border-color:#a855f780}.roles-sub-tabs{background:#030816e6;border-radius:12px;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:1rem;padding:clamp(.5rem,1vw,.5rem)}.roles-sub-tabs,.roles-sub-tabs .sub-tab-button{border:1px solid #7898ff59;border:1px solid var(--fm-border,#7898ff59)}.roles-sub-tabs .sub-tab-button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070d1de6;border-radius:12px;color:#dee7ffb8;color:var(--fm-muted,#dee7ffb8);cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.5rem .75rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem);position:relative;text-transform:uppercase;transition:border-color .15s,color .15s,transform .15s;transition:border-color var(--transition-fast,.15s),color var(--transition-fast,.15s),transform var(--transition-fast,.15s)}.roles-sub-tabs .sub-tab-button:focus-visible,.roles-sub-tabs .sub-tab-button:not(.active):hover{border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);color:#f4f7ff}.roles-sub-tabs .sub-tab-button.active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);box-shadow:0 6px 18px #0c163780;color:#fdfcff;transform:translateY(-1px)}.team-tasks-list{display:flex;flex-direction:column;gap:1rem}.team-task-card{background:#0b142ef2;background:var(--fm-surface-strong,#0b142ef2);border:1px solid #7898ff59;border:1px solid var(--fm-border,#7898ff59);border-radius:12px;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.team-task-card:hover{border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);box-shadow:0 4px 12px #82a6ff26}.task-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.task-info{display:flex;flex-direction:column;gap:.25rem}.task-title{color:#f6f7ff;color:var(--text-primary,#f6f7ff)}.task-workflow-badge{background:#82a6ff1a;border-radius:4px;color:#82a6ff;color:var(--fm-accent,#82a6ff);display:inline-block;font-size:.75rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.task-status-badges{display:flex;gap:.5rem}.task-status{border-radius:8px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.task-status.pending{background:#fbbf2433;color:#fbbf24}.task-status.in_progress{background:#3b82f633;color:#3b82f6}.task-status.completed{background:#22c55e33;color:#22c55e}.task-content{color:#dee7ffb8;color:var(--fm-muted,#dee7ffb8);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem;margin-bottom:.75rem}.task-content p{margin:0}.task-actions{flex-wrap:wrap}.task-actions button{border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.task-actions .view-details-btn{background:#6366f133;border:1px solid #6366f166;color:#f8fafc;color:var(--text-primary,#f8fafc)}.task-actions .view-details-btn:hover{background:#6366f14d}.task-actions .reassign-btn{background:#0000;border:1px solid #7898ff59;border:1px solid var(--fm-border,#7898ff59);color:#dee7ffb8;color:var(--fm-muted,#dee7ffb8)}.task-actions .reassign-btn:hover{border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);color:#f8fafc;color:var(--text-primary,#f8fafc)}.transactions-embedded-panel{background:#12162347;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:12px;padding:clamp(.75rem,2.5vw,1.25rem)}.tab-panel{background:var(--fm-surface);border:1px solid var(--fm-border);border-radius:24px;box-shadow:0 18px 55px #0307158c;margin-bottom:var(--spacing-xl);padding:clamp(1.25rem,2vw,2rem)}.section-header{flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header h4{color:#f5f6ff;font-size:1.15rem;letter-spacing:.01em;margin:0}.section-header p{color:var(--fm-muted);flex:1 1 100%;font-size:.9rem}.form-manager .inline-actions button,.section-header .create-form-btn{background:linear-gradient(135deg,#5880ff40,#5880ff99);border:1px solid #819eff80;border-radius:999px;color:#fefefe;cursor:pointer;font-weight:600;letter-spacing:.05em;padding:.5rem 1.25rem;text-transform:uppercase;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.forms-summary-chips{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.summary-chip{background:#0b142ef2;background:var(--fm-surface-strong,#0b142ef2);border:1px solid #7898ff59;border:1px solid var(--fm-border,#7898ff59);border-radius:8px;padding:1rem;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.summary-chip:hover{border-color:#82a6ff;border-color:var(--fm-accent,#82a6ff);box-shadow:0 4px 12px #82a6ff26}.summary-chip span{color:#dee7ffb8;color:var(--fm-muted,#dee7ffb8);display:block;font-size:.85rem;font-weight:500;letter-spacing:.02em;margin-bottom:.5rem;text-transform:uppercase}.summary-chip strong{color:#f6f7ff;color:var(--text-primary,#f6f7ff);display:block;font-size:1.5rem;font-weight:700}.workflow-placeholder-panel{background:#091022d9;border:1px dashed #839eff73;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0d;margin-bottom:var(--spacing-xl);padding:clamp(1rem,2vw,1.5rem)}.workflow-placeholder-panel__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.workflow-placeholder-panel__header h5{color:#f4f6ff;font-size:1.05rem;margin:0 0 .25rem}.workflow-placeholder-panel__header p{color:var(--fm-muted);font-size:.9rem;margin:0}.workflow-placeholder-panel__count{border:1px solid #8296ff66;border-radius:999px;color:#eff3ff;font-size:.85rem;letter-spacing:.03em;padding:.5rem .75rem;text-transform:uppercase}.workflow-placeholder-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workflow-placeholder-card{background:#060b1ae6;border:1px solid #829eff59;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;min-height:154px;padding:1rem;position:relative}.workflow-placeholder-card__meta{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.workflow-placeholder-card__meta h6{color:#f6f7ff;font-size:1rem;margin:0}.workflow-placeholder-card__meta span{color:#e2e8ffcc;font-size:.8rem;font-weight:600;text-transform:uppercase}.workflow-placeholder-card__field{color:#e2e9ffe6;font-size:.9rem;margin:0}.workflow-placeholder-card__actions{margin-top:auto}.use-placeholder-btn{background:linear-gradient(135deg,#748fff33,#748fff80);border:1px solid #7898ff66;border-radius:12px;color:#fefefe;cursor:pointer;font-weight:600;letter-spacing:.04em;padding:.5rem 1rem;text-transform:uppercase;transition:transform var(--transition-fast),border-color var(--transition-fast);width:100%}.use-placeholder-btn:focus-visible,.use-placeholder-btn:hover{border-color:#95b0ffcc;transform:translateY(-1px)}.form-manager .inline-actions button:hover,.section-header .create-form-btn:hover{box-shadow:0 15px 30px #0f1c4373;transform:translateY(-1px)}.form-manager .inline-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form-manager .inline-actions input,.form-manager .inline-actions select{background:#050915d9;border:1px solid #819eff59;border-radius:12px;color:#f3f7ff;flex:1 1 220px;min-width:200px;padding:.5rem 1rem}.form-manager .inline-actions button{flex:0 0 auto}.form-manager-overlay{padding:clamp(.75rem,5vw,2.75rem);padding:clamp(var(--spacing-md,.75rem),5vw,2.75rem)}.form-manager-bind-modal{border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;margin:clamp(1.5rem,10vh,6rem) auto;padding:clamp(.75rem,4vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.5rem);width:min(720px,calc(100vw - 2rem));width:min(720px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.form-manager-bind-body,.form-manager-bind-modal{gap:clamp(.75rem,3vw,1rem);gap:clamp(var(--spacing-md,.75rem),3vw,var(--spacing-lg,1rem))}.form-manager-bind-body{grid-gap:clamp(.75rem,3vw,1rem);grid-gap:clamp(var(--spacing-md,.75rem),3vw,var(--spacing-lg,1rem));display:grid}.form-manager-bind-header{align-items:center;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:space-between}.form-manager-bind-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;font-size:24px;height:34px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:34px}.form-manager-bind-header .close-btn:hover{background:#ffffff14;color:#f9fafb;color:var(--text-primary,#f9fafb)}.form-manager-bind-search{display:flex;flex-wrap:wrap;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.form-manager-bind-description{color:#e2e8f0cc;color:var(--text-on-surface-muted,#e2e8f0cc);font-size:.95rem;margin:0}.form-manager-bind-input{flex:1 1 240px;min-width:clamp(200px,45vw,320px)}.form-manager-bind-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.form-manager-bind-panel{border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));padding:clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.form-manager-bind-group,.form-manager-bind-list{grid-gap:clamp(.25rem,3vw,.5rem);grid-gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem));display:grid;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.form-manager-bind-list{max-height:clamp(220px,40vh,320px);overflow-y:auto;padding-right:clamp(.25rem,3vw,.5rem);padding-right:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.form-manager-bind-list--history{gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem));padding:0}.form-manager-bind-item{gap:.5rem;gap:var(--spacing-sm,.5rem);justify-content:flex-start;text-align:left}.form-manager-bind-history-group{grid-gap:clamp(.25rem,2vw,.5rem);grid-gap:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem));display:grid;gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem))}.form-manager-bind-history-title{color:var(--text-primary);font-weight:600;margin:clamp(.25rem,2vw,.5rem) 0;margin:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem)) 0}.form-manager-bind-history-item{border:1px solid var(--glass-border);border-radius:8px;border-radius:var(--radius-sm,8px);justify-content:flex-start;padding:clamp(.25rem,2vw,.5rem);padding:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem));width:100%}.form-manager-bind-history-meta{align-items:baseline;display:flex;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem));justify-content:space-between}.form-manager-bind-history-value{font-size:.75rem}.form-manager-bind-actions,.form-manager-bind-footer{display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));justify-content:flex-end}@media (max-width:768px){.form-manager-bind-modal{gap:clamp(.5rem,4vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-md,.75rem));padding:clamp(.5rem,5vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),5vw,var(--spacing-md,.75rem));width:min(96vw,600px)}.form-manager-bind-grid{grid-template-columns:minmax(0,1fr)}.form-manager-bind-actions,.form-manager-bind-footer{align-items:stretch;flex-direction:column-reverse}.form-manager-bind-footer .btn{width:100%}}.form-builder{background:var(--primary-bg);background:var(--bg-secondary,var(--primary-bg));border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.form-builder-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.form-basic-info{display:flex;flex:1 1;gap:1rem}.form-group{margin-bottom:1rem}.form-name-input,.form-type-select{background:var(--secondary-bg);background:var(--bg-tertiary,var(--secondary-bg));border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px}.form-builder-actions{display:flex;gap:8px}.save-form-btn{background:var(--gradient-nature)}.cancel-form-btn,.save-form-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.cancel-form-btn{background:var(--text-muted)}.form-field-builder,.form-fields{display:flex;flex-direction:column;gap:1rem}.form-field-builder{background:var(--secondary-bg);background:var(--bg-tertiary,var(--secondary-bg));border:1px solid var(--border-color);border-radius:8px;padding:1rem}.form-field-option-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-field-option-row{grid-gap:.5rem;align-items:flex-start;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) minmax(160px,.85fr) minmax(160px,.85fr) auto}.form-field-option-actions{margin-top:.5rem}@media (max-width:768px){.form-field-option-row{grid-template-columns:1fr}}.field-bind-select,.field-label-input,.field-options-input,.field-placeholder-input,.field-type-select{background:var(--primary-bg);background:var(--bg-secondary,var(--primary-bg));border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px;width:100%}.form-field-suggestions{grid-gap:4px;display:grid;gap:4px;margin-top:8px}.form-field-suggestion{align-items:center;background:#0f172a80;background:var(--bg-secondary,#0f172a80);border:1px dashed var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:border-color var(--transition-fast),transform var(--transition-fast);width:100%}.form-field-suggestion:hover{border-color:var(--accent-purple);transform:translateY(-1px)}.form-field-hint,.form-field-suggestion__count{color:var(--text-muted);font-size:12px}.form-field-hint{margin:4px 0 0}.form-field-recurring{display:flex;flex-direction:column;gap:8px}.form-field-recurring__toggle{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.field-recurring-input{background:var(--primary-bg);background:var(--bg-secondary,var(--primary-bg));border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);max-width:220px;padding:8px 12px}.field-bind-help{color:var(--text-muted);font-size:12px;margin-top:8px}.required-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:row!important;font-size:14px;gap:8px;margin-bottom:0}.required-checkbox input{width:auto}.remove-field-btn{align-self:flex-start;background:#ff4757;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.add-field-btn{background:var(--gradient-cool);border:1px dashed var(--border-color);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:all .2s ease}.add-field-btn:hover{border-style:solid;transform:translateY(-1px)}.manage-forms-section{display:flex;flex-direction:column;gap:1rem}.forms-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-card{background:var(--primary-bg);background:var(--bg-secondary,var(--primary-bg));border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.form-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.form-card-header h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.form-status{border-radius:12px;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.form-status.draft{background:#ffa50220;color:#ffa502}.form-status.active{background:#2ed57320;color:#2ed573}.form-status.inactive{background:#57606f20;color:#57606f}.form-card-content{margin-bottom:1rem}.form-card-content p{color:var(--text-muted);font-size:.85rem;margin:.25rem 0}.form-card-actions{display:flex;gap:.5rem}.form-card-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;transition:all .2s ease}.form-card-actions button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.form-card-actions .delete-form-btn:hover{background:#ef4444e6;background:var(--danger,#ef4444e6);border-color:#ef4444e6;border-color:var(--danger,#ef4444e6);color:#fff}.received-forms-section{display:flex;flex-direction:column;gap:1rem}.filter-controls{display:flex;gap:1rem}.status-filter,.type-filter{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px}.received-forms-list{display:flex;flex-direction:column;gap:1rem}.received-form-card{background:var(--primary-bg);background:var(--bg-secondary,var(--primary-bg));border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.received-form-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.received-form-card .form-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.form-type-badge{align-items:center;background:var(--secondary-bg);border-radius:4px;display:flex;gap:.5rem;padding:4px 8px}.form-type-icon{font-size:16px}.form-type-text{color:var(--text-muted);font-size:10px;font-weight:600}.form-status-badges{display:flex;gap:.5rem}.priority-badge,.status-badge{border-radius:8px;font-size:10px;padding:2px 8px}.form-content h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.customer-info{color:var(--text-muted);font-size:.85rem;margin:0 0 .5rem}.transaction-amount{color:var(--accent-color);font-weight:600}.qr-ticket{color:var(--accent-purple);font-family:var(--font-mono);font-size:.8rem;font-weight:600}.form-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.form-actions{flex-wrap:wrap;margin-top:1rem}.respond-btn{background:var(--gradient-warm)}.respond-btn,.scan-qr-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;min-width:80px;padding:8px 16px}.scan-qr-btn{background:var(--gradient-mystic)}.mark-resolved-btn{background:var(--gradient-nature)}.mark-resolved-btn,.view-details-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;min-width:80px;padding:8px 16px}.view-details-btn{background:var(--gradient-cool)}.form-manager .queries-section,.form-manager .refunds-section,.form-manager .roles-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-manager .queries-list,.form-manager .refunds-list,.form-manager .roles-list{margin-top:var(--spacing-sm)}.form-manager .query-content,.form-manager .refund-content,.form-manager .role-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-manager .query-meta,.form-manager .refund-meta,.form-manager .role-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:var(--spacing-sm)}.form-manager .refund-dialog,.form-manager .reply-composer{background:#040814cc;border:1px solid #85a1ff40;border-radius:12px;padding:var(--spacing-md)}.form-manager .dialog-messages{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-sm);max-height:220px;overflow-y:auto}.form-manager .dialog-message{color:var(--fm-muted);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.form-manager .message-from{color:#f5f6ff;font-weight:600}.form-manager .reply-composer textarea{min-height:90px;width:100%}.form-manager .reply-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.form-manager .form-actions button,.form-manager .inline-reply-btn,.form-manager .query-actions button,.form-manager .refund-actions button,.form-manager .reply-actions button,.form-manager .role-actions button{background:#071028d9;border:1px solid #819eff59;border-radius:12px;color:#f4f6ff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.form-manager .form-actions button:hover,.form-manager .inline-reply-btn:hover,.form-manager .query-actions button:hover,.form-manager .refund-actions button:hover,.form-manager .reply-actions button:hover,.form-manager .role-actions button:hover{background:linear-gradient(135deg,#85a7ff33,#5483ff8c);border-color:var(--fm-accent);transform:translateY(-1px)}.form-manager .approve-refund-btn,.form-manager .approve-role-btn,.form-manager .mark-resolved-btn{background:linear-gradient(135deg,#28c76f33,#13ac7499);border-color:#21c17a73}.form-manager .close-query-btn,.form-manager .decline-role-btn,.form-manager .deny-refund-btn{background:linear-gradient(135deg,#ff47572e,#ff475794);border-color:#ff475773}.form-manager .refund-amount-editor{background:#85a7ff14;border:1px solid #85a7ff40;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;width:100%}.form-manager .refund-amount-editor label{color:var(--fm-text);font-size:.88rem;font-weight:600}.form-manager .refund-amount-input-row{align-items:center;display:flex;gap:.5rem}.form-manager .refund-currency{color:var(--fm-accent);font-size:1rem;font-weight:600}.form-manager .refund-amount-input{background:#071028d9;border:1px solid #819eff59;border-radius:8px;color:#f4f6ff;font-size:.95rem;font-weight:600;padding:.5rem .75rem;width:100px}.form-manager .refund-amount-input:focus{border-color:var(--fm-accent);box-shadow:0 0 0 3px #85a7ff26;outline:none}.form-manager .refund-original-amount{color:var(--fm-muted);font-size:.85rem}.form-manager .refund-amount-actions{display:flex;gap:.5rem;margin-top:.25rem}.form-manager .edit-permissions-btn,.form-manager .inline-perm-edit-btn,.form-manager .respond-btn,.form-manager .respond-query-btn,.form-manager .view-details-btn,.form-manager .view-history-btn,.form-manager .view-order-btn,.form-manager .view-product-btn,.form-manager .view-user-btn{background:linear-gradient(135deg,#85a7ff2e,#5483ff80);border-color:#85a7ff73}.form-manager .empty-state{background:#04081499;border:1px dashed #85a1ff59;border-radius:16px;color:var(--fm-muted);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.form-manager .empty-state h5,.form-manager .empty-state p{display:block;margin:0}.form-manager .empty-state p{margin-top:.25rem}.form-manager .pagination-controls{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.form-manager .pagination-controls button{border-radius:999px;padding:.5rem 1.25rem}.form-manager .pagination-controls span{color:var(--fm-muted)}.form-manager .form-builder,.form-manager .form-field-builder{background:var(--fm-surface-strong);border:1px solid #88a5ff59;box-shadow:0 18px 40px #02051199}.form-manager .field-bind-help,.form-manager .form-field-hint,.form-manager .form-group label{color:var(--fm-muted)}.form-manager .field-bind-select,.form-manager .field-label-input,.form-manager .field-options-input,.form-manager .field-placeholder-input,.form-manager .field-recurring-input,.form-manager .field-type-select,.form-manager .form-name-input,.form-manager .form-type-select,.form-manager input,.form-manager select,.form-manager textarea{background:#030713d9;border:1px solid #819eff40;border-radius:12px;color:#f5f7ff}.form-manager .forms-grid,.form-manager .queries-list,.form-manager .received-forms-list,.form-manager .refunds-list,.form-manager .roles-list{grid-gap:1rem;display:grid;gap:1rem}.form-manager .forms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.form-manager .form-card,.form-manager .query-card,.form-manager .received-form-card,.form-manager .refund-card,.form-manager .role-card{background:var(--fm-surface-strong);border:1px solid #809bff59;border-radius:16px;box-shadow:0 24px 45px #03071b8c;padding:clamp(1rem,2vw,1.25rem)}.form-manager .form-card-header,.form-manager .query-card-header,.form-manager .refund-card-header,.form-manager .role-card-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.form-manager .form-card-header h5,.form-manager .form-content h5,.form-manager .query-details h5,.form-manager .refund-details h5,.form-manager .role-details h5{color:#f7f8ff}.form-manager .customer-info,.form-manager .form-card-content p,.form-manager .form-preview,.form-manager .query-message,.form-manager .query-meta span,.form-manager .refund-meta span,.form-manager .refund-reason,.form-manager .role-meta span,.form-manager .role-shop-desc{color:var(--fm-muted)}.form-manager .form-status,.form-manager .priority-badge,.form-manager .query-status,.form-manager .refund-status,.form-manager .role-status,.form-manager .status-badge{border-radius:999px;font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem}.form-manager .query-icon,.form-manager .refund-icon,.form-manager .role-icon{align-items:center;background:#ffffff14;border-radius:12px;color:#f8f9ff;display:inline-flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.form-manager .form-builder-actions .save-form-btn{background:linear-gradient(135deg,#5880ff40,#5880ffa6);border:1px solid #819eff8c;border-radius:999px;color:#fefefe;letter-spacing:.05em;text-transform:uppercase;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.form-manager .form-builder-actions .cancel-form-btn{background:#0000;border:1px solid #819eff59;border-radius:999px;color:var(--fm-muted);letter-spacing:.05em;text-transform:uppercase}.form-manager .form-builder-actions .cancel-form-btn:hover,.form-manager .form-builder-actions .save-form-btn:hover{box-shadow:0 15px 30px #0f1c4373;transform:translateY(-1px)}@media (max-width:768px){.form-builder-header,.form-manager-tabs{flex-direction:column}.form-builder-header{align-items:stretch}.field-row,.form-basic-info{flex-direction:column}.field-row{align-items:stretch}.forms-grid{grid-template-columns:1fr}.filter-controls,.form-actions{flex-direction:column}}.form-field-actions{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;position:relative}.form-field-kebab-btn{align-items:center;background:#0000;border:1px solid #819eff40;border-radius:8px;color:var(--fm-muted);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;letter-spacing:.15em;transition:all var(--transition-fast);width:32px}.form-field-kebab-btn:focus,.form-field-kebab-btn:hover{background:#819eff26;border-color:var(--fm-accent);color:#f8f9ff}.form-field-action-menu{animation:dropdownSlide .15s ease-out;background:var(--fm-surface-strong);border:1px solid var(--fm-border);border-radius:12px;box-shadow:0 15px 40px #030614b3;margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-raised,100)}.form-field-action-menu button{align-items:center;background:#0000;border:none;color:var(--fm-muted);cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.form-field-action-menu button:focus,.form-field-action-menu button:hover{background:#819eff1f;color:#f8f9ff}.form-field-action-menu button.danger{color:#ff6b6b}.form-field-action-menu button.danger:hover{background:#ff6b6b26;color:#ff8585}.form-field-action-menu-divider{background:var(--fm-border);height:1px;margin:.25rem 0}.form-field-condition-badge{align-items:center;background:#5880ff33;border:1px solid #819eff66;border-radius:999px;color:#a8c0ff;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:.5rem;padding:.25rem .75rem;vertical-align:middle}.form-field-condition-badge:before{content:"⎇";font-size:.75rem}.form-field-workflow-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:999px;color:#c4b5fd;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:.5rem;padding:.25rem .75rem;vertical-align:middle}.form-field-workflow-badge:before{content:"↗";font-size:.75rem}.form-manager-conditional-modal{border-radius:24px;max-height:80vh;max-width:560px;overflow-y:auto;padding:0;width:90%}.form-manager-conditional-header{align-items:center;border-bottom:1px solid var(--fm-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.form-manager-conditional-header h3{font-size:1.1rem;font-weight:600;margin:0}.form-manager-conditional-header .close-btn{background:#0000;border:none;color:var(--fm-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color var(--transition-fast)}.form-manager-conditional-header .close-btn:hover{color:#f8f9ff}.form-manager-conditional-description{border-bottom:1px solid #7898ff26;color:var(--fm-muted);font-size:.85rem;margin:0;padding:.75rem 1.5rem}.form-manager-conditional-body{padding:1.25rem 1.5rem}.form-manager-conditional-body h4{color:#e0e5f8;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.conditional-existing-rules{border-bottom:1px solid #7898ff33;margin-bottom:1.5rem;padding-bottom:1.25rem}.conditional-rule-row{align-items:center;background:#070e2099;border:1px solid #7898ff33;border-radius:12px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.conditional-rule-text{color:var(--fm-muted);flex:1 1;font-size:.85rem}.conditional-rule-row input[type=text],.conditional-rule-row select{background:#030816b3;border:1px solid #7898ff4d;border-radius:8px;color:#f6f7ff;flex:1 1;font-size:.85rem;min-width:0;padding:.5rem .75rem}.conditional-rule-row input[type=text]:focus,.conditional-rule-row select:focus{border-color:var(--fm-accent);box-shadow:0 0 0 2px #82a6ff33;outline:none}.conditional-logic-toggle{background:#070e2066;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem}.conditional-logic-toggle label{align-items:center;color:var(--fm-muted);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem}.conditional-logic-toggle input[type=radio]{accent-color:var(--fm-accent)}.conditional-add-rule h4{margin-bottom:.75rem}.conditional-rule-builder-form{background:#070e2080;border:1px solid #7898ff33;border-radius:12px;padding:1rem}.conditional-rule-builder-form .conditional-rule-row{background:#0000;border:none;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.conditional-rule-builder-form label{flex:1 1;min-width:140px}.conditional-rule-builder-form .btn{flex-shrink:0;margin-top:.5rem}.form-manager-conditional-footer{border-top:1px solid var(--fm-border);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.form-manager-workflow-modal{border-radius:24px;max-width:440px;padding:0;width:90%}.form-manager-workflow-modal .form-manager-conditional-header{border-bottom:1px solid var(--fm-border)}.form-manager-workflow-modal .form-manager-conditional-body{padding:1.5rem}.form-manager-workflow-modal .form-manager-conditional-body label{color:var(--fm-muted);display:block;font-size:.85rem;margin-bottom:.5rem}.form-manager-workflow-modal select{background:#030816b3;border:1px solid #7898ff4d;border-radius:12px;color:#f6f7ff;font-size:.9rem;padding:.75rem;width:100%}.form-manager-workflow-modal select:focus{border-color:var(--fm-accent);box-shadow:0 0 0 2px #82a6ff33;outline:none}.form-manager-workflow-modal .form-manager-conditional-footer{gap:.75rem}@media (max-width:640px){.form-manager-conditional-modal{max-height:85vh;width:95%}.conditional-rule-row{align-items:stretch;flex-direction:column}.conditional-rule-builder-form .conditional-rule-row{flex-direction:column}.conditional-rule-builder-form label{min-width:100%}}.transaction-log{background:var(--background-color);border-radius:12px;max-height:70vh;overflow-y:auto;padding:1rem}.transaction-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:var(--surface-color);border-radius:8px;padding:1rem}.stat-card h4{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0 0 .5rem}.transaction-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select,.search-input{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.search-input{flex:1 1;min-width:250px}.filter-select{min-width:150px}.transaction-item{align-items:center;background:var(--surface-color);display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.transaction-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.transaction-icon{background:var(--background-color);border:1px solid var(--border-color);height:40px;width:40px}.transaction-details{flex:1 1}.transaction-main{display:flex;margin-bottom:.5rem}.transaction-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.status-completed{background:#22c55e1a;border:1px solid #22c55e4d;color:#059669}.status-pending{background:#fbbf241a;border:1px solid #fbbf244d;color:#d97706}.status-failed{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.status-refunded{background:#8b45131a;border:1px solid #8b45134d;color:#8b4513}.transaction-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.transaction-meta{color:var(--text-tertiary);font-size:.8rem}.transaction-circle,.transaction-customer,.transaction-qr,.transaction-time{align-items:center;display:flex;gap:.25rem}.transaction-circle{color:#8b5cf6;font-weight:500}.transaction-amount{margin-right:1rem}.amount{border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.amount.usd{background:#22c55e1a;border:1px solid #22c55e4d;color:#059669}.amount.engagement{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1}.amount.recognition{background:#22c55e1a;border:1px solid #22c55e4d;color:#059669}.transaction-actions{display:flex;flex-direction:column;gap:.5rem}.approve-btn,.deny-btn,.details-btn{background:#0000;border:1px solid;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.approve-btn{border-color:#059669;color:#059669}.approve-btn:hover{background:#059669;color:#fff}.deny-btn{border-color:#dc2626;color:#dc2626}.deny-btn:hover{background:#dc2626;color:#fff}.details-btn{border-color:var(--primary-color);color:var(--primary-color)}.details-btn:hover{background:var(--primary-color);color:#fff}.empty-transactions{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-transactions h3{color:var(--text-primary);margin:0 0 1rem}.empty-transactions p{line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:768px){.transaction-item{align-items:stretch;flex-direction:column;gap:1rem}.transaction-main{align-items:flex-start;flex-direction:column;gap:.5rem}.transaction-amount{margin-right:0;text-align:left}.transaction-actions{flex-direction:row;justify-content:center}.transaction-filters{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.transaction-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.transaction-stats{grid-template-columns:1fr}}.transaction-details-modal{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-close-btn{background:none;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;transition:color .2s}.modal-close-btn:hover{color:#fff;color:var(--text-primary,#fff)}.modal-body{padding:1.5rem}.detail-row{margin-bottom:1rem}.detail-label{color:#aaa;color:var(--text-secondary,#aaa);flex-shrink:0;min-width:100px}.detail-value{color:#fff;color:var(--text-primary,#fff);word-break:break-word}.modal-footer{background:#0003;flex-wrap:wrap;gap:.75rem}.chat-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.customer-chat-btn{background:#4f46e5;color:#fff}.customer-chat-btn:hover{background:#4338ca}.team-chat-btn{background:#059669;color:#fff}.team-chat-btn:hover{background:#047857}.modal-footer .approve-btn,.modal-footer .deny-btn{font-size:.9rem;padding:.5rem 1rem}.detail-section{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:1.5rem;padding-top:1rem}.detail-section h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 .75rem}.refund-section{background:#4f46e51a;border-radius:0 0 12px 12px;margin:1rem -1.5rem -1.5rem;padding:1rem 1.5rem 1.5rem}.refund-help{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin-bottom:1rem}.refund-amount-control{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.refund-amount-control label{color:#fff;color:var(--text-primary,#fff);font-weight:500}.refund-amount-input{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:1rem;padding:.5rem .75rem;width:120px}.refund-amount-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.refund-max{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem}.partial-refund-notice{background:#eab30826;border:1px solid #eab3084d;border-radius:8px;color:#fbbf24;font-size:.9rem;margin-top:.75rem;padding:.5rem .75rem}@media (max-width:480px){.modal-footer{flex-direction:column}.chat-btn,.modal-footer .approve-btn,.modal-footer .deny-btn{justify-content:center;width:100%}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}.request-access-overlay{padding:clamp(.75rem,5vw,2.5rem);padding:clamp(var(--spacing-md,.75rem),5vw,2.5rem)}.request-access-dialog{border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));margin:clamp(1.5rem,10vh,6rem) auto;max-width:520px;padding:clamp(.75rem,4vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.5rem);width:min(520px,calc(100vw - 2rem));width:min(520px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.request-access-header{align-items:center;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:space-between}.request-access-title{margin:0}.request-access-guidance{line-height:1.5;margin:0}.request-access-caps{display:flex;flex-direction:column;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.request-access-caps-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.request-access-cap-list{flex-wrap:wrap}.request-access-cap-list,.request-access-note{display:flex;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.request-access-note{flex-direction:column;margin:0}.request-access-feedback{margin-top:clamp(.25rem,3vw,.5rem);margin-top:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.request-access-actions{display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:flex-end;margin-top:clamp(.5rem,3vw,.75rem);margin-top:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}@media (max-width:640px){.request-access-dialog{gap:clamp(.25rem,4vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),4vw,var(--spacing-sm,.5rem));padding:clamp(.5rem,6vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),6vw,var(--spacing-md,.75rem));width:min(96vw,520px)}.request-access-actions{align-items:stretch;flex-direction:column-reverse}.request-access-actions button{width:100%}}.ticket-manager{background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:12px;display:flex;flex-direction:column;font-family:var(--font-body);gap:16px;min-height:500px;padding:16px}.ticket-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.ticket-header__title{display:flex;flex-direction:column;gap:4px}.ticket-header__title h3{color:#e2e8f0;font-size:1.25rem;margin:0}.ticket-header__hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;font-weight:400;margin:0}.ticket-header__controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.ticket-create-btn{background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#c7d2fe;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.ticket-create-btn:hover{background:#6366f140;border-color:#6366f199;transform:translateY(-1px)}.ticket-header .filters{display:flex;gap:8px}.ticket-header .filters input,.ticket-header .filters select{background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:13px;padding:8px 12px}.ticket-header .filters input::placeholder{color:#94a3b899}.ticket-header .filters select option{background:#1e293b;color:#e2e8f0}.ticket-list{display:flex;flex-direction:column;gap:8px;max-height:450px;overflow:auto}.ticket-row{align-items:center;background:#1e293b99;border:1px solid #94a3b826;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;transition:all .2s}.ticket-row:hover{background:#334155b3;transform:translateX(2px)}.ticket-row .main{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:200px}.ticket-row .subject{color:#e2e8f0;font-weight:600}.ticket-row .meta{color:#94a3b8b3;font-size:11px}.ticket-row .status{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.status-open,.status-open{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.status-badge.status-pending,.status-pending{background:#eab3082e;border:1px solid #eab30859;color:#fbbf24}.status-badge.status-resolved,.status-resolved{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.status-badge.status-closed,.status-closed{background:#64748b33;border:1px solid #64748b4d;color:#94a3b8}.ticket-row .sla{display:flex;gap:8px}.ticket-row .sla span{border-radius:4px;font-size:10px;font-weight:500;padding:2px 8px}.ticket-row .sla span.ok{background:#10b98133;color:#34d399}.ticket-row .sla span.warn{background:#ef444433;color:#f87171}.ticket-row .actions{display:flex;gap:4px}.ticket-row .actions button{background:#33415580;border:1px solid #94a3b833;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:10px;padding:4px 8px;transition:all .2s}.ticket-row .actions button:hover{background:#6366f14d;border-color:#6366f180}.pagination{gap:12px;justify-content:center;padding-top:8px}.pagination button{background:#33415580;border:1px solid #94a3b833;border-radius:4px;color:#e2e8f0;cursor:pointer;padding:8px 12px;transition:all .2s}.pagination button:hover:not(:disabled){background:#6366f14d}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#94a3b8cc;font-size:13px}.empty{background:#0f172a4d;border:1px dashed #94a3b833;border-radius:12px;color:#94a3b8b3;font-size:.9rem;padding:48px 24px;text-align:center}.ticket-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.ticket-modal{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #94a3b833;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.ticket-modal--detail{max-width:700px}.ticket-modal__header{align-items:center;border-bottom:1px solid #94a3b826;display:flex;justify-content:space-between;padding:16px 20px}.ticket-modal__header h4{color:#e2e8f0;font-size:1.1rem;margin:0}.ticket-modal__close{background:none;border:none;color:#94a3b899;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.ticket-modal__close:hover{color:#e2e8f0}.ticket-modal__body{flex:1 1;overflow-y:auto;padding:20px}.ticket-modal__footer{border-top:1px solid #94a3b826;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.ticket-form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ticket-form-field label{color:#94a3b8e6;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ticket-form-field input,.ticket-form-field select,.ticket-form-field textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:14px;padding:12px;transition:border-color .2s}.ticket-form-field input:focus,.ticket-form-field select:focus,.ticket-form-field textarea:focus{border-color:#6366f180;outline:none}.ticket-form-field textarea{min-height:80px;resize:vertical}.ticket-form-field select option{background:#1e293b;color:#e2e8f0}.ticket-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;cursor:pointer;padding:12px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-secondary{background:#33415580;border:1px solid #94a3b833;border-radius:8px;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s}.btn-secondary:hover{background:#47556980}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.ticket-detail-header{align-items:center;display:flex;gap:12px}.ticket-detail-header h4{margin:0}.status-badge{border-radius:4px;font-size:11px;letter-spacing:.5px;padding:4px 12px}.ticket-detail-meta{background:#0f172a66;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px}.ticket-detail-meta span{color:#94a3b8cc;font-size:12px}.ticket-description{margin-bottom:20px}.ticket-description h5{color:#e2e8f0;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.ticket-description p{color:#e2e8f0e6;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.ticket-thread{margin-bottom:20px}.ticket-thread h5{color:#e2e8f0;font-size:13px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.ticket-thread-empty{background:#0f172a59;border:1px dashed #94a3b826;border-radius:8px;color:#94a3b8b3;font-size:.85rem;font-style:italic;margin:0;padding:24px 16px;text-align:center}.ticket-messages{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto;padding-right:4px}.ticket-message{background:#1e293b99;border:1px solid #94a3b81a;border-radius:8px;padding:12px}.ticket-message--internal{background:#eab3081a;border-color:#eab30833}.ticket-message__header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.ticket-message__author{color:#e2e8f0;font-size:13px;font-weight:600}.ticket-message__time{color:#94a3b899;font-size:11px}.ticket-message__internal-badge{background:#eab30833;border-radius:4px;color:#fbbf24;font-size:10px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.ticket-message__body{color:#e2e8f0d9;font-size:14px;line-height:1.5;white-space:pre-wrap}.ticket-reply{display:flex;flex-direction:column;gap:8px}.ticket-reply textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:14px;min-height:80px;padding:12px;resize:vertical}.ticket-reply textarea:focus{border-color:#6366f180;outline:none}.ticket-reply button{align-self:flex-end}.ticket-actions-row{display:flex;flex:1 1;gap:8px}@media (max-width:768px){.ticket-manager{border-radius:12px;gap:12px;min-height:auto;padding:12px}.ticket-header{align-items:stretch;flex-direction:column;gap:12px}.ticket-header__title h3{font-size:1.1rem}.ticket-header__hint{font-size:.8rem}.ticket-header__controls{flex-wrap:wrap;gap:8px}.ticket-create-btn{padding:12px 16px;text-align:center;width:100%}.ticket-header .filters{flex-wrap:wrap;width:100%}.ticket-header .filters input,.ticket-header .filters select{flex:1 1;font-size:16px;min-width:120px;padding:12px}.ticket-list{max-height:none}.ticket-row{align-items:stretch;flex-direction:column;gap:12px;padding:12px}.ticket-row-main{flex-direction:column;gap:8px}.ticket-row-meta{display:flex;flex-wrap:wrap;gap:8px}.ticket-detail{border-radius:12px;padding:12px}.ticket-detail-header{align-items:flex-start;flex-direction:column;gap:12px}.ticket-detail-header h4{font-size:1rem}.ticket-messages{max-height:none;padding:12px}.ticket-message{padding:12px}.ticket-message__body{font-size:.9rem}.ticket-reply textarea{font-size:16px;min-height:100px}.ticket-reply button{padding:12px;width:100%}.ticket-actions-row{flex-wrap:wrap}.ticket-actions-row button{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:120px}}@media (max-width:480px){.ticket-manager{gap:12px;padding:12px}.ticket-header__title h3{font-size:1rem}.ticket-row{padding:12px}.ticket-priority-badge,.ticket-status-badge{font-size:.75rem;padding:4px 8px}.ticket-actions-row button{flex:1 1 100%;font-size:.85rem}}.recognition-purchase-modal{max-width:500px;width:90%}.recognition-purchase-modal .modal-header{align-items:center;background:var(--gradient-warm);border-bottom:2px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.recognition-purchase-modal .modal-title{font-size:1.25rem;font-weight:600;margin:0}.recognition-purchase-modal .modal-body{max-height:70vh;overflow-y:auto;padding:var(--spacing-2xl)}.quick-amounts{margin-bottom:var(--spacing-xl)}.quick-amounts h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.quick-amount-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.quick-amount-btn{background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal)}.quick-amount-btn:hover{background:var(--secondary-bg);border-color:var(--accent-gold);transform:translateY(-1px)}.quick-amount-btn.active{background:var(--gradient-warm);border-color:#0000;box-shadow:var(--shadow-md);color:#fff}.quick-amount-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.custom-amount{margin-bottom:var(--spacing-xl)}.custom-amount label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.custom-amount .form-input{background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.custom-amount .form-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #f4a2611a;outline:none}.amount-note{color:var(--text-muted);font-size:.85rem;margin-bottom:0;margin-top:var(--spacing-xs)}.payment-method-selection{margin-bottom:var(--spacing-xl)}.payment-method-selection h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.payment-method-tabs{grid-gap:var(--spacing-sm);background:var(--primary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding:var(--spacing-xs)}.payment-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md);transition:all var(--transition-normal)}.payment-tab:hover{background:var(--secondary-bg);color:var(--text-primary)}.payment-tab.active{background:var(--gradient-mystic);box-shadow:var(--shadow-sm);color:#fff}.payment-tab:disabled{cursor:not-allowed;opacity:.6}.alert{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-error{background:#e76f511a;border:1px solid var(--accent-coral);color:var(--accent-coral)}.alert-success{background:#2a9d8f1a;border:1px solid var(--accent-teal);color:var(--accent-teal)}.alert-icon{font-size:1.1rem}.payment-form-container{margin-bottom:var(--spacing-xl)}.stripe-form{gap:var(--spacing-lg)}.card-element-container{background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);transition:border-color var(--transition-normal)}.card-element-container:focus-within{border-color:var(--accent-gold)}.payment-submit-btn{font-size:1rem;font-weight:600;padding:var(--spacing-md);width:100%}.paypal-container{background:var(--primary-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md)}.purchase-summary{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.summary-row{align-items:center;color:var(--text-primary);display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.summary-row:not(:last-child){border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.summary-row.total{border-top:2px solid var(--border-color);color:var(--accent-gold);font-size:1.1rem;font-weight:600;margin-top:var(--spacing-sm);padding-bottom:0;padding-top:var(--spacing-sm)}.recognition-purchase-modal .modal-footer{background:var(--tertiary-bg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-2xl)}@media (max-width:480px){.recognition-purchase-modal{margin:var(--spacing-lg);width:95%}.quick-amount-grid{grid-template-columns:repeat(3,1fr)}.payment-method-tabs{grid-template-columns:1fr}.payment-tab{justify-content:flex-start}.summary-row{font-size:.9rem}}.recognition-purchase-modal [disabled]{cursor:not-allowed;opacity:.6}.payment-submit-btn[disabled]{background:var(--border-color);color:var(--text-muted);transform:none}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.alert-success{animation:successPulse .5s ease-in-out}.role-composer-hiring-modal{inset:0;position:fixed;z-index:70}.role-desk-fallback-banner{align-items:center;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:8px;color:#fde68a;display:flex;font-size:.9rem;gap:1rem;grid-column:1/-1;justify-content:space-between;padding:.75rem 1rem}.role-desk-fallback-banner .retry-btn{background:#fbbf2426;border:1px solid #fbbf2466;border-radius:8px;color:#fde68a;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s}.role-desk-fallback-banner .retry-btn:hover{background:#fbbf2440;border-color:#fbbf2499}.role-desk-shell{grid-gap:clamp(12px,1.8vw,20px);--desk-card-inline:clamp(0.9rem,2.4vw,1.5rem);--desk-card-inline-compact:clamp(0.7rem,2vw,1.2rem);background:#0000;box-sizing:border-box;color:#e2e8f0;color:var(--text-primary,#e2e8f0);display:grid;gap:clamp(12px,1.8vw,20px);grid-template-columns:minmax(220px,17%) minmax(0,1fr);min-height:100vh;overflow:visible;padding:0;position:relative;width:100%}.role-desk-shell--list-view{grid-template-columns:1fr}.role-desk-shell--list-view .role-desk-sidebar{display:none}.role-desk-shell--list-view .role-desk-content{margin:0 auto;max-width:1200px}.role-desk-sidebar{background:linear-gradient(170deg,#0f172ad1,#0a101ead);border:1px solid #94a3b829;border-radius:24px;box-shadow:0 18px 35px #090e1752;display:flex;flex-direction:column;gap:clamp(1rem,2.4vw,1.5rem);overflow:visible;padding:clamp(1rem,2.6vw,1.5rem);position:relative}.sidebar-header{background:linear-gradient(160deg,#0f172ac7,#11182794);border:1px solid #94a3b82e;border-radius:16px;box-shadow:inset 0 0 0 1px #0f172a59;display:flex;flex-direction:column;gap:clamp(.5rem,1.6vw,1rem);padding:clamp(.75rem,2.1vw,1.25rem)}.sidebar-header__title{display:flex;flex-direction:column;gap:8px}.sidebar-eyebrow{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.sidebar-header__title h1{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:clamp(1.25rem,2.1vw,1.55rem);font-weight:600;letter-spacing:-.01em;margin:0}.sidebar-role-switcher{align-self:flex-start;background:#080d1794;border:1px solid #94a3b833;border-radius:12px;box-shadow:inset 0 0 0 1px #0f172a59;padding:clamp(.5rem,1.5vw,.75rem) clamp(.5rem,1.6vw,1rem)}.sidebar-role-switcher select{background:#0a111ee0;border:1px solid #94a3b842;border-radius:12px;color:inherit;font-size:.9rem;padding:8px 12px;width:100%}.sidebar-role-switcher select:focus{outline:2px solid #3b82f673;outline-offset:2px}.role-desk-shell--flush .role-desk-content{padding-left:clamp(.75rem,1.25vw,1rem);padding-right:clamp(.75rem,1.25vw,1rem)}.sidebar-metrics{grid-gap:12px;background:linear-gradient(180deg,#0f172aa6,#0f172a59);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:12px;display:grid;gap:12px;padding:clamp(.75rem,2.2vw,1rem)}.sidebar-metrics>div{display:flex;flex-direction:column;gap:4px}.sidebar-metrics strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0);display:block;font-size:16px;line-height:1.45;overflow-wrap:anywhere;padding-right:2px}.sidebar-permissions h2{font-size:16px;margin:0 0 12px}.sidebar-permissions ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.sidebar-permissions li{background:#17233f;background:var(--bg-tertiary,#17233f);border-radius:12px;font-size:13px;padding:12px}.role-desk-main{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);min-width:0;overflow:visible}.role-desk-tabs{-webkit-overflow-scrolling:touch;background:#111c32;background:var(--bg-secondary,#111c32);border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--border-color,#94a3b82e);border-radius:16px 16px 0 0;display:flex;flex-wrap:nowrap;gap:clamp(8px,1.5vw,16px);overflow-x:auto;overflow-y:hidden;padding:clamp(.5rem,1.4vw,1rem) clamp(.5rem,1.5vw,1rem);position:relative;scrollbar-gutter:stable;z-index:1}.role-desk-tabs::-webkit-scrollbar{height:6px}.role-desk-tabs::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px}.role-desk-tabs::-webkit-scrollbar-track{background:#0000}.desk-tab{background:#0000;border:1px solid #0000;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;isolation:isolate;overflow:visible;padding:12px 16px;transition:all .2s ease}.desk-tab:before{background:radial-gradient(145% 160% at 50% 52%,#facc154d,#facc151a 55%,#38bdf814 78%,#0f172a00 100%);border-radius:inherit;inset:4px;pointer-events:none;transition:opacity .25s ease;z-index:-1}.desk-tab:hover{border-color:#94a3b859;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.desk-tab.active{background:#0f172ac7;border-color:#facc1547;box-shadow:none;color:#facc15;color:var(--accent-gold,#facc15);z-index:2}.desk-tab.active:before{opacity:.4}.desk-tab:after{content:none}.desk-tab.active:after{opacity:0}.desk-tab:focus{outline:none}.desk-tab:focus-visible{outline:2px solid #facc158c;outline-offset:2px}.tab-badge{background:#0f172a33;border-radius:999px;font-size:11px;letter-spacing:.08em;margin-left:8px;padding:2px 8px;text-transform:uppercase}.role-desk-content{background:linear-gradient(160deg,#0f172ae6,#0f172a99);border-radius:0 0 16px 16px;flex:1 1;overflow-y:auto;padding:clamp(.75rem,1.8vw,1.25rem) 0 clamp(1rem,3vw,1.5rem)}.roles-panel{display:flex;flex-direction:column;gap:24px;max-width:none}.roles-panel>*{width:100%}.roles-panel-header{align-items:flex-start;background:linear-gradient(135deg,#0f172abf,#1118278c);border:1px solid #94a3b829;border-radius:16px;display:flex;gap:16px;justify-content:space-between;padding:clamp(1rem,2.3vw,1.25rem) var(--desk-card-inline)}.roles-panel-header--compact{align-items:center;gap:12px;padding:clamp(.75rem,2vw,1.25rem) var(--desk-card-inline)}.roles-panel-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin:8px 0 0}.roles-panel-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-pill{background:#94a3b833;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:12px;font-weight:600;justify-content:center;padding:4px 12px}.status-pill.active{background:#22c55e2e;color:#86efac}.status-pill.watch{background:#facc1533;color:#fde68a}.status-pill.inactive{background:#f871712e;color:#fecaca}.grid-overview{grid-gap:clamp(12px,2vw,20px);display:grid;gap:clamp(12px,2vw,20px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.overview-card{background:linear-gradient(160deg,#0f172ac7,#0f172a85);border:1px solid #94a3b824;border-radius:16px;gap:clamp(.5rem,1.5vw,1rem);padding:clamp(.5rem,1.6vw,1rem) clamp(1rem,2vw,1.25rem)}.overview-metric-row{grid-gap:clamp(.5rem,1.6vw,1rem);align-items:stretch;display:grid;gap:clamp(.5rem,1.6vw,1rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-metric-row>div{background:#0f172a94;border:1px solid #94a3b829;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:clamp(.5rem,1.2vw,.75rem)}.metric-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:clamp(.75rem,1.8vw,.82rem);letter-spacing:.06em;text-transform:uppercase}.metric-value{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-value--link{background:none;border:none;color:#facc15;color:var(--accent-gold,#facc15);cursor:pointer;font:inherit;padding:0}.metric-value--link:focus-visible,.metric-value--link:hover{text-decoration:underline}.pulse-modal-overlay{align-items:center;background:#090e17b8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:40}.overview-recognition-meta{grid-gap:clamp(.5rem,1.6vw,.75rem);display:grid;gap:clamp(.5rem,1.6vw,.75rem);grid-template-columns:repeat(3,minmax(0,1fr))}.overview-recognition-meta>div{background:#0f172a80;border:1px solid #94a3b824;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:0;padding:clamp(.5rem,1.2vw,.75rem)}.overview-recognition-meta span{overflow:hidden;text-overflow:ellipsis}.pulse-modal{background:#111c32;background:var(--bg-secondary,#111c32);border:1px solid #94a3b840;border-radius:16px;box-shadow:0 18px 45px #080c1473;display:flex;flex-direction:column;gap:16px;max-height:80vh;padding:24px;width:min(640px,90vw)}.role-desk-content--hiring{padding:clamp(.75rem,1.6vw,1.25rem)}.role-desk-content--hiring .roles-panel{gap:clamp(1rem,2vw,1.5rem)}.pulse-modal__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.pulse-modal__hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;margin:0}.pulse-modal__scroll{max-height:55vh;overflow-y:auto;padding-right:4px}.pulse-modal__list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.pulse-modal__item{background:#0f172a99;border:1px solid #94a3b82e;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.pulse-modal__item--active{border-color:#facc15;border-color:var(--accent-gold,#facc15);box-shadow:0 0 0 1px #facc154d}.pulse-modal__row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.pulse-modal__share{color:#facc15;color:var(--accent-gold,#facc15);font-size:24px;font-weight:600;min-width:72px;text-align:right}.pulse-modal__sources{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.overview-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#3341558c;border-radius:999px;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6e6,#8b5cf6d9);height:100%}.audit-list,.roster-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.audit-list li,.roster-list li{align-items:center;display:flex;gap:12px;justify-content:space-between}.meta-score{font-weight:600}.permission-highlights{display:flex;flex-direction:column;gap:12px}.permission-highlight-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.permission-highlight{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:12px;padding:12px}.panel-heading{align-items:center;display:flex;gap:16px;justify-content:space-between}.switch-control{align-items:center;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:13px;gap:12px}.switch-control input{height:18px;width:18px}.action-group{display:flex;gap:12px}.btn{background:#0000;border:1px solid #94a3b840;border-radius:999px;color:inherit;padding:8px 12px;transition:all .2s ease}.btn.primary{background:#facc15;background:var(--accent-gold,#facc15);border-color:#0000;color:#0b1120}.btn.primary:disabled{cursor:not-allowed;opacity:.5}.btn.subtle{border-color:#94a3b82e}.btn[disabled]{cursor:not-allowed;opacity:.5}.sidebar-delegated{background:linear-gradient(170deg,#0f172acc,#1118278c);border:1px solid #94a3b82e;border-radius:12px;display:flex;flex-direction:column;gap:clamp(.75rem,1.8vw,1rem);padding:clamp(.75rem,2vw,1.25rem)}.sidebar-delegated__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.sidebar-delegated__header h2{font-size:clamp(.95rem,2.2vw,1.15rem);margin:0}.sidebar-task-list{gap:clamp(.75rem,1.6vw,1rem);list-style:none;margin:0;padding:0}.sidebar-task,.sidebar-task-list{display:flex;flex-direction:column}.sidebar-task{background:#0f172a8c;border:1px solid #94a3b829;border-radius:12px;box-shadow:inset 0 0 0 1px #0f172a59;gap:.5rem;padding:clamp(.75rem,1.8vw,1rem)}.sidebar-task--empty{align-items:center;border-style:dashed;color:#94a3b8;color:var(--text-secondary,#94a3b8);text-align:center}.sidebar-task__heading{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.sidebar-task__heading strong{font-size:clamp(.9rem,2vw,1.05rem)}.sidebar-task__percent{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;font-weight:600}.sidebar-task__progress{background:#3341558c;border-radius:999px;height:8px;overflow:hidden;position:relative;width:100%}.sidebar-task__progress span{background:linear-gradient(90deg,#3b82f6d9,#8b5cf6cc);border-radius:inherit;display:block;height:100%;transition:width .3s ease}.sidebar-task__meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.75rem;justify-content:space-between}.sidebar-task__meta span:last-child{color:#e2e8f0;color:var(--text-primary,#e2e8f0);text-align:right}.sidebar-task__actions{display:flex;justify-content:flex-end}.sidebar-task__actions .btn.subtle{font-size:.85rem;padding-inline:1rem}.role-collection-card{background:#0f172a99;border:1px solid #94a3b824;border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:clamp(.75rem,2.1vw,1.25rem) var(--desk-card-inline)}.role-collection{grid-gap:clamp(12px,2vw,20px);display:grid;gap:clamp(12px,2vw,20px);grid-template-columns:1fr;list-style:none;margin:0;padding:0}.role-collection__item{grid-gap:clamp(12px,1.8vw,20px);background:#0f172a8c;border:1px solid #94a3b829;border-radius:16px;display:grid;gap:clamp(12px,1.8vw,20px);grid-template-columns:minmax(0,1fr) auto;padding:clamp(.75rem,2.1vw,1rem) var(--desk-card-inline-compact);transition:border-color .2s ease,background .2s ease}.role-collection__item:hover{border-color:#facc1559}.role-collection__item--active{background:#facc1514;border-color:#facc15;border-color:var(--accent-gold,#facc15)}.role-collection__select{background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:12px;text-align:left}.role-collection__heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.role-collection__heading h3{font-size:18px;margin:0}.role-collection__description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin:0}.role-collection__meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0}.role-collection__meta dt{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.role-collection__meta dd{font-weight:600;margin:4px 0 0}.role-collection__actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.role-collection__actions .btn{width:100%}.hiring-panel__body{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem)}.composer-choice-pill{cursor:pointer;display:block;height:100%;position:relative}.composer-choice-pill input[type=checkbox],.composer-choice-pill input[type=radio]{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:2}.composer-choice-pill__surface{background:#0f172a8c;border:1px solid #94a3b833;border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:clamp(1rem,2.2vw,1.25rem);position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.composer-choice-pill__content{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.composer-choice-pill__content--centered{align-items:center;text-align:center;width:100%}.composer-choice-pill__content--compact{gap:4px}.composer-choice-pill__content--single{align-items:flex-start;gap:2px;width:100%}.composer-choice-pill__content--split{align-items:flex-start;flex-direction:row;gap:16px;justify-content:space-between}.composer-choice-pill__body{display:flex;flex-direction:column;gap:8px;max-width:100%;overflow-wrap:anywhere}.composer-choice-pill:hover .composer-choice-pill__surface{border-color:#facc1559;box-shadow:0 0 0 1px #facc152e;transform:translateY(-1px)}.composer-choice-pill input[type=checkbox]:focus-visible+.composer-choice-pill__surface,.composer-choice-pill input[type=radio]:focus-visible+.composer-choice-pill__surface{outline:2px solid #facc1580;outline-offset:3px}.composer-choice-pill__title{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:15px;font-weight:600}.composer-choice-pill__title--compact{font-size:14px;line-height:1.3}.composer-choice-pill__hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;margin:0;overflow-wrap:anywhere}.composer-choice-pill input[type=checkbox]:checked+.composer-choice-pill__surface,.composer-choice-pill input[type=radio]:checked+.composer-choice-pill__surface{background:linear-gradient(140deg,#facc151f,#0f172abf);border-color:#facc1580;box-shadow:0 0 8px #facc1533}.composer-choice-pill input[type=checkbox]:checked+.composer-choice-pill__surface:after,.composer-choice-pill input[type=radio]:checked+.composer-choice-pill__surface:after{animation:composer-glow 2.8s ease-in-out infinite;background:radial-gradient(circle,#facc1526 0,#facc1500 70%);content:"";inset:-20%;pointer-events:none;position:absolute}.composer-choice-pill input[type=checkbox]:checked+.composer-choice-pill__surface .composer-choice-pill__title,.composer-choice-pill input[type=radio]:checked+.composer-choice-pill__surface .composer-choice-pill__title{color:#facc15;color:var(--accent-gold,#facc15);text-shadow:0 0 12px #facc1573}.composer-choice-pill input[type=checkbox]:checked+.composer-choice-pill__surface .composer-choice-pill__hint,.composer-choice-pill input[type=radio]:checked+.composer-choice-pill__surface .composer-choice-pill__hint{color:#facc15c7}.composer-choice-pill input[type=checkbox]:disabled+.composer-choice-pill__surface,.composer-choice-pill input[type=radio]:disabled+.composer-choice-pill__surface{cursor:not-allowed;filter:grayscale(.15);opacity:.55}.composer-choice-pill--compact .composer-choice-pill__surface{border-radius:12px;padding:12px 16px}.composer-choice-pill--checkbox .composer-choice-pill__surface{align-items:flex-start;gap:8px}.composer-choice-pill--permission .composer-choice-pill__surface{height:100%;padding:clamp(.75rem,2vw,1.25rem)}.composer-choice-pill--permission .composer-choice-pill__content{gap:12px}.composer-choice-pill--permission .composer-choice-pill__body,.composer-permission__content{width:100%}.composer-choice-pill--permission .composer-choice-pill__hint{line-height:1.45}.composer-choice-pill--locked .composer-choice-pill__surface{opacity:.85}.composer-choice-pill--locked input[type=checkbox]{cursor:not-allowed}.composer-choice-pill__badge{align-items:center;align-self:flex-start;background:#94a3b83d;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:10px;gap:4px;justify-content:center;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.composer-choice-pill--checkbox input[type=checkbox]:checked+.composer-choice-pill__surface .composer-choice-pill__badge{background:#facc1540;color:#facc15;color:var(--accent-gold,#facc15)}.composer-choice-pill--permission .composer-choice-pill__badge{flex-shrink:0}@keyframes composer-glow{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}}.pay-overrides{background:#0f172a8c;border:1px solid #94a3b824;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:clamp(.75rem,2.3vw,1.25rem) var(--desk-card-inline)}.override-list{grid-gap:clamp(12px,2vw,16px);display:grid;gap:clamp(12px,2vw,16px);list-style:none;margin:0;padding:0}.override-item{grid-gap:clamp(12px,1.6vw,16px);background:#0f172a73;border:1px solid #94a3b829;border-radius:12px;display:grid;gap:clamp(12px,1.6vw,16px);grid-template-columns:minmax(0,1fr);padding:clamp(.75rem,2vw,1rem) var(--desk-card-inline-compact)}.override-item__main{display:flex;gap:12px}.override-item__name{flex:1 1}.override-item select,.override-item__name{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:8px;color:inherit;padding:8px 12px}.override-item__details{display:flex;flex-wrap:wrap;gap:16px}.override-item__details label{display:flex;flex-direction:column;gap:8px}.override-item__details input,.override-item__details select{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:8px;color:inherit;padding:8px 12px}.pay-notes textarea{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:12px;color:inherit;padding:12px;width:100%}.external-pay-card{grid-gap:16px;background:#0f172a8c;border:1px solid #94a3b829;border-radius:16px;display:grid;gap:16px;padding:clamp(.75rem,2.3vw,1.25rem) var(--desk-card-inline)}.panel-actions{display:flex;gap:12px;justify-content:flex-end}.schedule-list{grid-gap:clamp(16px,2.5vw,24px);display:grid;gap:clamp(16px,2.5vw,24px);list-style:none;margin:0;padding:0}.schedule-card{grid-gap:16px;background:#0f172a8c;border:1px solid #94a3b829;border-radius:16px;display:grid;gap:16px;padding:clamp(.75rem,2.3vw,1.25rem) var(--desk-card-inline)}.schedule-card__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.schedule-grid{grid-gap:clamp(12px,2vw,16px);display:grid;gap:clamp(12px,2vw,16px)}.schedule-slot{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.schedule-slot input,.schedule-slot select{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:8px;color:inherit;padding:8px 12px}.schedule-slot-add{background:#0000;border:1px dashed #94a3b859;border-radius:999px;color:inherit;cursor:pointer;justify-self:start;padding:8px 12px}.schedule-notes textarea{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:12px;color:inherit;padding:12px;width:100%}.shift-builder{background:linear-gradient(150deg,#0f172abf,#0f172a8c);border:1px solid #94a3b829;border-radius:16px;display:flex;flex-direction:column;gap:clamp(1rem,2.4vw,1.5rem);padding:clamp(1rem,2.3vw,1.25rem) var(--desk-card-inline)}.shift-builder__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);justify-content:space-between}.shift-builder__status{align-items:center;display:flex}.shift-builder__badge{align-items:center;background:#94a3b833;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:12px;gap:8px;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.shift-builder__badge--active{background:#22c55e2e;color:#86efac}.shift-list{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);list-style:none;margin:0;padding:0}.shift-list__empty{border:1px dashed #94a3b840;border-radius:12px;padding:12px;text-align:center}.shift-card{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:16px;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1.25rem)}.shift-card__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.shift-card__title{display:flex;flex:1 1;flex-direction:column;gap:8px}.shift-card__title input{background:#0f172ab3;border:1px solid #94a3b829;border-radius:12px;color:inherit;padding:12px}.shift-card__metrics{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shift-card__metrics span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px}.shift-card__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.shift-card__grid input,.shift-card__grid select{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:12px;color:inherit;padding:8px 12px;width:100%}.shift-card__notes textarea{background:#0f172ab3;color:inherit;min-height:70px;padding:12px;resize:vertical;width:100%}.shift-card__notes textarea,.shift-summary{border:1px solid #94a3b829;border-radius:12px}.shift-summary{background:#0f172a73;display:flex;flex-direction:column;gap:12px;padding:clamp(.75rem,2vw,1rem)}.shift-summary__header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.shift-summary__list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.shift-summary__list li{align-items:center;display:flex;gap:12px;justify-content:space-between}.shift-summary__value{color:#facc15;color:var(--accent-gold,#facc15);font-weight:600}.role-composer-overlay{align-items:center;background:#0f172ab8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:50}.role-composer{background:#0f172af2;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 14px 54px #0f172aa6;max-height:94vh;overflow-y:auto;width:min(960px,96%)}.role-composer__header{align-items:center;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:clamp(.75rem,2.1vw,1.25rem) var(--desk-card-inline)}.role-composer__headline{display:flex;flex-direction:column;gap:8px}.role-composer__headline h2{font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:600;margin:0}.role-composer__badge{align-items:center;background:#94a3b833;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:11px;gap:8px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.role-composer__badge--create{background:#3b82f640;color:#bfdbfe}.role-composer__badge--edit{background:#facc1540;color:#facc15}.role-composer__body{display:flex;flex-direction:column;font-size:.95rem;gap:24px;padding:clamp(1rem,2.5vw,1.5rem) var(--desk-card-inline)}.role-composer__intro{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px 16px}.role-composer__chips{display:flex;flex-wrap:wrap;gap:12px}.role-composer__chips span{align-items:center;background:#94a3b82e;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:12px;gap:8px;padding:4px 12px}.role-composer__layout{display:flex;flex-direction:column;gap:clamp(1rem,2.6vw,1.75rem)}.role-composer__sections{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}@media (max-width:1024px){.role-composer{width:min(95%,820px)}}.role-composer__body input,.role-composer__body textarea{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:12px;color:inherit;font-size:.95rem;padding:12px;width:100%}.composer-member-search{display:flex;flex-direction:column;gap:8px;position:relative}.composer-member-search input{padding:12px}.composer-member-search__status{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;min-height:16px}.composer-member-search__list{grid-gap:4px;background:#080f1bf2;border:1px solid #94a3b833;border-radius:12px;box-shadow:0 10px 30px #080f1b8c;display:grid;gap:4px;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:8px 0;position:relative;z-index:2}.composer-member-search__item button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;width:100%}.composer-member-search__item button:hover:not([disabled]){background:#3b82f62e}.composer-member-search__item button[disabled]{cursor:not-allowed;opacity:.65}.composer-member-search__name{font-weight:600}.composer-member-search__meta{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;text-transform:capitalize}.composer-share-summary{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:12px}.composer-share-summary__alert{color:#fca5a5;font-weight:600}.composer-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.composer-grid--compact{align-items:end}.composer-toggle{align-items:center;display:flex;gap:12px}.composer-section{background:#0f172a99;border:1px solid #94a3b82e;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:clamp(.75rem,2.1vw,1.25rem) var(--desk-card-inline-compact)}.composer-section__header{display:flex;flex-direction:column;gap:4px}.meta-hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;margin-top:4px}.composer-scope-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.composer-scope-grid textarea{min-height:70px;resize:vertical}.composer-toggle-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.composer-toggle--card{align-items:flex-start;background:#0f172a8c;border:1px solid #94a3b829;border-radius:12px;gap:12px;padding:12px}.composer-toggle--card input{margin-top:4px}.composer-toggle--card div>span{font-weight:600}.composer-toggle--inline{align-items:center;display:inline-flex;gap:12px;margin-top:auto}.composer-inline-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.composer-toggle-grid--choices{gap:16px}.composer-inline-grid input[disabled]{cursor:not-allowed;opacity:.6}.composer-inline-grid--cascade{align-items:end}.cascading-tier-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.cascading-tier{grid-gap:12px;background:#0f172a73;border:1px solid #94a3b829;border-radius:12px;display:grid;gap:12px;padding:12px}.cascading-tier__fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.composer-inline-actions{display:flex;justify-content:flex-end}.composer-member-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.composer-member{grid-gap:12px;background:#0f172a80;border:1px solid #94a3b829;border-radius:12px;display:grid;gap:12px;padding:12px}.composer-member__fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.composer-member-actions{justify-content:space-between}.composer-member-actions,.composer-member-actions__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.composer-member-actions .btn{flex-shrink:0}.composer-recognition-grid{grid-gap:20px;display:grid;gap:20px}.composer-recognition-grid__share,.composer-recognition-grid__wallet{display:flex;flex-direction:column;gap:12px}.composer-source-options{display:flex;flex-wrap:wrap;gap:12px}.composer-pool-preview{display:flex;flex-direction:column;gap:8px;margin-top:12px}.composer-pool-preview__bar{background:#94a3b826;border-radius:999px;height:10px;overflow:hidden;position:relative}.composer-pool-preview__baseline{background:#60a5fa59;bottom:0;position:absolute;top:0}.composer-pool-preview__fill{background:linear-gradient(90deg,#3b82f6e6,#0ea5e9d9);height:100%;position:relative}.composer-pool-preview__legend{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.composer-pool-preview__alert{color:#fca5a5;font-weight:600}.composer-cadence-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.composer-section--advanced{border-top:1px solid #94a3b81f;margin-top:8px;padding-top:12px}.composer-advanced-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #94a3b833;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:13px;gap:12px;padding:12px;transition:background .15s,border-color .15s,color .15s;width:100%}.composer-advanced-toggle:hover{background:#94a3b814;border-color:#94a3b859;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.composer-advanced-toggle__icon{flex-shrink:0;font-size:11px;line-height:1}.composer-advanced-toggle__label{flex:1 1;font-weight:500;text-align:left}.composer-advanced-toggle__count{background:#3b82f633;border-radius:999px;color:#60a5fa;color:var(--accent-blue,#60a5fa);font-size:11px;padding:4px 8px}.composer-permissions{background:#0f172a8c;border:1px solid #94a3b829;border-radius:12px;margin-top:12px;padding:16px}.composer-permissions__hint{font-size:12px;margin-bottom:12px}.composer-permissions legend{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;padding:0 8px}.composer-permissions__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px}.composer-permissions__grid label{display:block;font-size:13px;height:100%}.composer-actions{margin-top:8px}.close-btn{-webkit-appearance:none;appearance:none;color:inherit}.text-on-surface-muted{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.role-collection__actions .btn.subtle{border-color:#94a3b83d}.role-collection__actions .btn:hover,.schedule-slot-add:hover{border-color:#facc1573;color:#facc15;color:var(--accent-gold,#facc15)}.recognition-ops{gap:clamp(1rem,2.5vw,1.75rem)}.recognition-summary{background:linear-gradient(145deg,#0f172ac7,#11182799);border:1px solid #94a3b82e;border-radius:16px;display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.25rem);padding:clamp(1rem,2.3vw,1.25rem) var(--desk-card-inline)}.recognition-summary__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.5rem);justify-content:space-between}.recognition-summary__health{display:flex;flex-wrap:wrap;gap:12px}.health-pill{background:#0f172a8c;border:1px solid #94a3b833;border-radius:12px;color:#94a3b8cc;display:inline-flex;flex-direction:column;font-size:.75rem;gap:2px;letter-spacing:.06em;min-width:120px;padding:8px 12px;text-transform:uppercase}.health-pill strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1rem;line-height:1.1}.health-pill--warn{background:#f8717129;border-color:#f8717173;color:#fecaca}.health-pill--warn strong{color:#fecaca}.health-pill--ok{background:#22c55e1f;border-color:#22c55e59;color:#bbf7d0}.health-pill--ok strong{color:#bbf7d0}.health-pill--neutral{border-color:#94a3b838}button.health-pill--clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}button.health-pill--clickable:hover{background:#1e40af33;border-color:#60a5fa80;transform:translateY(-1px)}button.health-pill--clickable:focus-visible{outline:2px solid #60a5fab3;outline-offset:2px}.recognition-summary__metrics{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-metric{background:#080d1799;border:1px solid #94a3b829;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:clamp(.75rem,2vw,1rem)}.summary-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.summary-hint{color:#94a3b8d1;font-size:.82rem}.recognition-detail-grid{grid-gap:clamp(1rem,2.5vw,1.5rem);display:grid;gap:clamp(1rem,2.5vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flow-card,.payout-card,.wallet-grid{background:linear-gradient(150deg,#0f172abf,#0f172a8c);border:1px solid #94a3b829;border-radius:16px;display:flex;flex-direction:column;gap:clamp(.75rem,1.8vw,1.25rem);padding:clamp(.75rem,2.2vw,1.25rem)}.flow-card header,.payout-card header,.wallet-grid header{display:flex;flex-direction:column;gap:4px}.wallet-card-list{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wallet-card{background:#080f1b99;border:1px solid #94a3b82e;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:clamp(.75rem,1.8vw,1rem)}.wallet-card--warning{border-color:#f8717166;box-shadow:0 0 0 1px #f8717138}.wallet-card__header{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.wallet-card__header h4{font-size:1rem;margin:0}.wallet-card__scope{color:#94a3b8b3;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.wallet-card__progress{background:#3341558c;border-radius:999px;height:8px;overflow:hidden;position:relative;width:100%}.wallet-card__progress span{background:linear-gradient(90deg,#3b82f6e6,#38bdf8cc);border-radius:inherit;display:block;height:100%;transition:width .3s ease}.wallet-card--warning .wallet-card__progress span{background:linear-gradient(90deg,#f87171eb,#f97316d1)}.wallet-card__status{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.85rem;font-weight:600}.wallet-card__hint{color:#94a3b8d1;font-size:.8rem;margin:0}.wallet-card__actions{display:flex;flex-wrap:wrap;gap:8px}.flow-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.flow-list li{background:#080f1b8c;border:1px solid #94a3b829;border-radius:12px;gap:4px;padding:12px}.flow-list li,.payout-list{display:flex;flex-direction:column}.payout-list{gap:12px;list-style:none;margin:0;padding:0}.payout-list li{align-items:flex-start;background:#080f1b8c;border:1px solid #94a3b829;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px}.payout-list__meta{color:#94a3b8d1;display:flex;flex-direction:column;font-size:.8rem;gap:4px;text-align:right}.recognition-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.permission-matrix section{background:#0f172aa6;border:1px solid #94a3b824;border-radius:16px;margin-bottom:28px;overflow:hidden}.permission-matrix header{padding:20px 24px 4px}.permission-matrix table{border-collapse:collapse;width:100%}.permission-matrix td,.permission-matrix th{border-top:1px solid #94a3b81f;font-size:13px;padding:12px 24px;text-align:left}.permission-matrix tbody tr.permitted{background:#38bdf81f}.guardrail-list{grid-gap:4px;display:grid;gap:4px;list-style:none;margin:0;padding:0}.delegation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.delegation-card{background:#0f172ab8;border:1px solid #94a3b81f;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:clamp(.75rem,2.3vw,1.25rem) var(--desk-card-inline)}.delegation-card.watch{border-color:#facc1547}.delegation-card.at-risk{border-color:#f8717147}.delegation-meta{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.delegation-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.delegation-actions select{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:8px;color:inherit;padding:8px 12px}.audit-feed{grid-gap:16px;background:#0f172aa6;border:1px solid #94a3b81f;border-radius:16px;display:grid;gap:16px;list-style:none;margin:0;padding:clamp(.75rem,2.3vw,1.25rem) var(--desk-card-inline)}.audit-feed li{display:flex;gap:16px}.audit-feed strong{display:block;margin-bottom:4px}@media (max-width:768px){.role-desk-shell{--desk-card-inline:clamp(0.6rem,4vw,1.05rem);--desk-card-inline-compact:clamp(0.5rem,3.5vw,0.85rem)}}@media (max-width:1280px){.role-desk-shell{grid-template-columns:minmax(240px,28%) minmax(0,1fr)}}@media (max-width:1024px){.role-desk-shell{grid-template-columns:1fr;padding:clamp(.75rem,4vw,1.25rem) clamp(.5rem,3vw,1rem)}.role-desk-sidebar{border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--border-color,#94a3b82e);border-radius:16px 16px 0 0;border-right:none;flex-direction:row;flex-wrap:wrap;gap:clamp(.75rem,3vw,1.25rem)}.sidebar-permissions{flex:1 1 240px}.role-collection__item{grid-template-columns:1fr}.role-collection__actions{align-items:center;flex-direction:row;justify-content:flex-start}.role-collection__actions .btn{width:auto}.role-desk-tabs{border-radius:0}}@media (max-width:640px){.role-desk-tabs{padding:clamp(.75rem,4vw,1rem)}.desk-tab{flex:0 0 clamp(140px,46%,220px);text-align:center}.role-desk-content{padding:clamp(.75rem,4.5vw,1rem) clamp(.5rem,4vw,1rem) clamp(1rem,6vw,1.5rem)}.overview-metric-row{grid-template-columns:1fr}.audit-feed,.delegation-card,.external-pay-card,.flow-card,.overview-card,.pay-overrides,.payout-card,.permission-matrix section,.recognition-summary,.role-collection-card,.role-collection__item,.roles-panel-header,.schedule-card,.shift-builder,.shift-card,.shift-summary,.wallet-grid{border-radius:12px;padding:clamp(.75rem,5vw,1rem) clamp(.5rem,5vw,1rem)}.delegation-actions{align-items:stretch;flex-direction:column}.recognition-summary__health{justify-content:flex-start}.wallet-card-list{grid-template-columns:1fr}.recognition-actions{justify-content:stretch}.recognition-actions .btn{flex:1 1 100%}.override-item__main{flex-direction:column}.panel-actions{flex-direction:column-reverse}.panel-actions .btn{width:100%}.schedule-slot{grid-template-columns:1fr}.role-composer{padding-bottom:16px}.composer-section{padding-inline:clamp(.5rem,4vw,1rem)}.cascading-tier__fields,.composer-inline-grid,.composer-toggle-grid{grid-template-columns:1fr}.composer-member-actions{align-items:stretch;flex-direction:column}}.roles-panel--simplified{display:flex;flex-direction:column;gap:24px}.roles-overview-header{align-items:flex-start;border-bottom:1px solid #94a3b826;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.roles-overview-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.roles-user-search{background:#0f172a99;border:1px solid #94a3b82e;border-radius:16px;padding:20px}.roles-user-search h3{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.user-search-row{align-items:center;display:flex;gap:12px}.user-search-input{background:#0a111ecc;border:1px solid #94a3b840;border-radius:12px;flex:1 1;font-size:.95rem;padding:12px}.user-search-input:focus{outline:2px solid #3b82f680;outline-offset:2px}.search-loading{font-size:.85rem}.user-search-results{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.user-search-item{align-items:center;background:#0a111e80;border:1px solid #94a3b81f;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.user-search-info{display:flex;flex-direction:column;gap:2px}.user-search-actions{align-items:center;display:flex;gap:8px}.role-select-mini{background:#0a111ecc;border:1px solid #94a3b840;border-radius:8px;color:var(--text-primary);min-width:140px}.btn-sm,.role-select-mini{font-size:.85rem;padding:8px 12px}.roles-list-section{display:flex;flex-direction:column;gap:16px}.roles-list-section h3{color:var(--text-primary);font-size:1.1rem;margin:0}.roles-empty-state{background:#0f172a66;border:1px dashed #94a3b833;border-radius:16px;color:var(--text-muted);padding:48px 24px;text-align:center}.roles-simple-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.role-simple-card{background:#0f172aa6;border:1px solid #94a3b826;border-radius:16px;cursor:pointer;padding:20px;transition:border-color .2s ease,box-shadow .2s ease}.role-simple-card:hover{border-color:#3b82f666}.role-simple-card--selected{border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f626}.role-simple-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.role-simple-header h4{color:var(--text-primary);font-size:1.15rem;margin:0}.role-badge{background:#3b82f633;border-radius:999px;color:#93c5fd;color:var(--accent-300,#93c5fd);font-weight:600;padding:4px 12px}.role-simple-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 12px}.role-simple-stats{color:var(--text-muted);display:flex;font-size:.85rem;gap:20px;margin-bottom:12px}.role-simple-stats strong{color:var(--text-primary)}.role-simple-permissions{margin-bottom:16px}.permission-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.perm-tag{background:#94a3b826;border-radius:8px;color:var(--text-secondary);font-size:.75rem;padding:4px 12px}.perm-tag--empty{background:#0000;border:1px dashed #94a3b840;font-style:italic}.role-simple-actions{border-top:1px solid #94a3b81a;display:flex;gap:12px;justify-content:flex-end;padding-top:12px}.connect-dialog-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100;z-index:var(--z-raised,100)}.connect-dialog{background:linear-gradient(170deg,#0f172afa,#0a101ef2);border:1px solid #94a3b833;border-radius:24px;box-shadow:0 25px 50px #00000080;max-width:500px;width:100%}.connect-dialog-header{align-items:center;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:20px 24px}.connect-dialog-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.connect-dialog-body{display:flex;flex-direction:column;gap:20px;padding:24px}.connect-type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.connect-type-option{align-items:center;background:#0a111e80;border:1px solid #94a3b833;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:border-color .2s ease,background .2s ease}.connect-type-option:hover{border-color:#3b82f666}.connect-type-option.selected{background:#3b82f61a;border-color:#3b82f699}.connect-type-option input{display:none}.connect-type-option span{color:var(--text-primary);font-size:.95rem}.connect-pay-options,.connect-permissions-preview{background:#0a111e66;border-radius:12px;padding:16px}.connect-pay-options h4,.connect-permissions-preview h4{color:var(--text-primary);font-size:.95rem;margin:0 0 8px}.connect-dialog-footer{border-top:1px solid #94a3b81f;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.connect-dialog--wide{max-width:640px}.entity-grid-section{margin-bottom:20px}.entity-grid-section h4{color:var(--text-primary);font-size:.95rem;margin:0 0 12px}.entity-grid-empty,.entity-grid-loading{background:#0a111e66;border-radius:12px;color:var(--text-secondary);padding:32px;text-align:center}.entity-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:240px;overflow-y:auto;padding:4px}.entity-grid-item{align-items:center;background:#1e293b80;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px 8px;position:relative;transition:all .15s ease}.entity-grid-item:hover{background:#1e293bcc;border-color:#94a3b84d}.entity-grid-item--selected{background:#3b82f626;border-color:#3b82f6b3}.entity-grid-item:focus-visible{outline:2px solid #60a5fab3;outline-offset:2px}.entity-grid-item__icon{align-items:center;background:#0a111e66;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.entity-grid-item__icon img{height:100%;object-fit:cover;width:100%}.entity-grid-item__placeholder{font-size:1.5rem}.entity-grid-item__name{color:var(--text-primary);font-size:.8rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.entity-grid-item__check{align-items:center;background:#3b82f6e6;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.user-search-empty{background:#0a111e66;border-radius:12px;color:var(--text-secondary);margin-top:12px;padding:20px;text-align:center}.user-search-empty p{font-size:.9rem;margin:0}.request-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.request-form-dialog{background:#0f172afa;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 50px #00000080;max-width:480px;width:100%}.request-form-header{align-items:center;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:20px 24px}.request-form-header h3{color:var(--text-primary);font-size:1.15rem;margin:0}.request-form-body{display:flex;flex-direction:column;gap:20px;padding:24px}.request-form-info{background:#0a111e66;border-radius:12px;padding:12px 16px}.request-form-info p{color:var(--text-primary);font-size:.9rem;margin:0}.request-form-info p+p{margin-top:8px}.request-form-info strong{color:var(--text-secondary);font-weight:500;margin-right:8px}.request-form-field label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.request-form-field textarea{background:#1e293b80;border:1px solid #94a3b833;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:.95rem;min-height:80px;padding:12px;resize:vertical;width:100%}.request-form-field textarea:focus{border-color:#3b82f680;outline:none}.request-form-field .meta-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:8px}.request-form-footer{border-top:1px solid #94a3b81f;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.role-list-view{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(160deg,#1e293b80,#0f172ab3);border:1px solid #94a3b81f;border-radius:16px;padding:1.5rem}.role-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.role-list-header h2{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.5rem;font-weight:600;margin:0}.role-list-controls{justify-content:space-between;margin-bottom:1.5rem}.role-list-controls,.role-list-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.role-list-filters{flex:1 1}.role-list-search{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9rem;min-width:200px;padding:.5rem .75rem}.role-list-search:focus{border-color:#3b82f680;outline:none}.role-list-filter{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9rem;padding:.5rem .75rem}.role-list-create-btn{align-items:center;background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#c7d2fe;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.role-list-create-btn:hover{background:#6366f140;border-color:#6366f199;transform:translateY(-1px)}.role-list-section{margin-bottom:2rem}.role-list-section-title{border-bottom:1px solid #94a3b81f;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.role-list-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.role-list-card{background:linear-gradient(160deg,#1e293ba6,#0f172ad9);border:1px solid #94a3b826;border-radius:12px;padding:1.25rem;transition:all .2s}.role-list-card:hover{border-color:#94a3b840;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.role-list-card--pending{background:linear-gradient(160deg,#fbbf2414,#0f172ad9);border-color:#fbbf244d}.role-list-card--empty{background:linear-gradient(160deg,#94a3b814,#0f172ad9);border-color:#94a3b84d;opacity:.85}.role-list-card-badge{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-bottom:.5rem;padding:.25rem .5rem;text-transform:uppercase}.role-list-card-badge--active{background:#22c55e26;color:#22c55e}.role-list-card-badge--pending{background:#fbbf2426;color:#fbbf24}.role-list-card-badge--empty{background:#94a3b833;color:#94a3b8}.role-list-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.role-list-card-title{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.1rem;font-weight:600;margin:0}.role-list-card-status{border-radius:8px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-list-card-status--active{background:#22c55e26;color:#22c55e}.role-list-card-status--pending{background:#fbbf2426;color:#fbbf24}.role-list-card-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.role-list-card-stats{background:#0f172a80;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem}.role-list-card-stat{display:flex;flex-direction:column;gap:.25rem}.role-list-card-stat-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.role-list-card-stat-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1rem;font-weight:600}.role-list-card-members{margin-bottom:1rem}.role-list-card-members-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;margin-bottom:.5rem}.role-list-card-members-list{flex-wrap:wrap;gap:.5rem}.role-list-card-member{background:#1e293b99;border:1px solid #94a3b826;padding:.25rem .75rem}.role-list-card-member--pending{border-color:#fbbf244d;color:#fbbf24}.role-list-card-actions{border-top:1px solid #94a3b81a;display:flex;gap:.5rem;padding-top:.75rem}.role-list-card-action{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem .75rem;text-align:center;transition:all .2s}.role-list-card-action:hover{background:#3b82f626;border-color:#3b82f64d}.role-list-card-action--primary{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d}.role-list-card-action--primary:hover{background:linear-gradient(135deg,#3b82f64d,#3b82f633)}.role-list-empty{background:#1e293b66;border:1px dashed #94a3b833;border-radius:12px;padding:3rem 2rem;text-align:center}.role-list-empty h3{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.1rem;margin:0 0 .5rem}.role-list-empty p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0}.role-list-tabs{grid-gap:.5rem;background:#030816e6;border:1px solid #7898ff59;border-radius:16px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem;overflow:hidden;padding:clamp(.5rem,1.5vw,.75rem);position:relative}.role-list-tabs:before{animation:roleTabsShimmer 12s linear infinite;background:linear-gradient(120deg,#0000,#ffffff1f 50%,#0000);content:"";height:240%;inset:-120% 0 auto;pointer-events:none;position:absolute}@keyframes roleTabsShimmer{0%{transform:translateX(-60%)}to{transform:translateX(60%)}}.role-list-header{margin-bottom:0}.role-list-tab{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070d1de6;border:1px solid #7898ff59;border-radius:12px;color:#dee7ffb8;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:.75rem 1rem;position:relative;text-transform:uppercase;transition:border-color .15s,color .15s,transform .15s;z-index:1}.role-list-tab:hover:not(.role-list-tab--active){border-color:#82a6ff;color:#f4f7ff}.role-list-tab--active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;box-shadow:0 10px 25px #0c163799;color:#fdfcff;transform:translateY(-2px)}.role-list-tab-content{padding:1.5rem 0}.role-list-scheduling{background:#1e293b66;border:1px solid #94a3b826;border-radius:12px;padding:1.5rem}.role-list-scheduling-header h3{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.2rem}.role-list-scheduling-current{font-size:.9rem}.role-list-scheduling-content{display:flex;flex-direction:column;gap:1.5rem}.role-list-scheduling-selector label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem}.role-list-scheduling-selector select{background:#1e293b99;border:1px solid #94a3b833;padding:.5rem 1rem}.role-list-schedule-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.role-list-schedule-day{background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;padding:1rem}.role-list-schedule-day h4{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.role-list-schedule-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;font-style:italic;margin:0}.role-list-schedule-slots{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.role-list-schedule-slot{background:#3b82f61a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.role-list-schedule-time{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.85rem;font-weight:500}.role-list-schedule-assignee{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.role-list-pay h3{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.2rem;margin:0 0 1.5rem}.role-list-pay-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.role-list-pay-card{background:#1e293b80;border:1px solid #94a3b826;border-radius:12px;padding:1.25rem;transition:all .2s}.role-list-pay-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.role-list-pay-card-header{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.role-list-pay-card-header h4{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:1.05rem;margin:0}.role-list-pay-model{border-radius:8px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.role-list-pay-model--percentage{background:#22c55e33;color:#22c55e}.role-list-pay-model--hourly{background:#3b82f633;color:#3b82f6}.role-list-pay-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.role-list-pay-row{align-items:flex-start;display:flex;font-size:.9rem;justify-content:space-between}.role-list-pay-label{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.role-list-pay-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500;text-align:right}.role-list-pay-sources{max-width:180px;word-break:break-word}.role-list-pay-actions{display:flex;gap:.5rem}.role-list-card-members{background:#0f172a66;border:1px solid #94a3b81a;border-radius:8px;margin:.75rem 0;padding:.75rem}.role-list-card-members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.role-list-card-members-title{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.85rem;font-weight:600}.role-list-card-members-toggle{background:none;border:none;border-radius:4px;color:#3b82f6e6;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s}.role-list-card-members-toggle:hover{background:#3b82f626;color:#60a5fa}.role-list-card-members-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;max-height:120px;overflow-y:auto;padding:0}.role-list-card-members-list--expanded{max-height:200px}.role-list-card-member{align-items:center;background:#3b82f614;border-radius:8px;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem .5rem}.role-list-card-member-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500}.role-list-card-member-handle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.role-list-scheduling-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.role-list-scheduling-header h3{margin:0}.role-list-scheduling-actions{display:flex;flex-wrap:wrap;gap:.5rem}.role-list-scheduling-actions .btn{font-size:.85rem;padding:.5rem .75rem}.role-list-scheduling-selector{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.role-list-scheduling-selector label{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500}.role-list-scheduling-selector select{background:#1e293b;background:var(--surface-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--border-default,#334155);border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9rem;min-width:200px;padding:.5rem .75rem}.role-list-scheduling-current{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.role-list-calendar{border:1px solid #334155;border:1px solid var(--border-default,#334155);border-radius:8px;margin-bottom:2rem;overflow:hidden}.role-list-calendar-header{background:#1e293b;background:var(--surface-elevated,#1e293b);display:grid;grid-template-columns:repeat(7,1fr)}.role-list-calendar-day-header{border-right:1px solid #334155;border-right:1px solid var(--border-default,#334155);color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.85rem;font-weight:600;padding:.75rem .5rem;text-align:center}.role-list-calendar-day-header:last-child{border-right:none}.role-list-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);min-height:200px}.role-list-calendar-day{border-right:1px solid #334155;border-right:1px solid var(--border-default,#334155);border-top:1px solid #334155;border-top:1px solid var(--border-default,#334155);display:flex;flex-direction:column;gap:.5rem;min-height:150px;padding:.5rem}.role-list-calendar-day:last-child{border-right:none}.role-list-calendar-empty{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;padding:.5rem;text-align:center}.role-list-calendar-shift,.role-list-calendar-slot{border-radius:4px;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem}.role-list-calendar-slot--role{background:#6366f133;border-left:3px solid #6366f1;border-left:3px solid var(--color-indigo-500,#6366f1)}.role-list-calendar-slot--user{background:#10b98133;border-left:3px solid #10b981;border-left:3px solid var(--color-emerald-500,#10b981)}.role-list-calendar-shift--role{background:#f59e0b33;border-left:3px solid #f59e0b;border-left:3px solid var(--color-amber-500,#f59e0b)}.role-list-calendar-shift--member{background:#ec489933;border-left:3px solid #ec4899;border-left:3px solid var(--color-pink-500,#ec4899)}.role-list-calendar-shift-time,.role-list-calendar-slot-time{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:600}.role-list-calendar-shift-title,.role-list-calendar-slot-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500}.role-list-calendar-shift-assignee,.role-list-calendar-slot-scope{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.role-list-calendar-shift-hours{color:#fbbf24;color:var(--color-amber-400,#fbbf24);font-weight:500}.role-list-schedules-section,.role-list-shifts-section{margin-bottom:1.5rem}.role-list-schedules-section h4,.role-list-shifts-section h4{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;margin:0 0 .75rem}.role-list-schedules-list,.role-list-shifts-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.role-list-schedule-item,.role-list-shift-item{background:#1e293b;background:var(--surface-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--border-default,#334155);border-radius:8px;padding:.75rem 1rem}.role-list-schedule-item-header,.role-list-shift-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.role-list-schedule-item-name,.role-list-shift-item-title{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:600}.role-list-schedule-item-scope{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-list-schedule-item-scope--role{background:#6366f133;color:#818cf8;color:var(--color-indigo-400,#818cf8)}.role-list-schedule-item-scope--user{background:#10b98133;color:#34d399;color:var(--color-emerald-400,#34d399)}.role-list-schedule-item-cadence{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.role-list-schedule-item-slots{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.role-list-schedule-item-slot{background:#ffffff0d;border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;padding:.25rem .5rem}.role-list-schedule-item-notes,.role-list-shift-item-notes{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;font-style:italic;margin:.5rem 0 0}.role-list-shift-item-complete{align-items:center;cursor:pointer;display:flex;gap:.5rem}.role-list-shift-item-complete input[type=checkbox]{accent-color:#10b981;accent-color:var(--color-emerald-500,#10b981);height:1rem;width:1rem}.role-list-shift-item-assignee{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.role-list-shift-item-day{color:#818cf8;color:var(--color-indigo-400,#818cf8);font-size:.8rem;font-weight:500}.role-list-shift-item-time{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.role-list-shift-item-hours{color:#fbbf24;color:var(--color-amber-400,#fbbf24);font-size:.8rem;font-weight:500;margin-left:auto}.role-list-pay-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.role-list-pay-header h3{margin:0}.role-list-pay-summary{display:flex;gap:1rem}.role-list-pay-summary-item{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.role-list-pay-summary-item strong{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.role-list-pay-value--warning{color:#fbbf24!important;color:var(--color-amber-400,#fbbf24)!important;font-weight:600}.role-list-pay-members{border-top:1px solid #334155;border-top:1px solid var(--border-default,#334155);margin-top:.5rem;padding-top:.75rem}.role-list-pay-members-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.8rem;margin-bottom:.5rem}.role-list-pay-members-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.role-list-pay-member{align-items:center;background:#ffffff08;border-radius:4px;display:flex;font-size:.85rem;gap:.5rem;padding:.25rem .5rem}.role-list-pay-member-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);flex:1 1;font-weight:500}.role-list-pay-member-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-list-pay-member-status--active{background:#10b98133;color:#34d399;color:var(--color-emerald-400,#34d399)}.role-list-pay-member-status--pending{background:#f59e0b33;color:#fbbf24;color:var(--color-amber-400,#fbbf24)}.role-list-pay-member-share{color:#818cf8;color:var(--color-indigo-400,#818cf8);font-weight:600;min-width:40px;text-align:right}.role-list-scheduling-header-left{align-items:center;display:flex;gap:1rem}.role-list-scheduling-week-nav{align-items:center;display:flex;gap:.5rem}.role-list-week-nav-btn{align-items:center;background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:8px;color:#d1d5db;color:var(--color-gray-300,#d1d5db);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.role-list-week-nav-btn:hover{background:#4b5563;background:var(--color-gray-600,#4b5563);border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1)}.role-list-week-nav-btn--today{font-size:.8rem;font-weight:500;padding:0 .75rem;width:auto}.role-list-week-range{color:#d1d5db;color:var(--color-gray-300,#d1d5db);font-size:.9rem;font-weight:500;min-width:180px;text-align:center}.role-list-scheduling-warning{align-items:center;background:#f59e0b26;border:1px solid #f59e0b;border:1px solid var(--color-amber-500,#f59e0b);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.role-list-scheduling-warning-icon{font-size:1.25rem}.role-list-scheduling-warning-text{color:#fcd34d;color:var(--color-amber-300,#fcd34d);flex:1 1;font-size:.875rem}.role-list-scheduling-warning-count{color:#fbbf24;color:var(--color-amber-400,#fbbf24);font-weight:600}.role-list-calendar-day--dragover{background:#6366f133!important;border:2px dashed #818cf8!important;border:2px dashed var(--color-indigo-400,#818cf8)!important}.role-list-calendar-shift--dragging{opacity:.5;transform:scale(.95)}.role-list-calendar-shift--submitted{border-left:3px solid #34d399;border-left:3px solid var(--color-emerald-400,#34d399)}.role-list-calendar-shift--unassigned{background:#f59e0b1a;border-left:3px solid #fbbf24;border-left:3px solid var(--color-amber-400,#fbbf24)}.role-list-shift-unassigned-badge{background:#f59e0b;background:var(--color-amber-500,#f59e0b);border-radius:4px;color:#000;font-size:.65rem;font-weight:600;margin-left:.5rem;padding:.25rem}.role-list-shift-item--submitted{position:relative}.role-list-shift-item--submitted:after{color:#34d399;color:var(--color-emerald-400,#34d399);content:"✓";font-size:.75rem;position:absolute;right:.25rem;top:.25rem}.role-list-monthly-summary{border-top:1px solid #4b5563;border-top:1px solid var(--color-gray-600,#4b5563);margin-top:2rem;padding-top:1.5rem}.role-list-monthly-summary h4{align-items:center;color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.role-list-monthly-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.role-list-monthly-summary-card{background:#374151;background:var(--color-gray-700,#374151);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.role-list-monthly-summary-card-label{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.role-list-monthly-summary-card-value{font-size:1.5rem;font-weight:700}.role-list-monthly-summary-card-value--recognition{color:#818cf8;color:var(--color-indigo-400,#818cf8)}.role-list-monthly-summary-card-value--budget{color:#34d399;color:var(--color-emerald-400,#34d399)}.role-list-monthly-summary-card-value--anticipated{color:#fbbf24;color:var(--color-amber-400,#fbbf24)}.role-list-monthly-summary-card-value--shifts{color:#22d3ee;color:var(--color-cyan-400,#22d3ee)}.role-list-monthly-summary-card-sub{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.75rem}.role-shift-editor{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.role-shift-editor-content{background:#1f2937;background:var(--color-gray-800,#1f2937);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.role-shift-editor-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-gray-700,#374151);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.role-shift-editor-header h3{color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:1.1rem;margin:0}.role-shift-editor-close{align-items:center;background:#374151;background:var(--color-gray-700,#374151);border:none;border-radius:8px;color:#9ca3af;color:var(--color-gray-400,#9ca3af);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.role-shift-editor-close:hover{background:#4b5563;background:var(--color-gray-600,#4b5563);color:#e5e7eb;color:var(--color-gray-200,#e5e7eb)}.role-shift-editor-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.role-shift-editor-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.role-shift-editor-field{display:flex;flex-direction:column;gap:.5rem}.role-shift-editor-field--full{grid-column:1/-1}.role-shift-editor-field label{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:.8rem;font-weight:500}.role-shift-editor-field input,.role-shift-editor-field select,.role-shift-editor-field textarea{background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:8px;color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:.9rem;padding:.5rem .75rem}.role-shift-editor-field input:focus,.role-shift-editor-field select:focus,.role-shift-editor-field textarea:focus{border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1);outline:none}.role-shift-editor-field textarea{min-height:80px;resize:vertical}.role-shift-editor-attachments{border-top:1px solid #374151;border-top:1px solid var(--color-gray-700,#374151);padding-top:1rem}.role-shift-editor-attachments h4{align-items:center;color:#d1d5db;color:var(--color-gray-300,#d1d5db);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.75rem}.role-shift-editor-attachments-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.role-shift-editor-attachment-item{align-items:center;background:#374151;background:var(--color-gray-700,#374151);border-radius:8px;display:flex;gap:.75rem;padding:.5rem .75rem}.role-shift-editor-attachment-item span{color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);flex:1 1;font-size:.85rem}.role-shift-editor-attachment-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#f87171;color:var(--color-red-400,#f87171);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.role-shift-editor-attachment-remove:hover{background:#f8717133}.role-shift-editor-add-attachment{display:flex;gap:.5rem}.role-shift-editor-add-attachment select{background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:8px;color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);flex:1 1;font-size:.85rem;padding:.5rem .75rem}.role-shift-editor-add-attachment button{background:#4b5563;background:var(--color-gray-600,#4b5563);border:none;border-radius:8px;color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.role-shift-editor-add-attachment button:hover{background:#6b7280;background:var(--color-gray-500,#6b7280)}.role-shift-editor-actions{background:#283040;background:var(--color-gray-750,#283040);border-top:1px solid #374151;border-top:1px solid var(--color-gray-700,#374151);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.role-shift-editor-cancel{background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:8px;color:#d1d5db;color:var(--color-gray-300,#d1d5db);cursor:pointer;font-size:.9rem;padding:.5rem 1.25rem;transition:all .2s ease}.role-shift-editor-cancel:hover{background:#4b5563;background:var(--color-gray-600,#4b5563)}.role-shift-editor-save{background:#4f46e5;background:var(--color-indigo-600,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.role-shift-editor-save:hover{background:#6366f1;background:var(--color-indigo-500,#6366f1)}.role-list-scheduling-submit{display:flex;justify-content:center;margin-top:1.5rem}.role-list-scheduling-submit-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--color-emerald-600,#059669),var(--color-emerald-500,#10b981));border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .2s ease}.role-list-scheduling-submit-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.role-list-scheduling-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.role-list-card-payment{border-top:1px solid #374151;border-top:1px solid var(--color-gray-700,#374151);margin-top:.75rem;padding-top:.75rem}.role-list-card-payment-member{margin-bottom:.75rem}.role-list-card-payment-member:last-child{margin-bottom:0}.role-list-card-payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.role-list-card-payment-name{color:#d1d5db;color:var(--color-gray-300,#d1d5db);font-size:.75rem;font-weight:500}.role-list-card-payment-total{color:#34d399;color:var(--color-emerald-400,#34d399);font-size:.75rem;font-weight:600}.role-list-card-payment-bars{background:#374151;background:var(--color-gray-700,#374151);border-radius:4px;display:flex;height:8px;margin-bottom:.25rem;overflow:hidden}.role-list-card-payment-bar{height:100%;min-width:4px;transition:width .3s ease}.role-list-card-payment-sources{display:flex;flex-wrap:wrap;gap:.5rem}.role-list-card-payment-source{align-items:center;color:#9ca3af;color:var(--color-gray-400,#9ca3af);display:flex;font-size:.65rem;gap:.25rem}.role-list-card-payment-source-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.role-list-card-payment-more{color:#6b7280;color:var(--color-gray-500,#6b7280);font-size:.75rem;margin-top:.5rem;text-align:center}.shift-editor-modal{display:flex;flex-direction:column;max-height:85vh;width:min(480px,95vw)}.shift-editor-modal .task-modal-body{flex:1 1;max-height:calc(85vh - 120px);overflow-y:auto}.shift-editor-summary{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem 0}.shift-editor-summary-item{display:flex;flex-direction:column;gap:.25rem}.shift-editor-summary-label{color:#9aa3ad;color:var(--text-muted,#9aa3ad);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.shift-editor-summary-value{color:#e6e8ea;color:var(--text-primary,#e6e8ea);font-size:.95rem;font-weight:500}.shift-editor-form{display:flex;flex-direction:column;gap:1rem}.shift-editor-field{display:flex;flex-direction:column;gap:.25rem}.shift-editor-field label{color:#9aa3ad;color:var(--text-muted,#9aa3ad);font-size:.75rem;font-weight:500}.shift-editor-field input,.shift-editor-field select,.shift-editor-field textarea{background:#1e2530;background:var(--secondary-bg,#1e2530);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#e6e8ea;color:var(--text-primary,#e6e8ea);font-size:.875rem;padding:.5rem .75rem}.shift-editor-field input:focus,.shift-editor-field select:focus,.shift-editor-field textarea:focus{border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1);outline:none}.shift-editor-field textarea{min-height:60px;resize:vertical}.shift-editor-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.shift-editor-assignment{display:flex;gap:.5rem}.shift-editor-assignment select{background:#1e2530;background:var(--secondary-bg,#1e2530);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#e6e8ea;color:var(--text-primary,#e6e8ea);flex:1 1;font-size:.875rem;padding:.5rem .75rem}.shift-editor-warning{color:#fbbf24;color:var(--color-amber-400,#fbbf24);font-size:.75rem;margin-top:.25rem}.shift-editor-forms{background:#1e2530;background:var(--secondary-bg,#1e2530);border-radius:8px;padding:.75rem}.shift-editor-forms-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.shift-editor-form-chip{align-items:center;background:#374151;background:var(--color-gray-700,#374151);border-radius:8px;color:#b0b6bf;color:var(--text-secondary,#b0b6bf);display:inline-flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem}.shift-editor-form-chip button{background:#0000;border:none;color:#9aa3ad;color:var(--text-muted,#9aa3ad);cursor:pointer;font-size:1rem;line-height:1;padding:0}.shift-editor-form-chip button:hover{color:#f87171;color:var(--color-red-400,#f87171)}.shift-editor-forms-empty{color:#9aa3ad;color:var(--text-muted,#9aa3ad);font-size:.8rem;margin-bottom:.5rem}.shift-editor-add-form{background:#0000;border:1px dashed #334155;border:1px dashed var(--border-color,#334155);border-radius:8px;color:#b0b6bf;color:var(--text-secondary,#b0b6bf);cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s ease}.shift-editor-add-form:hover{border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1);color:#818cf8;color:var(--color-indigo-400,#818cf8)}.role-list-pay-settings-btn{background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:.5rem;color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);cursor:pointer;font-size:.8125rem;padding:.5rem .75rem;transition:all .15s ease}.role-list-pay-settings-btn:hover{background:#4b5563;background:var(--color-gray-600,#4b5563);border-color:#6b7280;border-color:var(--color-gray-500,#6b7280)}.role-list-pay-loading{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:.875rem;padding:2rem;text-align:center}.role-list-pay-budget-summary{background:#1f2937;background:var(--color-gray-800,#1f2937);border:1px solid #374151;border:1px solid var(--color-gray-700,#374151);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.role-list-pay-budget-summary--warning{background:#f59e0b14;border-color:#f59e0b;border-color:var(--color-amber-500,#f59e0b)}.role-list-pay-budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.role-list-pay-budget-header h4{color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:1rem;font-weight:600;margin:0}.role-list-pay-budget-alert{background:#f59e0b26;border-radius:.25rem;color:#fbbf24;color:var(--color-amber-400,#fbbf24);font-size:.8125rem;font-weight:500;padding:.25rem .5rem}.role-list-pay-budget-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}.role-list-pay-budget-item{display:flex;flex-direction:column;gap:.25rem}.role-list-pay-budget-item--deficit{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--color-red-500,#ef4444);border-radius:.5rem;padding:.5rem}.role-list-pay-budget-label{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.role-list-pay-budget-value{color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:1.125rem;font-weight:600}.role-list-pay-budget-value--income{color:#34d399;color:var(--color-emerald-400,#34d399)}.role-list-pay-budget-value--expense{color:#d1d5db;color:var(--color-gray-300,#d1d5db)}.role-list-pay-budget-value--deficit{color:#f87171;color:var(--color-red-400,#f87171)}.role-list-pay-income-sources{border-top:1px solid #374151;border-top:1px solid var(--color-gray-700,#374151);padding-top:.75rem}.role-list-pay-income-label{color:#9ca3af;color:var(--color-gray-400,#9ca3af);display:block;font-size:.75rem;margin-bottom:.5rem}.role-list-pay-income-bars{display:flex;flex-wrap:wrap;gap:.75rem}.role-list-pay-income-source{align-items:center;display:flex;font-size:.8125rem;gap:.5rem}.role-list-pay-income-dot{border-radius:50%;height:8px;width:8px}.role-list-pay-income-name{color:#d1d5db;color:var(--color-gray-300,#d1d5db)}.role-list-pay-income-amount{color:#34d399;color:var(--color-emerald-400,#34d399);font-weight:500}.role-list-pay-deficit-actions{border-top:1px solid #f59e0b;border-top:1px solid var(--color-amber-500,#f59e0b);margin-top:1rem;padding-top:1rem}.role-list-pay-deficit-message{color:#d1d5db;color:var(--color-gray-300,#d1d5db);font-size:.875rem;margin:0 0 .75rem}.role-list-pay-deficit-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.role-list-pay-deficit-btn{background:#374151;background:var(--color-gray-700,#374151);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:.5rem;color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.role-list-pay-deficit-btn:hover{background:#4b5563;background:var(--color-gray-600,#4b5563)}.role-list-pay-deficit-btn--primary{background:#4f46e5;background:var(--color-indigo-600,#4f46e5);border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1);color:#fff}.role-list-pay-deficit-btn--primary:hover{background:#6366f1;background:var(--color-indigo-500,#6366f1)}.payment-settings-modal{max-width:480px}.payment-settings-section{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-gray-700,#374151);padding:1rem 0}.payment-settings-section:last-child{border-bottom:none}.payment-settings-section h3{color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:.9375rem;font-weight:600;margin:0 0 .5rem}.payment-settings-hint{color:#9ca3af;color:var(--color-gray-400,#9ca3af);font-size:.8125rem;margin:.25rem 0 .75rem}.payment-settings-toggle{align-items:center;color:#e5e7eb;color:var(--color-gray-200,#e5e7eb);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0}.payment-settings-toggle input[type=checkbox]{accent-color:#6366f1;accent-color:var(--color-indigo-500,#6366f1);height:1rem;width:1rem}.payment-settings-field{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.payment-settings-field label{color:#d1d5db;color:var(--color-gray-300,#d1d5db);font-size:.8125rem}.payment-settings-field input,.payment-settings-field select{background:#1f2937;background:var(--color-gray-800,#1f2937);border:1px solid #4b5563;border:1px solid var(--color-gray-600,#4b5563);border-radius:.5rem;color:#f3f4f6;color:var(--color-gray-100,#f3f4f6);font-size:.875rem;padding:.5rem .75rem}.payment-settings-field input:focus,.payment-settings-field select:focus{border-color:#6366f1;border-color:var(--color-indigo-500,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.hiring-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617c7;display:flex;inset:0;justify-content:center;overflow:auto;padding:clamp(1.25rem,5vh,3rem) clamp(.75rem,3vw,2.25rem);position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.hiring-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,#0f172af5,#0b0f19f0);border:1px solid #facc1538;border-radius:24px;box-shadow:0 30px 60px #070b1499;display:flex;flex-direction:column;margin:0 auto;max-height:min(95vh,960px);min-height:clamp(560px,78vh,900px);overflow-y:auto;scrollbar-gutter:stable;width:min(1140px,calc(100vw - clamp(1.25rem, 7vw, 4.5rem)))}.hiring-modal--inline{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #94a3b829;border-radius:16px;box-shadow:none;margin:0;max-height:none;min-height:auto;width:100%}.hiring-modal--inline .hiring-modal-header{border-radius:16px 16px 0 0}.hiring-modal--inline .close-btn{display:none}.hiring-modal--inline .hiring-modal-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);padding:clamp(1rem,2.2vw,1.5rem)}.hiring-modal--inline .hiring-modal-main{background:linear-gradient(148deg,#0f172aad,#0f172a7a)}.hiring-modal--inline .hiring-modal-aside{background:#0f172a59}.hiring-modal-header{align-items:center;background:linear-gradient(135deg,#1e293bf2,#111827d9);border-bottom:1px solid #94a3b833;border-radius:24px 24px 0 0;color:#facc15;color:var(--accent-gold,#facc15);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:clamp(1rem,2.2vw,1.5rem) clamp(1.5rem,3vw,2rem)}.hiring-modal-header h2{align-items:center;color:inherit;display:flex;font-size:clamp(1.3rem,2.4vw,1.65rem);font-weight:600;gap:12px;margin:0}.header-actions{gap:12px}.manage-roles-btn{align-items:center;background:#0f172a59;border:1px solid #facc1559;border-radius:999px;color:#facc15;color:var(--accent-gold,#facc15);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s ease}.manage-roles-btn:hover{background:#facc1533;border-color:#facc1573;transform:translateY(-1px)}.close-btn{background:#0f172a73;border:1px solid #94a3b859;border-radius:50%;color:#e2e8f0e6;font-size:22px;height:34px;padding:8px;transition:all .2s;width:34px}.close-btn:focus-visible,.close-btn:hover{background:#facc152e;border-color:#facc1573;color:#facc15;color:var(--accent-gold,#facc15);outline:none}.hiring-modal-layout{grid-gap:clamp(1rem,3vw,2rem);display:grid;flex:1 1 auto;gap:clamp(1rem,3vw,2rem);grid-template-columns:minmax(0,1fr) minmax(300px,380px);min-height:0;padding:clamp(1rem,3vw,2rem)}.hiring-modal-aside,.hiring-modal-main{display:flex;flex-direction:column;gap:clamp(.75rem,2.4vw,1.25rem);min-height:0}.hiring-modal-main{background:linear-gradient(148deg,#0f172abf,#0f172a8a);border:1px solid #94a3b82e;border-radius:16px;min-width:0;padding:clamp(1rem,2.4vw,1.5rem)}.hiring-modal-aside{background:#0f172a73;border:1px solid #94a3b838;border-radius:16px;gap:clamp(.75rem,2vw,1.25rem);max-height:100%;overflow-y:auto;padding:clamp(1rem,2.4vw,1.5rem);scrollbar-gutter:stable}.hiring-modal-description{color:#e2e8f0d1;flex-shrink:0;font-size:.95rem;line-height:1.6;margin:0}.hiring-error{background:#ef44441f;border:1px solid #f8717166;border-radius:8px;color:#b91c1c;font-size:.875rem;margin:0;padding:12px 16px}.hiring-control-grid{grid-gap:clamp(.75rem,2.2vw,1.5rem);display:grid;gap:clamp(.75rem,2.2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hiring-control-card{background:#080f1b8c;border:1px solid #94a3b82e;border-radius:16px;display:flex;flex-direction:column;gap:clamp(.75rem,1.8vw,1.25rem);padding:clamp(.75rem,2.1vw,1.25rem)}.hiring-control-card header h3{color:#f8fafce6;font-size:1rem;font-weight:600;margin:0}.control-stack{gap:clamp(.75rem,1.6vw,1rem)}.control-group,.control-stack{display:flex;flex-direction:column}.control-group{gap:8px}.control-group--inline{grid-gap:clamp(.75rem,1.6vw,1rem);display:grid;gap:clamp(.75rem,1.6vw,1rem);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.control-group--inline>label{display:flex;flex-direction:column;gap:8px}.control-label{color:#cbd5e1e6;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.control-input,.control-select{background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;color:#e2e8f0eb;font-size:.9rem;padding:12px}.control-input:focus,.control-select:focus{border-color:#facc1573;box-shadow:0 0 0 3px #facc152e;outline:none}.control-range{accent-color:#facc15;accent-color:var(--accent-gold,#facc15);width:100%}.tag-input{display:flex;flex-direction:column;gap:8px;position:relative}.tag-input__surface{align-items:center;background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;color:#e2e8f0eb;cursor:text;display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:8px;transition:border-color .2s ease,box-shadow .2s ease}.tag-input__surface:focus-within{border-color:#facc1573;box-shadow:0 0 0 3px #facc152e}.tag-token{align-items:center;background:#facc152e;border:1px solid #facc1573;border-radius:999px;color:#facc15;color:var(--accent-gold,#facc15);display:inline-flex;font-size:.76rem;gap:8px;padding:8px 12px}.tag-token__remove{background:#0000;border:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1;padding:0}.tag-token__remove:focus-visible,.tag-token__remove:hover{color:#f8fafce6}.tag-input__field{background:#0000;border:none;color:inherit;flex:1 1;font-size:.9rem;min-width:160px;padding:8px}.tag-input__field:focus{outline:none}.tag-suggestions{background:#080f1bf5;border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 18px 32px #080f1b8c;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.tag-suggestion__item button{align-items:center;background:#0000;border:none;color:#e2e8f0e6;cursor:pointer;display:flex;font-size:.85rem;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .2s ease;width:100%}.tag-suggestion__item button:focus-visible,.tag-suggestion__item button:hover{background:#3b82f62e;outline:none}.tag-suggestion__label{font-weight:600}.tag-suggestion__count{color:#94a3b8d9;font-size:.78rem}.auto-select-info{align-items:center;background:#facc151f;border:1px solid #facc1559;border-radius:12px;color:#e2e8f0e6;display:flex;font-size:.82rem;gap:12px;padding:8px 12px}.auto-select-label,.reselect-btn,.suggest-btn{color:#facc15;color:var(--accent-gold,#facc15);font-weight:600}.reselect-btn,.suggest-btn{align-items:center;background:#facc1533;border:1px solid #facc1573;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.82rem;justify-content:center;padding:8px 16px;transition:all .2s ease}.reselect-btn:hover,.suggest-btn:hover{background:#facc1552;transform:translateY(-1px)}.suggest-btn{align-self:flex-start}.loading-state,.no-users{align-items:center;color:#94a3b8;display:flex;font-style:italic;justify-content:center;padding:48px}.candidate-grid{grid-gap:clamp(.75rem,2.2vw,1.25rem);display:grid;flex:1 1 auto;gap:clamp(.75rem,2.2vw,1.25rem);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));min-height:0;overflow-y:auto;padding-right:2px}.candidate-card{background:linear-gradient(160deg,#0f172ac7,#11182785);border:1px solid #94a3b82e;border-radius:16px;box-shadow:0 16px 32px #070b1459;display:flex;flex-direction:column;gap:clamp(.75rem,1.6vw,1rem);padding:clamp(.75rem,1.8vw,1.25rem);position:relative;transition:border-color .2s ease,transform .2s ease}.candidate-card:hover{border-color:#facc1547;transform:translateY(-2px)}.candidate-card--selected{border-color:#facc158c;box-shadow:0 0 0 1px #facc1552,0 18px 38px #facc152e}.candidate-card--hired{opacity:.55;pointer-events:none}.candidate-card__header{align-items:flex-start;display:flex;gap:.75rem}.candidate-avatar{background:radial-gradient(circle at center,#facc1552,#38bdf82e);border-radius:12px;color:#0f172aeb;display:grid;font-size:1rem;font-weight:700;height:52px;letter-spacing:.04em;overflow:hidden;place-items:center;width:52px}.candidate-avatar img{height:100%;object-fit:cover;width:100%}.candidate-card__meta{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.candidate-card__name{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.candidate-card__name h3{color:#f8fafceb;font-size:1.05rem;margin:0}.candidate-card__type{color:#94a3b8bf;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.candidate-card__badge{align-items:center;background:#1e40af40;border-radius:999px;color:#bfdbfe;display:inline-flex;font-size:.75rem;gap:8px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.candidate-card--hired .candidate-card__badge{background:#ef444433;color:#fecaca}.candidate-card__select{align-items:center;color:#e2e8f0b3;display:flex;font-size:.78rem;gap:8px}.candidate-card__description{color:#cbd5e1e0;font-size:.92rem;line-height:1.5;margin:0}.candidate-card__metrics{grid-gap:clamp(.5rem,1.4vw,1rem);display:grid;gap:clamp(.5rem,1.4vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-card__metric{background:#080d178c;border:1px solid #94a3b829;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.candidate-card__metric .metric-label{color:#94a3b8b3;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.candidate-card__metric strong{color:#f8fafcf2;font-size:1rem;font-weight:600}.candidate-card__skills{display:flex;flex-wrap:wrap;gap:8px}.candidate-card__skills .skill-tag{background:#3b82f62e;border-radius:12px;color:#bfdbfe;font-size:.75rem;font-weight:500;padding:4px 8px}.candidate-card__insights{display:flex;flex-wrap:wrap;gap:8px}.candidate-card__footer{align-items:center;justify-content:space-between}.candidate-card__actions,.candidate-card__footer{display:flex;flex-wrap:wrap;gap:12px}.candidate-card__button{background:#0f172a59;border:1px solid #94a3b83d;border-radius:999px;color:#f8fafceb;cursor:pointer;font-size:.78rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.candidate-card__button:hover{border-color:#facc1573;color:#facc15;color:var(--accent-gold,#facc15)}.candidate-card__button--ghost{background:#0000}.candidate-card__button:disabled{border-color:#94a3b82e;color:#94a3b88c;cursor:not-allowed;opacity:.6}.candidate-card__selection{color:#94a3b8bf;font-size:.78rem}.hiring-summary{background:#0f172a80;border:1px solid #94a3b833;border-radius:16px;flex-shrink:0;padding:clamp(.75rem,2.3vw,1.25rem)}.selection-stats{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.stat{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.stat-label{color:#94a3b8cc;font-size:.75rem;letter-spacing:.06em}.stat-value{color:#facc15;color:var(--accent-gold,#facc15);font-size:1.15rem;font-weight:600}.hiring-actions{background:#0f172a80;border:1px solid #94a3b833;border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2.3vw,1.25rem)}.hire-btn{border:none;border-radius:999px;box-shadow:0 12px 24px #0f172a66;cursor:pointer;font-size:.9rem;font-weight:600;min-width:150px;padding:12px 24px;transition:all .2s}.hire-btn.monthly{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#f8fafc}.hire-btn.monthly:hover:not(:disabled){background:linear-gradient(135deg,#60a5faf2,#2563ebf2);transform:translateY(-1px)}.hire-btn.subscription{background:linear-gradient(135deg,#22c55eeb,#16a34aeb);color:#f0fdf4}.hire-btn.subscription:hover:not(:disabled){background:linear-gradient(135deg,#4ade80f2,#16a34af2);transform:translateY(-1px)}.hiring-actions .hire-btn{width:100%}.hire-btn:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.privacy-insights-panel{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-wrap:wrap;gap:clamp(.5rem,4vw,1.5rem);gap:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-lg,1.5rem));margin:clamp(.5rem,4vw,2rem) clamp(.5rem,4vw,2rem) 0;margin:clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-xl,2rem)) clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-xl,2rem)) 0;padding:clamp(.5rem,3vw,1.5rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-lg,1.5rem))}.hiring-modal-aside .privacy-insights-panel{margin:0;width:100%}.role-info{min-width:200px}.role-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.role-info p{color:#64748b;font-size:14px;margin:0 0 8px}.budget-info{color:#059669;font-size:14px;font-weight:500}.privacy-summary{display:flex;flex-direction:column;gap:8px}.privacy-toggle-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.privacy-toggle-btn:hover{background:#2563eb}.privacy-details{background:#f1f5f9d9;border:1px solid #94a3b83d;border-radius:8px;margin-top:8px;padding:12px}.privacy-stats{display:flex;gap:20px}.privacy-stats .stat{text-align:center}.privacy-stats .stat-value{color:#1e293b;display:block;font-size:20px;font-weight:700}.privacy-stats .stat-label{color:#64748b;display:block;font-size:12px;margin-top:4px}.hiring-report-summary{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.subscription-progress{background:#ffffff1a;border-radius:12px;border-radius:var(--radius-md,12px);margin:0 clamp(.5rem,4vw,2rem);margin:0 clamp(var(--spacing-sm,.5rem),4vw,var(--spacing-xl,2rem));padding:clamp(.25rem,3vw,.5rem) clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-xs,.25rem),3vw,var(--spacing-sm,.5rem)) clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.hiring-modal-aside .subscription-progress{margin:0}.subscription-progress-meta{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.subscription-progress-label{color:#666;font-size:.75rem}.subscription-progress-bar{background:#eee;border-radius:4px;flex:1 1;height:6px;overflow:hidden}.subscription-progress-fill{background:#4caf50;border-radius:4px;height:100%;transition:width .12s ease}.subscription-progress-fill.animating{animation:subscription-progress-animate .64s ease-out forwards}@keyframes subscription-progress-animate{0%{width:0}25%{width:15%}50%{width:45%}75%{width:70%}to{width:100%}}.subscription-progress-value{color:#666;font-size:.75rem;text-align:right;width:40px}.privacy-ok{color:#059669;font-size:12px;font-weight:500}.privacy-concerns{display:inline-block;position:relative}.privacy-warning{color:#dc2626;cursor:pointer;font-size:12px;font-weight:500}.concerns-tooltip{background:#0f172aeb;border-radius:8px;color:#fff;font-size:11px;left:0;min-width:200px;opacity:0;padding:8px 12px;position:absolute;top:100%;transition:opacity .2s ease;visibility:hidden;z-index:6300;z-index:var(--z-tooltip,6300)}.privacy-concerns:hover .concerns-tooltip{opacity:1;visibility:visible}.concern-item{margin-bottom:4px}.concern-item:last-child{margin-bottom:0}.warning-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}@media (max-width:1024px){.hiring-modal-layout{grid-template-columns:1fr;padding:clamp(.75rem,4vw,1.5rem)}.hiring-modal-aside{max-height:none;overflow:visible}}@media (max-width:768px){.hiring-modal{max-height:min(90vh,700px);min-height:clamp(420px,80vh,640px);width:min(96vw,720px)}.hiring-modal-description{font-size:.9rem}.candidate-card__metrics{grid-template-columns:1fr}.candidate-card__footer{align-items:stretch;flex-direction:column}.candidate-card__actions{justify-content:space-between;width:100%}.candidate-card__button{flex:1 1;text-align:center}}@media (prefers-reduced-motion:reduce){.candidate-card,.candidate-card__button,.hire-btn,.reselect-btn,.suggest-btn{transition:none}}.role-editor-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.role-editor-content{animation:slideIn .3s ease-out;background:var(--secondary-bg);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.role-editor-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:2px solid var(--border-color);border-radius:12px 12px 0 0;color:#fff;padding:24px 32px 16px}.role-editor-header h1{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin:0}.shop-context{font-size:.9rem;margin:8px 0 0;opacity:.9}.role-editor-form{padding:32px}.form-group{margin-bottom:24px}.form-group label{margin-bottom:8px}.role-title-input{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.role-title-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.role-title-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);opacity:.6}.form-section{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:12px;margin:32px 0;padding:24px}.form-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px}.users-list{background:var(--secondary-bg);border:1px dashed var(--border-dark);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:40px;padding:12px}.user-tag{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:24px;color:#a5b4fc;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.user-tag.support-user{background:#eab3082e;border:1px solid #eab30859;color:#fbbf24}.support-badge{font-size:.75rem;font-style:italic;opacity:.8}.remove-user{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.remove-user:hover{background:#fee2e2;transform:scale(1.1)}.user-search-container{position:relative}.user-search-input{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:12px 16px;transition:all .2s ease;width:100%}.user-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.user-dropdown{animation:dropdownAppear .2s ease-out;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;position:absolute;right:0;top:100%;z-index:10}.user-dropdown-header{align-items:center;background:#0f172abf;border-bottom:1px solid #94a3b833;color:#e2e8f0e6;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.close-dropdown{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;margin-left:auto;padding:0;width:24px}.close-dropdown:hover{background:#1e293b99}.user-dropdown-list{max-height:200px;overflow-y:auto}.user-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background-color .2s ease}.user-dropdown-item:hover{background:#1e293b8c}.no-users{color:var(--text-muted);font-style:italic;padding:16px;text-align:center}.permissions-table{background:var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.permission-row{align-items:center;background:var(--secondary-bg);display:flex;padding:16px 20px;transition:background-color .2s ease}.permission-row:hover{background:var(--bg-tertiary)}.permission-info{flex:1 1;margin-right:16px}.permission-label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:4px}.permission-description{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin:0}.permission-control{min-width:80px}.permission-select{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease;width:100%}.permission-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.permission-select:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.permission-select option{padding:4px 8px}.form-actions{border-top:2px solid var(--border-color);margin-top:32px;padding-top:24px}.primary-actions{display:flex;gap:12px}.delete-button{align-items:center;background:#ef4444;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.delete-button:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.delete-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.cancel-button{background:#6b7280;border-radius:8px;font-weight:500;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.cancel-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.submit-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 6px 12px #10b9814d;transform:translateY(-1px)}.submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.role-editor-modal{padding:12px}.role-editor-content{max-height:95vh}.role-editor-header{padding:20px 24px 12px}.role-editor-header h1{font-size:1.3rem}.role-editor-form{padding:24px 20px}.form-section{padding:20px 16px}.permission-row{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.permission-info{margin-right:0}.permission-control{min-width:0;min-width:auto;width:100%}.form-actions{align-items:stretch;flex-direction:column;gap:16px}.primary-actions{order:-1}.cancel-button,.delete-button,.submit-button{justify-content:center;width:100%}}.error-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#450a0acc,#7f1d1db3);border:1px solid #dc2626;color:#fecaca;margin:16px 32px 0}.error-icon{flex-shrink:0;font-size:1.2rem}.error-message{flex:1 1;font-size:.9rem}.error-dismiss{background:none;border:none;color:#fecaca;cursor:pointer;font-size:1.2rem;opacity:.7;padding:0 4px;transition:opacity .2s}.error-dismiss:hover{opacity:1}.chart-card{background:linear-gradient(135deg,#0f101cf2,#141626e6);border:1px solid #8b5cf633;border-radius:12px;padding:20px;transition:all .3s ease}.chart-card:hover{border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf626}.chart-card--full-width{grid-column:1/-1}.chart-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.chart-card__title-container{flex:1 1}.chart-card__title{color:#fff;font-size:16px;font-weight:600;margin:0}.chart-card__subtitle{color:#9ca3af;font-size:13px;margin:4px 0 0}.chart-card__actions{align-items:center;display:flex;gap:8px}.chart-card__content{min-height:200px;position:relative}.chart-card__error,.chart-card__loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.chart-card__error{color:#f87171}.chart-card__error-icon{font-size:24px}.chart-card__spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:32px;width:32px}.date-range-picker{display:inline-block;position:relative}.date-range-picker__trigger{align-items:center;background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:200px;padding:12px 16px;transition:all .2s ease}.date-range-picker__trigger:hover{background:#1f2937;border-color:#8b5cf680}.date-range-picker__icon{font-size:16px}.date-range-picker__text{flex:1 1;text-align:left}.date-range-picker__arrow{color:#9ca3af;font-size:10px;transition:transform .2s ease}.date-range-picker__arrow.open{transform:rotate(180deg)}.date-range-picker__dropdown{background:#1f2937fa;border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 8px 32px #0006;left:0;min-width:280px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:4700;z-index:var(--z-dropdown,4700)}.date-range-picker__section-title{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.date-range-picker__presets{margin-bottom:16px}.date-range-picker__preset{background:#0000;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.date-range-picker__preset:hover{background:#8b5cf61a;color:#fff}.date-range-picker__preset.active{background:#8b5cf633;color:#a78bfa}.date-range-picker__custom{border-top:1px solid #ffffff1a;padding-top:16px}.date-range-picker__inputs{display:flex;gap:12px}.date-range-picker__input-group{flex:1 1}.date-range-picker__input-group label{color:#9ca3af;display:block;font-size:12px;margin-bottom:4px}.date-range-picker__input-group input{background:#0000004d;border:1px solid #8b5cf633;border-radius:8px;color:#fff;font-size:13px;padding:8px 12px;width:100%}.date-range-picker__input-group input:focus{border-color:#8b5cf680;outline:none}.entity-selector{display:inline-block;position:relative}.entity-selector__trigger{align-items:center;background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;min-width:180px;padding:12px 16px;transition:all .2s ease}.entity-selector__trigger:hover{background:#1f2937;border-color:#8b5cf680}.entity-selector__icon{font-size:16px}.entity-selector__text{flex:1 1;text-align:left}.entity-selector__arrow{color:#9ca3af;font-size:10px;transition:transform .2s ease}.entity-selector__arrow.open{transform:rotate(180deg)}.entity-selector__dropdown{background:#1f2937fa;border:1px solid #8b5cf64d;border-radius:12px;box-shadow:0 8px 32px #0006;left:0;min-width:220px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:4700;z-index:var(--z-dropdown,4700)}.entity-selector__actions{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.entity-selector__action{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#a78bfa;cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;transition:all .2s ease}.entity-selector__action:hover:not(:disabled){background:#8b5cf633;border-color:#8b5cf666}.entity-selector__action:disabled{cursor:not-allowed;opacity:.5}.entity-selector__options{display:flex;flex-direction:column;gap:4px}.entity-selector__option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.entity-selector__option:hover{background:#8b5cf61a}.entity-selector__option.selected{background:#8b5cf626}.entity-selector__option.disabled{cursor:not-allowed;opacity:.5}.entity-selector__option input{accent-color:#8b5cf6}.entity-selector__option-icon{font-size:18px}.entity-selector__option-label{color:#d1d5db;font-size:14px}.entity-selector__limit{border-top:1px solid #ffffff1a;color:#9ca3af;font-size:12px;margin-top:12px;padding-top:12px;text-align:center}.export-button{display:inline-block;position:relative}.export-button__trigger{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.export-button__trigger:hover:not(:disabled){background:#10b98140;border-color:#10b98180}.export-button__trigger:disabled{cursor:not-allowed;opacity:.5}.export-button__icon{font-size:16px}.export-button__arrow{font-size:10px;opacity:.7;transition:transform .2s ease}.export-button__arrow.open{transform:rotate(180deg)}.export-button__spinner{animation:spin 1s linear infinite;border:2px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:16px;width:16px}.export-button__dropdown{background:#1f2937fa;border:1px solid #10b9814d;border-radius:8px;box-shadow:0 8px 32px #0006;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:4700;z-index:var(--z-dropdown,4700)}.export-button__option{background:#0000;border:none;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px;transition:all .2s ease;width:100%}.export-button__option:hover{background:#10b9811a;color:#10b981}.export-button__option-ext{color:#9ca3af;font-size:12px}.chart-legend{margin-top:12px}.chart-legend__item{-webkit-user-select:none;user-select:none}.chart-legend__item:hover{opacity:.8}.analytics-pie-chart{align-items:center;display:flex;flex-direction:column}@media (max-width:768px){.chart-card{padding:16px}.chart-card__header{flex-direction:column;gap:12px}.chart-card__actions{justify-content:flex-start;width:100%}.date-range-picker__trigger,.entity-selector__trigger{min-width:100%}.date-range-picker__dropdown,.entity-selector__dropdown{left:0;min-width:auto;right:0}.date-range-picker__inputs{flex-direction:column}.chart-legend--horizontal{align-items:flex-start!important;flex-direction:column!important}}.draggable-metric{align-items:center;background:#1f293799;border:1px solid #8b5cf633;border-radius:8px;cursor:grab;display:flex;gap:12px;margin:4px 0;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-metric--dimension{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f666}.draggable-metric--dimension:hover{background:linear-gradient(135deg,#3b82f640,#2563eb33);border-color:#3b82f699}.draggable-metric--dimension:before{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:8px 0 0 8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.draggable-metric--measure{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-color:#22c55e66;position:relative}.draggable-metric--measure:hover{background:linear-gradient(135deg,#22c55e40,#16a34a33);border-color:#22c55e99}.draggable-metric--measure:before{background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:8px 0 0 8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.draggable-metric--dimension{position:relative}.draggable-metric:hover{transform:translateX(4px)}.draggable-metric--dragging,.draggable-metric.dragging{box-shadow:0 8px 20px #0000004d;cursor:grabbing;opacity:.5;transform:scale(1.02)}.draggable-metric--selected,.draggable-metric.selected{box-shadow:0 0 0 2px #8b5cf699}.draggable-metric--dimension.selected{box-shadow:0 0 0 2px #3b82f699}.draggable-metric--measure.selected{box-shadow:0 0 0 2px #22c55e99}.draggable-metric__icon{flex-shrink:0;font-size:18px}.draggable-metric__content{flex:1 1;min-width:0}.draggable-metric__name{color:#fff;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-metric__aggregation{background:#22c55e33;border-radius:4px;color:#22c55e;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.draggable-metric__type{color:#9ca3af;flex-shrink:0;font-size:14px}.draggable-metric__drag-handle{color:#6b7280;flex-shrink:0;font-size:14px;opacity:.5;transition:opacity .2s ease}.draggable-metric:hover .draggable-metric__drag-handle{opacity:1}.metrics-palette{background:linear-gradient(180deg,#0f101cfa,#141626f2);border-right:1px solid #8b5cf633;display:flex;flex-direction:column;height:100%;overflow:hidden;width:280px}.metrics-palette--collapsed{width:48px}.metrics-palette--collapsed .metrics-palette__toggle{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;padding:12px;width:100%}.metrics-palette__header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:16px}.metrics-palette__header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.metrics-palette__toggle{background:#0000;border:1px solid #8b5cf64d;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.metrics-palette__toggle:hover{background:#8b5cf61a;color:#fff}.metrics-palette__tabs{border-bottom:1px solid #8b5cf61a;display:flex;gap:4px;padding:8px 12px}.metrics-palette__tab{background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:12px;padding:8px;transition:all .2s ease}.metrics-palette__tab:hover{background:#8b5cf61a;color:#fff}.metrics-palette__tab.active{background:#8b5cf633;color:#a78bfa}.metrics-palette__search{border-bottom:1px solid #8b5cf61a;padding:12px 16px}.metrics-palette__search-input{background:#0000004d;border:1px solid #8b5cf633;border-radius:8px;color:#fff;font-size:13px;padding:12px;width:100%}.metrics-palette__search-input::placeholder{color:#6b7280}.metrics-palette__search-input:focus{border-color:#8b5cf680;outline:none}.metrics-palette__content{flex:1 1;overflow-y:auto;padding:8px}.metrics-palette__loading{align-items:center;color:#9ca3af;display:flex;justify-content:center;padding:40px}.metrics-palette__help{background:#8b5cf60d;border-top:1px solid #8b5cf61a;padding:12px 16px}.metrics-palette__help p{color:#9ca3af;font-size:12px;margin:0}.metrics-category{margin-bottom:8px}.metrics-category__header{align-items:center;background:#8b5cf614;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px;transition:all .2s ease;width:100%}.metrics-category__header:hover{background:#8b5cf626;color:#fff}.metrics-category__icon{font-size:16px}.metrics-category__name{flex:1 1;text-align:left}.metrics-category__toggle{color:#6b7280;font-size:10px}.metrics-category__items{padding:4px 0 4px 16px}.metrics-palette__entities{display:flex;flex-direction:column;gap:8px}.entity-type-button{align-items:center;background:#1f293780;border:1px solid #8b5cf633;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s ease;width:100%}.entity-type-button:hover{background:#1f2937cc;border-color:#8b5cf666}.entity-type-button.selected{background:#8b5cf633;border-color:#8b5cf699;color:#fff}.entity-type-button__icon{font-size:20px}.entity-type-button__name{flex:1 1;text-align:left}.entity-drawer{margin-bottom:4px}.entity-drawer__header{align-items:center;background:#1f293780;border:1px solid #8b5cf633;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s ease;width:100%}.entity-drawer__header:hover{background:#1f2937cc;border-color:#8b5cf666}.entity-drawer__header.selected{background:#8b5cf633;border-color:#8b5cf699;color:#fff}.entity-drawer__icon{font-size:20px}.entity-drawer__name{flex:1 1;font-weight:500;text-align:left}.entity-drawer__count{align-items:center;background:#8b5cf64d;border-radius:12px;color:#a78bfa;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 8px}.entity-drawer__toggle{color:#6b7280;font-size:10px;transition:transform .2s ease}.entity-drawer__instances{border-left:2px solid #8b5cf633;display:flex;flex-direction:column;gap:2px;margin-left:24px;margin-top:4px;padding-left:12px}.entity-instance{align-items:center;background:#0003;border:1px solid #8b5cf61a;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;padding:8px 12px;transition:all .2s ease;width:100%}.entity-instance:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#d1d5db}.entity-instance.selected{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.entity-instance__name{flex:1 1;text-align:left}.metrics-palette__visualizations{display:flex;flex-direction:column;gap:8px}.visualization-type-button{align-items:center;background:#1f293780;border:1px solid #8b5cf633;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px;transition:all .2s ease;width:100%}.visualization-type-button:hover{background:#1f2937cc;border-color:#8b5cf666}.visualization-type-button.selected{background:#8b5cf633;border-color:#8b5cf699;color:#fff}.visualization-type-button__icon{font-size:20px}.visualization-type-button__name{flex:1 1;text-align:left}.visualization-type-button__meta{color:#6b7280;font-size:11px}.analytics-canvas{background:linear-gradient(180deg,#0f101cf2,#141626e6);border:2px dashed #8b5cf633;border-radius:16px;display:flex;flex:1 1;flex-direction:column;min-height:500px;position:relative;transition:all .3s ease}.analytics-canvas--drag-over{background:linear-gradient(180deg,#8b5cf60d,#8b5cf605);border-color:#8b5cf699;box-shadow:inset 0 0 40px #8b5cf61a}.analytics-canvas__empty{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px;text-align:center;transition:all .2s ease}.analytics-canvas--drag-over .analytics-canvas__empty{background:#8b5cf60d}.analytics-canvas__empty-icon{font-size:64px;margin-bottom:24px;opacity:.6}.analytics-canvas__empty h3{color:#d1d5db;font-size:24px;font-weight:600;margin:0 0 12px}.analytics-canvas__empty p{color:#6b7280;font-size:14px;margin:0}.analytics-canvas__toolbar{align-items:center;background:#0003;border-bottom:1px solid #8b5cf61a;border-radius:12px 12px 0 0;display:flex;gap:16px;padding:16px 20px}.analytics-canvas__chart-types{background:#0003;border-radius:8px;display:flex;gap:4px;padding:4px}.chart-type-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:18px;opacity:.6;padding:8px 12px;transition:all .2s ease}.chart-type-btn:hover{background:#8b5cf626;opacity:1}.chart-type-btn.active{background:#8b5cf640;opacity:1}.analytics-canvas__metrics-list{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.analytics-canvas__metric-tag{align-items:center;border-radius:24px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.analytics-canvas__metric-remove{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:18px}.analytics-canvas__metric-remove:hover{background:#f006}.analytics-canvas__chart-area{border-radius:8px;flex:1 1;min-height:400px;padding:24px;transition:all .2s ease}.analytics-canvas__chart-area--drop-active{background:#8b5cf60d;border:2px dashed #8b5cf666;box-shadow:inset 0 0 20px #8b5cf61a}.analytics-canvas__loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.analytics-canvas__spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:48px;width:48px}.analytics-canvas__drop-hint{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:24px;color:#a78bfa;padding:12px 24px}.analytics-canvas__guide-overlay{background:linear-gradient(135deg,#8b5cf626,#a855f71a);border-bottom:1px solid #8b5cf64d;border-radius:12px 12px 0 0;padding:12px 16px;position:relative;z-index:10}.analytics-canvas__guide-content{align-items:center;display:flex;gap:12px;justify-content:center}.analytics-canvas__guide-icon{font-size:18px}.analytics-canvas__guide-text{color:#d1d5db;font-size:13px;font-weight:500}.analytics-canvas__drop-zones{grid-gap:12px;background:#0000004d;border-bottom:1px solid #8b5cf626;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.analytics-canvas__drop-zone{background:#8b5cf60d;border:2px dashed #8b5cf633;border-radius:12px;min-height:80px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-canvas__drop-zone:before{background:radial-gradient(circle at center,#8b5cf61a 0,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.analytics-canvas__drop-zone:hover:before{opacity:1}.analytics-canvas__drop-zone.active{background:#8b5cf626;border-color:#8b5cf6cc;border-style:solid;box-shadow:inset 0 0 30px #8b5cf626,0 0 20px #8b5cf633;transform:scale(1.02)}.analytics-canvas__drop-zone.active:after{animation:pulse 1.5s ease-in-out infinite;background:#8b5cf633;border-radius:4px;bottom:8px;color:#a78bfa;content:"+ Drop here";font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:12px}.analytics-canvas__drop-zone.has-items{background:#8b5cf614;border-style:solid}.drop-zone__header{align-items:center;border-bottom:1px solid #8b5cf626;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.drop-zone__icon{font-size:16px}.drop-zone__label{color:#a78bfa;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.drop-zone__items{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.drop-zone__placeholder{color:#6b7280;font-size:12px;font-style:italic;padding:8px;text-align:center;width:100%}.drop-zone__item{align-items:center;border-radius:8px;color:#fff;cursor:default;display:flex;font-size:12px;font-weight:500;gap:8px;padding:4px 8px 4px 12px}.drop-zone__item-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-zone__item-remove{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;line-height:1;padding:0;transition:background .2s ease;width:16px}.drop-zone__item-remove:hover{background:#ff000080}.drop-zone__item--dimension{background:linear-gradient(135deg,#3b82f6e6,#2563ebcc)!important}.drop-zone__item--measure{background:linear-gradient(135deg,#22c55ee6,#16a34acc)!important}.drop-zone__item-aggregation{background:#00000040;border-radius:4px;color:#ffffffe6;flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.3px;padding:2px 4px;text-transform:uppercase}.drop-zone__count{background:#8b5cf633;border-radius:12px;color:#a78bfa;font-size:10px;margin-left:auto;padding:2px 8px}.drop-zone__item-drag-handle{color:#ffffff80;cursor:grab;font-size:10px;padding-right:4px;transition:color .2s ease}.drop-zone__item:hover .drop-zone__item-drag-handle{color:#ffffffe6}.drop-zone__item.dragging .drop-zone__item-drag-handle{cursor:grabbing}.drop-zone__item{cursor:grab;transition:all .2s ease}.drop-zone__item:hover{box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.drop-zone__item.selected{box-shadow:0 0 0 2px #fffc;transform:scale(1.02)}.drop-zone__item.dragging{cursor:grabbing;opacity:.5;transform:scale(1.05)}.analytics-canvas__drop-zone.drop-target{background:#ffc1071a;border-color:#ffc10799}.analytics-workspace{display:flex;gap:0;height:100%;min-height:600px}.analytics-workspace__main{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px}.pivot-table-container{background:#0003;border:1px solid #8b5cf633;border-radius:12px;overflow-x:auto}.pivot-table{border-collapse:collapse;font-size:13px;width:100%}.pivot-table__header{background:#8b5cf61a;border-bottom:1px solid #8b5cf633;color:#d1d5db;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.pivot-table__header--row{min-width:120px}.pivot-table__header--value{min-width:150px}.pivot-table__header-content{align-items:center;display:flex;gap:8px}.pivot-table__header-color{border-radius:4px;flex-shrink:0;height:12px;width:12px}.pivot-table__row{transition:background .2s ease}.pivot-table__row:hover{background:#8b5cf614}.pivot-table__row:nth-child(2n){background:#0000001a}.pivot-table__row:nth-child(2n):hover{background:#8b5cf614}.pivot-table__cell{border-bottom:1px solid #8b5cf61a;color:#e5e7eb;padding:12px 16px}.pivot-table__cell--label{color:#d1d5db;font-weight:500}.pivot-table__cell--value{position:relative}.pivot-table__value{position:relative;z-index:1}.pivot-table__bar{height:100%;left:0;opacity:.15;position:absolute;top:0;transition:width .3s ease}.pivot-table__cell--total{color:#a78bfa;font-weight:600}.pivot-table__totals{background:#8b5cf61a}.pivot-table__totals .pivot-table__cell{border-bottom:none;border-top:2px solid #8b5cf64d}.context-insights{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:16px;padding:12px 16px}.context-insights__header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.context-insights__icon{font-size:16px}.context-insights__title{color:#a78bfa;font-size:13px;font-weight:600}.context-insights__content{display:flex;flex-direction:column;gap:8px}.context-insights__categories{display:flex;flex-wrap:wrap;gap:8px}.context-insights__category-tag{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;color:#c4b5fd;font-size:11px;font-weight:500;padding:4px 12px;text-transform:capitalize}.context-insights__tip{color:#9ca3af;font-size:12px;line-height:1.5;margin:0}.context-insights__tip strong{color:#a78bfa}.analytics-canvas__empty-hints{display:flex;flex-direction:column;gap:12px;margin-top:24px}.empty-hint{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:8px;color:#9ca3af;display:flex;font-size:13px;gap:12px;padding:12px 16px;transition:all .2s ease}.empty-hint:hover{background:#8b5cf61f;border-color:#8b5cf640;color:#d1d5db}.empty-hint__icon{font-size:18px}.analytics-canvas__auto-badge{align-items:center;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid #8b5cf64d;border-radius:16px;color:#c4b5fd;display:flex;font-size:11px;gap:8px;padding:8px 12px}.auto-badge__icon{font-size:12px}.auto-badge__text{font-weight:500}.chart-type-divider{background:#8b5cf64d;height:24px;margin:0 4px;width:1px}.metric-tag__type{font-size:12px;opacity:.8}.analytics-canvas__context-menu{animation:contextMenuFadeIn .15s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#1e2030fa,#191b2afa);border:1px solid #8b5cf64d;border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;min-width:180px;padding:8px 0}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu__item{align-items:center;background:#0000;border:none;color:#e5e7eb;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.context-menu__item:hover{background:#8b5cf633;color:#fff}.context-menu__item.active{color:#a78bfa}.context-menu__item--sub{font-size:12px;padding-left:24px}.context-menu__item--danger{color:#f87171}.context-menu__item--danger:hover{background:#ef444433;color:#fca5a5}.context-menu__divider{background:#8b5cf633;height:1px;margin:8px 0}.context-menu__submenu{padding:4px 0}.context-menu__submenu-label{color:#9ca3af;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.analytics-canvas__drop-hint{align-items:center;animation:pulse 1.5s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b5cf640;border:1px solid #8b5cf680;border-radius:28px;bottom:20px;color:#c4b5fd;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:12px 28px;position:absolute;transform:translateX(-50%)}.drop-hint__icon{font-size:18px;font-weight:700}.analytics-workspace__header{margin-bottom:8px}.analytics-workspace__header h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.analytics-workspace__header p{color:#9ca3af;font-size:13px;margin:0}@media (max-width:640px){.chart-card{border-radius:12px;padding:12px}.chart-card__title{font-size:.95rem}.chart-card__subtitle{font-size:.75rem}.date-range-picker__trigger,.entity-selector__trigger{font-size:.85rem;min-height:44px;padding:12px}.metrics-palette{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:nowrap;max-height:none;overflow-x:auto;padding-bottom:8px}.draggable-metric{flex-shrink:0;font-size:.8rem;min-width:120px;padding:8px 12px}.chart-container{min-height:220px}.chart-legend{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px}.chart-legend__item{flex-shrink:0;font-size:.75rem;padding:4px 8px}.export-button{font-size:.8rem;padding:8px 12px}.export-button__dropdown{min-width:140px}.analytics-canvas__toolbar{flex-wrap:wrap;gap:8px;padding:8px}.analytics-canvas__toolbar button{font-size:.8rem;padding:8px 12px}.analytics-drop-zone{min-height:100px;padding:16px}.drop-hint{font-size:.85rem;padding:12px 20px}}@media (max-width:480px){.chart-card{padding:12px}.chart-card__header{gap:8px}.chart-card__title{font-size:.9rem}.chart-container{min-height:180px}.analytics-workspace__header h3{font-size:1rem}.analytics-workspace__header p{font-size:.75rem}}.data-analysis-center{background:linear-gradient(180deg,#0a0b14,#0f1020);min-height:100%;padding:24px}.data-analysis-center__header{margin-bottom:24px}.data-analysis-center__title-row{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.data-analysis-center__title-group,.data-analysis-center__title-row{align-items:flex-start;display:flex;gap:16px}.data-analysis-center__icon{color:#8b5cf6;flex-shrink:0;height:32px;width:32px}.data-analysis-center__title-group h2{color:#fff;font-size:24px;font-weight:700;margin:0}.data-analysis-center__title-group p{color:#9ca3af;font-size:14px;margin:4px 0 0}.data-analysis-center__actions{align-items:center;display:flex;gap:12px}.data-analysis-center__refresh{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.data-analysis-center__refresh:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680}.data-analysis-center__refresh:disabled{cursor:not-allowed;opacity:.5}.data-analysis-center__action-btn{align-items:center;background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.data-analysis-center__action-btn:hover{background:#1f2937;border-color:#8b5cf680}.data-analysis-center__action-btn--primary{background:#8b5cf64d;border-color:#8b5cf680;color:#a78bfa}.data-analysis-center__action-btn--primary:hover{background:#8b5cf666}.data-analysis-center__action-btn--danger{background:#f8717126;border-color:#f871714d;color:#f87171}.data-analysis-center__action-btn--danger:hover{background:#f8717140}.data-analysis-center__toolbar{align-items:center;background:#1f293780;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px 16px}.data-analysis-center__toolbar-divider{background:#8b5cf633;height:32px;margin:0 8px;width:1px}.data-analysis-center__toolbar-btn{align-items:center;background:#0000;border:1px solid #8b5cf640;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.data-analysis-center__toolbar-btn:hover{background:#8b5cf61a;border-color:#8b5cf666;color:#d1d5db}.data-analysis-center__toolbar-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.data-analysis-center__badge{align-items:center;background:#8b5cf6;border-radius:8px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px}.data-analysis-center__filter-panel{animation:slideDown .2s ease;background:#0f101cf2;border:1px solid #8b5cf640;border-radius:12px;margin-top:16px;padding:16px}.data-analysis-center__filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.data-analysis-center__filter-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.data-analysis-center__filter-header button{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.data-analysis-center__filter-header button:hover{background:#8b5cf64d}.data-analysis-center__filter-empty{color:#6b7280;font-size:14px;margin:0;padding:20px;text-align:center}.data-analysis-center__filter-list{display:flex;flex-direction:column;gap:12px}.data-analysis-center__filter-item{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.data-analysis-center__filter-item input[type=text],.data-analysis-center__filter-item select{background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:13px;min-width:120px;padding:8px 12px}.data-analysis-center__filter-item input:focus,.data-analysis-center__filter-item select:focus{border-color:#8b5cf680;outline:none}.data-analysis-center__filter-toggle{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:8px}.data-analysis-center__filter-toggle input{accent-color:#8b5cf6}.data-analysis-center__filter-remove{align-items:center;background:#f8717126;border:1px solid #f871714d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.data-analysis-center__filter-remove:hover{background:#f8717140}.data-analysis-center__style-panel{animation:slideDown .2s ease;background:#0f101cf2;border:1px solid #8b5cf640;border-radius:12px;margin-top:16px;padding:16px}.data-analysis-center__style-panel h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.data-analysis-center__style-option{margin-bottom:16px}.data-analysis-center__style-option>label{color:#9ca3af;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.data-analysis-center__style-option select{background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:13px;min-width:150px;padding:8px 12px}.data-analysis-center__color-schemes{display:flex;flex-wrap:wrap;gap:8px}.data-analysis-center__color-scheme{align-items:center;background:#1f293780;border:1px solid #8b5cf633;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:8px;padding:12px;transition:all .2s ease}.data-analysis-center__color-scheme:hover{background:#1f2937cc;border-color:#8b5cf666}.data-analysis-center__color-scheme.active{background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa}.data-analysis-center__color-preview{display:flex;gap:2px}.data-analysis-center__color-preview span{border-radius:4px;height:16px;width:16px}.data-analysis-center__style-checkboxes{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.data-analysis-center__style-checkboxes label{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-size:13px;gap:8px}.data-analysis-center__style-checkboxes input{accent-color:#8b5cf6}.data-analysis-center__workspace{display:flex;gap:16px;margin-top:20px;min-height:600px}.data-analysis-center__canvas-area{background:linear-gradient(135deg,#0f101cf2,#141626e6);border:2px dashed #8b5cf64d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:500px;overflow:hidden;position:relative;transition:all .2s ease}.data-analysis-center__canvas-area--drag-over{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-color:#8b5cf6cc;box-shadow:inset 0 0 40px #8b5cf626}.data-analysis-center__guide-overlay{align-items:center;background:linear-gradient(135deg,#8b5cf633,#a855f71a);border-bottom:1px solid #8b5cf64d;display:flex;gap:12px;justify-content:center;padding:12px 20px}.data-analysis-center__guide-icon{font-size:18px}.data-analysis-center__guide-text{color:#d1d5db;font-size:14px;font-weight:500}.data-analysis-center__drop-target{align-items:center;background:#8b5cf60d;border:2px dashed #8b5cf64d;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:40px;transition:all .2s ease}.data-analysis-center__canvas-area--drag-over .data-analysis-center__drop-target{background:#8b5cf61a;border-color:#8b5cf699;transform:scale(1.02)}.data-analysis-center__drop-target svg{color:#8b5cf680}.data-analysis-center__canvas-area--drag-over .data-analysis-center__drop-target svg{color:#8b5cf6cc}.data-analysis-center__drop-target h3{color:#d1d5db;font-size:20px;font-weight:600;margin:0}.data-analysis-center__drop-target p{color:#9ca3af;font-size:14px;margin:0}.data-analysis-center__canvas-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:500px;padding:40px;text-align:center}.data-analysis-center__canvas-empty svg{color:#8b5cf666;margin-bottom:20px}.data-analysis-center__canvas-empty h3{color:#d1d5db;font-size:18px;font-weight:600;margin:0 0 8px}.data-analysis-center__canvas-empty p{font-size:14px;margin:0 0 24px;max-width:400px}.data-analysis-center__canvas-tips{background:#1f293780;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:left}.data-analysis-center__tip{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:12px}.data-analysis-center__tip-icon{align-items:center;background:#8b5cf64d;border-radius:50%;color:#a78bfa;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.data-analysis-center__modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.data-analysis-center__modal{animation:slideUp .2s ease;background:linear-gradient(135deg,#1a1b2e,#0f1020);border:1px solid #8b5cf64d;border-radius:16px;margin:20px;max-width:480px;padding:24px;width:100%}.data-analysis-center__modal h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.data-analysis-center__modal>p{color:#9ca3af;font-size:14px;margin:0 0 20px}.data-analysis-center__modal-field{margin-bottom:16px}.data-analysis-center__modal-field label{color:#d1d5db;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.data-analysis-center__modal-field input,.data-analysis-center__modal-field textarea{background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:14px;padding:12px;resize:vertical;width:100%}.data-analysis-center__modal-field input:focus,.data-analysis-center__modal-field textarea:focus{border-color:#8b5cf680;outline:none}.data-analysis-center__modal-field input::placeholder,.data-analysis-center__modal-field textarea::placeholder{color:#6b7280}.data-analysis-center__modal-preview{background:#1f293780;border-radius:8px;margin-bottom:20px;padding:12px}.data-analysis-center__modal-preview h4{color:#9ca3af;font-size:13px;font-weight:500;margin:0 0 8px}.data-analysis-center__modal-preview ul{color:#d1d5db;font-size:13px;margin:0;padding:0 0 0 20px}.data-analysis-center__modal-preview li{margin-bottom:4px}.data-analysis-center__modal-actions{display:flex;gap:12px;justify-content:flex-end}.data-analysis-center__modal-actions button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.data-analysis-center__modal-actions button:first-child{background:#1f2937cc;border:1px solid #8b5cf64d;color:#d1d5db}.data-analysis-center__modal-actions button:first-child:hover{background:#1f2937}.data-analysis-center__modal-actions button.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff}.data-analysis-center__modal-actions button.primary:hover:not(:disabled){background:linear-gradient(135deg,#9d7aff,#8b5cf6)}.data-analysis-center__modal-actions button:disabled{cursor:not-allowed;opacity:.5}.data-analysis-center__content{min-height:400px}.data-analysis-center__empty,.data-analysis-center__error,.data-analysis-center__loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.data-analysis-center__spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:16px;width:40px}.data-analysis-center__error{color:#f87171}.data-analysis-center__error span{font-size:32px;margin-bottom:12px}.data-analysis-center__error button{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:14px;margin-top:16px;padding:12px 20px;transition:all .2s ease}.data-analysis-center__error button:hover{background:#8b5cf64d}.data-analysis-center__summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.summary-card{align-items:flex-start;background:linear-gradient(135deg,#0f101cf2,#141626e6);border:1px solid #8b5cf633;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.summary-card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.summary-card__icon{flex-shrink:0;font-size:24px}.summary-card__content{flex:1 1;min-width:0}.summary-card__title{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.summary-card__value{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:4px 0 0}.summary-card__subtitle{color:#6b7280;display:block;font-size:12px;margin-top:4px}.summary-card__trend{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px}.summary-card__trend.positive{color:#10b981}.summary-card__trend.negative{color:#f87171}.data-analysis-center__charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:1280px){.data-analysis-center__charts-grid{grid-template-columns:1fr}}.data-analysis-center__demographics,.data-analysis-center__entity-view{display:flex;flex-direction:column;gap:24px}.data-analysis-center__demographics-header{margin-bottom:8px}.data-analysis-center__demographics-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.data-analysis-center__demographics-header p{color:#9ca3af;font-size:14px;margin:4px 0 16px}.data-analysis-center__demographics-filters{align-items:center;display:flex;gap:16px}.data-analysis-center__demographics-filters label{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px}.data-analysis-center__demographics-filters select{background:#1f2937cc;border:1px solid #8b5cf64d;border-radius:8px;color:#fff;font-size:14px;padding:8px 12px}.data-analysis-center__demographics-filters select:focus{border-color:#8b5cf680;outline:none}.data-analysis-center__question-demographics{margin-top:24px}.data-analysis-center__question-demographics h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.data-analysis-center__question-chart-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-analysis-center__mini-chart h5{color:#9ca3af;font-size:13px;font-weight:500;margin:0 0 8px}@media (max-width:768px){.data-analysis-center{padding:16px}.data-analysis-center__title-row{flex-direction:column}.data-analysis-center__actions{justify-content:flex-start;width:100%}.data-analysis-center__filters{flex-direction:column;width:100%}.data-analysis-center__tabs{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.data-analysis-center__summary-grid{grid-template-columns:repeat(2,1fr)}.summary-card__value{font-size:20px}}@media (max-width:480px){.data-analysis-center__summary-grid{grid-template-columns:1fr}.data-analysis-center__tab{font-size:13px;padding:12px}.data-analysis-center__tab-icon{font-size:16px}}.data-analysis-center__action-btn--optimize{background:linear-gradient(135deg,#a855f733,#ec489933);border:1px solid #a855f766;color:#c4b5fd}.data-analysis-center__action-btn--optimize:hover{background:linear-gradient(135deg,#a855f74d,#ec48994d);border-color:#a855f799;box-shadow:0 4px 12px #a855f74d;transform:translateY(-1px)}.data-analysis-center__action-btn--optimize:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.data-analysis-center__optimization-modal{background:linear-gradient(180deg,#1f2937,#111827);border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}.optimization-modal__header{align-items:center;background:#8b5cf60d;border-bottom:1px solid #8b5cf633;display:flex;gap:12px;padding:20px 24px}.optimization-modal__header svg{color:#a78bfa}.optimization-modal__header h3{color:#fff;flex:1 1;font-size:18px;font-weight:600;margin:0}.optimization-modal__close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:color .2s ease}.optimization-modal__close:hover{color:#fff}.optimization-modal__loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 24px}.optimization-modal__spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#a78bfa;height:48px;width:48px}.optimization-modal__loading p{color:#fff;font-size:16px;font-weight:500;margin:0}.optimization-modal__loading span{color:#9ca3af;font-size:14px}.optimization-modal__intro{border-bottom:1px solid #8b5cf61a;padding:16px 24px}.optimization-modal__intro p{color:#9ca3af;font-size:14px;margin:0 0 12px}.optimization-modal__stats{display:flex;flex-wrap:wrap;gap:12px}.optimization-modal__stats .stat{border-radius:8px;font-size:12px;font-weight:500;padding:4px 12px}.optimization-modal__stats .stat--high{background:#22c55e26;color:#22c55e}.optimization-modal__stats .stat--medium{background:#eab30826;color:#eab308}.optimization-modal__stats .stat--low{background:#3b82f626;color:#3b82f6}.optimization-modal__stats .stat--savings{background:#8b5cf626;color:#a78bfa}.optimization-modal__suggestions{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px 24px}.optimization-suggestion{background:#1f293780;border:1px solid #4b55634d;border-radius:12px;padding:16px;transition:all .2s ease}.optimization-suggestion.accepted{background:#22c55e14;border-color:#22c55e66}.optimization-suggestion.rejected{background:#ef44440d;border-color:#ef44444d;opacity:.7}.optimization-suggestion__header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.optimization-suggestion__impact{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px}.optimization-suggestion__impact.impact--high{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.optimization-suggestion__impact.impact--medium{background:#eab30833;border:1px solid #eab3084d;color:#eab308}.optimization-suggestion__impact.impact--low{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.optimization-suggestion__category{background:#8b5cf626;border:1px solid #8b5cf640;border-radius:4px;color:#a78bfa;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.optimization-suggestion__type{background:#4b55634d;border-radius:4px;color:#9ca3af;font-size:10px;font-weight:500;padding:4px 8px;text-transform:capitalize}.optimization-suggestion__confidence{background:#10b98126;border-radius:4px;color:#10b981;font-size:10px;font-weight:500;margin-left:auto;padding:4px 8px}.optimization-suggestion__savings{background:#8b5cf61a;border-radius:8px;color:#a78bfa;font-size:13px;padding:8px 12px}.optimization-suggestion__title{color:#fff;font-size:15px;font-weight:600;margin:0 0 8px}.optimization-suggestion__description{color:#9ca3af;font-size:13px;line-height:1.5;margin:0 0 16px}.optimization-suggestion__diff{align-items:center;background:#0003;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.diff-current,.diff-suggested{display:flex;flex:1 1;flex-direction:column;gap:4px}.diff-current{border-right:1px solid #ef44444d;padding-right:12px}.diff-suggested{border-left:1px solid #22c55e4d;padding-left:12px}.diff-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.diff-current .diff-label{color:#f87171}.diff-suggested .diff-label{color:#22c55e}.diff-value{color:#d1d5db;font-size:13px}.diff-arrow{color:#6b7280;flex-shrink:0;font-size:18px}.optimization-suggestion__actions{display:flex;gap:8px}.suggestion-btn{background:#4b55634d;border:1px solid #0000;border-radius:8px;color:#9ca3af;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.suggestion-btn:hover{background:#4b556380;color:#d1d5db}.suggestion-btn--accept.active{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.suggestion-btn--reject.active{background:#ef444426;border-color:#ef44444d;color:#f87171}.optimization-modal__footer{align-items:center;background:#0003;border-top:1px solid #8b5cf633;display:flex;justify-content:space-between;padding:16px 24px}.optimization-modal__summary{color:#9ca3af;font-size:13px}.optimization-modal__actions{display:flex;gap:12px}.optimization-modal__actions button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.optimization-modal__actions button:first-child{background:#4b55634d;border:1px solid #4b556380;color:#9ca3af}.optimization-modal__actions button:first-child:hover{background:#4b556380;color:#d1d5db}.optimization-modal__actions button.primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;color:#fff}.optimization-modal__actions button.primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.optimization-modal__actions button.primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.data-analysis-center__optimization-modal{max-height:90vh;width:95%}.optimization-suggestion__diff{flex-direction:column;gap:8px}.diff-current,.diff-suggested{border:none;padding:0;width:100%}.diff-current{border-bottom:1px solid #ef444433;padding-bottom:8px}.diff-suggested{border-top:1px solid #22c55e33;padding-top:8px}.diff-arrow{display:none}.optimization-modal__footer{flex-direction:column;gap:12px}.optimization-modal__actions{width:100%}.optimization-modal__actions button{flex:1 1}}.workflow-manager{background:#060a12bf;border:1px solid #ffffff0a;border-radius:4px;box-shadow:none;display:flex;flex-direction:column;height:100%;min-height:clamp(560px,76vh,1000px);width:100%}.workflow-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff14;padding:.5rem .75rem}.workflow-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.workflow-actions{gap:.25rem}.clear-btn,.danger-btn,.save-btn{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.82rem;padding:.5rem .75rem;transition:all .2s ease}.clear-btn:hover{background:#ef444426;border-color:#ef4444;color:#fca5a5}.save-btn:hover{background:#22c55e26;border-color:#22c55e;color:#86efac}.save-btn--draft{border-color:#6366f166}.save-btn--draft:hover{background:#6366f126;border-color:#6366f1;color:#a5b4fc}.danger-btn{border-color:#ef4444a6}.danger-btn:hover{background:#ef444426;border-color:#ef4444;color:#fca5a5}.clear-btn.is-active{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.workflow-content{grid-column-gap:clamp(.25rem,.8vw,.75rem);box-sizing:border-box;column-gap:clamp(.25rem,.8vw,.75rem);display:grid;flex:1 1;grid-template-areas:"sidebar canvas structure";height:100%;min-height:0;overflow:hidden;padding:clamp(.25rem,.3vw,.25rem) clamp(.25rem,.6vw,.25rem);position:relative;width:100%}.workflow-content,.workflow-content.has-structure-collapsed{grid-template-columns:clamp(180px,16vw,240px) minmax(0,1fr) clamp(180px,16vw,240px)}@media (max-width:1280px){.workflow-content,.workflow-content.has-structure-collapsed{grid-template-columns:clamp(160px,24vw,210px) minmax(0,1fr) clamp(180px,22vw,250px)}.workflow-content{row-gap:1rem}.workflow-content,.workflow-content.has-structure-collapsed{grid-template-areas:"sidebar canvas" "sidebar structure";grid-template-columns:clamp(200px,32vw,280px) minmax(0,1fr)}.workflow-canvas-body{padding:clamp(.75rem,1.6vw,1rem)}.workflow-structure-panel{border-left:none;border-top:1px solid var(--border-color);grid-column:1/-1;padding-top:1.25rem}}@media (max-width:1024px){.workflow-content,.workflow-content.has-structure-collapsed{grid-template-areas:"sidebar" "canvas" "structure";grid-template-columns:1fr}.workflow-sidebar{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;flex-wrap:wrap;gap:.5rem;overflow-y:visible}.workflow-structure-panel{border-left:none;border-top:1px solid var(--border-color)}.workflow-canvas-body{padding:.75rem}}.workflow-sidebar__section.is-open{box-shadow:0 4px 10px #0f172a14}.workflow-sidebar__header{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.75rem;width:100%}.workflow-sidebar__header:hover{background:var(--secondary-bg)}.workflow-sidebar__title{align-items:center;display:flex;font-size:.78rem;font-weight:600;gap:.5rem;letter-spacing:.06em;text-transform:uppercase}.workflow-sidebar__icon{font-size:1rem}.workflow-sidebar__chevron{font-size:1.1rem;font-weight:600}.workflow-sidebar__body{display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem .75rem}.workflow-sidebar__action{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.75rem;justify-content:space-between;padding:.5rem .75rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.workflow-sidebar__action:hover:not(:disabled){background:var(--tertiary-bg);border-color:var(--accent-color);transform:translateY(-1px)}.workflow-sidebar__action:disabled{cursor:not-allowed;opacity:.6}.workflow-sidebar__grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.workflow-sidebar__item{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;cursor:grab;display:flex;font-size:.78rem;font-weight:500;gap:.5rem;padding:.5rem;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.workflow-sidebar__item:hover{background:var(--tertiary-bg);border-color:var(--accent-color);transform:translateY(-1px)}.workflow-sidebar__item:active{cursor:grabbing;transform:scale(.98)}.workflow-sidebar__item-icon{font-size:1.1rem}.workflow-sidebar__item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-sidebar__empty{border:1px dashed var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.75rem;padding:.75rem .5rem;text-align:center}.workflow-sidebar__quick-actions{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.workflow-sidebar__quick-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.workflow-sidebar__quick-grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.workflow-sidebar__quick-btn{background:var(--primary-bg);border:1px dashed var(--border-color);border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;padding:.25rem .75rem;transition:border-color .2s ease,background .2s ease}.workflow-sidebar__quick-btn:hover:not(:disabled){background:var(--tertiary-bg);border-color:var(--accent-color)}.workflow-sidebar__quick-btn:disabled{cursor:not-allowed;opacity:.5}.workflow-canvas{background:var(--primary-bg);display:flex;flex:1 1;flex-direction:column;grid-area:canvas;min-height:0;min-width:0;overflow:hidden}.workflow-canvas.is-connecting{outline:2px dashed #3b82f680;outline-offset:-6px}.workflow-canvas-body{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:clamp(520px,68vh,940px);overflow:hidden;padding:clamp(.25rem,.3vw,.25rem)}.workflow-connect-banner{align-items:center;background:#3b82f61f;border:1px solid #3b82f659;border-radius:8px;color:var(--text-primary);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.25rem;padding:.5rem}.workflow-connect-banner strong{display:block;font-size:.85rem}.workflow-connect-banner p{color:var(--text-muted);font-size:.78rem;margin:.25rem 0 0}.reactflow-wrapper{background:var(--primary-bg);flex:1 1;min-height:clamp(520px,72vh,980px);min-width:0;position:relative;touch-action:manipulation;width:100%}.reactflow-wrapper.is-wiring{box-shadow:inset 0 0 0 2px #3b82f659}.connection-toast{background:#22c55e26;border-radius:999px;color:#6ee7b7;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .75rem}.workflow-requirement-banner{align-items:center;background:#fbbf2424;border-radius:999px;color:#fbbf24;display:inline-flex;font-size:.78rem;font-weight:600;gap:.5rem;margin:.5rem auto 0;padding:.5rem .75rem}.workflow-requirement-banner__icon{font-size:1rem}.workflow-node-shell.is-shimmering{box-shadow:0 0 0 2px #3b82f666;position:relative}.workflow-node-shell.is-shimmering:after{animation:workflow-shimmer 1.2s ease-in-out;background:linear-gradient(120deg,#3b82f626,#10b98126,#3b82f626);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.workflow-node-shell[data-shimmer-kind=direct].is-shimmering{box-shadow:0 0 0 2px #10b9818c}.workflow-node-shell[data-shimmer-kind=direct].is-shimmering:after{background:linear-gradient(120deg,#10b98133,#4ade801f)}.workflow-node-shell[data-shimmer-kind=question].is-shimmering{box-shadow:0 0 0 2px #3b82f68c}.workflow-node-shell[data-shimmer-kind=question].is-shimmering:after{background:linear-gradient(120deg,#3b82f640,#bfdbfe1f)}.workflow-node-shell[data-shimmer-kind=validation].is-shimmering{box-shadow:0 0 0 2px #fbbf24b3}.workflow-node-shell[data-shimmer-kind=validation].is-shimmering:after{background:linear-gradient(120deg,#facc1540,#fbbf241a)}@keyframes workflow-shimmer{0%{opacity:0;transform:scale(.95)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}.workflow-structure-panel{background:var(--secondary-bg);border-left:1px solid var(--border-color);box-sizing:border-box;grid-area:structure;min-width:0;padding:clamp(.5rem,.9vw,.75rem);transition:padding .25s ease;width:100%}.workflow-structure-panel,.workflow-structure-panel__toolbar{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden}.workflow-structure-panel__toolbar{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 6px 16px #0f172a24;flex:1 1;padding:.5rem}.workflow-toolbar{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;padding-right:.25rem}.workflow-toolbar__section{margin:0}.workflow-toolbar__body{gap:.5rem}.workflow-toolbar__entry{background:var(--secondary-bg);border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.workflow-toolbar__entry-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem;text-align:left;width:100%}.workflow-toolbar__entry-toggle:hover{background:var(--primary-bg)}.workflow-toolbar__entry-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.workflow-toolbar__entry-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-toolbar__entry-date{color:var(--text-muted);font-size:.75rem}.workflow-toolbar__entry-chevron{font-size:1.1rem;font-weight:600}.workflow-toolbar__entry-body{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.workflow-toolbar__connections{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.workflow-toolbar__connections li{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.workflow-toolbar__connection-node{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-toolbar__connection-arrow{color:var(--text-muted);font-weight:600}.workflow-toolbar__more{color:var(--text-muted);font-size:.68rem}.workflow-toolbar__empty{border:1px dashed var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.75rem;padding:.5rem;text-align:center}.workflow-toolbar__empty--inner{border:none;padding:0;text-align:left}.workflow-toolbar__error{color:#fca5a5;font-size:.75rem}.workflow-toolbar__footer{display:flex;flex-direction:column;gap:.25rem}.workflow-toolbar__secondary{background:var(--secondary-bg);border:1px dashed var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.78rem;font-weight:600;padding:.5rem .75rem;transition:border-color .2s ease,background .2s ease}.workflow-toolbar__secondary:hover{background:var(--tertiary-bg);border-color:var(--accent-color)}.workflow-structure-panel__header{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.workflow-structure-panel__header h4{font-size:1rem;margin:0}.workflow-structure-panel__header p{color:var(--text-muted);font-size:.75rem;margin:0}.workflow-structure-panel__content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-height:0}.workflow-saved-drag-strip{background:var(--primary-bg);border:1px dashed var(--border-color);border-radius:8px;box-shadow:0 1px 4px #0f172a1f;display:flex;flex-direction:column;gap:.25rem;padding:.25rem .5rem}.workflow-saved-drag-strip__label{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workflow-saved-drag-strip__chips{display:flex;flex-wrap:wrap;gap:.25rem}.workflow-saved-drag-strip__chip{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:grab;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:border-color .2s ease,background .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.workflow-saved-drag-strip__chip:hover{background:var(--tertiary-bg);border-color:var(--accent-color)}.workflow-saved-drag-strip__chip:active{cursor:grabbing;transform:scale(.98)}.workflow-saved-drag-strip__chip-text{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-saved-drag-strip__chip--more{border-style:dashed;font-weight:500}.workflow-saved-drag-strip.is-collapsed{align-items:center}.workflow-saved-drag-strip.is-collapsed .workflow-saved-drag-strip__chips{align-items:center;flex-direction:column}.workflow-saved-drag-strip.is-collapsed .workflow-saved-drag-strip__chip{min-height:68px;padding:.5rem .25rem;text-orientation:mixed;writing-mode:vertical-rl}.workflow-saved-drag-strip.is-collapsed .workflow-saved-drag-strip__chip-text{max-width:none}.workflow-structure-panel.is-collapsed{gap:.75rem;padding:clamp(.75rem,1vw,.75rem)}.workflow-structure-panel.is-collapsed .workflow-structure-panel__content{display:none}.workflow-structure-panel__list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.25rem}.workflow-structure-panel__empty{border:1px dashed var(--border-color);border-radius:8px;color:var(--text-muted);font-size:.85rem;padding:1rem;text-align:center}.workflow-quickwire-panel{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.workflow-quickwire-panel.is-collapsed{gap:.5rem}.workflow-quickwire-panel__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.workflow-quickwire-panel__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:space-between;padding:0;text-align:left}.workflow-quickwire-panel__toggle h4{margin:0}.workflow-quickwire-panel__toggle span{font-size:1.25rem;font-weight:600}.workflow-quickwire-panel__head h4{font-size:.95rem;margin:0}.workflow-quickwire-panel__head p{color:var(--text-muted);font-size:.78rem;margin:.25rem 0 0}.workflow-quickwire-panel__list{display:flex;flex-direction:column;gap:.75rem;max-height:35vh;overflow-y:auto;padding-right:.25rem}.workflow-quickwire-panel__entry{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column}.workflow-quickwire-panel__entry-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.workflow-quickwire-panel__delete{font-size:.85rem}.workflow-quickwire-panel__entry-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:0;text-align:left}.workflow-quickwire-panel__entry-title{color:var(--text-primary);font-weight:600}.workflow-quickwire-panel__entry-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem}.workflow-quickwire-panel__entry-body{background:var(--primary-bg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.workflow-quickwire-panel__empty,.workflow-quickwire-panel__error,.workflow-quickwire-panel__hint{color:var(--text-muted);font-size:.78rem}.workflow-quickwire-panel__error{color:#fca5a5}.workflow-quickwire-panel__hint{font-style:italic}.workflow-saved-entry-node-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.workflow-saved-entry-node{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem}.workflow-saved-entry-node__head{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.workflow-saved-entry-node__title{font-size:.85rem;font-weight:600}.workflow-saved-entry-node__meta{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.workflow-saved-entry-node__chips{display:flex;flex-wrap:wrap;gap:.25rem}.workflow-saved-entry-node__chip{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.75rem;padding:.25rem .5rem}.workflow-saved-entry-node__wire-btn{border-style:dashed;font-size:.75rem}.workflow-saved-entry-node__links{border-top:1px dashed var(--border-color);color:var(--text-muted);font-size:.75rem;padding-top:.25rem}.workflow-saved-entry-node__links ul{display:flex;flex-direction:column;gap:.25rem;margin:.25rem 0 0;padding-left:1rem}.structure-card__quickwire{background:var(--primary-bg);border:1px dashed var(--border-color);border-radius:12px;padding:.5rem}.structure-card__quickwire-title{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.workflow-quickwire-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.25rem 0 0;padding:0}.workflow-quickwire-list__item{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.workflow-quickwire-pill{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.structure-card{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.structure-card.is-expanded,.structure-card.is-selected{border-color:var(--accent-color);box-shadow:0 6px 16px #0f172a1f;transform:translateY(-1px)}.structure-card__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.structure-card__summary{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex:1 1;gap:.5rem;padding:0;text-align:left}.structure-card__color{border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff59;flex-shrink:0;height:12px;width:12px}.structure-card__info{display:flex;flex:1 1;flex-direction:column;min-width:0}.structure-card__label{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-card__meta{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.structure-card__meta--warning{color:#fbbf24;font-weight:600}.structure-card__chevron{color:var(--text-muted);font-size:1.1rem}.structure-card__focus{font-size:.75rem;padding:.25rem .5rem}.structure-card__previews{background:var(--secondary-bg);border:1px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.structure-card__listing{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.structure-card__listing-pill{border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.structure-card__connections{display:flex;flex-direction:column;gap:.5rem}.structure-card-connection{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-left-width:4px;border-radius:12px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:border-color .2s ease,background .2s ease}.structure-card-connection:hover{background:var(--secondary-bg);border-color:var(--accent-color)}.structure-card-connection__badge{border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.structure-card-connection__badge.direction-out{border-color:#3b82f666;color:#93c5fd}.structure-card-connection__badge.direction-in{border-color:#22c55e66;color:#6ee7b7}.structure-card-connection__label{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:600;text-align:left}.structure-card__question-links{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:.5rem .75rem}.structure-card__question-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.structure-card__question-title{color:var(--text-primary);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.structure-card__question-label{color:var(--text-muted);display:inline-block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.structure-card__question-pill-row{display:flex;flex-wrap:wrap;gap:.25rem}.structure-card__question-pill{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.75rem;letter-spacing:.04em;padding:.25rem .5rem;text-transform:uppercase}.structure-card__question-pill strong{font-size:.85rem;margin-left:.25rem}.structure-card__question-pill.is-empty{opacity:.6}.structure-card__question-empty{color:var(--text-muted);font-size:.8rem;margin:.25rem 0 0}.structure-card__question-links p{margin:.25rem 0 0}.structure-card__question-links ul{color:var(--text-primary);font-size:.82rem;list-style:disc;margin:.25rem 0 0;padding-left:1rem}.structure-card__attachment-section,.structure-card__attachments{display:flex;flex-direction:column;gap:.5rem}.structure-card__attachment-section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.structure-card__attachment-title{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.structure-card__attachment-pills{display:flex;flex-wrap:wrap;gap:.25rem}.structure-card__attachment-pill{border:1px solid var(--border-color);border-radius:999px;font-size:.75rem;padding:.25rem .5rem}.structure-card__attachment-pill.is-overflow{border-style:dashed;color:var(--text-muted)}.structure-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.structure-card__body{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding-top:.75rem}.structure-card__attachment-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.structure-card__attachment{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-left-width:4px;border-radius:8px;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.25rem .5rem}.structure-card__empty{color:var(--text-muted);font-size:.78rem}.structure-card__section-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.workflow-connections-manager{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1rem}.connections-manager__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.connections-manager__header h4{margin:0}.connections-manager__header p{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.connections-manager__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:.75rem}.connections-manager__empty{color:var(--text-muted);font-size:.85rem;margin-top:.75rem}.connection-card{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.connection-card__head{color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.connection-card__form{color:var(--text-primary);font-weight:600}.connection-card__body{font-size:.85rem;line-height:1.4}.connection-card__question{font-weight:600}.connection-card__option{color:#93c5fd}.connection-card__target{color:#6ee7b7;font-weight:600}.connection-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.workflow-library-drawer{display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:9200;z-index:var(--z-drawer,9200)}.workflow-library-drawer__backdrop{background:#0f172a8c;border:none;cursor:pointer;flex:1 1}.workflow-library-drawer__panel{background:var(--primary-bg);border-left:1px solid var(--border-color);box-shadow:-12px 0 25px #0f172a59;display:flex;flex-direction:column;gap:.75rem;height:100%;max-width:480px;padding:1.25rem;width:min(420px,95vw)}.workflow-library-drawer__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.workflow-library-drawer__header h4{font-size:1.1rem;margin:0}.workflow-library-drawer__header p{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.workflow-library-drawer__section{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.workflow-library-drawer__section h5{font-size:.95rem;margin:0}.workflow-library-drawer__field{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.workflow-library-drawer__field input[type=text]{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.structure-card__warning{align-items:center;background:#fbbf2426;border:1px solid #d9770659;border-radius:8px;color:#fbbf24;display:flex;font-size:.78rem;gap:.5rem;margin:.25rem 0;padding:.5rem}.workflow-library-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.workflow-library-chip{align-items:center;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.78rem;gap:.25rem;padding:.25rem .5rem;-webkit-user-select:none;user-select:none}.workflow-library-chip input{display:none}.workflow-library-chip.is-selected{background:var(--tertiary-bg);border-color:var(--accent-color)}.workflow-library-drawer__toggle{align-items:center;display:flex;font-size:.85rem;gap:.25rem}.workflow-library-drawer__empty{color:var(--text-muted);font-size:.85rem}.workflow-library-entry-list{display:flex;flex-direction:column;gap:.75rem}.workflow-library-entry{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.workflow-library-entry__heading{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.workflow-library-entry__title{font-size:.95rem;font-weight:600}.workflow-library-entry__meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.workflow-library-entry__chips{border:1px dashed var(--border-color);border-radius:8px;padding:.5rem}.workflow-library-entry__pill-row{display:flex;flex-wrap:wrap;gap:.25rem}.workflow-library-entry__listing-pill{border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-size:.75rem;padding:.25rem .5rem}.workflow-library-entry__listing-pill.is-empty{border-style:dashed;color:var(--text-muted)}.workflow-library-entry__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.workflow-library-entry__status{color:var(--text-muted);font-size:.78rem}.structure-card__linked-entry{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.structure-card__linked-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.structure-card__link-btn{font-size:.8rem;margin-top:.5rem;padding:.25rem .75rem}.workflow-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030712b8;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:clamp(.75rem,5vw,3rem);padding:clamp(var(--spacing-md,.75rem),5vw,3rem);position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.workflow-modal{border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));margin:clamp(1.5rem,8vh,4.5rem) auto;padding:clamp(.75rem,4vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.5rem);width:min(560px,calc(100vw - 2rem));width:min(560px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.workflow-modal-header{align-items:center;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:space-between}.workflow-modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.workflow-modal-body{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.workflow-modal-actions{display:flex;gap:clamp(.25rem,2vw,.75rem);justify-content:flex-end}.workflow-modal-description{color:#e2e8f0d9;color:var(--text-on-surface-muted,#e2e8f0d9);font-size:.95rem;line-height:1.5;margin:0}.workflow-modal-scroll{background:#1216232e;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);max-height:clamp(220px,45vh,360px);overflow-y:auto;padding:clamp(.25rem,3vw,.5rem);padding:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.workflow-modal-list{grid-gap:clamp(.25rem,3vw,.5rem);grid-gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem));display:grid;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.connection-modal .connection-form{display:flex;flex-direction:column;gap:.75rem}.connection-field{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.connection-field select{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.connection-question-list{display:flex;flex-direction:column;gap:.5rem}.connection-question-list__empty{background:#12182633;border:1px dashed var(--border-color);border-radius:8px;color:#e2e8f0b3;color:var(--text-muted,#e2e8f0b3);font-size:.85rem;padding:.5rem .75rem}.connection-question{background:#12182659;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;text-align:left;transition:border-color .18s,background .18s,transform .18s;transition:border-color var(--transition-fast,.18s),background var(--transition-fast,.18s),transform var(--transition-fast,.18s)}.connection-question:focus-visible{outline:2px solid #c4b5fd;outline:2px solid var(--accent-purple,#c4b5fd);outline-offset:2px}.connection-question:hover{border-color:#e2e8f099;transform:translateY(-1px)}.connection-question.is-selected{background:#4c1d9559;border-color:#a78bfa;border-color:var(--accent-purple,#a78bfa);box-shadow:0 0 0 1px #a78bfa40}.connection-question__label{font-size:.9rem;font-weight:600}.connection-question__meta{color:#e2e8f0b3;color:var(--text-muted,#e2e8f0b3);font-size:.78rem}.connection-question__options{color:#e2e8f0bf;color:var(--text-muted,#e2e8f0bf);display:flex;flex-wrap:wrap;font-size:.74rem;gap:.25rem}.connection-question__options span{background:#0f172a73;border:1px solid #ffffff14;border-radius:999px;padding:.25rem .5rem}.connection-existing{border:1px solid var(--border-color);border-radius:8px;font-size:.85rem;padding:.5rem .75rem}.connection-existing ul{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:.5rem 0 0;padding:0}.connection-existing li{align-items:center;display:flex;justify-content:space-between}.connection-placeholder{background:#12182647;border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;margin:1rem 0;padding:.75rem}.connection-placeholder__header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.connection-placeholder__header p{color:#e2e8f0b3;color:var(--text-muted,#e2e8f0b3);font-size:.8rem;margin:.25rem 0 0}.connection-placeholder__editor{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.connection-placeholder__field{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.connection-placeholder__field input,.connection-placeholder__field select{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.5rem}.connection-placeholder__options{display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.connection-placeholder__option-row{align-items:center;display:flex;gap:.5rem}.connection-placeholder__option-row input{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;padding:.25rem .5rem}.connection-placeholder__actions{display:flex;gap:.5rem;justify-content:flex-end}.connection-placeholder__hint{color:#e2e8f0b3;color:var(--text-muted,#e2e8f0b3);font-size:.8rem}.connection-placeholder__error{color:#fca5a5;font-size:.82rem}.connection-form__actions{display:flex;gap:.5rem;justify-content:flex-end}.workflow-modal-item{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));align-items:center;background:#12162338;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);cursor:pointer;display:grid;font-weight:500;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));grid-template-columns:minmax(0,1fr) auto;padding:clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast)}.workflow-modal-item.launch-highlight{background:#6366f147;border-color:var(--accent-purple);box-shadow:0 0 0 2px #6366f140}.workflow-modal-item:hover{border-color:var(--accent-purple);transform:translateY(-1px)}.workflow-modal-item:active{transform:translateY(0)}.workflow-modal-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-modal-item-action{color:var(--accent-purple);font-size:.85rem;font-weight:600}.workflow-modal-empty{color:var(--text-secondary);font-size:.9rem;padding:clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));text-align:center}@media (max-width:640px){.workflow-modal{gap:clamp(.25rem,4vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),4vw,var(--spacing-sm,.5rem));padding:clamp(.5rem,5vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),5vw,var(--spacing-md,.75rem));width:min(96vw,520px)}.workflow-modal-description{font-size:.9rem}.workflow-modal-item{gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem));grid-template-columns:minmax(0,1fr)}.workflow-modal-item-action{justify-self:flex-start}}.react-flow__node{background:#0000;border:none;box-shadow:none;color:inherit;padding:0}.react-flow__node .react-flow__handle{background:var(--accent-color);border:2px solid var(--primary-bg);border-radius:999px;height:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:12px}.react-flow__node .react-flow__handle:hover{box-shadow:0 0 8px #3b82f680;transform:scale(1.35)}.react-flow__node.connecting .react-flow__handle{animation:handle-pulse 1.2s ease-in-out infinite}@keyframes handle-pulse{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}.workflow-node-shell{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 28px #0f172a29;display:flex;flex-direction:column;gap:.5rem;min-width:170px;padding:.5rem .75rem;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.workflow-node-shell:hover{box-shadow:0 16px 36px #0f172a38,0 0 0 1px #3b82f61f;transform:translateY(-2px)}.workflow-node-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.12));flex-shrink:0;font-size:1.25rem;line-height:1}.workflow-node-collapse span{display:inline-block;transition:transform .25s ease}.workflow-node-collapse.is-open span{transform:rotate(0deg)}.workflow-node-collapse:not(.is-open) span{transform:rotate(-90deg)}.workflow-node-shell.type-start{background:linear-gradient(160deg,#032d1f,#065f46);border-color:#2dd4bf99;border-top:3px solid #2dd4bf;color:#ecfdf5}.workflow-node-shell.type-start:hover{box-shadow:0 16px 36px #2dd4bf40,0 0 0 1px #2dd4bf4d}.workflow-node-shell.type-start .workflow-node-title,.workflow-node-shell.type-start .workflow-node-type{color:#ecfdf5}.workflow-node-shell.has-requirement-warning{border-color:#fbbf24d9;box-shadow:0 0 0 2px #fbbf244d}.workflow-node-shell.is-selected{border-color:var(--accent-color);box-shadow:0 18px 34px #3b82f642,0 0 0 2px #3b82f659;transform:translateY(-1px)}.workflow-node-header{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-height:34px;padding:.5rem 1.75rem;position:relative;text-align:center}.workflow-node-header-control{left:.25rem;position:absolute;top:.25rem;z-index:4}.workflow-node-text{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;text-align:center}.workflow-node-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere;white-space:normal;width:100%}.workflow-node-type{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.workflow-node-header-actions{align-items:center;display:flex;gap:.25rem;margin-left:0;position:absolute;right:.25rem;top:.25rem;z-index:4}.workflow-node-collapse,.workflow-node-menu__trigger{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:.25rem;transition:background .2s ease,color .2s ease}.workflow-node-collapse:focus-visible,.workflow-node-collapse:hover,.workflow-node-menu__trigger:focus-visible,.workflow-node-menu__trigger:hover{background:#0f172a14;color:var(--text-primary)}.workflow-node-menu{--workflow-menu-hover-buffer:14px;display:inline-flex;margin-bottom:calc(var(--workflow-menu-hover-buffer)*-1);padding-bottom:var(--workflow-menu-hover-buffer);position:relative}.workflow-node-shell.is-collapsed{padding-bottom:1rem}.workflow-node-collapsed-hint{color:var(--text-muted);font-size:.75rem;margin-top:.25rem;text-align:center}.workflow-node-shell.is-collapsed .workflow-node-attachments{display:none}.workflow-node-menu__list{background:var(--primary-bg);border:1px solid #0f172a1a;border-radius:8px;box-shadow:0 12px 24px #0f172a2e;display:flex;flex-direction:column;min-width:150px;opacity:0;padding:.25rem;pointer-events:none;position:absolute;right:0;top:125%;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:8}.workflow-node-menu.is-open .workflow-node-menu__list,.workflow-node-menu:focus-within .workflow-node-menu__list,.workflow-node-menu:hover .workflow-node-menu__list{opacity:1;pointer-events:auto;transform:translateY(0)}.workflow-node-menu__list button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.82rem;padding:.25rem;text-align:left}.workflow-node-menu__list button:focus-visible,.workflow-node-menu__list button:hover{background:#3b82f61f;color:#93c5fd}.workflow-node-attachments{align-self:stretch;background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;padding:.5rem}.workflow-node-attachments,.workflow-node-attachments__group{display:flex;flex-direction:column;gap:.25rem}.workflow-node-attachments__label{color:var(--text-muted);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.workflow-node-attachments__chips{display:flex;flex-direction:column;gap:.25rem}.workflow-node-attachments__item{align-items:center;display:flex;gap:.25rem}.workflow-node-attachments__chip{align-items:center;background:#0f172a08;border:1px solid #94a3b880;border-radius:12px;color:var(--text-primary);display:inline-flex;flex:1 1;font-size:.75rem;line-height:1.35;padding:.25rem .5rem}.workflow-node-attachments__menu{--workflow-attachment-menu-buffer:12px;display:inline-flex;margin-bottom:calc(var(--workflow-attachment-menu-buffer)*-1);padding-bottom:var(--workflow-attachment-menu-buffer);position:relative}.workflow-node-attachments__menu-trigger{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.25rem}.workflow-node-attachments__menu-trigger:focus-visible,.workflow-node-attachments__menu-trigger:hover{background:#0f172a14;color:var(--text-primary)}.workflow-node-attachments__menu.is-open .workflow-node-attachments__menu-trigger{background:#3b82f626;color:var(--accent-color)}.workflow-node-attachments__menu-list{background:var(--primary-bg);border:1px solid #0f172a1f;border-radius:8px;box-shadow:0 10px 20px #0f172a29;display:flex;flex-direction:column;min-width:140px;opacity:0;padding:.25rem;pointer-events:none;position:absolute;right:0;top:115%;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:2}.workflow-node-attachments__menu.is-open .workflow-node-attachments__menu-list,.workflow-node-attachments__menu:focus-within .workflow-node-attachments__menu-list,.workflow-node-attachments__menu:hover .workflow-node-attachments__menu-list{opacity:1;pointer-events:auto;transform:translateY(0)}.workflow-node-attachments__menu-list button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.78rem;padding:.25rem;text-align:left}.workflow-node-attachments__menu-list button:focus-visible,.workflow-node-attachments__menu-list button:hover{background:#3b82f61a;color:#93c5fd}.workflow-node-attachments__chip.is-overflow{border-style:dashed;color:var(--text-muted);justify-content:center}.step-node .workflow-node-shell{background:var(--primary-bg);border-color:var(--border-color)}.start-node .workflow-node-shell{background:linear-gradient(135deg,#065f46,#0f5132);border-color:#065f46e6;color:#f8fafc}.start-node .workflow-node-title,.start-node .workflow-node-type{color:#f8fafc}.role-node .workflow-node-shell{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#6366f1cc;border-top:3px solid #818cf8;color:#f8fafc}.role-node .workflow-node-shell:hover{box-shadow:0 16px 36px #6366f140,0 0 0 1px #6366f14d}.form-node .workflow-node-shell{background:linear-gradient(135deg,#059669,#34d399);border-color:#22c55ecc;border-top:3px solid #4ade80;color:#ecfdf5}.form-node .workflow-node-shell:hover{box-shadow:0 16px 36px #22c55e40,0 0 0 1px #22c55e4d}.user-node .workflow-node-shell{background:linear-gradient(135deg,#dc2626,#f87171);border-color:#f87171d9;border-top:3px solid #fca5a5;color:#fef2f2}.user-node .workflow-node-shell:hover{box-shadow:0 16px 36px #f8717140,0 0 0 1px #f871714d}.listing-node .workflow-node-shell{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#f59e0bcc;border-top:3px solid #fbbf24;color:#fff7ed}.listing-node .workflow-node-shell:hover{box-shadow:0 16px 36px #f59e0b40,0 0 0 1px #f59e0b4d}.category-node .workflow-node-shell{background:linear-gradient(135deg,#0f766e,#14b8a6);border-color:#0d9488d9;border-top:3px solid #2dd4bf;color:#ecfeff}.category-node .workflow-node-shell:hover{box-shadow:0 16px 36px #0d948840,0 0 0 1px #0d94884d}.coordinator-node .workflow-node-shell{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#a855f7d9;border-top:3px solid #c084fc;color:#f5f3ff}.coordinator-node .workflow-node-shell:hover{box-shadow:0 16px 36px #a855f740,0 0 0 1px #a855f74d}.task-node .workflow-node-shell{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-color:#0ea5e9cc;border-top:3px solid #7dd3fc;color:#ecfeff}.task-node .workflow-node-shell:hover{box-shadow:0 16px 36px #0ea5e940,0 0 0 1px #0ea5e94d}.workflow-node-shell.type-category .workflow-node-type,.workflow-node-shell.type-coordinator .workflow-node-type,.workflow-node-shell.type-form .workflow-node-type,.workflow-node-shell.type-listing .workflow-node-type,.workflow-node-shell.type-role .workflow-node-type,.workflow-node-shell.type-start .workflow-node-type,.workflow-node-shell.type-task .workflow-node-type,.workflow-node-shell.type-user .workflow-node-type{color:#ffffffd1}.workflow-node-shell[class*=type-] .workflow-node-attachments{background:#0f172a38;border-color:#f8fafc66}.workflow-node-shell[class*=type-] .workflow-node-attachments__label{color:#f8fafcbf}.workflow-node-shell[class*=type-] .workflow-node-attachments__chip{background:#0f172a47;border-color:#f8fafc73;color:#f8fafceb}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-trigger,.workflow-node-shell[class*=type-] .workflow-node-menu__trigger{color:#f8fafcbf}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-trigger:focus-visible,.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-trigger:hover,.workflow-node-shell[class*=type-] .workflow-node-menu__trigger:focus-visible,.workflow-node-shell[class*=type-] .workflow-node-menu__trigger:hover{background:#f8fafc33;color:#fff}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu.is-open .workflow-node-attachments__menu-trigger{background:#f8fafc4d;color:#fff}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-list,.workflow-node-shell[class*=type-] .workflow-node-menu__list{background:#0f172aeb;border-color:#f8fafc59}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-list button,.workflow-node-shell[class*=type-] .workflow-node-menu__list button{color:#f8fafce6}.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-list button:focus-visible,.workflow-node-shell[class*=type-] .workflow-node-attachments__menu-list button:hover,.workflow-node-shell[class*=type-] .workflow-node-menu__list button:focus-visible,.workflow-node-shell[class*=type-] .workflow-node-menu__list button:hover{background:#f8fafc1f;color:#fff}.category-node .react-flow__handle,.coordinator-node .react-flow__handle,.form-node .react-flow__handle,.listing-node .react-flow__handle,.role-node .react-flow__handle,.start-node .react-flow__handle,.task-node .react-flow__handle,.user-node .react-flow__handle{background:#f8fafce6;border-color:#0f172a66}.react-flow__edge{stroke:var(--accent-color);stroke-width:2}.react-flow__edge path{transition:stroke-width .2s ease,filter .2s ease}.react-flow__edge:hover path{stroke-width:3;filter:drop-shadow(0 0 3px rgba(59,130,246,.3))}.react-flow__edge.animated path{stroke-dasharray:8 4;animation:edge-flow .8s linear infinite}@keyframes edge-flow{to{stroke-dashoffset:-12}}.react-flow__edge.selected path{stroke:#ef4444;stroke-width:3;filter:drop-shadow(0 0 4px rgba(239,68,68,.35))}.react-flow__connection-path{stroke:var(--accent-color);stroke-width:2;stroke-dasharray:6 4;animation:edge-flow .6s linear infinite}.react-flow__controls{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px}.react-flow__controls-button{background:var(--primary-bg);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.react-flow__controls-button:hover{background:var(--tertiary-bg)}.react-flow__minimap{background:var(--secondary-bg)}.element-details,.react-flow__minimap{border:1px solid var(--border-color);border-radius:8px}.element-details{background:var(--primary-bg);box-shadow:0 4px 12px #00000026;padding:1rem;position:absolute;right:1rem;top:1rem;width:250px;z-index:6200;z-index:var(--z-popover,6200)}.element-details h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.detail-item{font-size:.875rem;margin-bottom:.75rem}.detail-item strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.detail-item pre{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;max-height:100px;overflow-x:auto;padding:.5rem}.close-details-btn{background:var(--text-muted);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;transition:background .2s ease;width:100%}.close-details-btn:hover{background:var(--text-primary)}@media (max-width:1280px){.workflow-content{grid-template-columns:minmax(0,1fr)}.workflow-sidebar{border-bottom:1px solid var(--border-color);border-right:none;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;width:100%}.workflow-sidebar__section{flex:1 1 260px;min-width:240px}}@media (max-width:1024px){.workflow-content{flex-direction:column}.workflow-sidebar{gap:.75rem;padding:.75rem}.reactflow-wrapper{border-left:none;border-top:1px solid var(--border-color)}}@media (max-width:768px){.workflow-stats{flex-wrap:wrap;gap:.5rem}.workflow-error-banner{margin:.5rem}.element-details{margin:1rem;position:relative;width:100%}}@media (max-width:640px){.workflow-sidebar__section{min-width:220px}.workflow-node-title{font-size:.82rem}}.quest-node{--qn-bg:#ffffff0a;--qn-border:#ffffff1a;--qn-shadow:0 4px 14px -6px #0000008c;--qn-radius:12px;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);background:linear-gradient(145deg,var(--qn-bg),#ffffff05);border:1px solid var(--qn-border);border-radius:var(--qn-radius);box-shadow:var(--qn-shadow);cursor:default;font-family:inherit;max-width:260px;min-width:200px;padding:12px 16px 16px;position:relative;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background .35s ease}.quest-node[data-selected=true]{border-color:#ffffff47;box-shadow:0 0 0 1px #fff3,0 6px 22px -8px #000000bf;transform:translateY(-2px)}.quest-node .node-title{color:var(--text-inverse);font-size:15px;font-weight:600;letter-spacing:.4px;margin:0 0 4px}.quest-node .node-desc{color:#ffffffa6;font-size:12px;line-height:1.3;margin:0 0 8px}.quest-node .node-meta{color:#ffffff8c;display:flex;flex-wrap:wrap;font-size:11px;gap:12px}.quest-node.variant-start{--qn-accent:#10b981}.quest-node.variant-challenge{--qn-accent:#ef4444}.quest-node.variant-decision{--qn-accent:#3b82f6}.quest-node.variant-reward{--qn-accent:#f59e0b}.quest-node.variant-end{--qn-accent:#6366f1}.quest-node.variant-challenge,.quest-node.variant-decision,.quest-node.variant-end,.quest-node.variant-reward,.quest-node.variant-start{background:linear-gradient(155deg,#ffffff0d 0,#ffffff03 65%) padding-box,radial-gradient(circle at 18% 20%,var(--qn-accent) 0,#0000 60%) border-box;border:1px solid #ffffff1f}.quest-node .accent-ring{background:radial-gradient(circle at 80% 75%,var(--qn-accent),#0000 65%);border-radius:inherit;inset:0;mix-blend-mode:overlay;opacity:.35;pointer-events:none;position:absolute}.quest-node[data-selected=true] .accent-ring{opacity:.55}.quest-node .react-flow__handle{background:var(--qn-accent)!important;border:1px solid #0006;height:10px!important;width:10px!important}.quest-node-editor-panel{-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);background:linear-gradient(160deg,#121218eb,#1c1c24f2);border-left:1px solid #ffffff14;box-shadow:-4px 0 22px -10px #0000008c;display:flex;flex-direction:column;gap:12px;height:100%;padding:20px 16px 24px;position:absolute;right:0;top:0;width:300px;z-index:40}.quest-node-editor-panel header{align-items:center;display:flex;justify-content:space-between}.quest-node-editor-panel h4{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,var(--primary-light),var(--accent-mystic));background-clip:text;-webkit-background-clip:text;font-size:15px;font-weight:600;letter-spacing:.5px;margin:0}.quest-node-editor-panel button.close-btn{background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:18px;line-height:1;padding:2px 8px;transition:background .25s ease,color .25s ease}.quest-node-editor-panel button.close-btn:hover{background:#ffffff14;color:var(--text-inverse)}.quest-node-editor-panel form{display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:thin}.quest-node-editor-panel label{color:#ffffff8c;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.quest-node-editor-panel input,.quest-node-editor-panel select,.quest-node-editor-panel textarea{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;color:var(--text-inverse);font-family:inherit;font-size:13px;min-height:38px;padding:8px 12px;resize:vertical;width:100%}.quest-node-editor-panel input:focus,.quest-node-editor-panel select:focus,.quest-node-editor-panel textarea:focus{outline:2px solid var(--primary-light);outline-offset:1px}.quest-node-editor-panel .inline-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quest-node-editor-panel .save-hint{color:#ffffff73;font-size:11px;margin-top:4px}.quest-node-editor-panel .danger-zone{margin-top:auto}.quest-node-editor-panel .delete-btn{background:#ff004c1f;border:1px solid #ff004c66;border-radius:8px;color:#ff4d6d;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.6px;padding:8px 12px;transition:background .25s ease,border-color .25s ease;width:100%}.quest-node-editor-panel .delete-btn:hover{background:#ff004c33;border-color:#ff004c99}@media (max-width:1024px){.quest-node-editor-panel{border-left:none;border-top:1px solid #ffffff14;bottom:0;box-shadow:0 -6px 24px -10px #0009;height:360px;position:fixed;right:0;top:auto;width:100%}}.quest-form-v2{background:#0000;min-height:100vh;overflow:hidden;position:relative}.quest-template-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fd9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9200;z-index:var(--z-drawer,9200)}.quest-template-modal{animation:slideUp .3s ease-out;border-radius:16px;box-shadow:0 25px 80px #0009,0 0 40px #38bdf826;max-height:90vh;max-width:900px;overflow-y:auto;scrollbar-width:none;width:95%}.quest-template-modal::-webkit-scrollbar{display:none}.quest-template-modal .quest-template-selector{min-height:0}.immersion-overlay{background-position:50%;background-repeat:no-repeat;background-size:cover}.quest-form-immersion-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.quest-form-immersion-mask{background:linear-gradient(180deg,#080e1b66,#080e1bbf 45%,#080e1be0);inset:0;pointer-events:none;position:absolute;z-index:1}.quest-form-advanced-scene{inset:0;pointer-events:none;position:absolute;z-index:2}.quest-form-immersion-audio{display:none}.unsaved-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04070fb8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.unsaved-modal{background:#0a0e18f2;border:1px solid #94a3b840;border-radius:12px;box-shadow:0 24px 60px #0f172a73;color:#e2e8f0;max-width:420px;padding:24px;width:100%}.unsaved-modal h3{font-size:1.35rem;margin:0 0 12px}.unsaved-modal p{font-size:.95rem;line-height:1.5;margin:0;opacity:.85}.unsaved-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:20px}.unsaved-modal-actions .btn-primary,.unsaved-modal-actions .btn-secondary{min-width:120px}.quest-form-sticky-bar{bottom:16px;display:flex;justify-content:flex-end;margin-top:32px;padding:0;pointer-events:none;position:-webkit-sticky;position:sticky;transition:opacity .3s ease,transform .3s ease;z-index:10}.quest-form-sticky-bar .sticky-inner{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e1be6;border:1px solid #334155b3;border-radius:999px;box-shadow:0 20px 50px #050a198c;display:flex;gap:.5rem;padding:12px;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}.quest-form-sticky-bar.is-hidden .sticky-inner{opacity:0;pointer-events:none;transform:translateY(32px)}.quest-form-content{--quest-surface-bg:#0206178c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--quest-surface-bg);border:1px solid #94a3b833;border-radius:12px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;padding:2rem 2rem clamp(8rem,12vh,11rem)}.quest-form-header{border-bottom:1px solid #94a3b833;flex-wrap:wrap;gap:12px}.quest-form-header-title{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.quest-template-badge{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f726);border:1px solid #8b5cf64d;border-radius:24px;color:#c4b5fd;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 12px}.template-badge-icon{font-size:1rem}.template-badge-label{font-weight:500}.quest-payload-meter{background:#0b12228c;border:1px solid #94a3b84d;border-radius:12px;box-shadow:inset 0 0 0 1px #02061759;color:#e2e8f0;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;line-height:1.4;margin:-.5rem 0 1.25rem;padding:.75rem 1rem}.quest-payload-meter.over-cap{background:#7f1d1d59;border-color:#ef44448c;color:#fecaca}.quest-payload-meter__warning{font-size:.85rem;opacity:.85}.quest-payload-meter.over-cap .quest-payload-meter__warning{font-weight:600;opacity:1}.quest-form-header h1,.quest-form-header h2{color:#fff;font-size:1.65rem;font-weight:700;margin:0;text-shadow:none}.form-actions{gap:.5rem}.quest-action-group{align-items:center;background:#0206178c;background:var(--quest-surface-bg,#0206178c);border:1px solid #94a3b833;border-radius:12px;box-shadow:0 8px 20px #02061759;display:inline-flex;gap:.5rem;justify-content:flex-end;max-width:-webkit-fit-content;max-width:fit-content;padding:.25rem}.quest-form-header .quest-action-group{margin-left:auto}.action-feedback-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.action-feedback-row.action-feedback-sticky{margin-top:.5rem}.action-feedback{align-items:center;border-radius:12px;box-shadow:0 8px 20px #0f172a26;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;max-width:100%;padding:.5rem 1rem}.action-feedback-success{background:#22c55e29;border:1px solid #22c55e59;color:#bbf7d0}.action-feedback-error{background:#ef44442e;border:1px solid #ef444473;color:#fecaca}.action-feedback-row.action-feedback-sticky .action-feedback[data-feedback-message]:after{content:attr(data-feedback-message)}.btn-primary,.btn-secondary{align-items:center;border:none;display:inline-flex;font-weight:600;justify-content:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 6px 20px #667eea99}.btn-primary:disabled{opacity:.6}.btn-submit{background:linear-gradient(135deg,#22d3ee,#6366f1);box-shadow:0 4px 15px #6366f159}.btn-submit:hover{box-shadow:0 6px 20px #6366f180}.btn-submit:disabled{box-shadow:none}.btn-secondary{background:#1e293bb3;border:1px solid #94a3b84d;color:#e2e8f0}.btn-secondary:hover{background:#334155cc;border-color:#94a3b866}.quest-form-action-btn{background-color:#071b3a;border:1px solid #94a3b847;border-radius:999px;box-shadow:inset 0 0 0 1px #0f172a8c;color:#f8fafc;min-width:0;padding:.5rem 1rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quest-form-action-btn.btn-primary,.quest-form-action-btn.btn-secondary,.quest-form-action-btn.btn-submit{background-color:#071b3a;background-image:none;box-shadow:none;color:#f8fafc}.quest-form-action-btn:hover:not(:disabled){border-color:#94a3b880;box-shadow:0 8px 18px #02061759;transform:translateY(-1px)}.quest-form-action-btn:active:not(:disabled){transform:translateY(0)}.quest-form-action-btn:focus-visible{outline:2px solid #2dd4bf99;outline-offset:2px}.quest-form-action-btn:disabled{box-shadow:inset 0 0 0 1px #0f172a66;cursor:not-allowed;opacity:.6}.quest-form-action-label{color:#f8fafc;display:inline-block;font-weight:600;position:relative}.quest-form-action-btn:not(:disabled) .quest-form-action-label{-webkit-text-fill-color:#0000;animation:quest-action-text-shimmer 4.2s linear infinite;background-clip:text;-webkit-background-clip:text;background-position:0 50%;background-size:220% auto;color:#0000}.quest-form-action-back .quest-form-action-label{background-image:linear-gradient(120deg,#60a5fa 10%,#38bdf8 45%,#1e3a8a 80%)}.quest-form-action-draft .quest-form-action-label{background-image:linear-gradient(120deg,#e2e8f0 10%,#bae6fd 45%,#94a3b8 80%)}.quest-form-action-submit .quest-form-action-label{background-image:linear-gradient(120deg,#34d399 10%,#22c55e 45%,#facc15 90%)}.quest-form-action-btn:hover:not(:disabled) .quest-form-action-label{animation-duration:2.1s}.quest-form-action-btn:disabled .quest-form-action-label{-webkit-text-fill-color:#f8fafc99;animation:none;background:none;color:#f8fafc99}@keyframes quest-action-text-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.quest-section{background:#02061799;border:1px solid #94a3b833;border-radius:12px;box-shadow:none;margin-bottom:1.25rem;padding:1rem 1.25rem}.quest-section h2{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:0}.quest-section .section-header[aria-expanded=true]{margin-bottom:.75rem}.quest-section__scrollable{max-height:460px;overflow-y:auto;padding-right:4px}.circle-visibility{background:#0c1222a6;border-color:#94a3b847}.circle-visibility-copy{color:#e2e8f0d9;margin:0 0 1rem}.circle-visibility-toggle{align-items:center;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem}.circle-visibility-toggle input{accent-color:#6366f1;accent-color:var(--accent-primary,#6366f1);height:20px;width:20px}.circle-visibility-hint{color:#94a3b8d9;font-size:.9rem;margin-top:.75rem}.section-header{cursor:pointer;margin-bottom:0;padding:.25rem 0}.section-header h2,.section-header h4{margin:0}.section-header+*{margin-top:.75rem}.btn-add,.btn-generate-qr{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-add:hover,.btn-generate-qr:hover{background:#2f855a;transform:translateY(-1px)}.btn-remove{background:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .3s ease}.btn-remove:hover{background:#c53030}.form-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.ep-reward-hidden{display:none!important}.form-group label{color:#fff;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0f172a99;border:1px solid #94a3b859;border-radius:8px;color:#e2e8f0;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.form-group textarea{min-height:100px}.location-autocomplete{display:flex;flex-direction:column;gap:.5rem}.location-autocomplete__label{color:#fff;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.location-autocomplete__clear{color:#94a3b8bf}.location-autocomplete__clear:hover{color:#f1f5f9}.location-autocomplete__helper{color:#94a3b8d9;margin-top:-4px}.location-autocomplete__status{color:#94a3b8cc}.location-autocomplete__option button{color:#e2e8f0}.location-autocomplete__option-context{color:#94a3b8bf}.roles-container{display:flex;flex-direction:column;gap:1rem}.role-item{grid-gap:1rem;background:#02061780;border:1px solid #94a3b833;display:grid;grid-template-columns:1fr 2fr 1fr auto}.checkbox-label{color:#e2e8f0;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.radio-label{color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem}.age-range,.radio-label{align-items:center;display:flex;gap:.5rem}.age-range input{flex:1 1;max-width:80px}.age-range span{color:#cbd5e1;font-weight:500}.access-controls{display:flex;flex-direction:column;gap:1rem}.qr-section{background:#0f172a99}.qr-display,.qr-section{border:1px solid #94a3b833;border-radius:8px;padding:1rem}.qr-display{background:#02061799;margin-top:1rem}.qr-display code{background:#1e293bb3;border-radius:4px;font-family:var(--font-mono);padding:.25rem .5rem}.hidden-access-panel{background:#0f172a73;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem}.hidden-access-note{color:#e2e8f0d9;font-size:.9rem}.hidden-access-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.share-link-card{background:#0206178c;border:1px solid #94a3b840;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.share-link-card h4{color:#f1f5f9;font-size:1rem;margin:0}.share-link-url{background:#0f172ab3;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0;font-size:.85rem;padding:.5rem;word-break:break-word}.share-link-actions{display:flex;flex-wrap:wrap;gap:.5rem}.share-link-expiry{color:#94a3b8d9;font-size:.75rem;margin:0}.share-link-error{color:#fca5a5;font-size:.8rem;margin:0}.banner-editor{display:flex;flex-direction:column;gap:1rem}.banner-preview{align-items:center;aspect-ratio:16/9;background:#0206178c;border:1px solid #94a3b84d;border-radius:12px;display:flex;justify-content:center;margin:0 auto;overflow:hidden;width:min(100%,560px)}.banner-preview.has-image{border-style:solid}.banner-preview.has-image .banner-placeholder{display:none}.banner-preview img{display:block;height:100%;object-fit:cover;width:100%}.banner-preview-dynamic{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1 auto;height:100%;width:100%}.banner-preview.is-empty{border-color:#94a3b859;border-style:dashed}.banner-placeholder{color:#cbd5e1;line-height:1.5;max-width:360px;padding:1.5rem;text-align:center}.banner-actions{display:flex;flex-wrap:wrap;gap:.75rem}.banner-crop-panel{align-items:center;background:#02061794;border:1px solid #94a3b84d;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.banner-crop-stage{aspect-ratio:16/9;background-color:#0f172ab3;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #2dd4bf47;border-radius:12px;cursor:grab;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,560px)}.banner-crop-stage:after{border:1px solid #e2e8f059;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}.banner-crop-stage.is-dragging{cursor:grabbing}.banner-crop-controls{grid-gap:.75rem;display:grid;gap:.75rem;width:min(100%,560px)}.banner-control{display:flex;flex-direction:column;gap:.25rem}.banner-control label{color:#e2e8f0;font-size:.85rem;font-weight:600}.banner-control input[type=range]{accent-color:#38bdf8;width:100%}.banner-hint{color:#cbd5e1cc;font-size:.75rem;line-height:1.4;margin:0;text-align:center}.banner-crop-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.banner-crop-inline{grid-gap:.75rem;display:grid;gap:.75rem;margin:.75rem auto 0;width:min(100%,520px)}.banner-crop-inline .banner-crop-controls{width:100%}.banner-crop-inline .banner-crop-actions{justify-content:flex-end}.banner-error{color:#fca5a5;font-size:.85rem}.tier-container{border:1px solid #94a3b833;border-radius:12px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.tier-container.expanded{border-color:#2dd4bf80;box-shadow:0 4px 20px #00000040}.tier-header{align-items:center;background:#0f172a99;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease}.tier-header:hover{background:#1e293b99}.tier-container.expanded .tier-header{background:#111827b3;color:#fff}.tier-header h3{font-size:1.25rem;font-weight:600;margin:0}.expand-icon{font-size:1.25rem;transition:transform .3s ease}.tier-content{background:#02061799;padding:2rem}.tier-header-text{display:flex;flex-direction:column}.tier-image-preview img{border:1px solid #94a3b859;border-radius:8px;max-height:220px;object-fit:cover;width:100%}.branch-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.branch-row{background:#0f172a8c;border:1px solid #94a3b840;border-radius:12px;display:flex;gap:1rem;padding:1rem}.branch-color-chip{border-radius:9999px;margin-top:4px;width:16px}.branch-fields{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.immersion-section{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.immersion-section h4{color:#e2e8f0;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.immersion-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-box-section{margin-bottom:2rem}.text-box-section h4{color:#e2e8f0;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.challenges-section{margin-bottom:2rem}.challenge-add-buttons{display:flex;gap:.5rem}.btn-challenge{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-challenge.secret{background:#9f7aea;color:#fff}.btn-challenge.secret:hover{background:#805ad5}.btn-challenge.adversary{background:#e53e3e;color:#fff}.btn-challenge.adversary:hover{background:#c53030}.btn-challenge.talent{background:#38a169;color:#fff}.btn-challenge.talent:hover{background:#2f855a}.btn-challenge.task{background:#0d9488;color:#fff}.btn-challenge.task:hover{background:#0f766e}.challenge-item{align-items:center;border:2px solid;border-radius:16px;gap:clamp(1.25rem,3vw,2rem);margin:clamp(1.25rem,3vw,1.75rem) auto 0;max-width:780px;padding:clamp(1.5rem,4vw,2.25rem);width:100%}.challenge-item>*{width:100%}.challenge-item.secret{background:#9f7aea1f;border-color:#9f7aea}.challenge-item.adversary{background:#e53e3e1f;border-color:#e53e3e}.challenge-item.talent{background:#38a1691f;border-color:#38a169}.challenge-item.task{background:#0d94881a;border-color:#0d9488}.challenge-media{align-items:center;display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem)}.challenge-image-block{display:flex;flex-direction:column;gap:.75rem;margin:0 auto 1.5rem;width:min(100%,520px)}.challenge-image-preview{align-items:center;background:#0f172aa6;border:1px solid #94a3b859;border-radius:12px;color:#e2e8f0bf;display:flex;font-size:.9rem;height:180px;justify-content:center;max-width:100%;padding:.5rem;text-align:center;width:100%}.challenge-image-preview.has-image{border-color:#94a3b880}.challenge-image-preview.is-cropping:not(.adversary-media-preview){aspect-ratio:16/9;display:block;height:auto;padding:0}.challenge-image-preview.is-cropping:not(.adversary-media-preview) .banner-crop-stage{aspect-ratio:inherit;border-radius:8px;height:100%;width:100%}.challenge-image-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.challenge-image-preview.adversary-media-preview{background:#0000;border:none;height:auto;padding:0}.challenge-image-preview.adversary-media-preview.has-image{border:none}.challenge-image-actions{display:flex;flex-wrap:wrap;gap:.5rem}.field-error{color:#fecaca;font-size:.85rem}.challenge-header h5{color:#e2e8f0;font-size:1rem;font-weight:600;margin:0 0 1rem}.adversary-config,.talent-config{display:flex;flex-direction:column;gap:1rem}.adversary-config .form-group,.talent-config .form-group{align-self:stretch}.adversary-move-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto auto;margin-bottom:8px;min-height:40px}.adversary-move-row input[type=text]{min-width:0}.adversary-move-row input[type=number]{width:60px}.adversary-damage-range{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.adversary-damage-range input{width:80px}.adversary-media-block{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.adversary-media-label{color:#e2e8f0;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.adversary-media-preview{align-items:center;background:#0f172a8c;border:1px solid #94a3b840;border-radius:16px;display:flex;justify-content:center;max-width:560px;padding:clamp(.75rem,2vw,1.25rem);width:100%}.adversary-media-preview.has-image{background:#0f172ab3;border-color:#6366f166}.adversary-media-preview__frame{align-items:stretch;aspect-ratio:3/4;background:radial-gradient(circle at 30% 12%,#38bdf840,#0000 55%),linear-gradient(145deg,#0a0f1cf2,#030712d9);border:1px solid #6366f159;border-radius:28px;box-shadow:0 35px 65px #0206178c;color:#e2e8f0d9;display:flex;justify-content:stretch;overflow:hidden;padding:clamp(.75rem,2vw,1.25rem);text-align:center;width:clamp(220px,42vw,340px)}.adversary-media-preview__frame.is-filled{background:radial-gradient(circle at 24% 10%,#38bdf847,#0000 60%),linear-gradient(160deg,#060b19f2,#111827d9);border-color:#818cf8d9}.adversary-media-preview__frame.is-cropping{padding:0}.adversary-media-preview__frame .banner-crop-stage{aspect-ratio:3/4;border-radius:24px;height:100%;width:100%}.adversary-media-preview__image{border-radius:24px;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.adversary-media-preview__placeholder{font-size:.9rem;line-height:1.5;opacity:.85;padding:.5rem .75rem}.adversary-media-hint{margin:0;text-align:center}.adversary-media-toolbar{background:#0f172a73;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:clamp(.75rem,2vw,1rem);width:min(100%,520px)}.adversary-media-toolbar .option-title{color:#e2e8f0;font-size:.95rem;font-weight:600}.adversary-media-toolbar__row{align-items:stretch;display:flex;flex-wrap:wrap;gap:.5rem}.adversary-media-toolbar__row select{flex:1 1 200px;min-width:200px}.adversary-media-toolbar__actions,.avatar-select-row{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-select-row{justify-content:center}.avatar-select-row select{min-width:200px}.avatar-library-hint{color:#e2e8f0bf;font-size:.85rem;margin:0;text-align:center}.stat-checkboxes{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.branching-options{background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;margin-top:1rem;padding:1rem}.branching-options h6{color:#cbd5e1;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.branches-section{margin-top:1rem}.branches-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.branch-card{background:#02061799;border:1px solid;border-radius:12px;overflow:hidden}.branch-header{justify-content:space-between;padding:.5rem .75rem}.branch-header,.branch-meta{align-items:center;display:flex}.branch-meta{color:#e2e8f0;gap:.5rem}.branch-dot{border-radius:9999px;display:inline-block;height:10px;width:10px}.branch-body{padding:.75rem}.rewards-section{background:#064e3b2e;border:1px solid #10b98140;border-radius:8px;padding:1.5rem}.rewards-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}@media (max-width:768px){.quest-form-content{margin:1rem;padding:1rem}.quest-form-header{flex-direction:column;gap:1rem;text-align:center}.quest-form-header h1{font-size:2rem}.form-grid,.role-item{grid-template-columns:1fr}.role-item{gap:.5rem}.age-range{align-items:stretch;flex-direction:column}.age-range input{max-width:none}.challenge-add-buttons{flex-direction:column}.avatar-preview-frame{height:140px;width:140px}.stat-checkboxes{grid-template-columns:repeat(2,1fr)}}.tier-container.expanded .expand-icon{transform:rotate(180deg)}.challenge-item{animation:slideIn .3s ease-out}.quest-form-content::-webkit-scrollbar{width:8px}.quest-form-content::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.quest-form-content::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:4px}.quest-form-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1b3}.series-access-info{background:#6366f11a;border-color:#6366f159}.series-access-info__copy{color:#e2e8f0e6;line-height:1.6;margin:0}.series-access-info__copy strong{color:#a5b4fc}.quest-template-selector{background:linear-gradient(180deg,#040a08f2,#060e0afa);display:flex;flex-direction:column;gap:24px;min-height:100vh;overflow:hidden;padding:24px;position:relative}.quest-template-selector:before{animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:600px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:600px}.quest-template-selector:after{animation:pulse-glow 10s ease-in-out infinite reverse;background:radial-gradient(circle,#a855f71a 0,#0000 70%);bottom:-148px;content:"";height:400px;left:-148px;pointer-events:none;position:absolute;width:400px}.quest-template-selector.is-selecting{animation:fade-out-scale .3s ease-out forwards}@keyframes fade-out-scale{to{opacity:0;transform:scale(1.02)}}.template-selector-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:1}.header-content h2{align-items:center;color:#f8fafc;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 8px}.header-icon{animation:float 3s ease-in-out infinite;font-size:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header-content p{color:#94a3b8e6;font-size:1rem;margin:0}.skip-template-btn{background:#ffffff0d;border:1px solid #94a3b833;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.9rem;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.skip-template-btn:hover{background:#ffffff14;border-color:#94a3b859;color:#e2e8f0}.template-category-tabs{border-bottom:1px solid #94a3b81a;flex-wrap:wrap;padding-bottom:4px;z-index:1}.category-tab,.template-category-tabs{display:flex;gap:8px;position:relative}.category-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8b3;cursor:pointer;font-size:.9rem;padding:12px 16px;transition:all .2s ease}.category-tab:after{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:1px;bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:0}.category-tab:hover{background:#ffffff0d;color:#e2e8f0}.category-tab.is-active{background:#6366f126;color:#f8fafc}.category-tab.is-active:after{width:60%}.category-tab-icon{font-size:1rem}.template-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));position:relative;z-index:1}.template-card{animation:card-enter .4s ease backwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);background:#0f172ab3;border:1px solid #94a3b81f;border-radius:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;transition:all .25s ease}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)}}.template-card:hover{border-color:#94a3b840;box-shadow:0 12px 40px #00000040,0 0 0 1px #94a3b81a;transform:translateY(-4px)}.template-card-glow{background:var(--card-gradient);filter:blur(80px);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.template-card:hover .template-card-glow{opacity:.15}.template-card-icon{align-items:center;background:var(--card-gradient);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;font-size:1.75rem;height:52px;justify-content:center;transition:transform .25s ease;width:52px}.template-card:hover .template-card-icon{transform:scale(1.08) rotate(-3deg)}.template-card-content{flex:1 1}.template-card-title{color:#f8fafc;font-size:1.15rem;font-weight:600;margin:0 0 8px}.template-card-tagline{color:#94a3b8d9;font-size:.9rem;line-height:1.4;margin:0 0 12px}.template-card-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{align-items:center;background:#94a3b81a;border-radius:12px;color:#94a3b8e6;display:inline-flex;font-size:.75rem;gap:4px;padding:4px 12px}.meta-badge--difficulty[data-difficulty=beginner]{background:#22c55e26;color:#4ade80}.meta-badge--difficulty[data-difficulty=intermediate]{background:#fbbf2426;color:#fbbf24}.meta-badge--difficulty[data-difficulty=advanced]{background:#ef444426;color:#f87171}.template-select-btn{align-items:center;background:var(--card-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease;width:100%}.template-select-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.template-card:hover .template-select-btn:before{left:100%}.template-select-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.select-btn-arrow{transition:transform .2s ease}.template-select-btn:hover .select-btn-arrow{transform:translateX(4px)}.template-preview-panel{animation:slide-in-right .2s ease;background:#0f172af2;border:1px solid #94a3b826;border-radius:16px;box-shadow:0 20px 60px #0006;max-height:80vh;overflow:hidden;position:fixed;right:24px;top:50%;transform:translateY(-50%);width:320px;z-index:100;z-index:var(--z-raised,100)}@keyframes slide-in-right{0%{opacity:0;transform:translateY(-50%) translateX(20px)}}.preview-header{align-items:center;display:flex;gap:12px;padding:20px}.preview-icon{font-size:1.75rem}.preview-header h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.preview-body{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding:16px 20px 20px}.preview-description{color:#94a3b8e6;font-size:.9rem;line-height:1.5;margin:0}.preview-challenge{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;margin-top:16px;padding:12px}.preview-challenge h5{color:#94a3b8b3;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.challenge-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:8px;padding:8px 12px}.challenge-badge[data-type=secret]{background:#fbbf2426;color:#fbbf24}.challenge-badge[data-type=talent]{background:#a855f726;color:#a855f7}.challenge-badge[data-type=adversary]{background:#ef444426;color:#ef4444}.challenge-badge[data-type=task]{background:#3b82f626;color:#3b82f6}.challenge-intro{color:#94a3b8cc;font-size:.8rem;font-style:italic;line-height:1.4;margin:0}.preview-access{background:#4755691a;border:1px solid #47556933;border-radius:8px;margin-top:12px;padding:12px}.preview-access h5{color:#94a3b8b3;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.access-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:8px;padding:4px 12px}.access-badge[data-type=public]{background:#10b98126;color:#10b981}.access-badge[data-type=hidden]{background:#ca8a0426;color:#ca8a04}.access-note{color:#94a3b8b3;font-size:.75rem;line-height:1.3;margin:0}.preview-structure h5,.preview-tips h5{color:#e2e8f0;font-size:.85rem;font-weight:600;margin:0 0 12px}.structure-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.structure-list li{background:#94a3b80d;color:#94a3b8e6;font-size:.85rem;gap:12px;padding:8px 12px}.structure-list li,.structure-num{align-items:center;border-radius:8px;display:flex}.structure-num{background:#6366f133;color:#a5b4fc;font-size:.75rem;font-weight:600;height:22px;justify-content:center;width:22px}.structure-title{flex:1 1}.structure-challenge{font-size:1rem;opacity:.7}.preview-tips ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.preview-tips li{color:#94a3b8cc;font-size:.8rem;line-height:1.4;padding-left:4px}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tag{background:#94a3b814;border-radius:8px;color:#94a3b899;font-size:.75rem;padding:4px 8px}.template-selector-footer{background:#6366f114;border-radius:12px;padding:16px 20px;position:relative;z-index:1}.template-selector-footer p{align-items:center;color:#94a3b8d9;display:flex;font-size:.9rem;gap:12px;margin:0}.footer-icon{font-size:1.25rem}.template-selector-footer strong{color:#a5b4fc}@media (max-width:1280px){.template-preview-panel{display:none}}@media (max-width:640px){.quest-template-selector{padding:16px}.template-selector-header{flex-direction:column;gap:16px}.skip-template-btn{text-align:center;width:100%}.template-category-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.category-tab{flex-shrink:0}.template-grid{grid-template-columns:1fr}.header-content h2{font-size:1.4rem}}.mini-role-manager{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;margin:1rem 0;padding:1.5rem}.role-manager-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.role-manager-header p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.desk-role-suggestions{background:#0f172a66;border:1px dashed var(--border-color);border-radius:12px;margin-bottom:1.25rem;padding:.75rem 1rem}.desk-role-suggestions__header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.desk-role-suggestions__apply{background:none;border:none;color:var(--accent-purple);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.desk-role-suggestions__chips{display:flex;flex-wrap:wrap;gap:.5rem}.desk-role-suggestions__chip{align-items:flex-start;background:#0f172aa6;border:1px solid #94a3b873;border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:column;font-size:.8rem;gap:.25rem;padding:.5rem .75rem;transition:border-color .2s ease,transform .2s ease}.desk-role-suggestions__chip:hover{border-color:var(--accent-purple);transform:translateY(-1px)}.desk-role-suggestions__name{font-weight:600}.desk-role-suggestions__chip-role{color:var(--text-secondary);font-size:.75rem}.user-search{margin-bottom:1.5rem;position:relative}.search-input{background:var(--primary-bg);transition:all .3s ease}.search-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #6a4c931a}.search-loading{color:var(--text-muted);font-size:.8rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.search-results{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #0003;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:4700;z-index:var(--z-dropdown,4700)}.search-result-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--primary-bg)}.user-icon{font-size:1rem}.username{font-weight:500}.user-type{font-size:.8rem}.current-roles h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.no-roles{color:var(--text-muted);font-style:italic;padding:1rem;text-align:center}.roles-list{display:flex;flex-direction:column;gap:.75rem}.role-item{align-items:center;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.role-item:hover{border-color:var(--accent-purple)}.role-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.role-username{color:var(--text-primary);font-weight:500}.role-description{color:var(--text-secondary);font-size:.8rem;font-style:italic}.role-permissions{align-items:center;display:flex;gap:1rem}.permission-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;font-size:.8rem;gap:.25rem}.permission-toggle input[type=checkbox]{accent-color:var(--accent-purple);margin:0}.remove-role-btn{background:none;border:none;border-radius:4px;color:#e76f51;color:var(--error-color,#e76f51);cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s ease}.remove-role-btn:hover{background:#e76f511a}.role-inline-dialog{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 32px #0f172a2e;margin-top:1.5rem;padding:1.5rem}.role-inline-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.role-inline-header .avatar{height:48px;width:48px}.role-inline-meta{display:flex;flex:1 1;flex-direction:column}.role-inline-meta h4{color:var(--text-primary);font-size:1.1rem;margin:0}.role-inline-sub{color:var(--text-secondary);font-size:.85rem}.role-inline-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;line-height:1;transition:background-color .2s ease,color .2s ease;width:36px}.role-inline-close:hover{background:#94a3b81f;color:var(--text-primary)}.role-inline-instructions{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.role-description-input{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem;resize:vertical;width:100%}.role-description-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #6a4c931a;outline:none}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn{font-weight:600}.btn-secondary{background:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--text-muted);color:#fff}.btn-primary{background:var(--gradient-mystic)}.btn-primary:hover{box-shadow:0 4px 15px #6a4c9366}.btn-primary:disabled{box-shadow:none;transform:none}@media (max-width:768px){.mini-role-manager{padding:1rem}.role-item{align-items:stretch;flex-direction:column;gap:.75rem}.role-permissions{justify-content:space-between}.dialog-actions{flex-direction:column}.role-inline-dialog{padding:1.25rem}}.role-item--expanded{flex-wrap:wrap}.role-permissions-toggle{background:#6366f114;border:1px solid #6366f140;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.role-permissions-toggle:hover{background:#6366f126;border-color:#6366f166;color:#c7d2fe}.role-permissions-toggle:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.role-expanded-permissions{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem;width:100%}.role-dialog-permissions{margin:1rem 0}.inherited-roles{border-top:1px dashed var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.inherited-roles h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.inherited-roles-hint{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 1rem}.inherited-roles-list{display:flex;flex-direction:column;gap:.75rem}.inherited-role-item{align-items:center;background:#0f172a66;border:1px solid #94a3b826;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.inherited-role-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.inherited-role-username{color:var(--text-primary);font-size:.9rem;font-weight:600}.inherited-role-source{border-radius:999px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.inherited-role-source--circle{background:#34d39926;border:1px solid #34d3994d;color:#34d399}.inherited-role-source--shop{background:#60a5fa26;border:1px solid #60a5fa4d;color:#60a5fa}.inherited-role-permissions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.inherited-permission-badge{background:#6366f11a;border:1px solid #6366f133;border-radius:4px;color:#a5b4fc;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.inherited-permission-more{color:var(--text-secondary);font-size:.75rem;font-style:italic;padding:.25rem .5rem}@media (max-width:640px){.inherited-role-item{align-items:flex-start;flex-direction:column;gap:.5rem}.inherited-role-permissions{justify-content:flex-start}}.role-compensation{align-items:center;display:flex;margin-left:auto;margin-right:.75rem}.compensation-input-label{align-items:center;background:#0f172a99;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.25rem;padding:.25rem .5rem;transition:border-color .2s ease}.compensation-input-label:focus-within{border-color:var(--accent-purple);box-shadow:0 0 0 2px #8b5cf633}.compensation-input{-moz-appearance:textfield;background:#0000;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:0;text-align:right;width:48px}.compensation-input::-webkit-inner-spin-button,.compensation-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compensation-input:focus{outline:none}.compensation-percent-sign{color:var(--text-secondary);font-size:.85rem;font-weight:500}.mini-permissions{background:#0f172a66;background:var(--secondary-bg,#0f172a66);border:1px solid #94a3b826;border:1px solid var(--border-color,#94a3b826);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.mini-permissions--compact{gap:.75rem;padding:.75rem}.mini-permissions__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mini-permissions__title{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.95rem;font-weight:600}.mini-permissions__count{background:#94a3b81a;border-radius:12px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.8rem;padding:.25rem .5rem}.mini-permissions__actions{display:flex;gap:.5rem}.mini-permissions__action-btn{background:#6366f114;border:1px solid #6366f140;border-radius:8px;color:#a5b4fc;color:var(--accent-purple,#a5b4fc);cursor:pointer;font-size:.8rem;padding:.25rem .75rem;transition:all .2s}.mini-permissions__action-btn:hover{background:#6366f126;border-color:#6366f166;border-color:var(--accent-purple,#6366f166);color:#c7d2fe}.mini-permissions__action-btn:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.mini-permissions__group{border:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.mini-permissions__group-label{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:0;text-transform:uppercase}.mini-permissions__list{display:flex;flex-direction:column;gap:.5rem}.mini-permissions__chips{display:flex;flex-wrap:wrap;gap:.5rem}.mini-permissions__item{align-items:flex-start;background:#1e293b80;background:var(--primary-bg,#1e293b80);border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .2s}.mini-permissions__item:hover:not(.mini-permissions__item--readonly){background:#1e293bb3;background:var(--secondary-bg,#1e293bb3);border-color:#94a3b833;border-color:var(--border-color,#94a3b833)}.mini-permissions__item--active{background:#6366f114;border-color:#6366f14d}.mini-permissions__item--active:hover:not(.mini-permissions__item--readonly){background:#6366f11f;border-color:#6366f166}.mini-permissions__item--readonly{cursor:default;opacity:.7}.mini-permissions__item:focus-within{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.mini-permissions__item input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-purple,#6366f1);cursor:inherit;flex-shrink:0;height:16px;margin-top:2px;width:16px}.mini-permissions__item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-permissions__item-label{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.9rem;font-weight:500}.mini-permissions__item-description{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.8rem;line-height:1.3}.mini-permissions__chip{align-items:center;background:#1e293b80;background:var(--primary-bg,#1e293b80);border:1px solid #94a3b826;border:1px solid var(--border-color,#94a3b826);border-radius:24px;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.mini-permissions__chip:hover:not(.mini-permissions__chip--readonly){background:#1e293bb3;background:var(--secondary-bg,#1e293bb3);border-color:#94a3b840;border-color:var(--border-color,#94a3b840)}.mini-permissions__chip:focus-within{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.mini-permissions__chip--active{background:#6366f11f;border-color:#6366f159}.mini-permissions__chip--active:hover:not(.mini-permissions__chip--readonly){background:#6366f12e;border-color:#6366f173}.mini-permissions__chip--readonly{cursor:default;opacity:.75}.mini-permissions__chip input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-purple,#6366f1);cursor:inherit;height:14px;width:14px}.mini-permissions__chip-label{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.85rem;white-space:nowrap}.mini-permissions__chip--active .mini-permissions__chip-label{color:#c7d2fe}.mini-permissions__toggle{align-self:flex-start;background:#0000;border:1px dashed #94a3b840;border:1px dashed var(--border-color,#94a3b840);border-radius:8px;color:#cbd5e1;color:var(--text-secondary,#cbd5e1);cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s}.mini-permissions__toggle:hover{background:#94a3b814;background:var(--primary-bg,#94a3b814);border-color:#94a3b859;border-color:var(--border-color,#94a3b859);color:#f0f4f8;color:var(--text-primary,#f0f4f8)}.mini-permissions__toggle:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}@media (max-width:640px){.mini-permissions{padding:.75rem}.mini-permissions__header{align-items:flex-start;flex-direction:column;gap:.5rem}.mini-permissions__chips{gap:.5rem}.mini-permissions__chip{padding:.25rem .5rem}.mini-permissions__chip-label{font-size:.8rem}}.quest-qr-generator{background:var(--secondary-bg);border:1px solid #b8c6f014;border:1px solid var(--glass-border,#b8c6f014);border-radius:16px;box-shadow:0 10px 30px #00000059;box-shadow:var(--glass-shadow,0 10px 30px #00000059);margin:2rem 0;padding:2rem}.qr-header{margin-bottom:2rem;text-align:center}.qr-header h4{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.qr-header p{color:#718096;font-size:1rem;line-height:1.5}.qr-code-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.qr-code-container canvas{border:4px solid #0056b3;border:4px solid var(--primary-dark,#0056b3);border-radius:12px;box-shadow:0 4px 20px #0056b340}.qr-info{flex:1 1;max-width:400px;min-width:300px}.qr-details{background:#12162347;border:1px solid #b8c6f014;border:1px solid var(--glass-border,#b8c6f014);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.detail-item{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-item .label{color:#718096;font-size:.875rem;font-weight:600}.detail-item .value{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-weight:600;max-width:200px;text-align:right;word-break:break-all}.detail-item .value.code{background:#12162366;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;padding:.25rem .5rem}.detail-item .value.access-hidden{background:#fed7e2;border-radius:12px;color:#b83280;font-size:.875rem;padding:.25rem .75rem}.qr-actions{display:flex;flex-direction:column;gap:1rem}.copy-btn,.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.copy-btn:hover,.download-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.copy-btn{background:linear-gradient(135deg,#48bb78,#38a169)}.copy-btn:hover{box-shadow:0 8px 20px #48bb7866}.qr-instructions{background:#12162347;border-left:4px solid #0056b3;border-left:4px solid var(--primary-dark,#0056b3);border-radius:12px;margin-top:2rem;padding:1.5rem}.qr-instructions h5{color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:1.125rem;margin-bottom:1rem}.qr-instructions ul{color:#94a3b8;color:var(--text-muted,#94a3b8);line-height:1.6;padding-left:1.5rem}.qr-instructions li{margin-bottom:.5rem}@media (max-width:768px){.qr-code-container{align-items:center;flex-direction:column}.qr-info{max-width:none;width:100%}.qr-actions{flex-direction:row}.quest-qr-generator{padding:1.5rem}}@media (max-width:480px){.qr-code-container canvas{height:160px!important;width:160px!important}.detail-item,.qr-actions{flex-direction:column}.detail-item{align-items:flex-start;gap:.5rem}.detail-item .value{max-width:none;text-align:left}}.narrative-scene-editor{display:flex;flex-direction:column;gap:1rem}.narrative-scene-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.narrative-scene-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.95rem;font-weight:600}.narrative-scene-add{font-size:.875rem;padding:.5rem .75rem}.narrative-scene-list{display:flex;flex-direction:column;gap:1rem}.narrative-scene-card{border:1px solid #94a3b826;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.narrative-scene-card-header{align-items:center;display:flex;justify-content:space-between}.narrative-scene-number{color:#a78bfa;color:var(--accent-color,#a78bfa);font-size:.875rem;font-weight:500;opacity:.85}.narrative-scene-remove{border-radius:8px;font-size:.75rem;min-width:auto;padding:.25rem .5rem}.narrative-scene-textarea{min-height:80px;resize:vertical;width:100%}.narrative-scene-immersion-section{border-top:1px solid #94a3b81a;padding-top:.5rem}.narrative-scene-immersion-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.immersion-inherited-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;opacity:.9}.narrative-scene-immersion-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.narrative-scene-immersion-toggle .checkbox-label{font-size:.875rem}.narrative-scene-immersion-editor{background:#0f172a66;border-radius:8px;margin-top:.75rem;padding:.75rem}.btn-small{font-size:.8rem;padding:.25rem .5rem}.btn-link{border:none;color:#a78bfa;color:var(--accent-color,#a78bfa);cursor:pointer;font-size:.85rem;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{opacity:.8}.narrative-scene-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.narrative-scene-hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;margin:0;opacity:.7;text-align:center}.sr-only{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.desk-area{--desk-font-scale:1;--desk-inline-gutter:clamp(var(--layout-gutter-inline,1.25rem),4.5vw,2.25rem);background:#0a0c1229;min-height:100%;padding:clamp(var(--layout-grid-gap,.75rem),4vw,1.75rem) max(var(--desk-inline-gutter),env(safe-area-inset-right,0)) clamp(calc(var(--layout-grid-gap, 1rem)*1.1),5.5vw,2.5rem) max(var(--desk-inline-gutter),env(safe-area-inset-left,0))}.desk-area--roles,.desk-area--roles .desk-content{overflow:visible}.desk-area--flush{--desk-inline-gutter:0px;padding-left:0;padding-right:0}.desk-area--workflow{--desk-inline-gutter:0;padding:clamp(.25rem,1vw,.75rem) 0 clamp(.5rem,1vw,1rem)}.desk-content--flush{border:none;border-radius:0;box-shadow:none}.desk-trades-area{display:flex;flex-direction:column;gap:0}.desk-content-subtabs{background:#12162366;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.desk-content-subtab{background:#12162342;border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.desk-content-subtab:hover:not(.desk-content-subtab--active){background:#ffffff1a;background:var(--border-color,#ffffff1a);color:#fff;color:var(--text-primary,#fff)}.desk-content-subtab--active{background:#f2ce6826;border-color:#f2ce688c;color:#fef3c7}.desk-trades-panel .mystuff-app__header{align-items:center;flex-direction:row;justify-content:space-between}.desk-trades-panel .mystuff-app__actions{margin-left:auto;order:2}.desk-trades-panel .mystuff-app__filters{flex:1 1;order:1}.desk-trades-panel .create-circle-btn,.desk-trades-panel .create-quest-btn,.desk-trades-panel .create-shop-btn,.desk-trades-panel .primary-btn{background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#c7d2fe;font-size:.9rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.desk-trades-panel .create-circle-btn:hover,.desk-trades-panel .create-quest-btn:hover,.desk-trades-panel .create-shop-btn:hover,.desk-trades-panel .primary-btn:hover{background:#6366f140;border-color:#6366f199;color:#e0e7ff}.desk-trades-create-btn{background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#c7d2fe;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.desk-trades-create-btn:hover{background:#6366f140;border-color:#6366f199;color:#e0e7ff}.desk-trades-create-btn:focus{outline:2px solid #6366f199;outline-offset:2px}.desk-trades-area--form{padding:1rem}.desk-trades-form-loading{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);padding:2rem;text-align:center}.desk-trades-panel{flex:1 1;min-height:0;overflow:visible;position:relative;z-index:1}.desk-overview{display:flex;flex-direction:column;height:100%}.desk-overview__subtabs{background:#12162366;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1rem}.desk-overview__subtab{background:#12162342;border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:8px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.desk-overview__subtab:hover:not(.desk-overview__subtab--active){background:#ffffff1a;background:var(--border-color,#ffffff1a);color:#fff;color:var(--text-primary,#fff)}.desk-overview__subtab--active{background:#f2ce6826;border-color:#f2ce688c;color:#fef3c7}.desk-overview__content{flex:1 1;min-height:0;overflow:auto}.desk-metric{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem}.desk-metric__label{font-size:calc(var(--desk-font-scale)*.75rem);font-weight:600}.desk-metric__hint{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:calc(var(--desk-font-scale)*.85rem);gap:1rem 1.25rem}.desk-overview-banner__heading{display:flex;flex:1 1 240px;flex-direction:column;gap:.25rem;min-width:220px}.desk-overview-banner__heading h2{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*1.6rem);font-weight:600;margin:0}.desk-overview-banner__heading p{font-size:calc(var(--desk-font-scale)*.95rem);margin:0}.desk-overview-banner__metrics{display:flex;flex:2 1 320px;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:0}.desk-header{margin-bottom:2rem}.desk-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-mystic);-webkit-background-clip:text;background-clip:text;font-size:calc(var(--desk-font-scale)*2rem);font-weight:700;margin-bottom:.5rem}.desk-header p{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*1.1rem)}.desk-tabs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.desk-tab{background:#12162342;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.desk-tab:before{background:var(--gradient-mystic);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.desk-tab:hover{border-color:var(--accent-purple);box-shadow:0 8px 25px #6a4c9333;transform:translateY(-2px)}.desk-tab:hover:before{opacity:1}.desk-tab.active{background:#1216234d;border-color:var(--accent-gold);box-shadow:0 8px 25px #f4a26133}.desk-tab.active:before{background:var(--gradient-warm);opacity:1}.tab-content-wrapper{display:flex;flex-direction:column;gap:.5rem}.tab-icon-label{align-items:center;display:flex;gap:.75rem}.tab-icon{flex-shrink:0;font-size:calc(var(--desk-font-scale)*1.5rem)}.tab-label{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*1.125rem);font-weight:600}.tab-description{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.9rem);line-height:1.4;margin:0}.desk-content{background:#10142038;border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;min-height:500px;overflow:visible}.desk-content--roles{border-radius:0;overflow:visible}.desk-content--workflow{background:#0000;border:none;box-shadow:none;margin:0;width:100%}.desk-content--roles .tab-content{padding:0}.desk-workflow-manager{display:flex;flex:1 1;flex-direction:column;min-height:clamp(500px,68vh,840px);width:100%}.desk-workflow-content,.desk-workflow-manager>*{display:flex;flex:1 1;flex-direction:column;min-height:0}.desk-workflow-content{margin-top:12px}.desk-analytics-area{display:flex;flex:1 1;flex-direction:column;min-height:clamp(500px,68vh,840px);width:100%}.desk-analytics-content{margin-top:12px}.desk-analytics-content,.tab-content--workflow{display:flex;flex:1 1;flex-direction:column;min-height:0}.desk-ticket-transaction-stack{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.desk-ticket-transaction-stack__transactions{border-top:1px solid #94a3b840;padding-top:clamp(.75rem,2vw,1rem)}.desk-ticket-transaction-stack__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:clamp(.5rem,1.8vw,.75rem)}.desk-ticket-transaction-stack__header h4{color:var(--text-primary);font-size:clamp(1rem,2.4vw,1.1rem);margin:0}.desk-ticket-transaction-stack__hint{color:var(--text-secondary);font-size:clamp(.82rem,2vw,.9rem);margin:0}.desk-ticket-panel{background:#1216233d;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:clamp(1rem,3vw,1.5rem)}.desk-ticket-panel__header{display:flex;flex-direction:column;gap:.25rem}.desk-ticket-panel__header h4{color:var(--text-primary);font-size:clamp(1rem,2.4vw,1.2rem);margin:0}.desk-ticket-panel__hint{color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem);margin:0}@media (max-width:640px){.desk-ticket-transaction-stack__transactions{border-top:1px solid #94a3b82e;padding-top:.75rem}.desk-ticket-transaction-stack__header h4{font-size:1rem}.desk-ticket-transaction-stack__hint{font-size:.8rem}}.tab-content{padding:clamp(1.5rem,6vw,2.5rem);padding:clamp(var(--layout-grid-gap,1.5rem),6vw,2.5rem)}.tab-content--workflow{padding:0;width:100%}.tab-content--workflow>*{width:100%}.tab-content--workflow .desk-workflow-manager{padding:0;width:100%}.tab-content--workflow .workflow-manager{border-radius:4px;box-shadow:none}.desk-workflow-panel{background:#1216233d;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem}.workflow-pill{align-items:center;background:#456aff2e;border-radius:999px;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.25rem;letter-spacing:.05em;margin-bottom:.25rem;padding:.25rem .75rem;text-transform:uppercase}.workflow-pill:before{background:#456affad;border-radius:999px;content:"";height:8px;width:8px}.desk-workflow-panel__meta{font-size:calc(var(--desk-font-scale)*.85rem);margin-bottom:.25rem}.workflow-actions{display:flex;flex-wrap:wrap;gap:.5rem}.desk-diagnostics__form{background:#1216232e;border:1px solid var(--glass-border);border-radius:8px;padding:1rem}.desk-diagnostics__form-row{display:flex;flex-wrap:wrap;gap:.75rem}.desk-diagnostics__field{display:flex;flex:1 1 220px;flex-direction:column;gap:.25rem;min-width:200px}.desk-diagnostics__field--compact{flex:1 1 160px;min-width:160px}.desk-diagnostics__table{background:#0a0e1642;border:1px solid #ffffff0f;border-radius:8px;margin-top:.75rem;overflow-x:auto}.desk-task-row{cursor:pointer;transition:background .2s ease}.desk-task-row[data-selected=true]{background:#1216236b}.content-header{margin-bottom:1.25rem;padding-bottom:.75rem}.content-header h3{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*1.5rem);font-weight:600;margin-bottom:.5rem}.content-header p{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*1rem)}.placeholder-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.placeholder-card{border:1px solid var(--border-color);border-radius:12px;max-width:500px;padding:clamp(1.5rem,6vw,2.5rem);padding:clamp(var(--layout-grid-gap,1.5rem),6vw,2.5rem);width:100%}.placeholder-card h4{font-size:calc(var(--desk-font-scale)*1.25rem)}.placeholder-card p{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.95rem)}.placeholder-card ul{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.9rem);list-style-position:inside}.placeholder-card li{margin-bottom:.5rem}.quest-desk-builder-grid{grid-gap:clamp(1rem,3vw,1.5rem);display:grid;gap:clamp(1rem,3vw,1.5rem);grid-template-columns:minmax(260px,320px) 1fr;height:auto;min-height:700px;position:relative;z-index:1}.quest-desk-builder__sidebar{background:#0f131d66;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:clamp(1rem,2vw,1.25rem)}.quest-desk-builder__sidebar-header h3{color:var(--text-primary);margin:0 0 .25rem}.quest-desk-builder__sidebar-header p{font-size:.9rem;margin:0}.save-banner{align-items:center;animation:slideDown .25s ease-out;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;grid-column:1/-1;padding:.75rem 1rem}.save-banner--success{background:#22c55e26;border:1px solid #22c55e66;color:#86efac}.save-banner--error{background:#ef444426;border:1px solid #ef444466;color:#fca5a5}.save-banner__icon{font-size:1rem;font-weight:700}.save-banner__text{flex:1 1}.save-banner__close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.7;padding:0}.save-banner__close:hover{opacity:1}.series-manager{border-bottom:1px solid #ffffff14;margin-bottom:1rem;padding-bottom:1rem}.series-manager__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.series-manager__header h4{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.series-manager__current{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.series-manager__name-input{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:500;min-width:120px;padding:.5rem .75rem}.series-manager__name-input:focus{background:#00000059;border-color:var(--accent-primary);outline:none}.series-manager__actions{display:flex;flex-shrink:0;gap:.25rem}.series-manager__actions .btn{font-size:.75rem;padding:.5rem .75rem;white-space:nowrap}.series-manager__dropdown{background:#00000059;border:1px solid #ffffff14;border-radius:8px;margin-top:.75rem;overflow:hidden}.series-manager__new-btn{background:#38bdf814;border:none;border-bottom:1px solid #ffffff0f;color:var(--accent-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.75rem;text-align:left;transition:background .15s;width:100%}.series-manager__new-btn:hover{background:#38bdf826}.series-manager__list{list-style:none;margin:0;max-height:160px;overflow-y:auto;padding:0}.series-manager__item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex}.series-manager__item:last-child{border-bottom:none}.series-manager__item.is-active{background:#38bdf81a}.series-manager__item-btn{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;padding:.5rem .75rem;text-align:left;transition:background .15s}.series-manager__item-btn:hover{background:#ffffff0d}.series-manager__item-name{font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-manager__item-meta{color:var(--text-secondary);font-size:.675rem}.series-manager__item .icon-btn{flex-shrink:0;margin-right:.5rem}.quest-desk-builder__list{display:flex;flex-direction:column;gap:.75rem;max-height:340px;overflow:auto;padding-right:.25rem}.quest-desk-builder__list-item{background:#12172359;border:1px solid #ffffff0f;border-radius:12px;color:inherit;padding:.75rem;text-align:left;transition:border .2s ease,background .2s ease}.quest-desk-builder__list-item:focus,.quest-desk-builder__list-item:hover{border-color:#fff3}.quest-desk-builder__list-item.is-selected{background:#1e180c8c;border-color:#ffd166e6;border-color:var(--accent-gold,#ffd166e6)}.quest-desk-builder__list-item-title{font-size:.95rem}.quest-desk-builder__list-item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem}.quest-desk-builder__sidebar-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.quest-desk-builder__link-row{display:flex;flex-wrap:wrap;gap:.5rem}.quest-desk-builder__workspace{background:#0f131d52;border:1px solid #ffffff0f;border-radius:12px;gap:1rem;min-height:700px;padding:clamp(1rem,2.5vw,1.25rem);z-index:5}.quest-desk-builder__canvas-container,.quest-desk-builder__workspace{display:flex;flex:1 1;flex-direction:column;overflow:visible;position:relative}.quest-desk-builder__canvas-container{height:auto;min-height:650px}.quest-desk-builder__canvas-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.canvas-toolbar-btn{background:linear-gradient(135deg,#581c87,#4c1d95);border-color:#fff3;color:#fff;font-weight:600}.canvas-toolbar-btn.btn--ghost{background:#581c874d;border-color:#ffffff26;color:#fff9}.canvas-toolbar-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b21a8,#5b21b6);border-color:#ffffff4d}.canvas-toolbar-btn.btn--ghost:hover:not(:disabled){background:#581c8780;color:#fffc}.canvas-toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.quest-desk-builder__canvas-toolbar .series-summary-stats{background:#1f2937;background:var(--color-surface,#1f2937);border-radius:8px;display:flex;font-size:12px;gap:1rem;margin:0;padding:.5rem 1rem}.quest-desk-builder__empty-canvas{flex:1 1;justify-content:center;min-height:300px;padding:2rem}.quest-desk-builder__empty,.quest-desk-builder__empty-canvas{align-items:center;background:#0f131d4d;border:1px dashed #ffffff26;border-radius:12px;display:flex;text-align:center}.quest-desk-builder__empty{flex-direction:column;padding:2rem 1.5rem}.quest-desk-builder__empty h4{color:var(--text-primary);font-size:1rem;margin:0 0 .5rem}.quest-desk-builder__empty p{font-size:.875rem;line-height:1.5;margin:0 0 1rem;max-width:440px}.quest-desk-builder__canvas{display:flex;flex-direction:column;gap:1rem}.quest-desk-builder__canvas-header{justify-content:space-between}.quest-desk-builder__canvas-header,.quest-desk-builder__canvas-header-left{align-items:center;display:flex;gap:1rem}.quest-desk-builder__canvas-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.quest-desk-builder__canvas-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.quest-desk-builder__loading{color:var(--text-secondary);padding:2rem;text-align:center}.quest-desk-builder__two-column{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.8fr)}.quest-desk-builder__graph{min-height:22rem}.quest-desk-builder__sidebar-panel{max-height:28rem;overflow:auto;padding-right:.25rem}.status-pill{align-items:center;background:#94a3b83d;border-radius:999px;display:inline-flex;font-size:.75rem;gap:.25rem;letter-spacing:.04em;padding:.25rem .5rem;text-transform:uppercase}.quest-desk-builder__sequence-section{border-top:1px solid var(--glass-border);margin-top:1rem;padding-top:1rem}.quest-desk-builder__sequence-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.quest-desk-builder__sequence-header h4{color:var(--text-primary);font-size:.8rem;font-weight:600;margin:0}.quest-desk-builder__sequence-header .btn{flex-shrink:0;font-size:.75rem;padding:.25rem .5rem}.quest-desk-builder__sequence-list{display:flex;flex-direction:column;gap:.5rem}.quest-sequence-item{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;padding:.75rem;transition:border-color .15s,background .15s}.quest-sequence-item.is-active,.quest-sequence-item:hover{border-color:var(--accent-primary)}.quest-sequence-item.is-active{background:#38bdf814}.quest-sequence-item__header{align-items:center;display:flex;gap:.5rem}.quest-sequence-item__order{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.quest-sequence-item__title-input{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.8125rem;min-width:0;padding:.25rem .5rem}.quest-sequence-item__title-input:focus,.quest-sequence-item__title-input:hover{background:#0003;border-color:var(--glass-border)}.quest-sequence-item__actions{display:flex;flex-shrink:0;gap:.25rem;margin-left:auto}.quest-sequence-item__meta{display:flex;gap:.5rem;margin-top:.5rem;padding-left:2rem}.quest-sequence-item__meta .chip{background:#94a3b826;border-radius:999px;color:var(--text-secondary);font-size:.6875rem;padding:.25rem .5rem}.quest-sequence-item__meta .chip--success{background:#22c55e26;color:#86efac}.quest-sequence-item__meta .chip--muted{background:#94a3b81a;color:#94a3b8b3}.quest-sequence-item__meta .chip--info{background:#38bdf826;color:#7dd3fc;font-weight:600}.quest-desk-builder__budget-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.budget-mode-toggle{display:flex;gap:.25rem;margin-bottom:.75rem}.budget-mode-option{align-items:center;background:#12172373;border:1px solid #ffffff14;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;gap:.25rem;justify-content:center;padding:.5rem;text-align:center;transition:all .15s}.budget-mode-option.is-active,.budget-mode-option:hover{border-color:var(--accent-primary);color:var(--text-primary)}.budget-mode-option.is-active{background:#38bdf81f}.budget-mode-option input{height:12px;margin:0;width:12px}.series-budget-inputs{display:flex;flex-direction:column;gap:.5rem}.budget-input-group{display:flex;flex-direction:column;gap:.25rem}.budget-input-group span{color:var(--text-secondary);font-size:.6875rem}.budget-input-group input{background:#0000004d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:.8125rem;padding:.5rem}.budget-status{border-radius:8px;font-size:.75rem;padding:.5rem .75rem}.budget-status.budget-ok{background:#22c55e26;color:#22c55e}.budget-status.budget-low{background:#ef444426;color:#ef4444}.series-action-buttons{display:flex;gap:.5rem;margin-top:.75rem}.series-action-buttons .btn{flex:1 1;min-width:0}.save-series-btn,.submit-series-btn{width:100%}.linked-quest-banner{align-items:center;background:#22c55e26;border:1px solid #22c55e;border-radius:8px;display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.linked-quest-banner__icon{color:#22c55e;font-weight:700}.linked-quest-banner .btn--ghost{font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.in-series-badge{color:#22c55e;font-size:.75rem;margin-left:.25rem}.quest-desk-builder__list-item.is-in-series{border-left:2px solid #22c55e}.placeholder-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.placeholder-section__header h4{margin:0}.quest-desk-builder__sequence-canvas{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:12px;flex:1 1 auto;height:600px;min-height:600px;overflow:visible;pointer-events:auto;position:relative;width:100%;z-index:10}.quest-desk-builder__sequence-canvas .react-flow{height:100%!important;position:relative!important;width:100%!important}.quest-desk-builder__sequence-canvas .react-flow__renderer{height:100%!important;pointer-events:auto!important;width:100%!important}.quest-desk-builder__sequence-canvas .react-flow__pane{pointer-events:all!important;z-index:1!important}.quest-desk-builder__sequence-canvas .react-flow__viewport{pointer-events:all!important;z-index:2!important}.quest-desk-builder__sequence-canvas .react-flow__nodes{pointer-events:none;z-index:3!important}.quest-desk-builder__sequence-canvas .react-flow__node{cursor:pointer;pointer-events:all!important}.quest-desk-builder__sequence-canvas .react-flow__background{background:var(--glass-surface)}.quest-desk-builder__sequence-canvas .react-flow__controls{bottom:.75rem;height:auto!important;left:.75rem;pointer-events:auto;right:auto;width:auto!important;z-index:5}.quest-desk-builder__sequence-canvas .react-flow__panel{pointer-events:none}.quest-desk-builder__sequence-canvas .react-flow__panel>*{pointer-events:auto}.quest-desk-builder__sequence-canvas .react-flow__controls-button{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-primary);pointer-events:auto}.quest-desk-builder__sequence-canvas .react-flow__controls-button:hover{background:#38bdf826}.quest-sequence-flow-node{align-items:center;background:#1e293bf2;border:2px solid #38bdf880;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-height:70px;min-width:130px;padding:.75rem 1rem 1.25rem;pointer-events:auto;position:relative;transition:all .15s ease}.quest-sequence-flow-node:hover{background:#1e293b;border-color:#38bdf8cc;box-shadow:0 4px 16px #38bdf833}.quest-sequence-flow-node.is-selected{background:#1e293b;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.react-flow__node.selected,.react-flow__node:focus,.react-flow__node:focus-visible{outline:none!important}.react-flow__node-questSequence,.react-flow__node-questSequence>div{overflow:visible!important}.quest-sequence-flow-node__order{background:#38bdf826;border-radius:4px;color:var(--accent-primary);font-size:.6875rem;font-weight:700;padding:.25rem .5rem}.quest-sequence-flow-node__title{color:var(--text-primary);cursor:text;font-size:.8125rem;font-weight:600;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quest-sequence-flow-node__title:hover{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.quest-sequence-flow-node__title-input{background:#0000004d;border:1px solid var(--accent-primary);border-radius:4px;color:var(--text-primary);font-size:.8125rem;font-weight:600;max-width:100px;outline:none;padding:2px 4px;text-align:center;width:100%}.quest-sequence-flow-node__title-input:focus{box-shadow:0 0 0 2px #38bdf84d}.quest-sequence-flow-node__meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.625rem;gap:.25rem}.quest-sequence-flow-node__linked{color:#22c55e;font-weight:700}.quest-sequence-flow-node.is-linked{background:linear-gradient(135deg,#22c55e26,#0006);border-color:#22c55e80}.quest-sequence-flow-node__handle-labels{display:flex;justify-content:space-between;left:0;padding:0 .75rem;pointer-events:none;position:absolute;right:0;top:4px;z-index:5}.quest-sequence-flow-node__handle-labels--top{bottom:auto;top:4px}.quest-sequence-flow-node__handle-label{border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;padding:1px 4px;pointer-events:auto!important;transition:transform .15s,text-shadow .15s}.quest-sequence-flow-node__handle-label:hover{text-shadow:0 0 8px currentColor;transform:scale(1.3)}.quest-sequence-flow-node__handle-label--success{color:#22c55e}.quest-sequence-flow-node__handle-label--failure{color:#ef4444}.react-flow__handle{pointer-events:all!important;z-index:10!important}.quest-sequence-handle{border:3px solid #fffc!important;border-radius:50%!important;cursor:crosshair!important;height:20px!important;pointer-events:all!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;width:20px!important;z-index:100!important;z-index:var(--z-raised,100)!important}.quest-sequence-handle:hover{border-color:#fff!important;box-shadow:0 0 12px currentColor,0 0 20px currentColor!important;transform:scale(1.4)!important;z-index:200!important}.quest-sequence-handle--target{background:#38bdf8!important;bottom:-12px!important;top:auto!important}.quest-sequence-handle--success{background:#22c55e!important;bottom:auto!important;top:-12px!important}.quest-sequence-handle--failure{background:#ef4444!important;bottom:auto!important;top:-12px!important}.quest-sequence-handle--active{animation:pulse-handle 1s infinite!important;box-shadow:0 0 12px currentColor,0 0 24px currentColor!important;transform:scale(1.5)!important}.quest-sequence-handle--connectable{animation:pulse-target .8s infinite!important;border-color:#38bdf8!important}@keyframes pulse-handle{0%,to{box-shadow:0 0 8px currentColor,0 0 16px currentColor}50%{box-shadow:0 0 16px currentColor,0 0 32px currentColor}}@keyframes pulse-target{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.quest-sequence-flow-node.is-pending-source{box-shadow:0 0 0 3px #38bdf899,0 4px 16px #38bdf84d!important}.quest-sequence-flow-node.is-valid-target{box-shadow:0 0 0 3px #22c55e99,0 4px 16px #22c55e4d!important;cursor:pointer!important}.quest-sequence-flow-node.is-valid-target:hover{box-shadow:0 0 0 4px #22c55ecc,0 6px 20px #22c55e66!important}.quest-sequence-flow-node.has-error{animation:error-pulse 1.5s ease-in-out infinite;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444499,0 4px 16px #ef444466!important}@keyframes error-pulse{0%,to{box-shadow:0 0 0 3px #ef444499,0 4px 16px #ef444466}50%{box-shadow:0 0 0 6px #ef444466,0 8px 24px #ef444499}}.quest-sequence-flow-node__handle-label.is-active{font-weight:700;text-shadow:0 0 8px currentColor;transform:scale(1.3)}.react-flow__connection-line{stroke:#38bdf8;stroke-width:2px}.quest-desk-builder__sequence-overview{margin-top:1.5rem}.sequence-flow{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:12px;flex-wrap:wrap;gap:.5rem;padding:1rem}.sequence-flow,.sequence-node{align-items:center;display:flex}.sequence-node{background:#38bdf81a;border:1px solid var(--accent-primary);border-radius:8px;cursor:pointer;flex-direction:column;gap:.25rem;min-width:120px;padding:.75rem 1rem;transition:background .15s}.sequence-node:hover{background:#38bdf833}.sequence-node__order{color:var(--accent-primary);font-size:.75rem;font-weight:700}.sequence-node__title{font-size:.8125rem;font-weight:500;text-align:center}.sequence-node__challenges{color:var(--text-secondary);font-size:.6875rem}.sequence-connector{color:var(--accent-primary);font-size:1.25rem;font-weight:300}.quest-desk-builder__placeholder-editor{display:flex;flex-direction:column;gap:1.5rem;height:100%}.quest-desk-builder__placeholder-editor--full{gap:0;height:calc(100vh - 80px);min-height:600px}.quest-desk-builder__placeholder-editor--full .quest-desk-builder__canvas-header{background:var(--glass-surface);border-bottom:1px solid var(--glass-border);border-radius:12px 12px 0 0;padding:.75rem 1rem}.quest-desk-builder__form-container{background:var(--glass-surface);border-bottom:1px solid var(--glass-border);border-left:1px solid var(--glass-border);border-radius:0 0 12px 12px;border-right:1px solid var(--glass-border);flex:1 1;height:calc(100vh - 140px);max-height:none;min-height:600px;overflow-y:auto}.quest-desk-builder__form-container .quest-form-v2{background:#0000;padding:1rem}.quest-desk-builder__form-container .quest-form-v2 h2{font-size:1rem;margin-bottom:.75rem}.quest-desk-builder__form-container .quest-section{margin-bottom:1rem;padding:.75rem}.quest-desk-builder__outcomes-section{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:0 0 12px 12px;padding:1rem}.linked-badge{align-items:center;background:#22c55e33;border-radius:4px;color:#22c55e;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.quest-desk-builder__placeholder-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.placeholder-section{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.placeholder-section h4{font-size:.9375rem;font-weight:600;margin:0 0 .5rem}.placeholder-budget-inputs{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.placeholder-budget-inputs .budget-input-group{flex:1 1;min-width:120px}.challenge-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.challenge-type-btn{align-items:center;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-width:5rem;padding:.75rem 1rem;transition:all .15s}.challenge-type-btn:hover{background:#38bdf81a;border-color:var(--accent-primary)}.challenge-type-btn__icon{font-size:1.25rem}.challenge-type-btn__label{color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase}.challenge-type-btn:hover .challenge-type-btn__label{color:var(--accent-primary)}.challenge-list{gap:.5rem}.challenge-item,.challenge-list{display:flex;flex-direction:column}.challenge-item{background:#0003;gap:0;padding:.5rem}.challenge-item__type{background:var(--accent-primary);border-radius:4px;color:#fff;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.challenge-item__title{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.8125rem;padding:.25rem .5rem}.challenge-item__title:focus,.challenge-item__title:hover{background:#0003;border-color:var(--glass-border)}.challenge-item__header{align-items:center;display:flex;gap:.5rem;width:100%}.challenge-item__fields{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.challenge-item__description-input{background:#0003;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:.8125rem;padding:.5rem;resize:vertical;width:100%}.challenge-item__description-input:focus{border-color:var(--accent-primary);outline:none}.challenge-item__stats{display:flex;flex-wrap:wrap;gap:.75rem}.challenge-stat{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.6875rem;gap:.25rem}.challenge-stat span{letter-spacing:.5px;text-transform:uppercase}.challenge-stat input{background:#0003;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:.75rem;padding:.25rem .5rem;width:70px}.challenge-stat input:focus{border-color:var(--accent-primary);outline:none}.challenge-item__scavenger{border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem}.scavenger-context,.scavenger-image,.scavenger-qr{display:flex;flex-direction:column;gap:.25rem}.scavenger-qr__display{align-items:center;display:flex;gap:.5rem}.scavenger-qr__code{background:#0000004d;border-radius:4px;color:var(--accent-primary);flex:1 1;font-family:var(--font-mono);font-size:.75rem;overflow-x:auto;padding:.5rem}.scavenger-context__input,.scavenger-image__input{background:#0003;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);font-size:.8125rem;padding:.5rem;resize:vertical}.scavenger-context__input:focus,.scavenger-image__input:focus{border-color:var(--accent-primary);outline:none}.outcome-list{display:flex;flex-direction:column;gap:.5rem}.outcome-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.outcome-item--warning{background:#f59e0b1a;border-color:#f59e0b}.outcome-item__label{border-radius:4px;flex-shrink:0;font-size:.6875rem;font-weight:600;min-width:4.5rem;padding:.25rem .75rem;text-align:center;text-transform:uppercase}.outcome--success{background:#22c55e;color:#fff}.outcome--failure{background:#ef4444;color:#fff}.outcome--partial{background:#f59e0b;color:#000}.outcome--bonus{background:#a855f7;color:#fff}.outcome-item__arrow{color:var(--text-secondary);flex-shrink:0;font-size:1.125rem;opacity:.7}.outcome-item__select{background:#0000004d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.8125rem;min-width:0;padding:.5rem}.outcome-item__warning{color:#f59e0b;flex-shrink:0;font-size:1rem}.quest-link-select{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.75rem;max-width:150px;padding:.25rem .5rem}.quest-link-select:focus{border-color:var(--accent-primary);outline:none}.btn--sm,.btn--xs{font-size:.75rem;padding:.25rem .5rem}.btn--xs{min-width:auto}.btn--success{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;color:#fff}.btn--success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.btn--success:disabled{cursor:not-allowed;opacity:.6}.btn--outline{background:#0000;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn--outline:hover{background:#38bdf81a}.icon-btn{align-items:center;background:#0000;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;transition:background .15s,color .15s;width:1.5rem}.icon-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.icon-btn--danger:hover:not(:disabled){background:#ef444433;border-color:#ef4444;color:#ef4444}@media (max-width:1024px){.quest-desk-builder-grid{grid-template-columns:1fr}.quest-desk-builder__workspace{order:-1}.quest-desk-builder__two-column{grid-template-columns:1fr}.quest-desk-builder__sidebar-panel{max-height:none}}.mystuff-page .desk-area,html[data-route=mystuff] .desk-area{--desk-font-scale:1}@media (max-width:768px){.desk-area{--desk-inline-gutter:0;padding-bottom:clamp(.8625rem,5vw,1.25rem);padding-bottom:clamp(calc(var(--layout-grid-gap, .75rem)*1.15),5vw,1.25rem);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-top:clamp(.75rem,4vw,1rem);padding-top:clamp(var(--layout-grid-gap,.75rem),4vw,1rem)}.desk-tabs{grid-template-columns:1fr}.desk-tab{padding:clamp(.75rem,5vw,1.25rem);padding:clamp(var(--spacing-md,.75rem),5vw,1.25rem)}.tab-content{padding:clamp(1rem,8vw,1.75rem);padding:clamp(var(--layout-grid-gap,1rem),8vw,1.75rem)}}.desk-area .content-tabs{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.desk-area .content-tabs .tab{background:#12162342;border:1px solid var(--border-color);border-radius:8px;box-shadow:none;color:var(--text-primary);font-weight:500;padding:.5rem 1rem}.desk-area .content-tabs .tab.active{background:#181f35bf;border-color:#f2ce688c;box-shadow:0 10px 24px #f2ce6838}.desk-area .content-tabs .tab.active .tab-icon{color:#fde68a;text-shadow:0 0 6px #f2ce6873}.desk-area .content-tabs .tab.active .tab-label{color:#fef3c7;text-shadow:0 0 8px #f2ce6873;transition:text-shadow .3s ease}@supports ((-webkit-background-clip:text) or (background-clip:text)){.desk-area .content-tabs .tab.active .tab-label{animation:primaryNavShimmer 4s linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(120deg,#ffffff40,#fffaebf2 26%,#f2ce68 48%,#fffaebf2 70%,#ffffff40);background-size:220% auto;color:#0000}}.desk-area .content-tabs .tab:hover:not(.active){background:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.desk-workflow-disabled{border:1px solid var(--glass-border)}.desk-workflow-disabled__hint{margin-top:.5rem}.desk-overview-grid{display:block}.desk-overview-main{display:flex;flex-direction:column;gap:1.5rem}.desk-calendar-card{gap:1.5rem}.desk-calendar-card__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.desk-calendar-card__refresh{background:#12162366;border:1px solid var(--glass-border);font-size:calc(var(--desk-font-scale)*.85rem);padding:.5rem 1rem}.desk-calendar-card__refresh:hover{background:#1216238c}.desk-calendar-board{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.desk-calendar-board__calendar{min-height:280px}.desk-calendar-board__aside{display:flex;flex-direction:column;gap:.75rem}.desk-calendar-board__aside h5{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*.95rem);margin:0}.desk-card{background:#12162342;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.desk-card__header h4{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*1rem);margin:0}.desk-card__header p{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.85rem);margin:.25rem 0 0}.desk-mini-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.desk-mini-list__item{grid-gap:.25rem;display:grid;gap:.25rem}.desk-mini-list__item--active{background:#fbbf241f;border:1px solid #fbbf2459;border-radius:12px;box-shadow:0 8px 18px #fbbf2414;padding:.5rem .75rem}.desk-mini-list__primary{align-items:center;display:flex;font-size:calc(var(--desk-font-scale)*.9rem);gap:.75rem;justify-content:space-between}.desk-mini-list__primary strong{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-mini-list__primary span{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.8rem)}.desk-mini-list__meta{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.78rem)}.desk-card__link{align-self:flex-start;background:#0000;border:1px solid var(--glass-border);color:var(--accent-purple);font-weight:600;padding:.5rem 1rem;transition:background .2s ease,transform .2s ease}.desk-card__link:hover{background:#12162352;transform:translateY(-1px)}.desk-card__title{color:var(--text-primary);font-size:clamp(1.1rem,2.6vw,1.35rem);margin:0}.desk-card__subtitle{color:var(--text-secondary);font-size:clamp(.85rem,2vw,.95rem);margin:.25rem 0 0}.desk-card__alert{background:#ef44441f;border:1px solid #ef444459;border-radius:8px;color:#fecaca;font-size:.9rem;padding:.75rem 1rem}.desk-card__empty{color:var(--text-secondary);font-size:.9rem;padding:1rem .5rem}.desk-delivery-card{gap:1rem}.delivery-list{list-style:none;margin:0;padding:0}.delivery-item,.delivery-list{display:flex;flex-direction:column;gap:.75rem}.delivery-item{background:#080c1538;border:1px solid #ffffff14;border-radius:12px;padding:.75rem}.delivery-item__primary{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.delivery-item__primary h3{color:var(--text-primary);font-size:1rem;margin:0}.delivery-item__summary{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.delivery-item__note{color:var(--accent-gold);display:inline-block;font-size:.8rem;margin-left:.25rem}.delivery-item__window{color:var(--text-secondary);font-size:.9rem;font-weight:600}.delivery-item__details{grid-gap:.25rem;color:var(--text-secondary);display:grid;font-size:.85rem;gap:.25rem}.delivery-item__details strong{color:var(--text-primary);font-weight:600}.delivery-item__actions{display:flex;flex-wrap:wrap;gap:.5rem}.delivery-status-chip{align-items:center;background:#94a3b833;border-radius:999px;color:#e5edff;display:inline-flex;font-size:.78rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem;text-transform:capitalize}.delivery-status-ready{background:#22c55e2e;color:#bbf7d0}.delivery-status-in_transit{background:#3b82f62e;color:#bfdbfe}.delivery-status-delivered{background:#22c55e40;color:#dcfce7}.delivery-status-issue{background:#f871712e;color:#fecaca}.delivery-status-cancelled{background:#94a3b833;color:#e2e8f0}.desk-analytics-intro{display:flex;justify-content:center;padding:2rem 0}.desk-analytics-card{gap:1.25rem;max-width:560px}.desk-analytics-card__header{display:flex;flex-direction:column;gap:.5rem}.desk-analytics-card__header h4{color:var(--text-primary);font-size:calc(var(--desk-font-scale)*1.35rem);margin:0}.desk-analytics-card__header p{color:var(--text-secondary);line-height:1.45;margin:0}.desk-analytics-card__eyebrow{color:var(--text-secondary);font-size:calc(var(--desk-font-scale)*.72rem);letter-spacing:.12em;text-transform:uppercase}.desk-analytics-card__list{grid-gap:.5rem;color:var(--text-secondary);display:grid;gap:.5rem;margin:0;padding-left:1.25rem}.desk-analytics-actions{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.desk-analytics-cta{align-items:center;background:var(--accent-purple);border-radius:999px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.desk-analytics-cta:hover{box-shadow:0 10px 24px #818cf840;transform:translateY(-1px)}.desk-analytics-footnote{color:var(--text-secondary);font-size:.8rem;margin:0}.planner-experience--desk{padding:clamp(1.25rem,4vw,2rem);padding:clamp(var(--layout-grid-gap,1.25rem),4vw,2rem)}.planner-experience--desk .mystuff-operations{background:#0a101ca6;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 18px 36px #040c1859}.planner-experience--desk .mystuff-operations__actions .btn,.planner-experience--desk .mystuff-operations__actions .secondary-btn{min-width:0}.desk-overview-sidebar--planner,.planner-experience--desk .mystuff-planner{margin-top:clamp(1rem,3vw,1.5rem)}.desk-calendar__container{background:#080c1859;border:1px solid #ffffff0f;border-radius:12px;min-height:260px;padding:.75rem;position:relative}.desk-calendar__container.is-loading:after{background:#0a0e1873;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.desk-calendar__empty,.desk-calendar__fallback,.desk-calendar__loading{color:var(--text-secondary);font-size:.95rem;padding:1.5rem 1rem;text-align:center}.desk-calendar__fallback .btn{margin-top:.75rem}.desk-calendar__overlay{background:#0a0e188c;border-radius:inherit;color:var(--text-primary);display:grid;font-size:.95rem;font-weight:600;inset:0;place-items:center;pointer-events:none;position:absolute}.desk-calendar__event{display:flex;flex-direction:column;gap:2px}.desk-calendar__event-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.desk-calendar__event-subtitle{color:var(--text-secondary);font-size:.75rem}.fc-event.desk-calendar__event--highlight,.fc-event.desk-calendar__event--selected{border-color:#fbbf2473;box-shadow:0 0 0 2px #fbbf2459}.fc-event.desk-calendar__event--selected .desk-calendar__event-subtitle,.fc-event.desk-calendar__event--selected .desk-calendar__event-title{color:var(--text-primary)}@media (max-width:1280px){.desk-overview-grid{grid-template-columns:1fr}.desk-overview-sidebar{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.desk-calendar-board{grid-template-columns:1fr}.data-analysis-tool{display:flex;flex-direction:column;gap:24px;padding:24px}.data-analysis-tool__header{align-items:center;display:flex;gap:16px;justify-content:space-between}.data-analysis-tool__header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.data-analysis-tool__header p{color:var(--text-secondary);font-size:.95rem;margin:4px 0 0}.data-analysis-tool__refresh{align-items:center;background:#1a202ca6;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;padding:8px 16px}.data-analysis-tool__refresh:disabled{cursor:not-allowed;opacity:.6}.data-analysis-tool__filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.data-analysis-tool__label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:8px}.data-analysis-tool__label select{background:#0f121ea6;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);padding:8px 12px}.data-analysis-tool__state{color:var(--text-secondary);padding:48px 0;text-align:center}.data-analysis-tool__state--error{color:#fca5a5}.data-analysis-tool__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.data-analysis-tool__card{background:#0e121cc7;border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:16px;padding:20px}.data-analysis-tool__card header{display:flex;gap:12px;justify-content:space-between}.data-analysis-tool__card h3{color:var(--text-primary);font-size:1.1rem;margin:0}.data-analysis-tool__card dl{grid-gap:8px;display:grid;gap:8px;margin:0;text-align:right}.data-analysis-tool__card dt{color:var(--text-muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.data-analysis-tool__card dd{color:var(--text-primary);font-weight:600;margin:0}.data-analysis-tool__empty{background:#18202c99;border-radius:12px;color:var(--text-secondary);margin:0;padding:16px}.data-analysis-tool__table{border-collapse:collapse;color:var(--text-primary);font-size:.85rem;width:100%}.data-analysis-tool__table td,.data-analysis-tool__table th{border-bottom:1px solid #94a3b83d;padding:12px;text-align:left}.data-analysis-tool__table th{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.data-analysis-tool__table ul{list-style:disc;margin:0;padding-left:16px}}@media (max-width:768px){.desk-overview-sidebar{gap:1rem;grid-template-columns:1fr}.desk-overview-banner{align-items:stretch;flex-direction:column;gap:1rem}.desk-overview-banner__metrics{width:100%}}.quest-picker-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.quest-picker-modal{background:#1a1f2e;background:var(--glass-surface,#1a1f2e);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:560px;width:100%}.quest-picker-modal__header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border,#ffffff1a);display:flex;justify-content:space-between;padding:1rem 1.25rem}.quest-picker-modal__header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0}.quest-picker-modal__close{background:#0000;border:none;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .15s}.quest-picker-modal__close:hover{color:#fff;color:var(--text-primary,#fff)}.quest-picker-modal__body{flex:1 1;overflow-y:auto;padding:1rem}.quest-picker-modal__empty,.quest-picker-modal__loading{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);padding:2rem 1rem;text-align:center}.quest-picker-modal__list{display:flex;flex-direction:column;gap:.5rem}.quest-picker-modal__item{align-items:flex-start;background:#ffffff08;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .15s}.quest-picker-modal__item:hover:not(.is-in-series){background:#ffffff0f;border-color:#ffffff1a}.quest-picker-modal__item.is-selected{background:#581c8733;border-color:#581c8780}.quest-picker-modal__item.is-in-series{cursor:not-allowed;opacity:.5}.quest-picker-modal__item input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;height:18px;margin-top:.25rem;width:18px}.quest-picker-modal__item.is-in-series input[type=checkbox]{cursor:not-allowed}.quest-picker-modal__item-content{flex:1 1;min-width:0}.quest-picker-modal__item-title{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.quest-picker-modal__item-title strong{color:#fff;color:var(--text-primary,#fff);font-size:.95rem}.quest-picker-modal__item-meta{align-items:center;color:#fff9;color:var(--text-secondary,#fff9);display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem}.quest-picker-modal__item-meta .quest-type-pill,.quest-picker-modal__item-meta .status-pill{border-radius:4px;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.quest-picker-modal__item-meta .status-pill{background:#8b5cf64d;background:var(--primary-light,#8b5cf64d);color:#a855f7;color:var(--primary-color,#a855f7)}.quest-picker-modal__item-meta .quest-type-pill{background:#22c55e33;background:var(--secondary-light,#22c55e33);color:#22c55e;color:var(--secondary-color,#22c55e)}.quest-picker-modal__footer{align-items:center;border-top:1px solid #ffffff1a;border-top:1px solid var(--glass-border,#ffffff1a);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.quest-picker-modal__selection-count{color:#fff9;color:var(--text-secondary,#fff9);font-size:.85rem}.quest-picker-modal__actions{display:flex;gap:.5rem}.quest-picker-modal__actions .btn--primary{background:linear-gradient(135deg,#581c87,#4c1d95);border-color:#fff3}.quest-picker-modal__actions .btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6b21a8,#5b21b6)}.quest-picker-modal__actions .btn--primary:disabled{cursor:not-allowed;opacity:.5}.desk-error-fallback{align-items:center;background:var(--glass-surface);border:1px dashed var(--glass-border);border-radius:12px;color:var(--text-muted);display:flex;justify-content:center;margin:1rem;min-height:300px;padding:2rem;text-align:center}[data-desk-mobile] .desk-subtabs{display:none}.desk-stat-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.desk-stat-card{align-items:center;background:#1216238c;border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;justify-content:center;padding:.75rem .5rem;text-align:center;transition:border-color .2s,transform .2s}.desk-stat-card:hover{border-color:#f2ce6859;transform:translateY(-1px)}.desk-stat-card__value{color:#fff;color:var(--text-primary,#fff);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1}.desk-stat-card__icon{font-size:1rem;margin-right:.2em}.desk-stat-card__label{color:#ffffff80;color:var(--text-muted,#ffffff80);font-size:.75rem;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.desk-stat-card--ep{border-color:#f2ce6859}.desk-stat-card--ep .desk-stat-card__value{color:#fde68a}.desk-stat-card--quests{border-color:#ff6b6b4d}.desk-stat-card--quests .desk-stat-card__value{color:#ff6b6b;color:var(--accent-quest,#ff6b6b)}.desk-stat-card--tickets{border-color:#38bdf84d}.desk-stat-card--tickets .desk-stat-card__value{color:#38bdf8;color:var(--accent-circle,#38bdf8)}.desk-stat-card--forms{border-color:#c084fc4d}.desk-stat-card--forms .desk-stat-card__value{color:#c084fc;color:var(--accent-purple,#c084fc)}@media (max-width:480px){.desk-stat-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}}.desk-mgmt-card{background:#12162373;border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:border-color .2s,box-shadow .2s}.desk-mgmt-card:hover{border-color:#f2ce684d;box-shadow:0 4px 16px #00000040}.desk-mgmt-card__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.desk-mgmt-card__title{color:#fff;color:var(--text-primary,#fff);flex:1 1 auto;font-size:.95rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-mgmt-card__status{border-radius:8px;flex:0 0 auto;font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.25rem .5rem;text-transform:uppercase}.desk-mgmt-card__status--live{background:#34d3992e;border:1px solid #34d3994d;color:#6ee7b7}.desk-mgmt-card__status--draft{background:#94a3b826;border:1px solid #94a3b840;color:#94a3b8}.desk-mgmt-card__status--paused{background:#fbbf2426;border:1px solid #fbbf2440;color:#fbbf24}.desk-mgmt-card__status--archived{background:#64748b26;border:1px solid #64748b40;color:#64748b}.desk-mgmt-card__divider{background:#ffffff14;background:var(--glass-border,#ffffff14);height:1px;margin:.25rem 0}.desk-mgmt-card__metrics{align-items:center;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);display:flex;font-size:.8rem;gap:.75rem}.desk-mgmt-card__metric{align-items:center;display:flex;gap:.25rem;white-space:nowrap}.desk-mgmt-card__metric-icon{font-size:.85rem}.desk-mgmt-card__progress{align-items:center;display:flex;gap:.5rem}.desk-mgmt-card__progress-bar{background:#94a3b826;border-radius:4px;flex:1 1;height:6px;overflow:hidden}.desk-mgmt-card__progress-fill{background:linear-gradient(90deg,#ff6b6b,#fbbf24);background:linear-gradient(90deg,var(--accent-quest,#ff6b6b),#fbbf24);border-radius:4px;height:100%;transition:width .5s ease}.desk-mgmt-card__progress-text{color:#ffffff80;color:var(--text-muted,#ffffff80);font-size:.75rem;font-weight:600;min-width:7ch;text-align:right;white-space:nowrap}.desk-mgmt-card__actions{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.desk-mgmt-card__action{background:#12162366;border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;transition:border-color .15s,color .15s,background .15s}.desk-mgmt-card__action:hover{background:#f2ce6814;border-color:#f2ce6866;color:#fff;color:var(--text-primary,#fff)}.desk-mgmt-card__action--overflow{font-size:.95rem;line-height:1;margin-left:auto;padding:.25rem .5rem}.desk-mgmt-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.desk-mgmt-grid{grid-template-columns:1fr}.desk-mgmt-card{padding:.75rem 1rem}.desk-mgmt-card__metrics{flex-wrap:wrap;gap:.5rem}}.quest-manager{background:#0000;min-height:100%;padding:0}.quest-builder-view{background:linear-gradient(160deg,#09111fd1,#101a2da3);border:1px solid var(--glass-border);border-radius:14px;min-height:700px;overflow:visible;z-index:1}.quest-builder-view,.quest-manager-tabs{box-shadow:var(--glass-shadow);position:relative}.quest-manager-tabs{grid-gap:8px;background:linear-gradient(165deg,#09101ee0,#10192bb8);border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px;overflow:hidden;padding:8px}.quest-manager-tabs .tab-button{align-items:center;background:#081021d1;border:1px solid #7a8ebd61;border-radius:8px;color:#e4ecffd1;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;padding:12px 16px;text-transform:none;transition:all .15s ease}.quest-manager-tabs .tab-button:hover{border-color:#818cf8a6;color:#f8faff;transform:translateY(-1px)}.quest-manager .quest-manager-tabs .tab-button.active{background:linear-gradient(135deg,#667eea73,#38bdf866);border-color:#818cf8bf;box-shadow:0 10px 25px #0810278c;color:#fdfcff;transform:translateY(-2px)}.quest-manager-tabs .tab-button:focus-visible{outline:2px solid #7dd3fcd9;outline-offset:1px}.quest-manager-tabs .tab-icon{font-size:16px}.quest-chip-remove{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;margin-left:8px}.wf-drag-chip{align-items:center;background:#0f172a;background:var(--primary-bg,#0f172a);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:999px;color:var(--text-primary);cursor:grab;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.wf-drag-chip:hover{background:#1e293bcc;border-color:#94a3b859;box-shadow:0 0 8px #94a3b81f}.wf-drag-chip:active{cursor:grabbing}.wf-display-chip{align-items:center;background:#0b1220;background:var(--primary-bg,#0b1220);border:1px solid #2b365099;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:11px;gap:4px;padding:2px 8px}.wf-muted-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px}.wf-palette{border:1px dashed var(--border-color);border-radius:8px;padding:8px}.wf-palette-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quest-workflow-view input:not([type]),.quest-workflow-view input[type=text],.quest-workflow-view select,.quest-workflow-view textarea,.workflow-editor-panel input:not([type]),.workflow-editor-panel input[type=text],.workflow-editor-panel select,.workflow-editor-panel textarea{background:#1a1a2e;background:var(--secondary-bg,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--border-color,#2a2a3e);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.85rem;padding:.5rem .75rem;transition:border-color .15s ease}.quest-workflow-view input:focus,.quest-workflow-view select:focus,.quest-workflow-view textarea:focus,.workflow-editor-panel input:focus,.workflow-editor-panel select:focus,.workflow-editor-panel textarea:focus{border-color:#f4a261;border-color:var(--accent-warm,#f4a261);box-shadow:0 0 0 2px #f4a26133;outline:none}.quest-workflow-view select option,.workflow-editor-panel select option{background:#0a0a0f;background:var(--primary-bg,#0a0a0f);color:#fff;color:var(--text-primary,#fff)}.node-select-btn{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;padding:4px 8px;text-align:left;transition:border-color .15s ease;width:100%}.node-select-btn:hover{border-color:var(--accent-warm)}.quest-workflow-view{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.workflow-placeholder h3{color:var(--text-primary);margin-bottom:16px;text-align:center}.workflow-placeholder p{color:var(--text-secondary);margin-bottom:32px;text-align:center}.workflow-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.feature-card h4{color:var(--text-primary);font-size:18px;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.quest-analytics-view{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.quest-analytics-view h3{color:var(--text-primary);margin-bottom:16px}.quest-analytics-view p{color:var(--text-secondary)}.quest-manager-header{border:0;margin:0;padding:0}.header-actions{grid-template-columns:minmax(0,1fr) auto}.actions-stack{gap:8px}.actions-stack,.quest-tool-coach{display:flex;flex-direction:column}.quest-tool-coach{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);gap:.75rem;padding:.75rem 1rem}.quest-tool-coach__title{color:var(--text-primary);font-size:.95rem;font-weight:600}.quest-tool-coach__description{color:var(--text-secondary);font-size:.82rem;margin:0}.quest-tool-coach__options{display:flex;flex-wrap:wrap;gap:.75rem}.quest-tool-coach__btn{background:#0c1422b8;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1 220px;flex-direction:column;gap:.25rem;padding:.75rem;text-align:left;transition:all .2s ease}.quest-tool-coach__btn:hover{border-color:var(--accent-warm);box-shadow:0 6px 16px #080c1840;transform:translateY(-1px)}.quest-tool-coach__btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.quest-tool-coach__btn-primary{background:#281a0cc7;border-color:var(--accent-warm)}.quest-tool-coach__btn-primary:hover{box-shadow:0 8px 18px #f4a26152}.quest-tool-coach__label{color:var(--text-primary);font-size:.92rem;font-weight:600}.quest-tool-coach__btn-primary .quest-tool-coach__label{color:var(--accent-warm)}.quest-tool-coach__hint{color:var(--text-secondary);font-size:.78rem}.quest-tool-coach__hint--warning{color:var(--warning-text)}.quest-tool-reminder{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.quest-tool-reminder__primary{background:#23180ea6;border:1px solid var(--accent-warm);border-radius:8px;color:var(--accent-warm);cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.quest-tool-reminder__primary:hover:not(:disabled){box-shadow:0 6px 16px #f4a26140;transform:translateY(-1px)}.quest-tool-reminder__primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.quest-tool-reminder__link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.quest-tool-reminder__link:hover{color:var(--text-primary)}.quest-tool-status{color:var(--text-secondary);font-size:.78rem;margin:0}.create-quest-btn{background:var(--gradient-warm);border:none;border-radius:8px;padding:.75rem 1.5rem}.create-quest-btn:hover{box-shadow:0 4px 15px #f4a26166;transform:translateY(-1px)}.quest-stats{gap:.75rem}.quest-filters,.quest-stats{display:flex;justify-content:flex-end}.quest-filters{align-items:center;flex-wrap:wrap;gap:1rem}.quest-filters .search-box{display:flex;flex:1 1 clamp(180px,40vw,260px);min-width:min(100%,clamp(11rem,60vw,16rem))}.search-input{min-width:0}@media (max-width:640px){.quest-filters{align-items:stretch;flex-direction:column}.quest-filters .filter-select,.quest-filters .search-box{width:100%}}.quest-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.quest-hidden-share{grid-gap:1rem;background:#0f172a73;border:1px solid #94a3b840;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem;padding:1rem}.quest-hidden-share__link,.quest-hidden-share__qr{display:flex;flex-direction:column;gap:.75rem}.quest-hidden-share__link strong,.quest-hidden-share__qr strong{color:#f1f5f9;font-size:.95rem}.quest-hidden-share__code{background:#0f172ab3;border-radius:4px;color:#e2e8f0;display:inline-block;font-family:var(--font-mono);padding:.25rem .5rem;word-break:break-all}.quest-hidden-share__url{background:#0f172aa6;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0;font-size:.85rem;padding:.5rem;word-break:break-word}.quest-hidden-share__actions{display:flex;flex-wrap:wrap;gap:.5rem}.quest-hidden-share__expires{color:#94a3b8d9;font-size:.75rem}.quest-hidden-share__error{color:#fca5a5;font-size:.75rem}.quest-hidden-share__note{color:#94a3b8e6;font-size:.85rem}.node-list{list-style:none;margin-top:12px;padding:0}.node-list li{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;padding:8px}.node-list li.selected{border-color:var(--accent-warm);box-shadow:0 0 0 2px #f4a26133}.node-meta{color:var(--text-muted);font-size:12px;margin-top:4px}.node-reorder button{font-size:12px;padding:4px 8px}.quest-card{background:var(--secondary-bg);border:1px solid var(--border-color);padding:1.5rem;position:relative;transition:all .2s ease}.quest-card:hover{border-color:var(--accent-warm);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.quest-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.quest-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;margin:0 1rem 0 0}.status-active{background:#2563eb26;border:1px solid #2563eb40;color:#93c5fd}.status-draft{background:var(--warning-bg);color:var(--warning-text)}.status-completed{background:var(--info-bg);color:var(--info-text)}.status-archived{background:var(--muted-bg);color:var(--text-muted)}.quest-details{margin-bottom:1.5rem}.quest-type.remote{color:var(--accent-cool)}.quest-type.in-person,.reward-amount{color:var(--accent-warm)}.reward-amount{font-weight:600}.participant-count{color:var(--text-primary);font-weight:500}.difficulty.easy{color:#34d399}.difficulty.medium{color:#fbbf24}.difficulty.hard{color:#f87171}.quest-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.quest-tag{background:var(--gradient-mystic);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.quest-actions{display:flex;flex-wrap:wrap;gap:.75rem}.quest-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.quest-form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.quest-form-header h3{color:var(--text-primary);margin:0}@media (max-width:768px){.quest-manager{padding:0}.header-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:.75rem}.actions-stack{width:100%}.create-quest-btn,.quest-tool-reminder__primary{justify-content:center;width:100%}.quest-manager-tabs{gap:6px;margin-bottom:14px;padding:6px}.quest-manager-tabs .tab-button{font-size:.75rem;line-height:1.15;padding:10px 8px}.quest-manager-tabs .tab-icon{font-size:13px}.quest-stats{justify-content:space-around}.quest-filters{align-items:stretch;flex-direction:column;gap:.6rem;justify-content:flex-start;padding-top:0}.search-input{width:100%}.quest-grid{gap:.9rem;grid-template-columns:1fr}.quest-builder-view{min-height:520px}.quest-form-header{align-items:stretch;gap:1rem}.quest-form-header,.quest-tool-coach__options{flex-direction:column}.quest-tool-coach__btn{flex-basis:100%}.quest-tool-reminder{align-items:stretch;flex-direction:column}.quest-tool-reminder__primary{width:100%}}@media (max-width:480px){.quest-stats{flex-direction:column;gap:.5rem}.quest-manager-tabs .tab-button{font-size:.68rem;padding:9px 6px}.quest-actions{justify-content:space-between}.quest-actions button{flex:1 1;min-width:0}}.quest-chat-messages{display:flex;flex-direction:column-reverse;gap:8px;max-height:320px;overflow-y:auto}.quest-chat-bubble{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px}.quest-chat-bubble__header{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}.quest-chat-bubble__body{color:var(--text-primary);margin-top:4px;white-space:pre-wrap}.quest-chat-input-row{display:flex;gap:8px;margin-top:8px}.decision-options-editor{background:#38bdf80d;border:1px dashed var(--border-color);border-radius:8px;margin-top:8px;padding:8px}.decision-options-editor strong{font-size:12px}.decision-options-editor p{color:var(--text-muted);font-size:11px;margin:4px 0 8px}.decision-option-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.decision-option-row .option-number{color:var(--text-muted);font-size:12px;min-width:20px}.decision-option-row .remove-option-btn{font-size:11px;padding:2px 8px}.circle-manager{background:#0000;min-height:100%;padding:0}.circle-manager--form{background:#0000;padding:clamp(16px,2vw + 12px,32px)}.circle-manager--form .circle-form{grid-gap:24px;display:grid;gap:24px}.circle-manager--form .form-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 18px 36px #060a1652;padding:24px}.circle-manager--form .form-card h4{color:var(--text-primary);margin-bottom:12px;margin-top:0}.circle-manager--form .form-card p{color:var(--text-secondary)}.circle-manager--form .form-actions{display:flex;gap:12px;justify-content:flex-end}.circle-manager--form .form-actions .cancel-btn,.circle-manager--form .form-actions .create-btn{min-width:140px}.circle-manager-header{border:0;margin:0;padding:0}.header-actions{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:auto 1fr}.create-circle-btn{background:var(--gradient-cool);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-circle-btn:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-1px)}.circle-stats{display:flex;gap:.75rem;justify-content:flex-end}.stat-item{background:var(--glass-bg);border:1px solid var(--glass-border)}.circle-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.search-input{background:var(--glass-bg);border:1px solid var(--glass-border)}.search-input:focus{border-color:var(--accent-cool);box-shadow:0 0 0 2px #2a9d8f33}.filter-select{background:var(--glass-bg);border:1px solid var(--glass-border)}.circle-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.circle-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.circle-card:hover{border-color:var(--accent-cool);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.circle-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.circle-card-heading{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.circle-name{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0 1rem 0 0;word-break:break-word}.circle-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:12px;letter-spacing:.05em;text-transform:uppercase}.circle-card-status{background:#0000;border:none;font-weight:600;padding:0}.circle-card-status.status-active{color:#34d399}.circle-card-status.status-private{color:#fbbf24}.circle-card-status.status-archived{color:#94a3b8}.circle-card-type{color:var(--text-secondary)}.circle-card-menu-root{margin-left:8px;position:relative}.circle-card-menu-button{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;transition:background .2s ease,color .2s ease}.circle-card-menu-button:focus-visible,.circle-card-menu-button:hover{background:#ffffff14;color:var(--text-primary);outline:none}.circle-card-menu{background:#0f172ae6;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 14px 32px #05091473;display:flex;flex-direction:column;gap:2px;min-width:180px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.circle-card-menu button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 12px;text-align:left;transition:background .2s ease}.circle-card-menu button:hover{background:#ffffff14}.circle-card-menu button.danger{color:#ff9a9a}.circle-card-menu button.danger:hover{background:#e74c3c2e}.circle-card-menu button:disabled{cursor:not-allowed;opacity:.6}.circle-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.status-active{background:#22c55e26;border:1px solid #22c55e59;color:#34d399}.status-private{background:#eab30826;border:1px solid #eab30859;color:#fbbf24}.status-archived{background:#94a3b826;border:1px solid #94a3b859;color:#94a3b8}.circle-details{margin-bottom:1.5rem}.member-count{color:var(--accent-cool);font-weight:600}.category{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.category.social{background:#ff63841a;color:#ff6384}.category.hobby{background:#ffce541a;color:#ffce56}.category.business{background:#4bc0c01a;color:#4bc0c0}.category.educational{background:#9966ff1a;color:#96f}.location-info{color:var(--text-primary);font-weight:500}.circle-activity{grid-gap:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin:1rem 0;padding:1rem}.activity-item{align-items:center;display:flex;flex-direction:column;text-align:center}.activity-count{color:var(--accent-cool);font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.activity-label{color:var(--text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase}.access-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-top:20px}.access-option-card{background:#0f172aa3;border:1px solid #94a3b866;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px 20px;position:relative;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.access-option-card:before{border-radius:inherit;content:"";filter:blur(32px);inset:-45%;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.access-option-card>*{position:relative;z-index:1}.access-option-card:focus-within,.access-option-card:hover{border-color:#60a5faa6;box-shadow:0 10px 28px #60a5fa2e}.access-option-card.is-selected{border-color:#facc15d9;box-shadow:0 18px 44px #facc153d,0 0 0 2px #facc1538;transform:translateY(-2px)}.access-option-card.is-selected:before{opacity:1}.access-option-card--public:before{background:radial-gradient(circle at top right,#3b82f661,#0e749014)}.access-option-card--hidden:before{background:radial-gradient(circle at top,#ec489973,#3b82f614)}.access-option-card--private:before{background:radial-gradient(circle at top,#facc1580,#10b9811f)}.access-option-card__title{color:var(--text-primary);font-size:1rem;font-weight:600}.access-option-card__description{color:var(--text-secondary);font-size:.9rem;line-height:1.45}.access-option-card__hint{color:#facc15d9;font-size:.8rem}.access-option-card.is-selected .access-option-card__description{color:#e2e8f0f2}.access-option-card--hidden.is-selected .access-option-card__title,.access-option-card--private.is-selected .access-option-card__title{color:#fefce8}.circle-location-group{grid-gap:12px;display:grid;gap:12px}.circle-radius-group{align-self:flex-start;justify-self:start;max-width:360px}.circle-radius-group input{max-width:220px}.invite-code-panel{align-items:center;background:#fbbf2414;border:1px dashed #facc1580;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:16px}.invite-code-panel__content{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.circle-private-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.circle-private-control{align-items:flex-start;color:var(--text-secondary);display:flex;gap:12px}.circle-private-control input[type=checkbox]{margin-top:4px}.circle-private-control__text{display:flex;flex-direction:column;gap:4px}.circle-private-control__title{color:var(--text-primary);font-weight:600}.circle-private-control__description{color:var(--text-secondary);font-size:.85rem}.circle-private-passphrase{display:flex;flex-direction:column;gap:8px}.circle-private-warning{color:#fca5a5;font-size:.8rem}.invite-code-panel__meta{display:flex;flex-direction:column;gap:4px}.invite-code-panel__label{color:#facc15d9;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.invite-code-panel__code{background:#0f172ad9;border-radius:8px;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.04em;padding:8px 12px}.audience-section{display:flex;flex-direction:column;gap:16px;margin-top:28px}.audience-section__helper{color:var(--text-secondary);font-size:.85rem;margin:0}.demographic-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-group--span-2{grid-column:1/-1}@media (max-width:768px){.demographic-grid{grid-template-columns:1fr}}.circle-access-map-preview{background:#0f172aa6;border:1px solid #94a3b859;border-radius:12px;margin-top:12px;overflow:hidden}.circle-access-map-preview img{aspect-ratio:13/7;display:block;height:auto;object-fit:cover;width:100%}.circle-access-map-preview__caption{background:#0f172acc;color:var(--text-secondary);display:block;font-size:.8rem;padding:8px 12px}.location-autocomplete__label{font-weight:500;margin-bottom:8px}.location-autocomplete__control .form-input{width:100%}.location-autocomplete__clear{color:var(--text-secondary);font-size:1.1rem;right:12px}.location-autocomplete__helper,.location-autocomplete__status{color:var(--text-secondary);margin-top:8px}.location-autocomplete__error{color:#fca5a5;margin-top:8px}.location-autocomplete__list{border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 20px 40px #080f238c;margin-top:8px;max-height:260px;padding:8px 0;z-index:12}.location-autocomplete__option button{gap:2px;padding:12px}.location-autocomplete__option button:focus,.location-autocomplete__option button:hover{background:#94a3b81f}.location-autocomplete__option-title{font-size:.9rem}.location-autocomplete__option-context{color:var(--text-secondary)}.circle-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.circle-tag{background:var(--gradient-cool);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.circle-card-footer{display:flex;justify-content:flex-end;margin-top:auto}.circle-view-link{color:var(--accent-cool);font-size:.9rem;font-weight:600;text-decoration:none}.circle-view-link:hover{text-decoration:underline}.circle-manager .empty-state{align-items:center;background:var(--glass-bg)!important;border:1px dashed var(--glass-border)!important;border-radius:12px;box-shadow:var(--glass-shadow)!important;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:3rem;position:relative;text-align:center;z-index:1}.circle-manager .empty-state h3{color:var(--text-primary);margin:0 0 .5rem;position:relative}.circle-manager .empty-state p{color:var(--text-muted);margin:0 0 1rem;position:relative}.circle-form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:2rem;padding-bottom:1rem}.circle-form-header h3{color:var(--text-primary);margin:0}.placeholder-content{background:var(--glass-bg);border:1px dashed var(--glass-border);box-shadow:var(--glass-shadow)}@media (max-width:768px){.circle-manager{padding:1rem}.header-actions{gap:1rem;grid-template-columns:1fr}.circle-stats{justify-content:space-around}.circle-filters{align-items:stretch;flex-direction:column}.search-input{width:100%}.circle-grid{grid-template-columns:1fr}.circle-form-header{align-items:stretch;flex-direction:column;gap:1rem}.activity-count{font-size:1rem}.activity-label{font-size:.75rem}}@media (max-width:480px){.circle-stats{gap:.5rem}.circle-actions,.circle-stats{flex-direction:column}.circle-activity{gap:1rem;grid-template-columns:repeat(2,1fr)}}.forum-rules-section h4{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;margin:0 0 .5rem}.forum-rules-section .field-footnote{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.8rem;margin-bottom:1rem}.permission-grid{display:flex;flex-direction:column;gap:1rem}.permission-row{background:#1e293b80;border:1px solid #94a3b81a;border:1px solid var(--glass-border,#94a3b81a);border-radius:12px;padding:1rem}.permission-label{margin-bottom:.75rem}.permission-label strong{color:#f8fafc;color:var(--text-primary,#f8fafc);display:block;font-size:.95rem}.permission-label .field-footnote{margin:.25rem 0 0}.permission-toggle{display:flex;gap:.5rem;margin-bottom:.75rem}.permission-toggle .toggle-btn{background:#1e293b80;border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.permission-toggle .toggle-btn.active,.permission-toggle .toggle-btn:hover{border-color:#a855f7;border-color:var(--accent-primary,#a855f7)}.permission-toggle .toggle-btn.active{background:#a855f7;background:var(--accent-primary,#a855f7);color:#fff}.role-toggles{display:flex;flex-wrap:wrap;gap:.5rem}.role-chip{background:#1e293b66;border:1px solid var(--glass-border,#94a3b833);color:#94a3b8;color:var(--text-secondary,#94a3b8);display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .75rem;transition:all .2s ease}.role-chip input[type=checkbox]{accent-color:#a855f7;accent-color:var(--accent-primary,#a855f7);height:14px;width:14px}.role-chip.active{background:#a855f733;border-color:#a855f7;border-color:var(--accent-primary,#a855f7);color:#f8fafc;color:var(--text-primary,#f8fafc)}.categories-table-wrapper{margin-top:.5rem;overflow-x:auto}.categories-table{border-collapse:collapse;font-size:.85rem;width:100%}.categories-table td,.categories-table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--glass-border,#94a3b81a);padding:.5rem;text-align:left}.categories-table th{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.categories-table td .form-input,.categories-table td .form-textarea{font-size:.85rem;min-width:80px;padding:.5rem;width:100%}.categories-table td .form-textarea{min-height:50px;resize:vertical}.categories-table td input[type=number]{width:60px}.categories-table td input[type=checkbox]{accent-color:#a855f7;accent-color:var(--accent-primary,#a855f7);height:18px;width:18px}.categories-table .add-btn,.categories-table .remove-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s ease}.categories-table .remove-btn{background:#ef444433;color:#f87171}.categories-table .remove-btn:hover{background:#ef444466}.categories-table .add-btn{background:#a855f7;background:var(--accent-primary,#a855f7);color:#fff}.categories-table .add-btn:disabled{cursor:not-allowed;opacity:.5}.categories-table .add-btn:not(:disabled):hover{background:#9333ea;background:var(--accent-hover,#9333ea)}.new-category-row{background:#1e293b4d}.new-category-row td{border-bottom:none}.collapsible-section{background:#0f172a99;border:1px solid #33415599;border-radius:12px;margin-bottom:16px;overflow:hidden}.collapsible-section__header{align-items:center;background:#0000;border:none;color:#f1f5f9;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:background-color .15s ease;width:100%}.collapsible-section__header:hover{background:#3341554d}.collapsible-section__header:focus{outline:2px solid #60a5fa;outline-offset:-2px}.collapsible-section__title{align-items:center;display:flex;gap:12px}.collapsible-section__icon{font-size:1.1rem}.collapsible-section__chevron{color:#94a3b8;font-size:1.25rem;font-weight:400;transition:transform .2s ease}.collapsible-section--collapsed .collapsible-section__chevron,.collapsible-section--open .collapsible-section__chevron{transform:rotate(0deg)}.collapsible-section__description{color:#94a3b8;font-size:.875rem;line-height:1.5;margin:0;padding:0 20px 12px}.collapsible-section__body{padding:0 20px 20px}.collapsible-section--collapsed .collapsible-section__header{border-bottom:none}.collapsible-section--open .collapsible-section__header{border-bottom:1px solid #33415566}.collapsible-section .form-group{margin-bottom:16px}.collapsible-section .form-group:last-child{margin-bottom:0}.collapsible-section .form-group label{color:#cbd5e1;display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:8px;text-transform:uppercase}.collapsible-section .form-input,.collapsible-section .form-select,.collapsible-section .form-textarea{background:#0f172acc;border:1px solid #334155cc;border-radius:8px;color:#f1f5f9;font-size:.9375rem;padding:12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.collapsible-section .form-input:focus,.collapsible-section .form-select:focus,.collapsible-section .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26;outline:none}.collapsible-section .form-textarea{min-height:100px;resize:vertical}@media (max-width:768px){.collapsible-section{border-radius:12px;margin-bottom:12px}.collapsible-section__header{font-size:.95rem;padding:12px 16px}.collapsible-section__title{gap:8px}.collapsible-section__icon{font-size:1rem}.collapsible-section__chevron{font-size:1.1rem}.collapsible-section__description{font-size:.825rem;padding:0 16px 12px}.collapsible-section__body{padding:0 16px 16px}.collapsible-section .form-group{margin-bottom:12px}.collapsible-section .form-input,.collapsible-section .form-select,.collapsible-section .form-textarea{font-size:16px;padding:12px}.collapsible-section .form-textarea{min-height:80px}}@media (max-width:480px){.collapsible-section{border-radius:8px;margin-bottom:12px}.collapsible-section__header{font-size:.9rem;padding:12px}.collapsible-section__description{font-size:.8rem;padding:0 12px 8px}.collapsible-section__body{padding:0 12px 12px}}.shop-manager{background:#0000;min-height:100%;padding:0}.shop-manager-header{border:0;margin:0;padding:0}.header-actions{flex-wrap:wrap;gap:.75rem}.view-toggles{display:flex;gap:.5rem}.view-btn{background:#070d1de6;border:1px solid #7898ff59;border-radius:8px;color:#dee7ffb8;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1rem;text-transform:uppercase;transition:all .15s ease}.shop-manager .view-btn.active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;box-shadow:0 10px 25px #0c163799;color:#fdfcff;transform:translateY(-2px)}.view-btn:hover:not(.active){border-color:#82a6ff;color:#f4f7ff}.create-shop-btn{background:var(--primary-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-shop-btn:hover{background:var(--interactive-primary-bg-hover);box-shadow:0 4px 15px #00000040;transform:translateY(-1px)}.upgrade-notice{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);display:inline-flex;gap:8px}.shop-stats{display:flex;flex-wrap:wrap;gap:.75rem}.search-input{max-width:300px;width:100%}.search-input:focus{border-color:var(--accent-warm);box-shadow:0 0 0 2px #f4a26133}.permission-notice{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary);display:flex;gap:8px;justify-content:center}.dismiss-btn{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-weight:700;line-height:1}.dismiss-btn:hover{color:var(--text-on-surface)}.shop-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:2rem}.shop-card{background:#12162352;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.shop-card:hover{border-color:var(--accent-warm);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.shop-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.shop-name{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0 1rem 0 0}.shop-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.status-active{background:#0f1f3a;color:#e2e8f0}.status-inactive{background:#312e81;color:#c7d2fe}.status-pending{background:#1f2937;color:#e5e7eb}.status-sold-out{background:#374151;color:#e5e7eb}.shop-details{margin-bottom:1.5rem}.shop-category{color:var(--text-primary);font-weight:500;text-transform:capitalize}.listing-count{color:var(--accent-warm);font-weight:600}.sales-amount{color:#28a745;font-weight:600}.shop-rating,.shop-type{color:var(--text-primary);font-weight:500}.shop-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.shop-tag{background:var(--primary-dark);border-radius:12px;color:var(--text-inverse);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.shop-team-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .25rem}.shop-team-chip{align-items:center;background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.01em;padding:.25rem .5rem}.shop-team-chip--more{background:#6366f12e;border-color:#6366f166}.shop-actions{display:flex;flex-wrap:wrap;gap:.75rem}.shop-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.manage-btn:hover{background:var(--gradient-warm);border-color:#0000;color:#fff}.add-listing-btn:hover{background:var(--gradient-cool);border-color:#0000;color:#fff}.analytics-btn:hover{background:var(--gradient-mystic)}.listing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.listing-card{background:#12162352;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease}.listing-card:hover{border-color:var(--accent-cool);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.team-helper-text{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin:.25rem 0 1rem}.listing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.listing-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0 1rem 0 0}.listing-details{margin-bottom:1.25rem}.listing-price{color:var(--accent-warm);font-size:1.1rem;font-weight:700}.inventory-count{color:var(--accent-cool);font-weight:600}.sold-count{color:#28a745;font-weight:600}.qr-code{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.listing-actions{gap:.5rem}.listing-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.edit-btn:hover{background:var(--gradient-warm)}.qr-btn:hover{background:var(--gradient-cool);border-color:#0000;color:#fff}.orders-btn:hover{background:var(--gradient-mystic);border-color:#0000;color:#fff}.shop-manager .empty-state{background:var(--glass-bg)!important;border:1px dashed var(--glass-border)!important;border-radius:12px;box-shadow:var(--glass-shadow)!important;padding:3rem;text-align:center}.shop-form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.shop-form-header h3{color:var(--text-primary);margin:0}.placeholder-card ul{max-width:400px}@media (max-width:768px){.shop-manager{padding:1rem}.header-actions{align-items:stretch;flex-direction:column;gap:1rem}.view-toggles{justify-content:center}.shop-stats{flex-wrap:wrap;gap:1rem;justify-content:space-around}.listing-grid,.shop-grid{grid-template-columns:1fr}.shop-form-header{align-items:stretch;flex-direction:column;gap:1rem}}@media (max-width:480px){.shop-stats{gap:.5rem}.shop-actions,.shop-stats{flex-direction:column}.listing-actions{justify-content:space-between}}.location-autocomplete{margin-bottom:1rem;position:relative}.location-autocomplete__label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem}.location-autocomplete__control{position:relative}.location-autocomplete__clear{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.location-autocomplete__clear:hover{color:var(--text-primary)}.location-autocomplete__helper,.location-autocomplete__status{color:var(--text-muted);font-size:.8rem;margin-top:.25rem}.location-autocomplete__error{color:#f87171;font-size:.8rem;margin-top:.25rem}.location-autocomplete__list{background:#0f172af2;border:1px solid #94a3b859;border-radius:8px;box-shadow:0 12px 30px #0f172a73;left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:.25rem 0;position:absolute;right:0;top:calc(100% + .25rem);z-index:20}.location-autocomplete__option button{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;text-align:left;width:100%}.location-autocomplete__option button:focus,.location-autocomplete__option button:hover{background:#6366f11f;outline:none}.location-autocomplete__option-title{font-weight:600}.location-autocomplete__option-context{color:var(--text-muted);font-size:.75rem}.circle-shop-dashboard{display:flex;flex-direction:column;gap:2rem}.circle-shop-hero{background:linear-gradient(135deg,#0e1423d9,#161e31b3);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);min-height:220px;overflow:hidden;position:relative}.circle-shop-hero.has-image{background-position:50%;background-size:cover}.circle-shop-hero__overlay{align-items:flex-end;background:linear-gradient(135deg,#090e1ae0,#28304873);display:flex;inset:0;padding:2rem;position:absolute}.circle-shop-hero__content{color:var(--text-inverse);display:flex;flex-direction:column;gap:.75rem}.circle-shop-hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;opacity:.85;text-transform:uppercase}.circle-shop-hero__content h3{font-size:1.65rem;font-weight:700;margin:0}.circle-shop-hero__content p{color:#e2e8f0e6;line-height:1.5;margin:0;max-width:640px}.circle-shop-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem}.circle-shop-hero__badge{background:#92a1f533;border:1px solid #92a1f559;border-radius:999px;color:var(--text-inverse);font-size:.8rem;font-weight:600;padding:.25rem .75rem}.circle-shop-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.circle-shop-selector{color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.circle-shop-selector select{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:.5rem .75rem}.circle-shop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.shop-manager .primary-btn{background:var(--primary-dark);border:1px solid #0000;border-radius:8px;color:var(--text-inverse);cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.shop-manager .primary-btn:hover{background:var(--interactive-primary-bg-hover);box-shadow:0 10px 22px #00000040;transform:translateY(-1px)}.circle-shop-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.circle-shop-card{background:#12162352;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden}.circle-shop-card__media{background:#0f172ab3;min-height:220px;position:relative}.circle-shop-card__media.has-media{display:flex}.circle-shop-card__carousel{--carousel-nav-size:18px;width:100%}.circle-shop-card__placeholder{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;height:100%;justify-content:center}.circle-shop-card__body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.circle-shop-card__header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.circle-shop-card__header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.circle-shop-card__description{color:var(--text-muted);line-height:1.5;margin:0;max-height:4.5rem;overflow:hidden}.circle-shop-card__pricing{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-weight:600;gap:.5rem 1rem}.circle-shop-card__pricing .price.sale{color:#fbbf24}.circle-shop-card__pricing .listing-tag{background:#3b82f62e;border-radius:999px;color:var(--text-primary);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.circle-shop-card__footer{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem 1rem;justify-content:space-between}.circle-shop-reviews{background:#0f172a8c;border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem}.circle-shop-reviews__header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.circle-shop-reviews__header p{color:var(--text-muted);margin:.25rem 0 0}.circle-shop-reviews__empty{border:1px dashed var(--glass-border);border-radius:12px;color:var(--text-muted);padding:1.25rem;text-align:center}.circle-shop-reviews__list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.circle-shop-reviews__item{background:#151b2b99;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.circle-shop-reviews__meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:.5rem 1rem}.circle-shop-reviews__rating{color:var(--accent-warm);font-weight:700}.circle-shop-reviews__comment{color:var(--text-primary);line-height:1.5;margin:0}@media (max-width:1024px){.circle-shop-hero__overlay{padding:1.5rem}.circle-shop-card__media{min-height:180px}}@media (max-width:768px){.circle-shop-toolbar{align-items:stretch;flex-direction:column}.circle-shop-actions{justify-content:space-between}.circle-shop-grid{grid-template-columns:1fr}.circle-shop-hero__content h3{font-size:1.35rem}}.role-bindings-manager{padding:.5rem 0}.role-bindings-empty,.role-bindings-loading,.role-bindings-note{color:var(--text-secondary);font-size:.9rem;padding:.5rem 0}.role-bindings-error{align-items:center;color:#ef4444;color:var(--danger-color,#ef4444);display:flex;gap:.5rem}.role-bindings-error button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.role-bindings-list{display:flex;flex-direction:column;gap:.75rem}.role-binding-item{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.role-binding-item[data-status=pending]{border-color:#f59e0b}.role-binding-item[data-status=active]{border-color:#10b981}.role-binding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.role-binding-name{color:var(--text-primary);font-weight:600}.role-binding-status{font-size:.75rem;font-weight:500;text-transform:uppercase}.role-binding-details{color:var(--text-secondary);display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.role-binding-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.role-binding-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.25rem .75rem}.role-binding-activate-btn{background:#10b981;border-color:#10b981;color:#fff}.role-binding-remove-btn:hover{background:#ef4444;background:var(--danger-color,#ef4444);border-color:#ef4444;border-color:var(--danger-color,#ef4444);color:#fff}.add-role-binding-btn{background:var(--primary-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:.75rem;padding:.5rem 1rem}.add-role-binding-btn:hover{opacity:.9}.add-role-binding-form{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1rem}.add-role-binding-form h4{font-size:1rem;margin:0 0 1rem}.add-role-binding-form .form-field{margin-bottom:.75rem}.add-role-binding-form .form-field label{color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:.25rem}.add-role-binding-form select{background:var(--main-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:.5rem;width:100%}.add-role-binding-form .form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.address-autocomplete{max-width:100%;position:relative}.address-input{background:#0f172a99;background:var(--input-bg,#0f172a99);border:1px solid #94a3b84d;border:1px solid var(--glass-border,#94a3b84d);border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.address-input:focus{border-color:#2a9d8f;border-color:var(--accent-primary,#2a9d8f);box-shadow:0 0 0 3px #2a9d8f26;outline:none}.address-input::placeholder,.address-loading{color:#64748b;color:var(--text-muted,#64748b)}.address-loading{font-size:.8rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.address-suggestions{background:#0f172af2;background:var(--secondary-bg,#0f172af2);border:1px solid #94a3b84d;border:1px solid var(--glass-border,#94a3b84d);border-radius:8px;box-shadow:0 8px 24px #0006;left:0;list-style:none;margin-top:4px;margin-block:0;max-height:280px;overflow-y:auto;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-raised,100)}.address-suggestion{color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background .15s ease}.address-suggestion:focus,.address-suggestion:hover{background:#2a9d8f26}@media (max-width:768px){.address-input{border-radius:12px;font-size:16px;padding:1rem}.address-suggestions{border-radius:12px;margin-top:8px;max-height:220px}.address-suggestion{font-size:.95rem;min-height:44px;padding:1rem}}@media (max-width:480px){.address-suggestions{max-height:180px}.address-suggestion{font-size:.9rem;padding:1rem}}.shop-finances{background:#0000;min-height:100%;padding:0}.shop-finances--error,.shop-finances--loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px}.loading-spinner{color:var(--text-secondary);font-size:1rem}.retry-btn{background:var(--primary-dark)}.finances-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.finances-header,.finances-header__left{align-items:center;display:flex;gap:1rem}.finances-header__left h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.back-btn{font-weight:500}.total-balance{align-items:flex-end;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;display:flex;flex-direction:column;padding:.75rem 1.25rem}.total-balance__label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.total-balance__value{color:var(--accent-warm);font-size:1.5rem;font-weight:700}.finances-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.finances-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.finances-tab:hover{color:var(--text-primary)}.finances-tab.active{border-bottom-color:var(--primary-dark);color:var(--primary-dark)}.finances-tab--eve{color:#9b59b6;color:var(--accent-color,#9b59b6)}.finances-tab--eve.active,.finances-tab--eve:hover{color:#8e44ad;color:var(--accent-dark,#8e44ad)}.finances-tab--eve.active{border-bottom-color:#9b59b6;border-bottom-color:var(--accent-color,#9b59b6)}.accounts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.account-pool{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s ease}.account-pool:hover{border-color:var(--primary-dark);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.account-pool__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.account-pool__code{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:600}.account-pool__category{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.account-pool__category--asset{background:#4caf5033;color:#4caf50}.account-pool__category--liability{background:#f4433633;color:#f44336}.account-pool__category--equity{background:#2196f333;color:#2196f3}.account-pool__category--revenue{background:#9c27b033;color:#9c27b0}.account-pool__category--expense{background:#ff980033;color:#ff9800}.account-pool__name{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.account-pool__balance{color:var(--accent-warm);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.account-pool__fill-track{background:var(--border-color);border-radius:4px;height:6px;overflow:hidden}.account-pool__fill-bar{background:linear-gradient(90deg,var(--primary-dark),var(--accent-warm));border-radius:4px;height:100%;transition:width .5s ease}.rules-section{display:flex;flex-direction:column;gap:1rem}.rules-header{align-items:center;display:flex;justify-content:space-between}.rules-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.add-rule-btn{background:var(--primary-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.add-rule-btn:hover{background:var(--interactive-primary-bg-hover)}.rule-form{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.rule-form__row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.rule-form__row label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.rule-form__row input,.rule-form__row select{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.5rem}.rule-form__hint{color:var(--text-secondary);font-size:.8rem;margin:.5rem 0}.rule-form__submit{background:var(--primary-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.rule-form__submit:disabled{cursor:not-allowed;opacity:.5}.rules-list{display:flex;flex-direction:column;gap:1rem}.rule-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.rule-card--default{border-color:var(--accent-warm)}.rule-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.rule-card__name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.rule-card__badge{background:var(--accent-warm);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.rule-card__priority{color:var(--text-secondary);font-size:.75rem}.rule-card__source{margin-bottom:.5rem}.rule-card__description,.rule-card__source{color:var(--text-secondary);font-size:.85rem}.rule-card__description{font-style:italic;margin-bottom:.75rem}.rule-card__targets{background:var(--glass-bg);border-radius:8px;padding:.75rem}.targets-header{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.target-row{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.target-row__account{color:var(--text-primary);font-weight:500}.target-row__arrow{color:var(--accent-warm);font-weight:700}.target-row__percentage{color:var(--primary-dark);font-weight:600}.transactions-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.transactions-table{background:var(--secondary-bg);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.transactions-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.transactions-table tbody tr:hover,.transactions-table th{background:var(--glass-bg)}.transactions-table .amount-cell{color:var(--accent-warm);font-weight:600;text-align:right}.empty-state{background:#0f172a4d;border:1px dashed #94a3b833;color:var(--text-secondary);padding:48px 24px}.empty-state p{margin:.25rem 0}.empty-state__hint{font-size:.9rem;opacity:.8}@media (max-width:768px){.finances-header{align-items:flex-start;flex-direction:column}.accounts-grid{grid-template-columns:1fr}.transactions-table{font-size:.85rem}.transactions-table td,.transactions-table th{padding:.5rem}}.flow-map{gap:.75rem;padding:.5rem 0}.flow-map,.flow-map--empty{display:flex;flex-direction:column}.flow-map--empty{align-items:center;color:var(--text-secondary);gap:.5rem;justify-content:center;min-height:200px;text-align:center}.flow-map__hint{color:#94a3b8b3;color:var(--text-muted,#94a3b8b3);font-size:.8rem}.flow-map__legend{background:#1e293b66;background:var(--secondary-bg,#1e293b66);border-radius:8px;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1rem;padding:.5rem .75rem}.flow-map__legend-item--source{color:#60a5fa}.flow-map__legend-item--account{color:#34d399}.flow-map__legend-item--arrow{color:var(--text-secondary)}.flow-map__diagram{align-items:stretch;background:#0f172a73;background:var(--glass-bg,#0f172a73);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;display:flex;gap:0;height:clamp(240px,40vh,480px);min-height:240px;overflow:hidden}.flow-map__col{display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:space-around;padding:12px 4px;width:clamp(110px,18%,160px)}.flow-map__col--sources{padding-left:10px}.flow-map__col--accounts{align-items:flex-end;padding-right:10px}.flow-node{background:#0f172a99;background:var(--glass-bg,#0f172a99);border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:8px;display:flex;flex-direction:column;gap:2px;min-height:48px;overflow:hidden;padding:6px 8px;position:relative;transition:border-color .2s ease}.flow-node--source{border-left-width:3px}.flow-node--default{border-style:dashed}.flow-node--unreferenced{opacity:.45}.flow-node--account{align-items:flex-start}.flow-node--empty{border-style:dashed;opacity:.4}.flow-node__pool-fill-track{align-items:flex-end;bottom:0;display:flex;height:100%;left:0;position:absolute;right:0;z-index:0}.flow-node__pool-fill-bar{border-radius:0 0 8px 8px;opacity:.15;transition:height .5s ease;width:100%}.flow-node__pool-fill-bar--income,.flow-node__pool-fill-bar--revenue{background:#34d399}.flow-node__pool-fill-bar--expense{background:#f87171}.flow-node__pool-fill-bar--savings{background:#60a5fa}.flow-node__pool-fill-bar--default{background:#94a3b8}.flow-node__content{display:flex;flex-direction:column;gap:2px;position:relative;width:100%;z-index:1}.flow-node__type{color:var(--text-secondary);font-size:.65rem;letter-spacing:.06em;opacity:.8;text-transform:uppercase}.flow-node__label{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node__code{color:var(--text-secondary);font-family:monospace;font-size:.65rem;opacity:.8}.flow-node__balance{color:#fb923c;color:var(--accent-warm,#fb923c);font-size:.75rem;font-weight:700}.flow-node__badge{background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:3px;color:#93c5fd;display:inline-block;font-size:.6rem;letter-spacing:.05em;padding:1px 4px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.flow-map__arrows{flex:1 1;min-width:0;overflow:visible}.flow-map__unrouted-note{background:#fb923c14;border-left:3px solid #fb923c66;border-radius:6px;color:var(--text-secondary);font-size:.78rem;margin:0;padding:.4rem .75rem}.eve-suggestions{background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.suggestions-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.header-title{align-items:center;display:flex;gap:.5rem}.eve-icon{font-size:1.5rem}.header-title h3{color:gold;color:var(--accent-gold,gold);font-size:1.1rem;margin:0}.count-badge{background:#4a9fff;background:var(--accent-blue,#4a9fff);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.btn-run-optimizer{background:#252540;background:var(--surface-hover,#252540);border:1px solid #4a9fff;border:1px solid var(--accent-blue,#4a9fff);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-run-optimizer:hover:not(:disabled){background:#4a9fff;background:var(--accent-blue,#4a9fff);color:#fff}.btn-run-optimizer:disabled{cursor:not-allowed;opacity:.6}.no-suggestions{background:#0f172a4d;border:1px dashed #94a3b833;border-radius:12px;color:#8b8b8b;color:var(--text-secondary,#8b8b8b);padding:2.5rem 2rem;text-align:center}.no-suggestions .hint{color:#666;color:var(--text-muted,#666);font-size:.85rem;margin-top:.75rem}.suggestions-list{display:flex;flex-direction:column;gap:.75rem}.suggestion-card{background:#0a0a14;background:var(--surface-dark,#0a0a14);border-left:4px solid #4a9fff;border-left:4px solid var(--accent-blue,#4a9fff);border-radius:12px;overflow:hidden}.suggestion-card.priority-urgent{border-left-color:#dc3545}.suggestion-card.priority-high{border-left-color:#fd7e14}.suggestion-card.priority-medium{border-left-color:#ffc107}.suggestion-card.priority-low{border-left-color:#28a745}.suggestion-header{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:background .2s ease}.suggestion-header:hover{background:#252540;background:var(--surface-hover,#252540)}.type-icon{align-items:center;background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.suggestion-info{flex:1 1}.suggestion-info h4{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;margin:0 0 .5rem}.suggestion-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.priority-badge{border-radius:4px;color:#fff;padding:.25rem .5rem;text-transform:capitalize}.type-label{color:#666;color:var(--text-muted,#666)}.impact{color:#28a745;color:var(--accent-green,#28a745);font-weight:500}.expand-icon{color:#666;color:var(--text-muted,#666);font-size:.8rem}.suggestion-details{background:#1a1a2e;background:var(--surface-hover,#1a1a2e);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding:1rem}.suggestion-details .description{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.reasoning{background:#0a0a14;background:var(--surface-dark,#0a0a14);border-radius:8px;margin-bottom:1rem;padding:1rem}.reasoning strong{color:gold;color:var(--accent-gold,gold);display:block;font-size:.85rem;margin-bottom:.5rem}.reasoning p{color:#8b8b8b;color:var(--text-secondary,#8b8b8b);font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.confidence{color:#666;color:var(--text-muted,#666);font-size:.8rem;margin-bottom:1rem}.suggestion-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-apply,.btn-dismiss{border-radius:8px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-apply{background:gold;background:var(--accent-gold,gold);border:none;color:#000;font-weight:500}.btn-apply:hover{background:#ffe44d;background:var(--accent-gold-light,#ffe44d)}.btn-dismiss{background:#0000;border:1px solid #333;border:1px solid var(--border-color,#333);color:#8b8b8b;color:var(--text-secondary,#8b8b8b)}.btn-dismiss:hover{background:#0a0a14;background:var(--surface-dark,#0a0a14);color:#fff;color:var(--text-primary,#fff)}.loading{padding:2rem}.finance-template-selector{margin:0 auto;max-width:900px;padding:1.5rem}.template-header{margin-bottom:2rem;text-align:center}.template-header h2{color:gold;color:var(--accent-gold,gold);font-size:1.5rem;margin-bottom:.5rem}.template-header p{color:#8b8b8b;color:var(--text-secondary,#8b8b8b);font-size:.95rem}.error-message{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545;justify-content:space-between;margin-bottom:1rem}.error-message button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem}.template-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.template-card{grid-gap:1rem;align-items:start;background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border:2px solid #0000;border-radius:12px;cursor:pointer;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;padding:1.25rem;position:relative;transition:all .2s ease}.template-card:hover{background:#252540;background:var(--surface-hover,#252540);border-color:#4a9fff;border-color:var(--accent-blue,#4a9fff)}.template-card.selected{background:#ffd7000d;border-color:gold;border-color:var(--accent-gold,gold)}.template-card.recommended{border-color:#28a745;border-color:var(--accent-green,#28a745)}.template-card.recommended.selected{border-color:gold;border-color:var(--accent-gold,gold)}.template-icon{align-items:center;background:#0a0a14;background:var(--surface-dark,#0a0a14);border-radius:12px;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.template-content h3{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;flex-wrap:wrap;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.recommended-badge{background:#28a745;background:var(--accent-green,#28a745);border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.template-description{color:#8b8b8b;color:var(--text-secondary,#8b8b8b);font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.template-meta{color:#666;color:var(--text-muted,#666);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.75rem}.category-tag{background:#4a9fff;background:var(--accent-blue,#4a9fff);border-radius:4px;color:#fff;font-weight:500;padding:.25rem .5rem}.selected-indicator{background:gold;background:var(--accent-gold,gold);border-radius:50%;color:#000;height:24px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:24px}.template-preview{background:#1a1a2e;background:var(--surface-dark,#1a1a2e);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.template-preview h3{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);color:gold;color:var(--accent-gold,gold);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.preview-section{margin-bottom:1rem}.preview-section h4{color:#8b8b8b;color:var(--text-secondary,#8b8b8b);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.preview-section ul{list-style:none;margin:0;padding:0}.preview-section li{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 0}.preview-section li .code{color:#666;color:var(--text-muted,#666);font-size:.8rem}.preview-section li .fund-type,.preview-section li .source-type{background:#252540;background:var(--surface-hover,#252540);border-radius:4px;color:#8b8b8b;color:var(--text-secondary,#8b8b8b);font-size:.75rem;margin-left:auto;padding:.25rem .5rem}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#4a9fff;background:var(--accent-blue,#4a9fff);border-radius:4px;color:#fff;font-size:.8rem;padding:.25rem .5rem;text-transform:capitalize}.template-actions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:gold;background:var(--accent-gold,gold);border:none;color:#000}.btn-primary:hover:not(:disabled){background:#ffe44d;background:var(--accent-gold-light,#ffe44d);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #333;border:1px solid var(--border-color,#333);color:#8b8b8b;color:var(--text-secondary,#8b8b8b)}.btn-secondary:hover:not(:disabled){background:#252540;background:var(--surface-hover,#252540);color:#fff;color:var(--text-primary,#fff)}.loading{color:#8b8b8b;color:var(--text-secondary,#8b8b8b);padding:3rem;text-align:center}@media (max-width:640px){.template-card{grid-template-columns:auto 1fr}.selected-indicator{grid-column:1;grid-row:1;position:static}.template-grid{grid-template-columns:1fr}}.entertainment-form{background:#0c0e18f2;border:1px solid #94a3b826;border-radius:16px;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:720px;padding:24px}.form-header{margin-bottom:8px}.form-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.5rem;font-weight:600;margin:0 0 8px}.form-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0}.form-section{display:flex;flex-direction:column;gap:8px}.form-section.half{flex:1 1}.form-section.quarter{flex:0 0 100px}.form-section.third{flex:1 1}.form-row{display:flex;gap:16px}.form-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.form-label .required{color:#ef4444}.form-input,.form-select,.form-textarea{background:#0f121ccc;border:1px solid #94a3b833;border-radius:12px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.95rem;padding:12px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 0 3px #fcd34d1a}.form-input.error,.form-textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.8rem}.char-count{color:#64748b;color:var(--text-muted,#64748b)}.type-toggle{display:flex;gap:12px}.type-btn{background:#0f121c99;border:2px solid #94a3b826;border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:16px 20px;transition:all .2s ease}.type-btn:hover{background:#191e2dcc;border-color:#94a3b84d}.type-btn.active{background:#fcd34d1a;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);color:#fcd34d;color:var(--accent-gold,#fcd34d)}.access-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.access-option{align-items:flex-start;background:#0f121c99;border:2px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.access-option:hover{background:#191e2dcc;border-color:#94a3b84d}.access-option.selected{background:#fcd34d14;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d)}.access-option input{accent-color:#fcd34d;accent-color:var(--accent-gold,#fcd34d);margin-top:2px}.access-option-content{display:flex;flex-direction:column;gap:2px}.access-option-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:600}.access-option-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem}.roles-grid{display:flex;flex-wrap:wrap;gap:8px}.role-chip{align-items:center;background:#0f121c99;border:1px solid #94a3b833;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .15s ease}.role-chip:hover{background:#191e2dcc;border-color:#94a3b866}.role-chip.selected{background:#fcd34d1a;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);color:#fcd34d;color:var(--accent-gold,#fcd34d)}.role-chip input{display:none}.location-toggle{display:flex;gap:12px}.location-option{align-items:center;background:#0f121c99;border:2px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.location-option:hover{background:#191e2dcc;border-color:#94a3b84d}.location-option.selected{background:#fcd34d14;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d)}.location-option input{display:none}.location-option span{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-weight:500}.location-inputs{padding-top:12px}.tags-input-wrapper{display:flex;gap:8px}.tags-input{flex:1 1}.add-tag-btn{background:#fcd34d26;border:1px solid #fcd34d4d;border-radius:12px;color:#fcd34d;color:var(--accent-gold,#fcd34d);cursor:pointer;font-weight:600;padding:12px 20px;transition:all .15s ease}.add-tag-btn:hover:not(:disabled){background:#fcd34d40}.add-tag-btn:disabled{cursor:not-allowed;opacity:.5}.tags-list{margin-top:8px}.tag-chip{background:#6366f126;border:1px solid #6366f14d;border-radius:16px;color:#a5b4fc;font-size:.85rem;gap:8px;padding:8px 12px}.tag-chip,.tag-remove{align-items:center;display:flex}.tag-remove{background:#0000;border:none;border-radius:50%;color:currentColor;cursor:pointer;font-size:1rem;height:18px;justify-content:center;padding:0;transition:all .15s ease;width:18px}.tag-remove:hover{background:#ffffff1a}.form-actions{border-top:1px solid #94a3b81f;padding-top:16px}.btn-cancel,.btn-submit{border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 28px;transition:all .2s ease}.btn-cancel{background:#ffffff0d;border:1px solid #94a3b840;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:#94a3b866}.btn-submit{background:linear-gradient(135deg,#fcd34d,#f59e0b);background:linear-gradient(135deg,var(--accent-gold,#fcd34d),#f59e0b);border:none;box-shadow:0 4px 12px #fcd34d40;color:#1a1510}.btn-submit:hover:not(:disabled){box-shadow:0 6px 16px #fcd34d59;transform:translateY(-1px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.entertainment-form--v2{gap:0}.form-section-group{background:#ffffff05;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:12px;overflow:hidden}.section-toggle{align-items:center;background:#ffffff08;border:none;cursor:pointer;display:flex;gap:12px;padding:16px 20px;text-align:left;transition:all .2s;width:100%}.section-toggle:hover{background:#ffffff0f}.section-icon{font-size:1.25rem}.section-title{align-items:center;color:#f1f5f9;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:12px}.section-badge{background:#8b5cf633;border-radius:12px;color:#a78bfa;font-size:.75rem;font-weight:500;padding:2px 8px}.section-chevron{color:#ffffff80;font-size:.75rem}.section-content{border-top:1px solid #94a3b81a;padding:20px}.section-description{color:#fff9;font-size:.875rem;line-height:1.5}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.content-type-indicator{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.type-badge{border-radius:8px;padding:8px 12px}.type-badge.radio{background:#60a5fa26;color:#60a5fa}.type-badge.video{background:#8b5cf626;color:#a78bfa}.type-hint{color:#ffffff80;font-size:.8rem}.upload-zone{border:2px dashed #94a3b833;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .2s}.upload-zone:hover{background:#8b5cf60d;border-color:#8b5cf666}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon{font-size:2.5rem}.upload-text{color:#fffc;font-size:1rem}.upload-formats{color:#ffffff80;font-size:.8rem}.upload-preview{display:flex;flex-direction:column;gap:12px}.media-preview{border-radius:8px;max-height:200px;max-width:100%}.preview-info{display:flex;flex-direction:column;gap:4px;text-align:left}.file-name{color:#fffc;font-size:.9rem;word-break:break-all}.duration{color:#ffffff80;font-size:.8rem}.thumbnail-upload{align-items:center;border:2px dashed #94a3b833;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;transition:all .2s;width:120px}.thumbnail-upload:hover{border-color:#8b5cf666}.thumbnail-preview{height:100%;object-fit:cover;width:100%}.thumbnail-placeholder{align-items:center;color:#ffffff80;display:flex;flex-direction:column;font-size:.75rem;gap:4px}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.use-my-location-btn{background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.use-my-location-btn:hover:not(:disabled){background:#60a5fa33}.use-my-location-btn:disabled{cursor:not-allowed;opacity:.5}.location-coords{background:#ffffff08;border-radius:8px;color:#fff9;font-size:.8rem;margin-top:8px;padding:8px 12px}.location-description{background:#60a5fa14;border:1px solid #60a5fa26;border-radius:12px;color:#ffffffb3;font-size:.85rem;line-height:1.5;margin:0 0 16px;padding:12px 16px}.location-loading{background:#ffffff08;border:1px solid #94a3b81a;border-radius:12px;color:#ffffffb3;font-size:.9rem;padding:16px;text-align:center}.location-display{align-items:center;background:#10b98114;border:1px solid #10b98133;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.location-town{color:#ffffffe6;font-size:.95rem;font-weight:500}.change-location-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.change-location-btn:hover{background:#ffffff1f;color:#ffffffe6}.ad-insertions-list{margin-bottom:20px}.ad-insertions-list h4{color:#fffc;font-size:.9rem;font-weight:600;margin:0 0 12px}.ad-insertion-item{align-items:flex-start;background:#ffffff08;border:1px solid #94a3b81a;border-radius:12px;display:flex;gap:16px;margin-bottom:12px;padding:12px}.ad-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.ad-info .sponsor-name{color:#a78bfa;font-weight:600}.ad-info .ad-message{color:#ffffffb3;font-size:.85rem}.ad-timing-controls{align-items:center;display:flex;gap:8px}.timing-select{font-size:.85rem;padding:8px 12px;width:120px}.custom-time-input{font-size:.85rem;padding:8px 12px;width:80px}.remove-ad-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-ad-btn:hover{background:#ef444433}.pending-sponsorships{margin-top:16px}.pending-sponsorships h4{color:#fffc;font-size:.9rem;font-weight:600;margin:0 0 12px}.sponsorship-request-card{background:#ffffff08;border:1px solid #94a3b81a;margin-bottom:12px;padding:16px}.sponsor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sponsor-header .sponsor-name{color:#a78bfa;font-weight:600}.recognition-amount{background:#22c55e26;border-radius:12px;color:#22c55e;font-size:.9rem;font-weight:600;padding:4px 12px}.sponsor-message{color:#fffc;font-size:.9rem;font-style:italic;margin:0 0 8px}.ad-preview{color:#fff9;font-size:.85rem;margin:0 0 12px}.ad-preview strong{color:#fffc}.sponsorship-actions{display:flex;gap:8px}.accept-sponsorship-btn{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.accept-sponsorship-btn:hover{background:#22c55e33}.loading-text,.no-sponsorships{color:#ffffff80;font-size:.9rem;padding:20px;text-align:center}.gift-section{border-top:1px solid #94a3b81a;display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:20px}.open-gift-modal-btn{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border:1px solid #fbbf244d;border-radius:12px;color:#fbbf24;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s}.open-gift-modal-btn:hover{background:linear-gradient(135deg,#fbbf2433,#f59e0b33)}.gift-hint{color:#ffffff80;font-size:.8rem;text-align:center}.playlists-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.playlist-chip{align-items:center;background:#ffffff08;border:1px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.playlist-chip:hover{background:#ffffff0f}.playlist-chip.selected{background:#8b5cf61a;border-color:#a78bfa}.playlist-chip input{display:none}.playlist-name{color:#ffffffe6;flex:1 1;font-size:.9rem}.no-playlists,.playlist-count{color:#ffffff80}.no-playlists{font-size:.9rem;padding:20px;text-align:center}.entertainment-form--v2 .access-options{display:flex;flex-direction:column;gap:12px}.entertainment-form--v2 .access-option{align-items:flex-start;background:#ffffff05;border:1px solid #94a3b81a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.entertainment-form--v2 .access-option:hover{background:#ffffff0a}.entertainment-form--v2 .access-option.selected{background:#8b5cf614;border-color:#8b5cf666}.entertainment-form--v2 .access-option input{display:none}.access-icon{font-size:1.25rem;margin-top:2px}.location-inputs{margin-top:16px}@media (max-width:768px){.entertainment-form{padding:16px}.form-row{flex-direction:column;gap:12px}.form-section.half,.form-section.quarter,.form-section.third{flex:1 1 100%}.access-options{grid-template-columns:1fr}.form-actions,.location-toggle,.type-toggle{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.section-content{padding:16px}.ad-insertion-item{flex-direction:column}.ad-timing-controls{flex-wrap:wrap;width:100%}.timing-select{flex:1 1}.playlists-grid{grid-template-columns:1fr}.location-header{align-items:flex-start;flex-direction:column;gap:8px}}.form-field.quarter{position:relative}.episode-auto{background:#3b82f61a;border-color:#3b82f64d}.episode-auto:disabled{background:#64748b1a;border-color:#64748b33;cursor:not-allowed}.auto-hint{bottom:-16px;color:#3b82f6;font-size:.75rem;font-style:italic;left:0;position:absolute}.form-select:disabled{background:#64748b1a;border-color:#64748b33;cursor:not-allowed;opacity:.7}.team-compensation-section{border-top:1px solid #94a3b826;margin-top:12px;padding-top:24px}.team-compensation-section .section-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.1rem;font-weight:600;margin:0 0 8px}.team-compensation-section .section-subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin:0 0 20px}.team-compensation-section .form-row{flex-direction:column;gap:8px;margin-bottom:16px}.team-compensation-section .form-hint{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.8rem;margin:4px 0 0}.team-compensation-section .form-warning{color:#f87171;font-size:.8rem;margin:4px 0 0}.profit-distribution .profit-bar{display:flex;flex-direction:column;gap:8px}.profit-bar-track{background:#0f121c99;border:1px solid #94a3b833;border-radius:8px;display:flex;height:16px;overflow:hidden}.profit-bar-distributed{background:linear-gradient(90deg,#a78bfa,#8b5cf6);transition:width .3s ease}.profit-bar-available{background:linear-gradient(90deg,#34d399,#10b981);transition:width .3s ease}.profit-bar-labels{display:flex;font-size:.8rem;justify-content:space-between}.profit-label{align-items:center;display:flex;gap:8px}.profit-label .dot{border-radius:50%;height:8px;width:8px}.profit-label.distributed{color:#a78bfa}.profit-label.distributed .dot{background:#a78bfa}.profit-label.available{color:#34d399}.profit-label.available .dot{background:#34d399}.compensation-input-row{align-items:center;display:flex;gap:8px}.compensation-value-input{max-width:120px}.compensation-suffix{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem}.channel-management-modal{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid var(--border-color,#333);padding:1rem 1.5rem}.modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.modal-header .close-btn{background:#0000;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem}.modal-header .close-btn:hover{color:#fff;color:var(--text-primary,#fff)}.modal-tabs{background:#161625;background:var(--surface-secondary,#161625);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333)}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;flex:1 1;font-size:.875rem;padding:1rem;transition:all .2s}.tab-btn:hover{background:#ffffff0d;color:#fff;color:var(--text-primary,#fff)}.tab-btn.active{border-bottom-color:#4a9eff;border-bottom-color:var(--accent-color,#4a9eff);color:#4a9eff;color:var(--accent-color,#4a9eff)}.modal-content{padding:1.5rem}.tab-content{display:flex;flex-direction:column;gap:1.5rem}.create-section h3,.list-section h3,.transfer-section h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 .75rem}.create-form{display:flex;flex-direction:column;gap:.75rem}.create-form .form-input{background:#0d0d1a;background:var(--input-bg,#0d0d1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.875rem;padding:.75rem 1rem;width:100%}.create-form .form-input:focus{border-color:#4a9eff;border-color:var(--accent-color,#4a9eff);outline:none}.item-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.item-row{align-items:center;background:#161625;background:var(--surface-secondary,#161625);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{color:#fff;color:var(--text-primary,#fff);font-weight:500}.item-meta{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem}.item-description{color:#777;color:var(--text-muted,#777);font-size:.75rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions{align-items:center;gap:.5rem}.confirm-text{color:#ffc107;color:var(--warning-color,#ffc107);font-size:.875rem}.btn-primary:hover:not(:disabled){background:#3a8eef;background:var(--accent-hover,#3a8eef)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-link{background:#0000;color:#4a9eff;color:var(--accent-color,#4a9eff);padding:.25rem .5rem}.btn-link:hover{text-decoration:underline}.transfer-controls{display:flex;flex-wrap:wrap;gap:1rem}.playlist-select{flex:1 1;min-width:200px}.playlist-select label{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.875rem;margin-bottom:.5rem}.form-select{background:#0d0d1a;background:var(--input-bg,#0d0d1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;padding:.75rem 1rem;width:100%}.form-select:focus{border-color:#4a9eff;border-color:var(--accent-color,#4a9eff);outline:none}.video-selection{border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-top:1rem;overflow:hidden}.selection-header{align-items:center;background:#161625;background:var(--surface-secondary,#161625);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:.75rem 1rem}.selection-header span{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem}.selection-actions{display:flex;gap:.5rem}.video-list{list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0}.video-row{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333)}.video-row:last-child{border-bottom:none}.video-checkbox{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem}.video-checkbox:hover{background:#ffffff0d}.video-checkbox input[type=checkbox]{cursor:pointer;height:1rem;width:1rem}.video-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.video-thumb{background:#333;background:var(--surface-color,#333);border-radius:4px;height:27px;object-fit:cover;width:48px}.video-details{display:flex;flex-direction:column;gap:.25rem}.video-title{color:#fff;color:var(--text-primary,#fff);font-size:.875rem}.video-type{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;text-transform:capitalize}.transfer-btn{margin-top:1rem;width:100%}.empty-message{color:#777;color:var(--text-muted,#777);font-size:.875rem;padding:2rem;text-align:center}.modal-footer{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding:1rem 1.5rem}.modal-overlay{background:#000000b3}@media (max-width:768px){.modal-overlay{align-items:flex-end}.channel-management-modal{animation:slideUpModal .3s ease-out;border-radius:16px 16px 0 0;max-height:90vh;max-width:100%;width:100%}@keyframes slideUpModal{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.channel-management-modal:before{background:#ffffff4d;border-radius:2px;content:"";display:block;height:4px;margin:8px auto 0;width:40px}.modal-header{padding:.75rem 1rem}.modal-header h2{font-size:1.1rem}.modal-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{flex-shrink:0;font-size:.8rem;padding:.75rem;white-space:nowrap}.modal-content{padding:1rem}.create-form .form-input,.transfer-form .form-input,.transfer-form .form-select{font-size:16px}.channel-item{align-items:flex-start;flex-direction:column;gap:.75rem}.channel-actions{display:flex;gap:.5rem;width:100%}.channel-actions .btn{flex:1 1}.modal-footer{padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom))}}@media (max-width:480px){.modal-header h2{font-size:1rem}.modal-content{padding:.75rem}.tab-btn{font-size:.75rem;padding:.5rem}}.sponsorship-request-queue{margin:0 auto;max-width:1200px;padding:20px}.queue-header{margin-bottom:24px}.queue-header h2{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:24px;font-weight:600;margin:0 0 8px}.queue-description{color:#94a3b8cc;color:var(--text-secondary,#94a3b8cc);margin:0}.sponsorship-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#12162399;border:1px solid #ffffff14;box-shadow:0 2px 8px #00000040;padding:16px}.stat-card .stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.stat-card.pending .stat-value{color:#f59e0b}.stat-card.approved .stat-value{color:#10b981}.stat-card.active .stat-value{color:#3b82f6}.stat-card.earnings .stat-value{color:#8b5cf6}.sponsorship-filters{align-items:center;background:#12162399;border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-group label{color:#94a3b8cc;color:var(--text-secondary,#94a3b8cc);font-size:14px;font-weight:500}.filter-group select{background:#0f121ccc;border:1px solid #ffffff1f;color:#f0f4f8;color:var(--text-primary,#f0f4f8);cursor:pointer;font-size:14px;padding:8px 12px}.refresh-btn{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.requests-list{display:flex;flex-direction:column;gap:16px}.sponsorship-request-card{background:#12162399;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 2px 12px #00000040;padding:20px;transition:transform .2s,box-shadow .2s}.sponsorship-request-card:hover{box-shadow:0 4px 20px #00000059;transform:translateY(-2px)}.request-header{justify-content:space-between;margin-bottom:16px}.request-header,.sponsor-info{align-items:center;display:flex}.sponsor-info{gap:12px}.sponsor-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.sponsor-avatar.placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.sponsor-details{display:flex;flex-direction:column}.sponsor-name{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:16px;font-weight:600}.sponsor-username{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);font-size:13px}.status-badge{font-size:13px;gap:4px;padding:8px 12px}.status-badge.pending{background:#f59e0b26;color:#fbbf24}.status-badge.approved{background:#10b98126;color:#34d399}.status-badge.denied{background:#ef444426;color:#f87171}.status-badge.reported{background:#ec489926;color:#f472b6}.status-badge.expired{background:#94a3b826;color:#94a3b8}.request-content-info{align-items:center;background:#0f121c80;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:12px}.content-type-icon{font-size:20px}.content-title{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-weight:500}.request-amount{align-items:center;display:flex;gap:8px;margin-bottom:12px}.amount-label{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);font-size:14px}.amount-value{color:#a78bfa;font-size:20px;font-weight:700}.ad-preview,.request-message{background:#0f121c80;border-radius:8px;margin-bottom:12px;padding:12px}.ad-label,.message-label{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.ad-text,.message-text{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:14px;line-height:1.5;margin:0}.ad-preview{border-left:3px solid #a78bfa}.ad-stats{background:#10b98114;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:12px}.ad-stat{align-items:center;color:#94a3b8cc;color:var(--text-secondary,#94a3b8cc);display:flex;font-size:14px;gap:8px}.stat-icon{font-size:16px}.request-meta{color:#94a3b899;color:var(--text-secondary,#94a3b899);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:16px}.request-actions{border-top:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.action-btn{transition:all .2s}.action-btn.approve{background:#10b981}.action-btn.approve:hover{background:#059669}.action-btn.chat{background:#3b82f6;color:#fff}.action-btn.chat:hover{background:#2563eb}.action-btn.deny{background:#ef4444;color:#fff}.action-btn.deny:hover{background:#dc2626}.action-btn.report{background:#f59e0b;color:#fff}.action-btn.report:hover{background:#d97706}.action-btn.details{background:#0f121c99;color:#f0f4f8;color:var(--text-primary,#f0f4f8)}.action-btn.details:hover{background:#1e2437cc}.action-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.action-modal{background:#121623fa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.action-modal.detail-modal{max-width:600px}.action-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.action-modal .modal-header h3{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:18px;margin:0}.action-modal .close-btn{background:none;border:none;color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);cursor:pointer;font-size:24px;line-height:1;padding:0}.action-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-description{color:#94a3b8cc;color:var(--text-secondary,#94a3b8cc);line-height:1.5;margin:0 0 20px}.timing-selection{margin-bottom:20px}.timing-selection>label{display:block;font-weight:600;margin-bottom:12px}.timing-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.timing-btn{background:#0f121c99;border:2px solid #ffffff1f;border-radius:8px;color:#f0f4f8;color:var(--text-primary,#f0f4f8);cursor:pointer;font-size:14px;padding:12px;transition:all .2s}.timing-btn:hover{border-color:#3b82f680}.timing-btn.selected{background:#3b82f626;border-color:#3b82f6;color:#60a5fa}.custom-timing{align-items:center;color:#94a3b8cc;color:var(--text-secondary,#94a3b8cc);display:flex;gap:12px;margin-top:12px}.custom-timing input{background:#0f121ccc;border:1px solid #ffffff1f;border-radius:8px;color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:14px;padding:8px 12px;width:100px}.notes-section{margin-bottom:20px}.notes-section label{display:block;font-weight:600;margin-bottom:8px}.notes-section label,.notes-section textarea{color:#f0f4f8;color:var(--text-primary,#f0f4f8)}.notes-section textarea{background:#0f121ccc;border:1px solid #ffffff1f;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.payout-preview{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;padding:16px}.payout-preview h4{color:#34d399;font-size:14px;margin:0 0 12px}.payout-preview ul{margin:0;padding-left:20px}.payout-preview li{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:14px;margin-bottom:4px}.action-modal .modal-footer{background:#0f121c99;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-btn{background:#1e2437cc;border:1px solid #ffffff1f;border-radius:8px;color:#f0f4f8;color:var(--text-primary,#f0f4f8);cursor:pointer;font-size:14px;padding:12px 20px;transition:background .2s}.cancel-btn:hover:not(:disabled){background:#283046e6}.confirm-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background .2s}.confirm-btn.approve{background:#10b981}.confirm-btn.approve:hover:not(:disabled){background:#059669}.confirm-btn.deny{background:#ef4444}.confirm-btn.deny:hover:not(:disabled){background:#dc2626}.confirm-btn.report{background:#f59e0b}.confirm-btn.report:hover:not(:disabled){background:#d97706}.cancel-btn:disabled,.confirm-btn:disabled{cursor:not-allowed;opacity:.6}.detail-body{display:flex;flex-direction:column;gap:20px}.detail-section{background:#0f121c80;border-radius:8px;padding:16px}.detail-section h4{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.detail-row{border-bottom:1px solid #ffffff0f;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row.full{align-items:flex-start;flex-direction:column;gap:8px}.detail-row span:first-child{color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);font-size:13px}.detail-row p,.detail-row span:last-child{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:14px}.detail-row p{line-height:1.5;margin:0}.empty-state,.loading-state{background:#12162366;border-radius:12px;color:#94a3b8b3;color:var(--text-secondary,#94a3b8b3);flex-direction:column;padding:60px 20px;text-align:center}.empty-icon,.loading-spinner{font-size:48px;margin-bottom:16px}.empty-state h3{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:18px;margin:0 0 8px}.error-banner{border-radius:8px;justify-content:space-between;margin-bottom:16px}.error-banner button{background:none;color:inherit;font-size:16px}@media (max-width:768px){.sponsorship-request-queue{padding:16px}.sponsorship-stats{grid-template-columns:repeat(2,1fr)}.sponsorship-filters{align-items:stretch;flex-direction:column}.filter-group,.filter-group select{flex:1 1}.refresh-btn{margin-left:0;width:100%}.request-header{align-items:flex-start;gap:12px}.request-actions,.request-header{flex-direction:column}.action-btn{justify-content:center;width:100%}.timing-options{grid-template-columns:1fr}.action-modal{margin:12px;max-height:95vh}}.entertainment-manager{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;display:flex;flex-direction:column;height:100%}.manager-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding:1rem 1.5rem}.manager-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.manager-tabs{background:#0000001a;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;padding:0 1rem}.manager-tabs .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8b3;color:var(--text-muted,#94a3b8b3);cursor:pointer;font-size:.85rem;font-weight:500;padding:1rem 1.25rem;position:relative;transition:color .15s,border-color .15s}.manager-tabs .tab-btn.active,.manager-tabs .tab-btn:hover{color:#fff;color:var(--text-primary,#fff)}.manager-tabs .tab-btn.active{border-bottom-color:#6366f1cc;border-bottom-color:var(--accent-primary,#6366f1cc)}.manager-tabs .badge{background:#ef4444e6;background:var(--danger,#ef4444e6);border-radius:12px;color:#fff;font-size:.625rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.manager-content{flex:1 1;overflow-y:auto;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.125rem;margin:0}.pending-count{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem}.btn{font-size:.875rem;transition:all .2s}.btn-primary{background:#4a9eff;background:var(--accent-color,#4a9eff)}.btn-primary:hover{background:#3a8eef;background:var(--accent-hover,#3a8eef)}.btn-secondary{background:#333;background:var(--surface-secondary,#333);color:var(--text-primary,#fff)}.btn-secondary:hover{background:#444;background:var(--surface-hover,#444)}.btn-danger{background:#e74c3c;background:var(--error-color,#e74c3c)}.btn-danger:hover{background:#c0392b}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.empty-state{color:#aaa;color:var(--text-secondary,#aaa)}.empty-state p{margin-bottom:1rem}.empty-hint{color:#777;color:var(--text-muted,#777);font-size:.875rem;margin:.5rem 0}.error-state,.loading-state{color:#aaa;color:var(--text-secondary,#aaa);padding:2rem;text-align:center}.error-state{color:#e74c3c;color:var(--error-color,#e74c3c)}.content-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.content-card{background:#161625;background:var(--surface-secondary,#161625);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;overflow:hidden}.content-thumbnail{aspect-ratio:16/9;background:#333;background:var(--surface-color,#333);object-fit:cover;width:100%}.content-info{padding:.75rem 1rem}.content-info h4{color:#fff;color:var(--text-primary,#fff);font-size:.9375rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-type{background:#4a9eff;background:var(--accent-color,#4a9eff);border-radius:4px;color:#fff;display:inline-block;font-size:.625rem;margin-right:.5rem;padding:.25rem .5rem;text-transform:uppercase}.content-stats{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem}.content-actions{display:flex;gap:.5rem;padding:.5rem 1rem .75rem}.playlists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.playlist-group h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 .75rem}.playlist-list{list-style:none;margin:0;padding:0}.playlist-item{align-items:center;background:#161625;background:var(--surface-secondary,#161625);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.playlist-name{color:#fff;color:var(--text-primary,#fff);font-size:.875rem}.playlist-count{font-size:.75rem}.gifts-info,.playlist-count{color:#aaa;color:var(--text-secondary,#aaa)}.gifts-info{background:#4a9eff1a;border-left:3px solid #4a9eff;border-left:3px solid var(--accent-color,#4a9eff);border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.gifts-list{display:flex;flex-direction:column;gap:1rem}.gift-card{background:#161625;background:var(--surface-secondary,#161625);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:1rem}.gift-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.giver-info{align-items:center;display:flex;gap:.75rem}.giver-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.giver-name{color:#fff;color:var(--text-primary,#fff);display:block;font-weight:500}.gift-amount{color:#2ecc71;color:var(--success-color,#2ecc71);display:block;font-size:.875rem}.gift-content{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem}.gift-message{background:#ffffff0d;border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-style:italic;margin:.5rem 0;padding:.5rem}.gift-attachment{margin:.75rem 0}.gift-attachment img,.gift-attachment video{border-radius:8px;max-height:200px;max-width:100%}.gift-note{background:#ffc1071a;border-radius:4px;color:#ffc107;color:var(--warning-color,#ffc107);margin-bottom:.75rem;padding:.5rem}.gift-actions{display:flex;gap:.5rem}.approved-gifts{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:2rem;padding-top:1.5rem}.approved-gifts h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 .75rem}.simple-gift-list{list-style:none;margin:0;padding:0}.simple-gift-item{align-items:center;background:#161625;background:var(--surface-secondary,#161625);border-radius:4px;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.simple-gift-item span:first-child{color:#fff;color:var(--text-primary,#fff)}.simple-gift-item span:nth-child(2){color:#2ecc71;color:var(--success-color,#2ecc71)}.gift-status{color:#777!important;color:var(--text-muted,#777)!important;font-size:.75rem!important}@media (max-width:768px){.entertainment-manager{border-radius:0}.manager-header{padding:1rem}.manager-header h2{font-size:1.1rem}.manager-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 .5rem}.manager-tabs .tab-btn{flex-shrink:0;font-size:.8rem;padding:.75rem 1rem;white-space:nowrap}.manager-content{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem}.section-header h3{font-size:1rem}.btn{padding:.5rem 1rem}.content-grid{gap:.75rem;grid-template-columns:1fr}.content-item{gap:.75rem;padding:1rem}.content-item-actions{flex-wrap:wrap;gap:.5rem}.content-item-actions .btn{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:80px;text-align:center}}@media (max-width:480px){.manager-content,.manager-header{padding:.75rem}.manager-tabs .tab-btn{font-size:.75rem;padding:.5rem .75rem}.content-item-actions .btn{flex:1 1 100%;font-size:.85rem}.simple-gift-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.75rem}}.article-manager{background:var(--primary-bg);min-height:100%;padding:1.5rem}.article-manager-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.header-actions{align-items:center;justify-content:space-between;margin-bottom:1rem}.create-article-btn{background:var(--gradient-mystic);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-article-btn:hover{box-shadow:0 4px 15px #6a4c9366;transform:translateY(-1px)}.upgrade-notice{background:var(--gradient-cool);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.article-stats{display:flex;gap:2rem}.stat-item{padding:.5rem 1rem}.stat-value{color:var(--accent-mystic);font-size:1.5rem}.article-filters{align-items:center;display:flex;gap:1rem}.search-input{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem;width:250px}.search-input:focus{border-color:var(--accent-mystic);box-shadow:0 0 0 2px #6a4c9333}.filter-select{border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem}.permission-notice{background:var(--gradient-cool);border-radius:8px;color:#fff;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.article-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.article-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.article-card:hover{border-color:var(--accent-mystic);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.article-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.article-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 1rem 0 0}.article-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;line-height:1.5;margin-bottom:1rem;overflow:hidden}.status-badge{font-weight:600;text-transform:uppercase}.status-published{background:#05966933;border:1px solid #05966966;color:#6ee7b7}.status-approved{background:#2563eb33;border:1px solid #2563eb66;color:#93c5fd}.status-submitted{background:#fbbf2426;border:1px solid #fbbf2459;color:#fcd34d}.status-draft{background:#94a3b826;border:1px solid #94a3b84d;color:#cbd5e1}.status-rejected{background:#ef444426;border:1px solid #ef444459;color:#fca5a5}.article-details{margin-bottom:1.5rem}.detail-row{margin-bottom:.5rem}.detail-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.article-category{color:var(--text-primary);font-weight:500;text-transform:capitalize}.read-time{color:var(--accent-mystic);font-weight:600}.engagement-stats{color:var(--text-primary);font-size:.9rem}.peer-reviews{color:var(--accent-warm);font-weight:600}.article-location{color:var(--text-primary);font-size:.9rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.article-tag{background:var(--gradient-mystic);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.article-actions{display:flex;flex-wrap:wrap;gap:.75rem}.article-actions button{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.edit-btn:hover{background:var(--gradient-mystic);border-color:#0000;color:#fff}.peer-review-btn:hover{background:var(--gradient-warm);border-color:#0000;color:#fff}.analytics-btn:hover{background:var(--gradient-cool);border-color:#0000;color:#fff}.debate-btn:hover{background:#ff6b6b;border-color:#0000;color:#fff}.delete-btn:hover{background:#ef4444e6;background:var(--danger,#ef4444e6);border-color:#0000;color:#fff}.empty-state{background:var(--secondary-bg);border:2px dashed var(--border-color);border-radius:12px;padding:3rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.article-form-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.article-form-header h3{color:var(--text-primary);margin:0}.back-btn{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{background:var(--border-color)}.placeholder-content{background:var(--secondary-bg);border:2px dashed var(--border-color);padding:2rem}.placeholder-card h4{color:var(--text-primary);margin-bottom:1rem}.placeholder-card p{color:var(--text-muted);margin-bottom:1rem}.placeholder-card ul{color:var(--text-muted);margin:0 auto;max-width:450px;text-align:left}@media (max-width:768px){.article-manager{padding:1rem}.header-actions{align-items:stretch;flex-direction:column;gap:1rem}.article-stats{justify-content:space-around}.article-filters{align-items:stretch;flex-direction:column}.search-input{width:100%}.article-grid{grid-template-columns:1fr}.article-form-header{align-items:stretch;flex-direction:column;gap:1rem}}@media (max-width:480px){.article-stats{gap:.5rem}.article-actions,.article-stats{flex-direction:column}.article-title{font-size:1rem}}.weh-container{background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:12px;font-family:var(--font-body);min-height:400px;padding:16px}.weh-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.weh-header h3{color:var(--text-light);font-size:1.25rem;margin:0}.weh-refresh-btn{background:#33415580;border:1px solid #94a3b833;border-radius:8px;color:var(--text-light);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.weh-refresh-btn:hover{background:#6366f14d;border-color:#6366f180}.weh-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.weh-summary-card{align-items:center;background:#1e293b99;border:1px solid #94a3b826;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.weh-summary-count{color:var(--text-light);font-size:1.5rem;font-weight:700}.weh-summary-label{color:#94a3b8cc;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.weh-summary--pending{border-left:3px solid var(--text-faint)}.weh-summary--in-progress{border-left:3px solid var(--color-primary-light)}.weh-summary--completed{border-left:3px solid var(--success)}.weh-summary--on-hold{border-left:3px solid var(--warning)}.weh-summary--cancelled{border-left:3px solid var(--danger-solid)}.weh-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.weh-search{background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;color:var(--text-light);flex:1 1;font-size:14px;min-width:200px;padding:12px}.weh-search::placeholder{color:#94a3b899}.weh-search:focus{border-color:#6366f180;outline:none}.weh-status-filter{background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;color:var(--text-light);font-size:14px;min-width:150px;padding:12px}.weh-status-filter option{background:var(--bg-card);color:var(--text-light)}.weh-table-container{border:1px solid #94a3b826;border-radius:8px;overflow-x:auto}.weh-table{border-collapse:collapse;font-size:13px;width:100%}.weh-table th{background:#0f172acc;border-bottom:1px solid #94a3b826;color:#94a3b8e6;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.weh-table td{border-bottom:1px solid #94a3b81a;color:var(--text-light);padding:12px}.weh-row{background:#1e293b66;transition:background .2s}.weh-row:hover{background:#33415580}.weh-id{color:#94a3b8b3;font-family:var(--font-mono)}.weh-workflow{font-weight:500}.weh-node{font-size:12px}.weh-node,.weh-user{color:#94a3b8cc}.weh-date,.weh-duration{color:#94a3b8b3;font-size:12px}.weh-duration{font-family:var(--font-mono)}.weh-status{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.weh-status--pending{background:#94a3b833;border:1px solid #94a3b84d;color:var(--text-faint)}.weh-status--in-progress{background:#3b82f633;border:1px solid #3b82f64d;color:var(--info-solid)}.weh-status--completed{background:#10b98133;border:1px solid #10b9814d;color:var(--success-light)}.weh-status--on-hold{background:#f59e0b33;border:1px solid #f59e0b4d;color:var(--reward-ep-glow)}.weh-status--cancelled{background:#ef444433;border:1px solid #ef44444d;color:var(--danger-light)}.weh-sort-btn{background:none;border:none;color:#94a3b8e6;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;padding:0;text-transform:uppercase}.weh-sort-btn:hover{color:var(--text-light)}.weh-actions{text-align:center}.weh-view-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:var(--accent-purple-light);cursor:pointer;font-size:11px;padding:4px 12px;transition:all .2s}.weh-view-btn:hover{background:#6366f166;color:var(--accent-purple-light)}.weh-empty{color:#94a3b899;font-style:italic;padding:32px!important;text-align:center}.weh-pagination{align-items:center;border-top:1px solid #94a3b81a;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.weh-pagination button{background:#33415580;border:1px solid #94a3b833;border-radius:8px;color:var(--text-light);cursor:pointer;padding:8px 16px;transition:all .2s}.weh-pagination button:hover:not(:disabled){background:#6366f14d}.weh-pagination button:disabled{cursor:not-allowed;opacity:.4}.weh-pagination span{color:#94a3b8cc;font-size:13px}.weh-loading{color:#94a3b8cc;justify-content:center;min-height:200px}.weh-error,.weh-loading{align-items:center;display:flex}.weh-error{color:var(--danger-light);flex-direction:column;gap:12px;padding:32px}.weh-error button{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:var(--danger-light);cursor:pointer;padding:8px 16px}.weh-error button:hover{background:#ef44444d}@media (max-width:768px){.weh-container{border-radius:8px;min-height:0;padding:12px}.weh-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:12px}.weh-header h3{font-size:1.1rem}.weh-refresh-btn{min-height:44px;text-align:center;width:100%}.weh-summary{gap:8px;grid-template-columns:repeat(2,1fr)}.weh-summary-card{padding:12px}.weh-summary-count{font-size:1.25rem}.weh-summary-label{font-size:10px}.weh-filters{flex-direction:column;gap:8px}.weh-search,.weh-status-filter{font-size:16px;min-width:0;width:100%}.weh-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -12px}.weh-table{font-size:12px}.weh-table td,.weh-table th{padding:8px 12px;white-space:nowrap}.weh-pagination{flex-wrap:wrap;gap:.5rem;justify-content:center}.weh-pagination button{min-height:36px;min-width:36px}}@media (max-width:480px){.weh-container{padding:12px}.weh-header h3{font-size:1rem}.weh-summary{grid-template-columns:repeat(2,1fr)}.weh-summary-count{font-size:1.1rem}.weh-table{font-size:11px}.weh-table td,.weh-table th{padding:8px}}.saved-dashboards{background:linear-gradient(135deg,#0f172af2,#1e293be6);border-radius:12px;font-family:var(--font-body);min-width:320px;padding:16px}.sd-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sd-header h3{color:#e2e8f0;font-size:1.1rem;margin:0}.sd-header-actions{align-items:center;display:flex;gap:8px}.sd-save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s}.sd-save-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.sd-close-btn{background:none;border:none;color:#94a3b899;cursor:pointer;font-size:20px;padding:0 4px}.sd-close-btn:hover{color:#e2e8f0}.sd-save-form{background:#0f172a99;margin-bottom:16px}.sd-save-form,.sd-save-form input{border:1px solid #94a3b833;border-radius:8px;padding:12px}.sd-save-form input{background:#1e293bcc;color:#e2e8f0;font-size:14px;margin-bottom:12px;width:100%}.sd-save-form input:focus{border-color:#6366f180;outline:none}.sd-save-form-actions{display:flex;gap:8px;justify-content:flex-end}.sd-cancel-btn{background:#33415580;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:12px;padding:8px 12px}.sd-cancel-btn:hover{background:#47556980}.sd-confirm-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px}.sd-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca)}.sd-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.sd-search{margin-bottom:16px}.sd-search input{background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:13px;padding:12px;width:100%}.sd-search input::placeholder{color:#94a3b899}.sd-search input:focus{border-color:#6366f180;outline:none}.sd-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px;padding:12px}.sd-error button{background:#ef444433;border:1px solid #ef44444d;border-radius:4px;color:#f87171;cursor:pointer;font-size:12px;padding:8px 12px}.sd-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.sd-card{align-items:center;background:#1e293b99;border:1px solid #94a3b826;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.sd-card:hover{background:#33415580;border-color:#6366f14d}.sd-card-content{flex:1 1;min-width:0}.sd-card-name{color:#e2e8f0;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-card-meta{color:#94a3b8b3;display:flex;font-size:11px;gap:8px}.sd-card-actions{display:flex;gap:8px;margin-left:12px}.sd-load-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:#a5b4fc;cursor:pointer;font-size:11px;font-weight:500;padding:8px 12px;transition:all .2s}.sd-load-btn:hover{background:#6366f166;color:#c7d2fe}.sd-delete-btn{background:#0000;border:1px solid #94a3b833;border-radius:4px;color:#94a3b899;cursor:pointer;font-size:12px;padding:8px;transition:all .2s}.sd-delete-btn:hover{background:#ef444433;border-color:#ef44444d;color:#f87171}.sd-empty{color:#94a3b899;font-size:13px;line-height:1.5;padding:32px 16px;text-align:center}.sd-stats{border-top:1px solid #94a3b81a;color:#94a3b880;font-size:11px;margin-top:16px;padding-top:12px;text-align:center}.sd-loading{align-items:center;color:#94a3b8cc;display:flex;justify-content:center;min-height:150px}@media (max-width:768px){.saved-dashboards{border-radius:8px;min-width:0;padding:12px}.sd-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:12px}.sd-header h3{font-size:1rem}.sd-header-actions{justify-content:flex-end;width:100%}.sd-save-btn{min-height:44px;padding:.5rem 1rem}.sd-save-form{padding:12px}.sd-save-form input{font-size:16px;padding:.75rem}.sd-save-form-actions{flex-direction:column-reverse;gap:.5rem}.sd-save-form-actions button{min-height:44px;width:100%}.sd-list{gap:8px}.sd-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:12px}.sd-item-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.25rem;width:100%}.sd-item-actions button{min-height:36px;min-width:36px}}@media (max-width:480px){.saved-dashboards{border-radius:8px;padding:12px}.sd-header h3{font-size:.9rem}.sd-item-info{width:100%}.sd-empty{font-size:.8rem;padding:24px 12px}}.trades-form{background:linear-gradient(170deg,#0f172ad9,#0a101ebf);background:var(--secondary-bg,linear-gradient(170deg,#0f172ad9,#0a101ebf));border:1px solid #94a3b81f;border:1px solid var(--border-color,#94a3b81f);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:1.5rem}.trades-form__header{margin-bottom:.5rem}.trades-form__title{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:1.5rem;font-weight:600;margin:0}.trades-form__type-selector{margin-bottom:1rem}.trades-form__type-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.75rem}.trades-form__type-option{align-items:center;background:#1e293b80;border:2px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;position:relative;text-align:center;transition:all .2s}.trades-form__type-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.trades-form__type-option:hover{background:#1e293bb3;border-color:#94a3b840}.trades-form__type-option--active{background:#6366f11f;border-color:#6366f180}.trades-form__type-option--active:hover{background:#6366f12e}.trades-form__type-icon{font-size:2rem}.trades-form__type-label{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:1.1rem;font-weight:600}.trades-form__type-description{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.85rem;line-height:1.3}.trades-form__field{display:flex;flex-direction:column;gap:.5rem}.trades-form__field-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trades-form__field-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.trades-form__label{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.9rem;font-weight:500}.trades-form__input,.trades-form__select,.trades-form__textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.95rem;padding:.75rem 1rem;transition:all .2s;width:100%}.trades-form__input:focus,.trades-form__select:focus,.trades-form__textarea:focus{background:#0f172acc;border-color:#6366f180;outline:none}.trades-form__input::placeholder,.trades-form__textarea::placeholder{color:#64748b;color:var(--text-tertiary,#64748b)}.trades-form__input--narrow{max-width:120px}.trades-form__input--error{border-color:#ef444480}.trades-form__textarea{min-height:100px;resize:vertical}.trades-form__select{cursor:pointer}.trades-form__select option{background:#1e293b;color:#f0f4f8}.trades-form__error{color:#f87171;font-size:.8rem}.trades-form__hint{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.8rem;margin-top:.25rem}.trades-form__radio-group{display:flex;flex-direction:column;gap:.5rem}.trades-form__radio-group--grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.trades-form__checkbox,.trades-form__radio{align-items:center;background:#1e293b66;border:1px solid #94a3b81f;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.trades-form__checkbox:hover,.trades-form__radio:hover{background:#1e293b99;border-color:#94a3b833}.trades-form__checkbox input[type=checkbox],.trades-form__radio input[type=radio]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.trades-form__radio--compact{padding:.5rem .75rem}.trades-form__radio-label{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.9rem;font-weight:500}.trades-form__radio-hint{color:#94a3b8;color:var(--text-tertiary,#94a3b8);flex-basis:100%;font-size:.8rem;margin-left:1.5rem}.trades-form__checkbox-group{display:flex;flex-direction:column;gap:.5rem}.trades-form__checkbox span{color:#f0f4f8;color:var(--text-primary,#f0f4f8);font-size:.9rem}.trades-form__nested-options{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem}.trades-form__tag-input-row{display:flex;gap:.5rem}.trades-form__tag-input-row .trades-form__input{flex:1 1}.trades-form__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.trades-form__tag{align-items:center;background:#6366f11f;border:1px solid #6366f14d;border-radius:24px;color:#c7d2fe;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.trades-form__tag-remove{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#fca5a5;cursor:pointer;display:flex;font-size:1rem;height:18px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:18px}.trades-form__tag-remove:hover{background:#ef444466;color:#fef2f2}.trades-form__btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s}.trades-form__btn:disabled{cursor:not-allowed;opacity:.6}.trades-form__btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.trades-form__btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.trades-form__btn--secondary{background:#94a3b81a;border:1px solid #94a3b840;color:#cbd5e1;color:var(--text-secondary,#cbd5e1)}.trades-form__btn--secondary:hover:not(:disabled){background:#94a3b833;border-color:#94a3b859}.trades-form__actions{border-top:1px solid #94a3b81f;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}@media (max-width:640px){.trades-form{border-radius:12px;padding:1rem}.trades-form__title{font-size:1.25rem}.trades-form__field-row,.trades-form__type-options{grid-template-columns:1fr}.trades-form__radio-group--grid{grid-template-columns:repeat(2,1fr)}.trades-form__actions{flex-direction:column-reverse}.trades-form__btn{width:100%}}.moderation-suite{background:#1e293bf2;background:var(--glass-bg,#1e293bf2);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:8px;display:flex;flex-direction:column;overflow:clip;transform:translateZ(0)}.moderation-suite__scope-selector{align-items:center;background:#00000026;border-bottom:1px solid #94a3b81a;display:flex;gap:12px;padding:12px 16px}.moderation-suite__scope-label{color:#94a3b8b3;font-size:.8rem;font-weight:500}.moderation-suite__scope-dropdown-wrapper{flex:1 1;max-width:280px;position:relative}.moderation-suite__scope-dropdown-btn{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 12px;transition:background .15s,border-color .15s;width:100%}.moderation-suite__scope-dropdown-btn:hover:not(:disabled){background:#1e293bcc;border-color:#94a3b84d}.moderation-suite__scope-dropdown-btn:disabled{cursor:not-allowed;opacity:.6}.moderation-suite__scope-icon{color:#6366f1cc;color:var(--accent-primary,#6366f1cc);flex-shrink:0;height:16px;width:16px}.moderation-suite__scope-chevron{color:#94a3b899;height:14px;margin-left:auto;transition:transform .15s;width:14px}.moderation-suite__scope-chevron--open{transform:rotate(180deg)}.moderation-suite__scope-dropdown{background:#1e293bfa;border:1px solid #94a3b833;border-radius:8px;box-shadow:0 4px 16px #0000004d;left:0;list-style:none;margin:4px 0 0;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-raised,100)}.moderation-suite__scope-option{align-items:center;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 12px;transition:background .1s}.moderation-suite__scope-option:hover{background:#6366f126}.moderation-suite__scope-option--selected{background:#6366f133;font-weight:500}.moderation-suite__tabs{align-items:center;background:#0000001a;border-bottom:1px solid #94a3b81f;border-bottom:1px solid var(--border-color,#94a3b81f);display:flex;gap:0;padding:0 16px}.moderation-suite__tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8b3;color:var(--text-muted,#94a3b8b3);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:12px 16px;transition:color .15s,border-color .15s}.moderation-suite__tab--active,.moderation-suite__tab:hover{color:#fff;color:var(--text-primary,#fff)}.moderation-suite__tab--active{border-bottom-color:#6366f1cc;border-bottom-color:var(--accent-primary,#6366f1cc)}.moderation-suite__badge{align-items:center;background:#ef4444e6;background:var(--danger,#ef4444e6);border-radius:8px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px}.moderation-suite__scope-indicator{background:#94a3b814;border-radius:4px;color:#94a3b899;font-size:.75rem;font-weight:400;margin-left:auto;padding:4px 8px}.moderation-suite__content{flex:1 1;max-height:500px;overflow-y:auto;padding:16px}.moderation-suite__loading{color:#94a3b8b3;font-size:.9rem;padding:32px;text-align:center}.moderation-suite__empty{color:#94a3b899;padding:48px 20px}.moderation-suite__empty-icon{color:#94a3b880;display:block;margin:0 auto 12px}.moderation-suite__empty p{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 8px}.moderation-suite__empty-hint{font-size:.8rem}.moderation-suite__report-list{display:flex;flex-direction:column;gap:12px}.moderation-suite__report-card{background:#94a3b80a;border:1px solid #94a3b81f;border-radius:8px;cursor:pointer;padding:12px;transition:background .15s,border-color .15s}.moderation-suite__report-card:focus,.moderation-suite__report-card:hover{background:#94a3b814;outline:none}.moderation-suite__report-card--selected{background:#6366f10f;border-color:#6366f159}.moderation-suite__report-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.moderation-suite__report-status{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:2px 8px;text-transform:uppercase}.moderation-suite__report-status--pending{background:#fbbf2426;color:#fbbf24e6}.moderation-suite__report-status--under-review{background:#6366f126;color:#6366f1e6}.moderation-suite__report-type{color:#94a3b899;font-size:.75rem;text-transform:capitalize}.moderation-suite__source-filter{align-items:center;background:#0000001a;border-bottom:1px solid #94a3b81a;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.moderation-suite__filter-label{color:#94a3b8b3;font-size:.8rem;white-space:nowrap}.moderation-suite__filter-options{display:flex;flex-wrap:wrap;gap:8px}.moderation-suite__filter-btn{align-items:center;background:#1e293b80;border:1px solid #94a3b826;border-radius:12px;color:#94a3b8cc;cursor:pointer;display:inline-flex;font-size:.75rem;gap:8px;padding:4px 12px;transition:all .15s ease}.moderation-suite__filter-btn:hover{background:#1e293bcc;border-color:#94a3b84d}.moderation-suite__filter-btn--active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.moderation-suite__filter-count{background:#0003;border-radius:8px;font-size:.75rem;padding:1px 4px}.moderation-suite__report-source{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.moderation-suite__report-source--community{background:#3b82f633;color:#60a5fa}.moderation-suite__report-source--quest{background:#f59e0b33;color:#fbbf24}.moderation-suite__report-source--shop{background:#10b98133;color:#34d399}.moderation-suite__report-source--other{background:#94a3b833;color:#94a3b8}.moderation-suite__report-time{color:#94a3b880;font-size:.75rem;margin-left:auto}.moderation-suite__report-body{display:flex;flex-direction:column;gap:4px}.moderation-suite__report-summary{color:#fff;color:var(--text-primary,#fff);font-size:.875rem;font-weight:500}.moderation-suite__report-target{color:#6366f1d9;font-weight:400}.moderation-suite__report-preview{background:#00000026;border-radius:4px;color:#94a3b8a6;font-size:.8rem;line-height:1.4;margin-top:4px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.moderation-suite__report-meta{color:#94a3b880;font-size:.75rem;margin-top:4px}.moderation-suite__report-actions{border-top:1px solid #94a3b81a;margin-top:12px;padding-top:12px}.moderation-suite__action-reason{background:#1e293b66;border:1px solid #94a3b833;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.85rem;margin-bottom:12px;padding:8px 12px;resize:vertical;width:100%}.moderation-suite__action-reason:focus{border-color:#6366f180;outline:none}.moderation-suite__action-buttons{display:flex;flex-wrap:wrap;gap:8px}.moderation-suite__action-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:8px 12px;transition:background .15s,opacity .15s}.moderation-suite__btn-icon{flex-shrink:0;height:14px;width:14px}.moderation-suite__action-btn:disabled{cursor:not-allowed;opacity:.5}.moderation-suite__action-btn--dismiss{background:#94a3b81a;border-color:#94a3b833;color:#94a3b8d9}.moderation-suite__action-btn--dismiss:hover:not(:disabled){background:#94a3b82e}.moderation-suite__action-btn--warn{background:#fbbf241a;border-color:#fbbf2433;color:#fbbf24e6}.moderation-suite__action-btn--warn:hover:not(:disabled){background:#fbbf2433}.moderation-suite__action-btn--block{background:#f973161a;border-color:#f9731633;color:#f97316e6}.moderation-suite__action-btn--block:hover:not(:disabled){background:#f9731633}.moderation-suite__action-btn--remove{background:#a855f71a;border-color:#a855f733;color:#a855f7e6}.moderation-suite__action-btn--remove:hover:not(:disabled){background:#a855f733}.moderation-suite__action-btn--ban{background:#ef44441a;border-color:#ef444433;color:#ef4444e6}.moderation-suite__action-btn--ban:hover:not(:disabled){background:#ef444433}.moderation-suite__history-desktop{overflow-x:auto}.moderation-suite__history-mobile{display:none}.moderation-suite__history-table{border-collapse:collapse;font-size:.8rem;width:100%}.moderation-suite__history-table th{border-bottom:1px solid #94a3b826;color:#94a3b8bf;font-size:.75rem;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.moderation-suite__history-table td{border-bottom:1px solid #94a3b814;color:#fff;color:var(--text-primary,#fff);padding:12px;vertical-align:top}.moderation-suite__history-row:hover td{background:#94a3b80a}.moderation-suite__action-icon{align-items:center;display:inline-flex;margin-right:8px;vertical-align:middle}.moderation-suite__action-type-icon{color:currentColor;height:14px;width:14px}.moderation-suite__target-user{color:#6366f1d9;font-weight:500}.moderation-suite__target-content{color:#94a3b8a6;display:block;font-size:.75rem;margin-top:2px}.moderation-suite__performer{color:#10b981d9}.moderation-suite__time-cell{color:#94a3b8a6;font-size:.75rem;white-space:nowrap}.moderation-suite__history-card{background:#1e293b40;border:1px solid #94a3b81a;border-radius:8px;margin-bottom:8px;padding:12px}.moderation-suite__history-card:last-child{margin-bottom:0}.moderation-suite__history-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.moderation-suite__history-action-label{align-items:center;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px}.moderation-suite__history-card-time{color:#94a3b899;font-size:.75rem}.moderation-suite__history-card-body{color:#fff;color:var(--text-primary,#fff);font-size:.8rem}.moderation-suite__history-card-target{margin-bottom:4px}.moderation-suite__history-card-by{color:#94a3b899;font-size:.75rem;margin-top:8px}@media (max-width:768px){.moderation-suite__tabs-nav{gap:4px;padding:0 12px}.moderation-suite__tab{font-size:.8rem;padding:12px}.moderation-suite__scope-indicator{font-size:.65rem;padding:2px 8px}.moderation-suite__content{padding:12px}.moderation-suite__action-buttons{flex-direction:column}.moderation-suite__action-btn{justify-content:center}.moderation-suite__history-desktop{display:none}.moderation-suite__history-mobile{display:block}}.moderation-suite__action-btn--assign{background:#6366f126;border-color:#6366f14d;color:#818cf8}.moderation-suite__action-btn--assign:hover:not(:disabled){background:#6366f140}.moderation-suite__assign-panel{background:#1e293bcc;border:1px solid #6366f14d;border-radius:8px;margin-top:12px;padding:12px}.moderation-suite__assign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.moderation-suite__assign-header h4{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin:0}.moderation-suite__assign-close{background:#0000;border:none;border-radius:4px;color:#94a3b899;cursor:pointer;display:flex;padding:4px}.moderation-suite__assign-close:hover{background:#94a3b81a;color:#94a3b8e6}.moderation-suite__assign-close .moderation-suite__btn-icon{height:16px;width:16px}.moderation-suite__assign-loading{color:#94a3b899;font-size:.85rem;padding:20px;text-align:center}.moderation-suite__assign-field{margin-bottom:12px}.moderation-suite__assign-label{align-items:center;color:#94a3b8cc;display:flex;font-size:.75rem;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.moderation-suite__assign-icon{height:14px;width:14px}.moderation-suite__priority-options{display:flex;flex-wrap:wrap;gap:8px}.moderation-suite__priority-btn{background:#0000;border:1px solid #94a3b833;border-radius:12px;color:#94a3b8b3;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 12px;transition:all .15s}.moderation-suite__priority-btn:hover{border-color:#94a3b866}.moderation-suite__priority-btn--active{background:#6366f133;border-color:#6366f180;color:#818cf8}.moderation-suite__priority-btn--low.moderation-suite__priority-btn--active{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.moderation-suite__priority-btn--high.moderation-suite__priority-btn--active{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.moderation-suite__priority-btn--urgent.moderation-suite__priority-btn--active{background:#ef444426;border-color:#ef444466;color:#ef4444}.moderation-suite__assignee-list{display:flex;flex-wrap:wrap;gap:8px}.moderation-suite__assignee-btn{background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 12px;transition:all .15s}.moderation-suite__assignee-btn:hover{background:#1e293bcc;border-color:#94a3b84d}.moderation-suite__assignee-btn--selected{background:#6366f133;border-color:#6366f180;color:#818cf8}.moderation-suite__assign-actions{border-top:1px solid #94a3b81a;margin-top:12px;padding-top:12px}.moderation-suite__assign-submit{background:linear-gradient(135deg,#6366f1cc,#8b5cf6cc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 16px;transition:opacity .15s;width:100%}.moderation-suite__assign-submit:hover:not(:disabled){opacity:.9}.moderation-suite__assign-submit:disabled{cursor:not-allowed;opacity:.5}.moderation-suite__assignment-info{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;display:flex;font-size:.8rem;gap:8px;margin-top:12px;padding:8px 12px}.moderation-suite__assignment-label{color:#94a3b8b3}.moderation-suite__assignment-value{color:#818cf8;font-weight:500}.moderation-suite__priority-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.moderation-suite__priority-badge--low{background:#22c55e26;color:#22c55e}.moderation-suite__priority-badge--high{background:#f59e0b26;color:#f59e0b}.moderation-suite__priority-badge--urgent{background:#ef444426;color:#ef4444}.moderation-suite__deleted{padding:16px}.moderation-suite__deleted-header{margin-bottom:16px}.moderation-suite__deleted-header h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 4px}.moderation-suite__deleted-hint{color:#94a3b8b3;font-size:.85rem;margin:0}.moderation-suite__deleted-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.moderation-suite__deleted-table{border-collapse:collapse;font-size:.85rem;width:100%}.moderation-suite__deleted-table td,.moderation-suite__deleted-table th{border-bottom:1px solid #94a3b81a;padding:12px;text-align:left}.moderation-suite__deleted-table th{color:#94a3b8cc;font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.moderation-suite__deleted-quest-title{color:#fff;color:var(--text-primary,#fff);font-weight:500}.moderation-suite__deleted-quest-id{color:#94a3b880;font-size:.75rem;margin-left:8px}.moderation-suite__deleted-user{color:#818cf8;color:var(--accent-primary,#818cf8)}.moderation-suite__deleted-unknown{color:#94a3b880;font-style:italic}.moderation-suite__deleted-info{display:flex;flex-direction:column;gap:2px}.moderation-suite__deleted-time{color:#fff;color:var(--text-primary,#fff)}.moderation-suite__deleted-by{color:#94a3b899;font-size:.75rem}.moderation-suite__deleted-reason{color:#94a3b8b3;font-size:.8rem}.moderation-suite__restore-btn{align-items:center;background:#22c55e26;border:0;border-radius:8px;color:#22c55e;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:8px 12px;transition:background .15s,color .15s}.moderation-suite__restore-btn:hover:not(:disabled){background:#22c55e40}.moderation-suite__restore-btn:disabled{cursor:not-allowed;opacity:.6}.moderation-suite__restore-icon{height:14px;width:14px}.moderation-suite__badge--warning{background:#f59e0b33;color:#f59e0b}.moderation-suite__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.moderation-suite__empty-icon{color:#94a3b84d;height:48px;margin-bottom:16px;width:48px}.moderation-suite__empty p{color:#94a3b8b3;font-size:.95rem;margin:0}.moderation-suite__empty-hint{color:#94a3b880!important;font-size:.85rem!important;margin-top:8px!important}@media (max-width:640px){.moderation-suite__deleted-table td:nth-child(3),.moderation-suite__deleted-table td:nth-child(4),.moderation-suite__deleted-table th:nth-child(3),.moderation-suite__deleted-table th:nth-child(4){display:none}}.moderation-suite__cleanup{padding:16px}.moderation-suite__cleanup-content{display:flex;flex-direction:column;gap:20px}.moderation-suite__cleanup-header{border-bottom:1px solid #94a3b826;padding-bottom:16px}.moderation-suite__cleanup-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0 0 8px}.moderation-suite__cleanup-desc{color:#94a3b8b3;font-size:.85rem;margin:0 0 12px}.moderation-suite__cleanup-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.moderation-suite__deselect-all-btn,.moderation-suite__select-all-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 12px;transition:background .15s}.moderation-suite__deselect-all-btn:hover:not(:disabled),.moderation-suite__select-all-btn:hover{background:#6366f14d}.moderation-suite__deselect-all-btn:disabled{cursor:not-allowed;opacity:.5}.moderation-suite__selection-count{color:#94a3b899;font-size:.85rem;margin-left:auto}.moderation-suite__cleanup-section{background:#00000026;border-radius:8px;padding:12px}.moderation-suite__cleanup-section h4{color:#94a3b8e6;font-size:.9rem;font-weight:600;margin:0 0 12px}.moderation-suite__cleanup-list{display:flex;flex-direction:column;gap:8px}.moderation-suite__cleanup-item{align-items:center;background:#1e293b66;border-radius:4px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background .15s}.moderation-suite__cleanup-item:hover{background:#1e293b99}.moderation-suite__cleanup-item input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-primary,#6366f1);cursor:pointer;height:16px;width:16px}.moderation-suite__cleanup-item-title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moderation-suite__cleanup-item-meta{color:#94a3b880;font-size:.75rem;white-space:nowrap}.moderation-suite__cleanup-footer{border-top:1px solid #94a3b826;display:flex;gap:12px;padding-top:16px}.moderation-suite__cleanup-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:background .15s,transform .1s}.moderation-suite__cleanup-btn:disabled{cursor:not-allowed;opacity:.5}.moderation-suite__cleanup-btn--deactivate{background:#fbbf2426;color:#fbbf24}.moderation-suite__cleanup-btn--deactivate:hover:not(:disabled){background:#fbbf2440}.moderation-suite__cleanup-btn--delete{background:#ef444426;color:#ef4444}.moderation-suite__cleanup-btn--delete:hover:not(:disabled){background:#ef444440}.moderation-suite__badge--info{background:#3b82f633;color:#3b82f6}.approval-queue{background:#0a0b0f;background:var(--background-primary,#0a0b0f);border:1px solid #1a1d23;border:1px solid var(--border-subtle,#1a1d23);border-radius:12px;color:#fff;color:var(--text-primary,#fff);min-height:600px;padding:24px;position:relative}.approval-queue.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #333;border-top:3px solid #00f5ff;border:3px solid var(--border-subtle,#333);border-radius:50%;border-top-color:var(--accent-primary,#00f5ff);height:40px;margin:0 auto 16px;width:40px}.approval-queue-header{margin-bottom:24px}.approval-queue-header h3{color:#fff;color:var(--text-primary,#fff);font-size:20px;font-weight:600;margin:0 0 8px}.approval-queue-header p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:14px;margin:0}.approval-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{align-items:center;background:#070d1de6;border:1px solid #7898ff59;border-radius:8px;color:#dee7ffb8;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.02em;padding:8px 16px;text-transform:uppercase;transition:all .15s ease}.filter-tab:hover{border-color:#82a6ff;color:#f4f7ff}.filter-tab.active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;box-shadow:0 10px 25px #0c163799;color:#fdfcff;transform:translateY(-2px)}.filter-icon{font-size:16px}.filter-label{font-weight:500}.queue-stats{align-items:center;background:#1a1d23;background:var(--surface-secondary,#1a1d23);border:1px solid #333;border:1px solid var(--border-subtle,#333);border-radius:8px;display:flex;gap:16px;padding:12px 16px}.stat-item{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:14px;font-weight:500}.stat-item.urgent{color:#ff4757;color:var(--error-color,#ff4757)}.approval-list{display:flex;flex-direction:column;gap:16px}.no-items{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);padding:48px 24px;text-align:center}.no-items-icon{display:block;font-size:48px;margin-bottom:16px}.no-items p{font-size:16px;margin:0}.approval-item{background:#1a1d23;background:var(--surface-secondary,#1a1d23);border:1px solid #333;border:1px solid var(--border-subtle,#333);border-radius:12px;padding:20px;transition:all .2s ease}.approval-item:hover{background:#252932;background:var(--surface-hover,#252932);border-color:#444;border-color:var(--border-hover,#444)}.item-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.item-meta{align-items:center;display:flex;flex:1 1;gap:12px}.item-icon{flex-shrink:0;font-size:24px}.item-title{word-wrap:break-word;color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0 0 4px}.item-category{background:#2a2d35;background:var(--surface-tertiary,#2a2d35);border-radius:4px;color:#666;color:var(--text-tertiary,#666);display:inline-block;font-size:12px;padding:2px 8px}.item-indicators{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.priority-badge{border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.priority-badge.urgent{background:#ff4757;background:var(--error-color,#ff4757);color:#fff}.priority-badge.high{background:#ff9f43;background:var(--warning-color,#ff9f43);color:#fff}.priority-badge.medium{background:#00d2d3;background:var(--info-color,#00d2d3);color:#fff}.priority-badge.low{background:#444;background:var(--surface-tertiary,#444);color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.submission-time{color:#666;color:var(--text-tertiary,#666);font-size:12px}.item-description{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:14px;line-height:1.5;margin:0 0 16px}.item-details{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.submitted-by{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:13px}.submitted-by strong{color:#00f5ff;color:var(--accent-primary,#00f5ff)}.metadata{display:flex;flex-wrap:wrap;gap:8px}.metadata-item{background:#2a2d35;background:var(--surface-tertiary,#2a2d35);border-radius:4px;color:#666;color:var(--text-tertiary,#666);font-size:12px;padding:4px 8px}.attachments{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:13px}.attachments strong{color:#fff;color:var(--text-primary,#fff);margin-right:8px}.attachment-link{background:#2a2d35;background:var(--surface-tertiary,#2a2d35);border-radius:4px;color:#00f5ff;color:var(--accent-primary,#00f5ff);display:inline-block;font-size:12px;margin-left:8px;padding:4px 8px;text-decoration:none;transition:background-color .2s ease}.attachment-link:hover{background:#333;background:var(--surface-hover,#333);text-decoration:underline}.item-actions{border-top:1px solid #333;border-top:1px solid var(--border-subtle,#333);display:flex;gap:12px;margin-top:16px;padding-top:16px}.action-btn{border:none;font-size:14px;font-weight:500;padding:8px 16px}.action-btn.review{background:#444;background:var(--surface-tertiary,#444);border:1px solid #555;border:1px solid var(--border-subtle,#555);color:#fff;color:var(--text-primary,#fff)}.action-btn.review:hover{background:#555;background:var(--surface-hover,#555);border-color:#666;border-color:var(--border-hover,#666)}.action-btn.approve{background:linear-gradient(135deg,#2ed573,#1e8e3e);background:linear-gradient(135deg,var(--success-color,#2ed573) 0,var(--success-color-dark,#1e8e3e) 100%);border:1px solid #2ed573;border:1px solid var(--success-color,#2ed573);color:#fff}.action-btn.approve:hover{background:linear-gradient(135deg,#1e8e3e,#2ed573);background:linear-gradient(135deg,var(--success-color-dark,#1e8e3e) 0,var(--success-color,#2ed573) 100%)}.review-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.modal-content{background:#1a1d23;background:var(--surface-primary,#1a1d23);border:1px solid #333;border:1px solid var(--border-subtle,#333);border-radius:12px;max-width:600px}.modal-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-subtle,#333);padding:20px 24px}.modal-header h3{color:var(--text-primary,#fff);font-size:18px}.close-btn{align-items:center;background:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#333;background:var(--surface-hover,#333);color:#fff;color:var(--text-primary,#fff)}.modal-body{padding:24px}.review-section{margin-bottom:20px}.review-section label{display:block;font-weight:500;margin-bottom:8px}.review-section label,.review-section textarea{color:#fff;color:var(--text-primary,#fff);font-size:14px}.review-section textarea{background:#2a2d35;background:var(--surface-secondary,#2a2d35);border:1px solid #444;border:1px solid var(--border-subtle,#444);border-radius:8px;line-height:1.4;min-height:80px;padding:12px;resize:vertical;width:100%}.review-section textarea::placeholder{color:#666;color:var(--text-tertiary,#666)}.review-section textarea:focus{background:#333;background:var(--surface-hover,#333);border-color:#00f5ff;border-color:var(--accent-primary,#00f5ff);outline:none}.modal-actions{border-top:1px solid #333;border-top:1px solid var(--border-subtle,#333);gap:12px;padding:20px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 20px;transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn.approve{background:linear-gradient(135deg,#2ed573,#1e8e3e);background:linear-gradient(135deg,var(--success-color,#2ed573) 0,var(--success-color-dark,#1e8e3e) 100%);color:#fff}.modal-btn.approve:hover:not(:disabled){background:linear-gradient(135deg,#1e8e3e,#2ed573);background:linear-gradient(135deg,var(--success-color-dark,#1e8e3e) 0,var(--success-color,#2ed573) 100%)}.modal-btn.changes{background:linear-gradient(135deg,#ff9f43,#e67e22);background:linear-gradient(135deg,var(--warning-color,#ff9f43) 0,var(--warning-color-dark,#e67e22) 100%);color:#fff}.modal-btn.changes:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#ff9f43);background:linear-gradient(135deg,var(--warning-color-dark,#e67e22) 0,var(--warning-color,#ff9f43) 100%)}.modal-btn.reject{background:linear-gradient(135deg,#ff4757,#c44569);background:linear-gradient(135deg,var(--error-color,#ff4757) 0,var(--error-color-dark,#c44569) 100%);color:#fff}.modal-btn.reject:hover:not(:disabled){background:linear-gradient(135deg,#c44569,#ff4757);background:linear-gradient(135deg,var(--error-color-dark,#c44569) 0,var(--error-color,#ff4757) 100%)}@media (max-width:768px){.approval-queue{padding:16px}.item-header{align-items:flex-start;flex-direction:column;gap:12px}.item-indicators{align-items:center;align-self:stretch;flex-direction:row;justify-content:space-between}.filter-tabs,.item-actions{flex-direction:column}.action-btn{width:100%}.modal-actions{flex-direction:column}.modal-btn{width:100%}.review-modal{padding:16px}.modal-content{max-height:90vh}}@media (max-width:480px){.approval-queue{padding:12px}.approval-queue-header h3{font-size:18px}.item-title{font-size:14px}.filter-tab,.item-description{font-size:13px}.filter-tab,.queue-stats{padding:8px 12px}.stat-item{font-size:13px}}.verification-card{display:flex;flex-direction:column;gap:16px;padding:16px}.verification-card__header{align-items:flex-start;display:flex;gap:16px}.verification-card__preview{align-items:center;background:#ffffff08;background:var(--glass-surface,#ffffff08);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;display:flex;flex-shrink:0;height:90px;justify-content:center;overflow:hidden;width:120px}.verification-card__preview img{cursor:pointer;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.verification-card__preview img:hover{transform:scale(1.05)}.verification-card__no-preview{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;gap:4px;justify-content:center;padding:8px;text-align:center}.verification-card__no-preview span{font-size:24px;opacity:.5}.verification-card__no-preview small{font-size:11px;opacity:.7}.verification-card__info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.verification-card__title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.verification-card__title h4{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:600;margin:0}.verification-card__user{display:flex;flex-direction:column;gap:2px}.verification-card__user strong{color:#00f5ff;color:var(--accent-primary,#00f5ff);font-size:14px}.verification-card__email{color:#888;color:var(--text-secondary,#888);font-size:12px;word-break:break-all}.verification-card__time{color:#666;color:var(--text-muted,#666);font-size:12px}.verification-card__actions{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border,#ffffff14);display:flex;gap:12px;padding-top:8px}.verification-card__actions .action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.verification-card__actions .action-btn.review{background:#ffffff14;background:var(--glass-surface,#ffffff14);color:#fff;color:var(--text-primary,#fff)}.verification-card__actions .action-btn.review:hover{background:#ffffff1f}.verification-card__actions .action-btn.approve{background:#22c55e;background:var(--success,#22c55e);color:#fff}.verification-card__actions .action-btn.approve:hover{background:#16a34a}@media (max-width:640px){.verification-card__header{align-items:stretch;flex-direction:column}.verification-card__preview{height:140px;width:100%}.verification-card__actions{flex-direction:column}}.task-manager-widget{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:1.5rem}.task-manager-widget.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6}.widget-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.widget-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.view-toggle{background:var(--tertiary-bg);border-radius:8px;display:flex;padding:4px}.status-badge{border-radius:12px;gap:8px}.toggle-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.toggle-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);box-shadow:0 1px 3px #0000001a;color:#fff}.toggle-btn:hover:not(.active){background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.widget-content{max-height:600px;overflow-y:auto}.tasks-section,.workflows-section{width:100%}.tasks-list,.workflows-list{display:flex;flex-direction:column;gap:1rem}.task-item{background:var(--secondary-bg)!important;border:1px solid var(--border-color)!important;border-radius:8px;padding:1rem;transition:all .2s ease}.task-item.is-focused{border-color:#fbbf24a6!important;box-shadow:0 0 0 1px #fbbf2473,0 12px 24px #fbbf2414}.task-item:hover{border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);box-shadow:0 2px 8px #3b82f61a}.task-header{margin-bottom:.75rem}.task-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.task-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0 1rem 0 0}.task-badges{display:flex;flex-shrink:0;gap:.5rem}.priority-badge,.status-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.task-due-date{margin-top:.5rem}.due-date{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.875rem;gap:.25rem}.due-date.overdue{color:#dc2626;font-weight:600}.overdue-badge{background:#dc262626;border:1px solid #dc262640;border-radius:4px;color:#fca5a5;display:inline-block;font-size:10px;margin-left:8px;padding:0 8px}.task-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:.75rem 0}.task-progress{align-items:center;display:flex;gap:1rem;margin:.75rem 0}.progress-bar{background:var(--tertiary-bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s ease}.progress-text{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}.task-context{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin:.5rem 0}.context-label{color:var(--text-primary);font-weight:600}.context-value{color:#6b7280;color:var(--text-secondary,#6b7280)}.context-separator{color:#9ca3af;color:var(--text-muted,#9ca3af)}.workflow-context{margin:.5rem 0}.workflow-step{background:#dbeafe;background:var(--accent-bg,#dbeafe);border-radius:4px;color:#3b82f6;color:var(--accent-color,#3b82f6);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.task-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem}.task-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.start-btn{background:#10b981;color:#fff}.start-btn:hover{background:#059669}.complete-btn{background:#3b82f6;color:#fff}.complete-btn:hover{background:#2563eb}.release-btn{background:#f59e0b;color:#fff}.release-btn:hover{background:#d97706}.view-btn{background:var(--tertiary-bg);border-color:var(--border-color);color:#6b7280;color:var(--text-secondary,#6b7280)}.view-btn:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.workflow-item{background:#fff;background:var(--primary-bg,#fff);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;transition:all .2s ease}.workflow-item:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.workflow-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.workflow-title{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.workflow-meta{align-items:flex-end;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.workflow-role{color:#8b5cf6;font-weight:500}.workflow-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.workflow-progress{margin-bottom:1.5rem}.workflow-progress-bar{background:var(--tertiary-bg);border-radius:4px;height:10px;margin-bottom:.5rem;overflow:hidden;width:100%}.workflow-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%;transition:width .3s ease}.workflow-progress-info{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.step-text{color:#6b7280;color:var(--text-secondary,#6b7280)}.workflow-steps{display:flex;flex-direction:column;gap:1rem}.workflow-step{align-items:flex-start;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:all .2s ease}.workflow-step.visible{background:#fff;background:var(--primary-bg,#fff)}.workflow-step.hidden{background:var(--tertiary-bg);opacity:.6}.task-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.task-modal{background:#111418;background:var(--primary-bg,#111418);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000059;max-height:80vh;overflow:hidden;width:min(560px,95vw)}.task-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.task-modal-header h4{color:#e6e8ea;color:var(--text-primary,#e6e8ea);font-size:1.1rem;margin:0}.task-modal-body{color:#b0b6bf;color:var(--text-secondary,#b0b6bf);padding:12px 16px}.task-modal-actions{border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.close-btn{background:#0000;border:none;color:#9aa3ad;color:var(--text-muted,#9aa3ad);cursor:pointer;font-size:20px;line-height:1}.close-btn:hover{color:#e6e8ea;color:var(--text-primary,#e6e8ea)}.step-indicator{flex-direction:column;flex-shrink:0}.step-circle,.step-indicator{align-items:center;display:flex}.step-circle{border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:32px;justify-content:center;margin-bottom:.5rem;width:32px}.step-connector{background:var(--border-color);height:24px;margin-top:-.5rem;width:2px}.step-connector.completed{background:#10b981}.step-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.step-name{color:var(--text-primary);font-weight:500}.step-assignee{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem}.step-locked{color:#ef4444;font-size:.875rem;font-style:italic}.empty-state{color:#6b7280;color:var(--text-secondary,#6b7280);padding:3rem 1rem;text-align:center}.empty-state p{font-size:1rem;margin:0}.show-more{margin-top:1rem;text-align:center}.show-more-btn{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.show-more-btn:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);border-color:#3b82f6;border-color:var(--accent-color,#3b82f6);color:#1f2937;color:var(--text-primary,#1f2937)}@media (max-width:768px){.task-manager-widget{margin-bottom:1rem;padding:1rem}.widget-header{align-items:stretch;flex-direction:column;gap:1rem}.widget-header h3{text-align:center}.view-toggle{width:100%}.toggle-btn{flex:1 1;text-align:center}.task-title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.task-title{margin-right:0}.task-badges{align-self:flex-start}.task-progress{align-items:stretch;flex-direction:column;gap:.5rem}.progress-text{min-width:auto;text-align:center}.task-actions{flex-wrap:wrap}.task-btn{flex:1 1;justify-content:center;min-width:120px}.workflow-header{flex-direction:column;gap:.5rem}.workflow-header,.workflow-meta{align-items:flex-start}.workflow-step{padding:.5rem}.step-circle{font-size:.75rem;height:28px;width:28px}}@media (max-width:480px){.task-badges{flex-direction:column;gap:.25rem}.priority-badge,.status-badge{text-align:center}.workflow-progress-info{align-items:flex-start;flex-direction:column;gap:.25rem}.task-actions{flex-direction:column}.task-btn{min-width:auto}}.desk-subtabs{grid-gap:.5rem;background:#030816e6;border:1px solid #7898ff59;border-radius:16px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem;overflow:hidden;padding:clamp(.5rem,1.5vw,.75rem);position:relative}.desk-subtabs:before{animation:deskSubtabsShimmer 12s linear infinite;background:linear-gradient(120deg,#0000,#ffffff1f 50%,#0000);content:"";height:240%;inset:-120% 0 auto;pointer-events:none;position:absolute}@keyframes deskSubtabsShimmer{0%{transform:translateX(-60%)}to{transform:translateX(60%)}}.desk-subtab{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070d1de6;border:1px solid #7898ff59;border-radius:12px;color:#dee7ffb8;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:.75rem 1rem;position:relative;text-transform:uppercase;transition:border-color .15s,color .15s,transform .15s;z-index:1}.desk-subtab:hover:not(.desk-subtab--active){border-color:#82a6ff;color:#f4f7ff}.desk-subtab--active{background:linear-gradient(135deg,#85a7ff40,#5483ff99);border-color:#82a6ff;box-shadow:0 10px 25px #0c163799;color:#fdfcff;transform:translateY(-2px)}.desk-subtab__badge{align-items:center;background:#82a6ff40;border-radius:12px;color:#c7d2fe;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 8px}.desk-subtab--active .desk-subtab__badge{background:#82a6ff59}.desk-subtab-panel{flex:1 1;min-height:0;overflow:auto}@media (max-width:640px){.desk-subtabs{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:.5rem}.desk-subtab{font-size:.75rem;padding:.5rem .75rem}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton-base{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#94a3b814,#94a3b826 50%,#94a3b814);background-size:200% 100%;border-radius:8px}.skeleton-text{display:flex;flex-direction:column;gap:8px}.skeleton-line{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#94a3b814,#94a3b82e 50%,#94a3b814);background-size:200% 100%;border-radius:4px;height:14px;width:100%}.skeleton-line--title{height:20px}.skeleton-line--heading{height:24px}.skeleton-line--label{height:12px;margin-bottom:4px}.skeleton-avatar{animation:skeleton-shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f126,#a855f733 50%,#6366f126);background-size:200% 200%;border-radius:50%}.skeleton-avatar--sm{height:32px;width:32px}.skeleton-avatar--md{height:48px;width:48px}.skeleton-avatar--lg{height:64px;width:64px}.skeleton-avatar--xl{height:96px;width:96px}.skeleton-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;overflow:hidden}.skeleton-card__image{animation:skeleton-shimmer 1.5s ease-in-out infinite;aspect-ratio:16/9;background:linear-gradient(90deg,#94a3b80d,#94a3b81f 50%,#94a3b80d);background-size:200% 100%}.skeleton-card__content{display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-avatar-option{align-items:center;background:#0f172a66;border:1px solid #94a3b814;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.skeleton-avatar-option__preview{animation:skeleton-shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f11a,#a855f726 50%,#6366f11a);background-size:200% 200%;border-radius:8px;height:64px;width:64px}.skeleton-avatar-option__label{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#94a3b81a;border-radius:4px;height:10px;width:50px}.skeleton-avatar-palette{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.skeleton-form-section{background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;padding:20px}.skeleton-form-section__header{border-bottom:1px solid #94a3b81a;margin-bottom:20px;padding-bottom:12px}.skeleton-form-section__fields{display:flex;flex-direction:column;gap:16px}.skeleton-form-field{display:flex;flex-direction:column;gap:8px}.skeleton-form-field__input{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#94a3b80f;border-radius:8px;height:40px}.skeleton-template-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;display:flex;gap:16px;padding:20px}.skeleton-template-card__icon{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f11f,#a855f72e);border-radius:12px;flex-shrink:0;height:56px;width:56px}.skeleton-template-card__content{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-template-card__meta{display:flex;gap:8px;margin-top:auto}.skeleton-badge{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#94a3b814;border-radius:12px;height:22px;width:60px}.image-with-skeleton{background:#0f172a80;border-radius:8px;overflow:hidden;position:relative}.image-with-skeleton img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.image-with-skeleton.is-loaded .image-skeleton{display:none}.image-skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#94a3b80d,#94a3b81f 50%,#94a3b80d);background-size:200% 100%;inset:0;position:absolute}.image-error{align-items:center;color:#94a3b880;display:flex;flex-direction:column;font-size:.85rem;gap:8px;inset:0;justify-content:center;position:absolute}.image-error span:first-child{font-size:1.5rem;opacity:.6}.skeleton-card-grid>:first-child{animation-delay:0s}.skeleton-card-grid>:nth-child(2){animation-delay:.1s}.skeleton-card-grid>:nth-child(3){animation-delay:.2s}.skeleton-card-grid>:nth-child(4){animation-delay:.3s}.skeleton-card-grid>:nth-child(5){animation-delay:.4s}.skeleton-card-grid>:nth-child(6){animation-delay:.5s}.skeleton-avatar-palette>:nth-child(odd){animation-delay:0s}.skeleton-avatar-palette>:nth-child(2n){animation-delay:.15s}.recognition-area{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.recognition-wallet{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.recognition-wallet__panel{margin:0;position:relative}.recognition-wallet__stats{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recognition-wallet__stat{background:#0a1220d9;border:1px solid #94a3b852;border-radius:16px;box-shadow:0 22px 40px #050c1866;color:#f8fafc;isolation:isolate;overflow:hidden;padding:clamp(.75rem,2.8vw,1.25rem);position:relative}.recognition-wallet__stat:before{content:"";filter:blur(24px);inset:-30%;opacity:.75;position:absolute;transition:opacity .2s ease,transform .25s ease;z-index:-1}.recognition-wallet__stat[data-variant=balance]:before{background:radial-gradient(circle at 30% 20%,#5eead4a6,#0000 60%),radial-gradient(circle at 80% 80%,#818cf88c,#0000 60%)}.recognition-wallet__stat[data-variant=earned]:before{background:radial-gradient(circle at 25% 25%,#86efacb3,#0000 60%),radial-gradient(circle at 75% 75%,#4ade808c,#0000 60%)}.recognition-wallet__stat[data-variant=spent]:before{background:radial-gradient(circle at 25% 25%,#fca5a58c,#0000 60%),radial-gradient(circle at 75% 75%,#fbbf2480,#0000 60%)}.recognition-wallet__stat:hover:before{opacity:.95;transform:scale(1.05)}.recognition-wallet__stat-title{font-size:.85rem;letter-spacing:.05em;opacity:.85;text-transform:uppercase}.recognition-wallet__stat-value{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700}.recognition-wallet__actions{display:flex;flex-wrap:wrap;gap:.75rem}.recognition-wallet__action{align-items:center;background:#1e40af59;border:1px solid #94a3b847;border-radius:999px;color:#f8fafc;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.recognition-wallet__action[data-variant=purchase]{background:linear-gradient(130deg,#5eead44d,#818cf859);border-color:#818cf880}.recognition-wallet__action[data-variant=withdraw]{background:linear-gradient(130deg,#fbbf2459,#f59e0b66);border-color:#fbbf248c}.recognition-wallet__action[data-variant=primary],.recognition-wallet__action[data-variant=transfer]{background:linear-gradient(130deg,#d9770659,#f59e0b66);border-color:#fbbf248c}.recognition-wallet__action[data-variant=gift]{background:linear-gradient(130deg,#a3e63552,#4ade8059);border-color:#86efac8c}.recognition-wallet__action[data-variant=secondary]{background:#0f172aa6;border-color:#94a3b840}.recognition-wallet__action:hover{border-color:#94a3b880;box-shadow:0 18px 34px #080f1e66;transform:translateY(-1px)}.recognition-wallet__surface{display:flex;flex-direction:column;gap:1rem}.recognition-wallet__surface h3{color:var(--text-primary);font-size:1.05rem;margin:0}.recognition-wallet__form{display:flex;flex-direction:column;gap:1rem}.recognition-wallet__field{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.92rem;gap:.5rem}.recognition-wallet__field input,.recognition-wallet__field textarea{background:#080c16a6;border:1px solid #94a3b847;border-radius:12px;color:var(--text-primary);font-size:.95rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.recognition-wallet__field input:focus,.recognition-wallet__field textarea:focus{border-color:#fbbf24a6;box-shadow:0 0 0 2px #d9770640;outline:none}.recognition-wallet__form-actions{display:flex;flex-wrap:wrap;gap:.5rem}.recognition-ledger__empty{align-items:center;background:#0a122099;border:1px dashed #94a3b84d;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.25rem,3vw,1.75rem);text-align:center}.recognition-ledger__list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.recognition-ledger__item{background:#080e1ab8;border:1px solid #94a3b83d;border-radius:16px;box-shadow:0 24px 40px #040a1666;gap:clamp(.5rem,1.6vw,.75rem);overflow:hidden;padding:clamp(1rem,2.6vw,1.25rem) clamp(1rem,3vw,1.5rem);position:relative;transition:border-color .25s ease,box-shadow .3s ease,transform .2s ease}.recognition-ledger__item>*{position:relative;z-index:1}.recognition-ledger__item:before{background:radial-gradient(circle at 25% 25%,#d977064d,#0000 60%),radial-gradient(circle at 80% 70%,#f59e0b40,#0000 65%);content:"";filter:blur(45px);inset:-35%;opacity:0;position:absolute;transition:opacity .25s ease;z-index:0}.recognition-ledger__item:after{background:linear-gradient(180deg,#d97706a6,#0000 80%);border-radius:999px;content:"";inset-block:.75rem;inset-inline-start:.5rem;opacity:.35;position:absolute;width:4px;z-index:1}.recognition-ledger__item:focus-within,.recognition-ledger__item:hover{border-color:#60a5fa80;box-shadow:0 0 0 1px #60a5fa40,0 28px 46px #0810206b;transform:translateY(-1px)}.recognition-ledger__item:focus-within:before,.recognition-ledger__item:hover:before{opacity:.5}.recognition-ledger__item[data-direction=credit]{border-color:#4ade806b;box-shadow:0 0 0 1px #4ade802e,0 26px 44px #0a201473}.recognition-ledger__item[data-direction=credit]:before{background:radial-gradient(circle at 25% 25%,#4ade80a6,#0000 60%),radial-gradient(circle at 80% 70%,#22c55e73,#0000 65%);opacity:.55}.recognition-ledger__item[data-direction=credit]:after{background:linear-gradient(180deg,#4ade80cc,#0000 80%);opacity:.6}.recognition-ledger__item[data-direction=credit]:focus-within:before,.recognition-ledger__item[data-direction=credit]:hover:before{opacity:.85}.recognition-ledger__item[data-direction=debit]{border-color:#f8717161;box-shadow:0 0 0 1px #f8717129,0 26px 44px #300a1266}.recognition-ledger__item[data-direction=debit]:before{background:radial-gradient(circle at 25% 25%,#f8717199,#0000 60%),radial-gradient(circle at 80% 70%,#fbbf2473,#0000 65%);opacity:.5}.recognition-ledger__item[data-direction=debit]:after{background:linear-gradient(180deg,#f87171bf,#0000 80%);opacity:.55}.recognition-ledger__item[data-direction=debit]:focus-within:before,.recognition-ledger__item[data-direction=debit]:hover:before{opacity:.8}.recognition-ledger__header{align-items:center;gap:clamp(.75rem,2vw,1.25rem)}.recognition-ledger__main{align-items:center;display:flex;gap:1rem;min-width:0}.recognition-ledger__icon{font-size:1.6rem}.recognition-ledger__copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}.recognition-ledger__title{color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.recognition-ledger__meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.78rem;gap:.5rem;justify-content:flex-start}.recognition-ledger__meta time{color:#cbd5e1e0}.recognition-ledger__badge{background:#0f172aa6;border:1px solid #94a3b852;border-radius:999px;color:var(--text-primary);padding:.25rem .75rem}.recognition-ledger__badge,.recognition-ledger__reference{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.recognition-ledger__reference{background:#0f172a80;border:1px solid #94a3b833;border-radius:999px;color:#e2e8f0d9;padding:.25rem .5rem}.recognition-ledger__aside{display:flex;justify-content:flex-end;min-width:0}.recognition-ledger__amount{font-feature-settings:"tnum" 1;font-size:1.05rem;font-weight:700}.recognition-ledger__amount--credit{color:#4ade80;text-shadow:0 0 18px #4ade8099}.recognition-ledger__amount--debit{color:#fb7185;text-shadow:0 0 18px #fb718573}.recognition-wallet__skeleton{grid-gap:.75rem;display:grid;gap:.75rem}.recognition-wallet__skeleton-row{animation:recognition-skeleton-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#1e293b73,#d9770659,#1e293b73);background-size:200% 100%;border-radius:999px;height:1.1rem}.recognition-wallet__skeleton-row--wide{border-radius:16px;height:2.6rem}@keyframes recognition-skeleton-shimmer{0%{background-position:200% 0}50%{background-position:120% 0}to{background-position:-200% 0}}@media (max-width:1024px){.recognition-wallet__actions{align-items:stretch;flex-direction:column}.recognition-ledger__header{align-items:flex-start;flex-direction:column;gap:.75rem}.recognition-ledger__aside{justify-content:flex-start;width:100%}}@media (max-width:640px){.recognition-area{gap:.75rem}.recognition-wallet__stats{gap:.5rem;grid-template-columns:1fr}.recognition-wallet__panel .mystuff-panel__body,.recognition-wallet__stat{padding:.75rem}.recognition-ledger__row{align-items:flex-start;flex-direction:column;gap:.5rem}.recognition-ledger__amount{align-self:flex-end}}@media (max-width:480px){.recognition-wallet__action{font-size:.875rem;padding:.75rem 1rem}.recognition-wallet__stat-label{font-size:.75rem}.recognition-wallet__stat-value{font-size:1.25rem}}.panel-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:var(--glass-backdrop,blur(4px));backdrop-filter:var(--glass-backdrop,blur(4px));background:#ffffff08;background:var(--glass-bg,#ffffff08);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.row-faint{background:#ffffff0a;border-radius:8px;padding:8px 12px}.pw-strength{display:flex;gap:4px;margin-top:4px}.pw-strength span{background:#1e293b;border-radius:2px;flex:1 1;height:4px;transition:background .25s ease,transform .25s ease}.pw-strength span.active{background:linear-gradient(90deg,#334155,#64748b)}.pw-strength span.active.level-2{background:linear-gradient(90deg,#475569,#0ea5e9)}.pw-strength span.active.level-3{background:linear-gradient(90deg,#0ea5e9,#10b981)}.pw-strength span.active.level-4{background:linear-gradient(90deg,#10b981,#84cc16)}.pw-strength span.active.level-5{background:linear-gradient(90deg,#10b981,#facc15)}.sr-only{clip:rect(0 0 0 0)}@media (max-width:768px){.panel-section{border-radius:12px;margin-bottom:12px;padding:12px}.row-faint{border-radius:8px;padding:8px 12px}.pw-strength{gap:4px;margin-top:8px}.pw-strength span{border-radius:4px;height:5px}}@media (max-width:480px){.panel-section{border-radius:8px;margin-bottom:12px;padding:12px}}.modal-overlay{animation:modalOverlayFadeIn .15s ease-out;background:#030614bf;padding:1rem;z-index:9995;z-index:var(--z-modal-overlay,9995)}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideIn .2s ease-out;background:linear-gradient(135deg,#0b142efa,#070e20f2);border:1px solid #7898ff59;border-radius:24px;box-shadow:0 25px 60px #030614b3,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);position:relative}.modal--sm{max-width:380px;width:100%}.modal--md{max-width:520px;width:100%}.modal--lg{max-width:720px;width:100%}.modal--xl{max-width:960px;width:100%}.modal--full{height:calc(100vh - 2rem);max-width:none;width:calc(100% - 2rem)}.modal__header{align-items:center;border-bottom:1px solid #7898ff33;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.modal__title{color:#f6f7ff;font-size:1.125rem;font-weight:600;line-height:1.3;margin:0}.modal__close{align-items:center;background:#0000;border:none;border-radius:8px;color:#dee7ff99;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;margin:-.25rem -.5rem -.25rem 0;padding:0;transition:background .15s ease,color .15s ease;width:32px}.modal__close:hover{background:#ffffff14;color:#f6f7ff}.modal__close:focus-visible{outline:2px solid #82a6ffcc;outline-offset:2px}.modal__body{color:#dee7ffd9;flex:1 1;overflow-y:auto;padding:1.5rem}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal__body::-webkit-scrollbar-thumb{background:#7898ff4d;border-radius:4px}.modal__body::-webkit-scrollbar-thumb:hover{background:#7898ff80}.modal__footer{align-items:center;border-top:1px solid #7898ff33;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal__footer .btn,.modal__footer button{border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;min-height:40px;padding:.5rem 1.25rem;transition:all .15s ease}.modal__footer .btn-primary,.modal__footer .primary-btn{background:linear-gradient(135deg,#5880ffe6,#5880ffb3);border:1px solid #82a6ff80;color:#fff}.modal__footer .btn-primary:hover,.modal__footer .primary-btn:hover{background:linear-gradient(135deg,#5880ff,#5880ffd9);transform:translateY(-1px)}.modal__footer .btn-secondary,.modal__footer .secondary-btn{background:#0000;border:1px solid #7898ff4d;color:#dee7ffd9}.modal__footer .btn-secondary:hover,.modal__footer .secondary-btn:hover{background:#7898ff1a;border-color:#7898ff80}.modal__footer .btn-danger,.modal__footer .danger-btn{background:#ef444426;border:1px solid #ef444466;color:#fca5a5}.modal__footer .btn-danger:hover,.modal__footer .danger-btn:hover{background:#ef444440;border-color:#ef444499}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:.5rem}.modal{animation:modalSlideUp .25s ease-out;border-radius:24px 24px 0 0;max-height:calc(100vh - 1rem)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal--lg,.modal--md,.modal--sm,.modal--xl{max-width:none;width:100%}.modal__header{padding:1rem 1.25rem}.modal__body{padding:1.25rem}.modal__footer{flex-wrap:wrap;padding:1rem 1.25rem}}.cert-modal__step{padding:0 2px}.cert-modal__hint{color:#666;color:var(--text-secondary,#666);font-size:.875rem;margin:0 0 16px}.cert-modal__search-row{margin-bottom:8px}.cert-modal__search-input{background:#f9f9f9;background:var(--background-secondary,#f9f9f9);border:1.5px solid #ddd;border:1.5px solid var(--border-color,#ddd);border-radius:8px;box-sizing:border-box;color:#222;color:var(--text-primary,#222);font-size:.95rem;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.cert-modal__search-input:focus{border-color:#1a6dff;border-color:var(--color-primary,#1a6dff)}.cert-modal__section-label{color:#888;color:var(--text-secondary,#888);font-size:.78rem;font-weight:600;letter-spacing:.04em;margin:12px 0 8px;text-transform:uppercase}.cert-modal__provider-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:340px;overflow-y:auto;padding-right:4px}.cert-modal__provider-card{align-items:center;background:#fff;background:var(--background-primary,#fff);border:1.5px solid #e5e5e5;border:1.5px solid var(--border-color,#e5e5e5);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .1s}.cert-modal__provider-card:hover{border-color:#1a6dff;border-color:var(--color-primary,#1a6dff);box-shadow:0 2px 8px #1a6dff1f;transform:translateY(-1px)}.cert-modal__provider-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.cert-modal__provider-info{display:flex;flex-direction:column;overflow:hidden}.cert-modal__provider-name{color:#222;color:var(--text-primary,#222);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-modal__provider-cat{color:#999;color:var(--text-secondary,#999);font-size:.72rem;margin-top:1px}.cert-modal__empty{color:#888;color:var(--text-secondary,#888);font-size:.875rem;grid-column:1/-1;padding:12px 4px}.cert-modal__selected-provider{align-items:center;background:#f5f5f5;background:var(--background-secondary,#f5f5f5);border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:10px 14px}.cert-modal__change-btn{background:none;border:none;color:#1a6dff;color:var(--color-primary,#1a6dff);cursor:pointer;font-size:.8rem;font-weight:600;margin-left:auto;padding:0}.cert-modal__change-btn:hover{text-decoration:underline}.cert-modal__form{display:flex;flex-direction:column;gap:16px}.cert-modal__label{color:#333;color:var(--text-primary,#333);display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:6px}.cert-modal__required{color:#e53935}.cert-modal__input{background:#fafafa;background:var(--background-secondary,#fafafa);border:1.5px solid #ddd;border:1.5px solid var(--border-color,#ddd);border-radius:7px;color:#222;color:var(--text-primary,#222);font-size:.9rem;font-weight:400;outline:none;padding:9px 12px;transition:border-color .15s}.cert-modal__input:focus{border-color:#1a6dff;border-color:var(--color-primary,#1a6dff)}.cert-modal__date-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.cert-modal__toggles{display:flex;flex-direction:column;gap:8px}.cert-modal__toggle{align-items:center;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:8px}.cert-modal__toggle input[type=checkbox]{accent-color:#1a6dff;accent-color:var(--color-primary,#1a6dff);cursor:pointer;height:16px;width:16px}.cert-modal__form-footer{border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.cert-modal__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:9px 20px;transition:background .15s,opacity .15s}.cert-modal__btn--primary{background:#1a6dff;background:var(--color-primary,#1a6dff);color:#fff}.cert-modal__btn--primary:hover:not(:disabled){background:#1558cc;background:var(--color-primary-dark,#1558cc)}.cert-modal__btn--primary:disabled{cursor:not-allowed;opacity:.55}.cert-modal__btn--ghost{background:#0000;border:1.5px solid #ddd;border:1.5px solid var(--border-color,#ddd);color:#666;color:var(--text-secondary,#666)}.cert-modal__btn--ghost:hover{background:#f5f5f5;background:var(--background-secondary,#f5f5f5)}.cert-modal__error{background:#e5393512;border-radius:6px;color:#e53935;font-size:.85rem;margin:0;padding:8px 12px}.client-sheet{display:flex;flex-direction:column;gap:0}.client-sheet-heading{color:var(--text-primary));font-size:18px;font-weight:700;margin:0 0 20px;padding:0 0 12px}.client-sheet-heading,.client-sheet-section{border-bottom:1px solid var(--glass-border))}.client-sheet-section{padding:16px 0}.client-sheet-section:last-of-type{border-bottom:none}.client-sheet-section-title{color:var(--text-muted));font-size:13px;font-weight:600;letter-spacing:.06em;margin:0 0 12px;text-transform:uppercase}.client-sheet-subsection-title{color:var(--text-muted));font-size:12px;font-weight:600;margin:10px 0 6px}.client-sheet-dl{grid-gap:6px 16px;display:grid;gap:6px 16px;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;margin:0}.client-sheet-dl dt{color:var(--text-muted));font-size:12px;font-weight:500;white-space:nowrap}.client-sheet-dl dd{color:var(--text-primary));font-size:13px;margin:0;word-break:break-word}.client-sheet-bio{font-style:italic;opacity:.8}.client-sheet-stats{display:flex;flex-wrap:wrap;gap:12px}.client-sheet-stat{align-items:center;background:var(--glass-bg));border:1px solid var(--glass-border));border-radius:8px;display:flex;flex-direction:column;min-width:72px;padding:10px 18px}.stat-value{color:var(--accent-purple);font-size:22px;line-height:1.1}.stat-value--small{font-size:13px}.stat-label{color:var(--text-muted));font-size:11px;margin-top:2px}.client-sheet-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.client-sheet-list--compact{gap:4px}.client-sheet-list-item{align-items:baseline;background:var(--glass-bg));border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.client-sheet-list-item--survey{align-items:flex-start;flex-direction:column;gap:4px}.list-item-name{color:var(--text-primary));flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-meta{color:var(--text-muted));flex-shrink:0;font-size:11px;white-space:nowrap}.list-item-amount{flex-shrink:0;font-weight:700}.list-item-amount.positive{color:#5adf8a}.list-item-amount.negative{color:#f07070}.list-item-question{color:var(--text-muted));font-size:12px;font-weight:600}.list-item-answer{color:var(--text-primary));font-size:13px}.client-sheet-badge{background:#8b5cf626 );border-radius:999px;color:#c4b5fd;color:var(--accent-purple-light,#c4b5fd);display:inline-block;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px;white-space:nowrap}.client-sheet-badge--active,.client-sheet-badge--completed{background:#5adf8a1a;color:#5adf8a}.client-sheet-badge--pending{background:#f0c0701a;color:#f0c070}.client-sheet-badge--failed,.client-sheet-badge--rejected{background:#f070701a;color:#f07070}.client-sheet-footer{color:var(--text-muted));font-size:11px;margin:12px 0 0;text-align:right}.client-sheet--loading{padding:16px 0}.client-sheet-skeleton{animation:cs-pulse 1.4s ease-in-out infinite;background:#ffffff0f );background:var(--bg-overlay,#ffffff0f));border-radius:4px;height:20px;margin-bottom:12px}.client-sheet-skeleton--short{width:60%}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.4}}.client-sheet--error{color:var(--text-muted));font-size:13px;padding:24px 0}.messaging-component{grid-gap:clamp(.75rem,2vw,1.25rem);display:grid;gap:clamp(.75rem,2vw,1.25rem);grid-template-columns:clamp(240px,24vw,320px) minmax(0,1fr);position:relative;transition:grid-template-columns .3s ease}.messaging-component,.messaging-component.compact{flex:1 1;height:100%;max-height:100%;min-height:100%}.messaging-component.messaging-component--detail-open{grid-template-columns:clamp(240px,24vw,320px) minmax(0,1fr) clamp(260px,24vw,360px)}.messaging-component.messaging-component--detail-open .message-area{grid-column:2;min-width:0}.messaging-component.messaging-component--detail-open .conversation-toolbar{grid-column:3}.messaging-component.messaging-component--tablet{grid-template-columns:clamp(220px,32vw,300px) minmax(0,1fr)}.messaging-component.messaging-component--mobile{flex:1 1;grid-template-columns:minmax(0,1fr);height:100%;max-height:none;min-height:100%}.messaging-component.messaging-component--mobile .conversation-toolbar{display:none}.dialog-list,.messaging-component.messaging-component--dialogs-visible{overflow:hidden}.dialog-list{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;position:relative}.dialog-list--drawer{bottom:0;left:0;max-width:420px;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease,opacity .25s ease;width:min(420px,90vw);z-index:5400;z-index:var(--z-dialog-drawer,5400)}.dialog-list--drawer.is-open{opacity:1;pointer-events:auto;transform:translateX(0)}.dialog-drawer__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060ea6;border:0;cursor:pointer;inset:0;padding:0;position:fixed;z-index:5399;z-index:calc(var(--z-dialog-drawer, 5400) - 1)}.dialog-drawer__close{background:#0d172ad9;border:1px solid #94a3b866;border-radius:8px;color:#e2e8f0d9;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.25rem .75rem}.dialog-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.75rem 1rem}.dialog-header h3{color:var(--text-primary);font-size:1rem;margin:0}.dialog-filters{background:#0c1426a6;border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;padding:0}.dialog-filter-tab{background:#0d172a99;border:none;color:#e2e8f0a6;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.75rem 1rem;position:relative;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.dialog-filter-tab:first-child{border-right:1px solid var(--glass-border)}.dialog-filter-tab:hover{background:#1e293bcc;color:#f8fafc}.dialog-filter-tab.active{background:linear-gradient(135deg,#0a1f1c,#0d9488);box-shadow:inset 0 -3px 0 0 #2dd4bf;color:#f8fafc}.dialog-filter-btn{background:#0d172acc;border:1px solid #94a3b873;border-radius:999px;color:#e2e8f0c7;cursor:pointer;display:none;font-size:.78rem;font-weight:600;padding:.25rem 1rem;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.dialog-filter-btn:hover{border-color:#bfdbfecc;color:#f8fafc}.dialog-filter-btn.active{background:linear-gradient(135deg,#0a1f1c,#0d9488);border-color:#2dd4bfd9;box-shadow:0 12px 28px #0f172a73;color:#f8fafc}.dialog-drawer-section{border-bottom:1px solid #94a3b826}.dialog-drawer-header{align-items:center;background:#0f172a80;border:none;color:#cbd5e1d9;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:background .15s ease,color .15s ease;width:100%}.dialog-drawer-header:hover{background:#1e293b99;color:#f1f5f9}.dialog-drawer-icon{color:#94a3b8b3;font-size:.65rem;transition:transform .2s ease}.dialog-drawer-label{flex:1 1;text-align:left}.dialog-drawer-count{background:#2dd4bf33;border-radius:999px;color:#2dd4bf;font-size:.65rem;min-width:1.5rem;padding:.25rem .5rem;text-align:center}.dialog-drawer-content{background:#080f1c66}.dialog-drawer-empty{color:#94a3b880;font-size:.8rem;font-style:italic;padding:1rem .75rem;text-align:center}.dialog-item__category-badge{border-radius:4px;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-left:.5rem;padding:.25rem .5rem;text-transform:uppercase}.dialog-item__category-badge--direct{background:#2dd4bf2e;color:#2dd4bf}.dialog-item__category-badge--group{background:#8b5cf640;color:#c4b5fd}.dialog-item__category-badge--task{background:#22c55e40;color:#86efac}.dialog-item__category-badge--role{background:#f9731640;color:#fdba74}.dialog-item__category-badge--form{background:#ec489940;color:#f9a8d4}.dialog-item__category-badge--refund{background:#ef444440;color:#fca5a5}.dialog-item__category-badge--query{background:#0ea5e940;color:#7dd3fc}.dialog-item__category-badge--payment{background:#22c55e40;color:#86efac}.dialog-item__category-badge--delivery{background:#fbbf2440;color:#fcd34d}.dialog-item__category-badge--category{background:#a855f740;color:#d8b4fe}.realtime-status{align-items:center;display:inline-flex;gap:8px}.rt-indicator{border-radius:50%;box-shadow:inset 0 0 0 2px #00000040;height:10px;width:10px}.rt-indicator.on{background:#34d399}.rt-indicator.off{background:#ef4444}.rt-toggle-btn,.start-conversation-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-bg);border-radius:8px;color:var(--btn-secondary-text);cursor:pointer;font-weight:600;padding:.5rem .75rem}.rt-toggle-btn:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-bg-hover)}.new-dialog-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;letter-spacing:.12em;padding:.25rem 0;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.new-dialog-btn:hover{color:var(--text-primary);transform:translateY(-1px)}.new-dialog-btn:focus-visible{outline:2px solid #94a3b8a6;outline-offset:3px}.dialog-items{flex:1 1;height:0;min-height:0;overflow-y:auto;padding:.5rem}.dialog-item{grid-gap:.5rem;align-items:center;border-radius:12px;color:var(--text-primary);cursor:pointer;display:grid;gap:.5rem;grid-template-columns:40px 1fr auto;padding:.5rem}.dialog-item:hover{background:#becdf00d}.dialog-item.active{background:#becdf014}.dialog-avatar{background:#becdf01f;border-radius:50%;color:var(--text-primary);display:grid;font-size:.9rem;font-weight:600;height:40px;place-items:center;position:relative;width:40px}.dialog-avatar__initial{line-height:1}.dialog-avatar--direct{background:#2dd4bf2e;color:#2dd4bf}.dialog-avatar--group{background:#8b5cf633;color:#c4b5fd}.dialog-avatar--task{background:#22c55e33;color:#86efac}.dialog-avatar--role{background:#f9731633;color:#fdba74}.dialog-avatar--form{background:#ec489933;color:#f9a8d4}.dialog-avatar--refund{background:#ef444433;color:#fca5a5}.dialog-avatar--query{background:#0ea5e933;color:#7dd3fc}.dialog-avatar--payment{background:#22c55e33;color:#86efac}.dialog-avatar--delivery{background:#fbbf2433;color:#fcd34d}.dialog-avatar--category{background:#a855f733;color:#d8b4fe}.online-indicator{background:#34d399;border:2px solid #00000080;border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px}.dialog-info{grid-gap:.25rem;display:grid;gap:.25rem}.dialog-title-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.dialog-name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.dialog-type{background:#becdf014;border:1px solid #becdf02e;border-radius:999px;color:var(--text-muted);flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.dialog-type--task{background:#10b98126;border-color:#10b9814d;color:#34d399}.dialog-type--role{background:#0d948826;border-color:#0d94884d;color:#2dd4bf}.dialog-type--category{background:#d977062e;border-color:#d9770659;color:#fbbf24}.dialog-last-message{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-time{color:var(--text-muted);font-size:.75rem}.unread-badge{background:var(--btn-primary-bg);border-radius:999px;color:var(--btn-primary-text);font-size:.75rem;font-weight:700;padding:.25rem .5rem}.no-dialogs{color:var(--text-muted);padding:1rem;text-align:center}.no-dialogs--filtered{font-style:italic}.start-conversation-btn{background:linear-gradient(135deg,#050e0b,#0f766e 60%,#0d9488);border:1px solid #ffffff24;border-radius:999px;box-shadow:0 14px 32px #04060e8c;color:#f8fafc;margin-top:.5rem;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.start-conversation-btn:after{background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0);content:"";height:260%;left:-130%;opacity:.4;pointer-events:none;position:absolute;top:-70%;transform:rotate(18deg);transition:left .5s ease,opacity .3s ease;width:180%}.start-conversation-btn:hover{box-shadow:0 18px 36px #050a19a6;transform:translateY(-1px)}.start-conversation-btn:hover:after{left:-20%;opacity:.6}.start-conversation-btn:focus-visible{outline:2px solid #2dd4bfcc;outline-offset:3px}.message-area{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden;position:relative}.message-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.message-header h4{margin:0}.typing-indicator{color:var(--text-muted);font-size:.8rem}.dialog-context-label{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.message-header-controls{align-items:center;display:flex;gap:.5rem}.message-call-btn{align-items:center;background:#0c1426cc;border:1px solid #94a3b873;border-radius:50%;color:#e2e8f0e6;cursor:pointer;display:inline-flex;font-size:16px;height:36px;justify-content:center;width:36px}.message-call-btn.is-active{background:linear-gradient(135deg,#0a1f1c,#0d9488);border-color:#2dd4bfd9;color:#f8fafc}.message-nav-btn{align-items:center;background:#0d172ae6;border:1px solid #94a3b866;border-radius:999px;color:#e2e8f0d9;display:inline-flex;font-size:.78rem;font-weight:600;gap:.25rem;justify-content:center;padding:.25rem 1rem}.message-nav-btn--large{justify-content:center;margin-top:1rem;width:100%}.message-expand-btn{background:#0c1426cc;border:1px solid #94a3b873;border-radius:999px;color:#e2e8f0d9;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .75rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.message-expand-btn:hover{border-color:#bfdbfee6;color:#f8fafc}.message-expand-btn.is-expanded{background:linear-gradient(135deg,#0a1f1c,#0d9488);border-color:#2dd4bfd9;color:#f8fafc}.voice-call-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05081480;display:flex;inset:0;justify-content:center;padding-top:80px;position:fixed;z-index:6100;z-index:var(--z-modal,6100)}.voice-call-card{background:#0a101ef2;border:1px solid #94a3b84d;border-radius:16px;box-shadow:0 20px 60px #00000073;color:#e2e8f0;overflow:hidden;width:min(520px,92vw)}.voice-call-card__header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;gap:12px;padding:16px}.voice-call-card__avatar{align-items:center;background:#2dd4bf1f;border-radius:50%;display:flex;font-weight:700;height:48px;justify-content:center;width:48px}.voice-call-card__title{font-size:1rem;font-weight:600}.voice-call-card__status{color:#e2e8f0b3;font-size:.8rem}.voice-call-card__actions{display:flex;gap:8px;margin-left:auto}.voice-call-card__actions button{background:#0f172acc;border:1px solid #94a3b84d;border-radius:12px;color:#e2e8f0;cursor:pointer;padding:8px 12px}.voice-call-card__hangup{background:#ef444433;border-color:#ef444499;color:#fecaca}.voice-call-card__body{display:flex;flex-direction:column;gap:12px;padding:16px}.voice-call-card__media{align-items:center;background:#0f172ab3;border:1px dashed #94a3b84d;border-radius:12px;color:#e2e8f099;display:flex;justify-content:center;min-height:180px}.voice-call-card__media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:12px;width:100%}.voice-call-card__media-grid video{background:#0f172ae6;border-radius:12px;height:180px;object-fit:cover;width:100%}.voice-call-card__error{background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#fecaca;font-size:.85rem;padding:8px 12px}.voice-call-card__controls{display:flex;flex-wrap:wrap;gap:12px}.voice-call-card__controls button{background:#0f172acc;border:1px solid #94a3b84d;border-radius:999px;color:#e2e8f0;cursor:pointer;padding:8px 12px}.voice-call-thumb{align-items:center;background:#0a101ef2;border:1px solid #94a3b859;border-radius:999px;box-shadow:0 10px 24px #00000059;cursor:grab;display:flex;gap:8px;padding:8px 12px;position:fixed;z-index:6100;z-index:var(--z-modal,6100)}.voice-call-thumb__avatar{align-items:center;background:#2dd4bf26;border-radius:50%;display:flex;font-weight:600;height:28px;justify-content:center;width:28px}.voice-call-thumb__label{color:#e2e8f0;font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-call-thumb button{background:#0000;border:none;color:#e2e8f0;cursor:pointer}.channel-tabs{background:#0d1422cc;border-bottom:1px solid #94a3b840;display:flex;gap:.5rem;padding:.5rem 1rem}.channel-tab{background:#0000;border:1px solid #e2e8f040;border-radius:999px;color:#e2e8f0b3;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem 1rem;transition:background .2s ease,color .2s ease,border-color .2s ease}.channel-tab:hover{border-color:#94a3b8a6;color:#f8fafc}.channel-tab.active{background:linear-gradient(135deg,#0a1f1c,#0d9488);border-color:#2dd4bfd9;color:#f8fafc}.messages-container{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:.5rem;height:0;min-height:0;overflow-y:auto;padding:.75rem .75rem clamp(3.5rem,12vh,7rem);scrollbar-width:none}.messages-container::-webkit-scrollbar{display:none}.message{display:flex;justify-content:flex-start;width:100%}.message.own-message{justify-content:flex-end;text-align:right}.message.other-message{justify-content:flex-start}.message-content{background:#becdf00f;border:1px solid #becdf014;border-radius:12px;box-shadow:0 2px 10px #0003;color:var(--text-primary);display:flex;flex-direction:column;gap:.25rem;max-width:min(80%,900px);overflow-wrap:anywhere;padding:.5rem .75rem;text-align:left;white-space:pre-wrap;width:-webkit-fit-content;width:fit-content;word-break:break-word}.message.own-message .message-content{align-self:flex-end;background:#6a4c932e;border-color:#6a4c9340;margin-left:auto}.message.other-message .message-content{align-self:flex-start;margin-right:auto}.message-text{line-height:1.5;width:100%}.message-meta{color:var(--text-muted);display:inline-flex;font-size:.75rem;gap:.5rem;margin-top:.25rem}.message-meta,.message.own-message .message-meta{justify-content:flex-end}.message.other-message .message-meta{justify-content:flex-start}.message.own-message{align-items:flex-end}.message.other-message{align-items:flex-start}.message.own-message .message-content{text-align:left}.message-file a{color:var(--accent-teal)}.message-input-form{border-top:1px solid var(--glass-border);padding:.5rem}.message-error{background:#b91c1c1f;border:1px solid #b91c1c59;border-radius:8px;color:#b91c1c;font-size:.85rem}.message-error,.selected-file{margin-bottom:.5rem;padding:.25rem .5rem}.selected-file{align-items:center;background:#becdf00f;border:1px solid #becdf014;border-radius:999px;display:inline-flex;gap:.5rem}.remove-file-btn{background:#0000;border:1px solid #becdf038;border-radius:50%;color:var(--text-primary);cursor:pointer;height:22px;width:22px}.remove-file-btn:hover{background:#becdf01a}.input-container{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto}.attach-btn,.send-btn{align-items:center;background:var(--btn-primary-bg);border:1px solid var(--btn-primary-bg);border-radius:12px;color:var(--btn-primary-text);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;width:40px}.attach-btn:hover,.send-btn:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover);transform:translateY(-1px)}.send-btn{position:relative}.send-btn .send-icon{height:18px;transition:transform .2s ease,opacity .2s ease;width:18px}.send-btn.sending .send-icon{animation:send-icon-flight .9s ease-in-out infinite;opacity:.8}@keyframes send-icon-flight{0%{transform:translateX(0) scale(1)}50%{transform:translateX(2px) scale(1.05)}to{transform:translateX(0) scale(1)}}@media (max-width:640px){.message-content{max-width:100%}}.message-input{background:#becdf00a;border:1px solid #becdf014;border-radius:12px;color:var(--text-primary);padding:.5rem;width:100%}.message-input::placeholder{color:var(--text-muted)}.no-active-dialog{color:var(--text-muted);display:grid;height:100%;place-items:center}.no-dialog-content{text-align:center}.conversation-toolbar{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:none;flex-direction:column;gap:1rem;height:100%;max-height:100%;min-width:0;overflow:hidden;padding:1rem;transition:transform .3s ease,opacity .2s ease;z-index:5300;z-index:var(--z-conversation-toolbar,5300)}.conversation-toolbar__body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#94a3b84d #0000;scrollbar-width:thin}.conversation-toolbar__body::-webkit-scrollbar{width:6px}.conversation-toolbar__body::-webkit-scrollbar-track{background:#0000}.conversation-toolbar__body::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:4px}.conversation-toolbar__body::-webkit-scrollbar-thumb:hover{background-color:#94a3b880}.conversation-toolbar__body--scrollable{flex:1 1;overflow-y:auto;padding-right:.25rem}.messaging-component.messaging-component--detail-open .conversation-toolbar{display:flex}.messaging-component.messaging-component--mobile .conversation-toolbar,.messaging-component.messaging-component--tablet .conversation-toolbar{border-radius:12px 0 0 12px;bottom:0;box-shadow:none;max-width:420px;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);width:min(360px,90vw)}.messaging-component.messaging-component--mobile.messaging-component--detail-open .conversation-toolbar,.messaging-component.messaging-component--tablet.messaging-component--detail-open .conversation-toolbar{animation:conversation-toolbar-slide-in .25s ease;box-shadow:0 24px 48px #0308148c;opacity:1;pointer-events:auto;transform:translateX(0)}.messaging-component.messaging-component--tablet.messaging-component--detail-open .message-area{margin-right:min(360px,40vw)}.messaging-component.messaging-component--mobile .conversation-toolbar{border-radius:0;max-width:none;width:min(420px,100vw)}@keyframes conversation-toolbar-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.conversation-toolbar__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.conversation-toolbar__eyebrow{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.conversation-toolbar__refresh{background:#0d172abf;border:1px solid #94a3b873;border-radius:8px;color:#e2e8f0e6;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .75rem;transition:border-color .2s ease,color .2s ease,background .2s ease}.conversation-toolbar__refresh:hover:not(:disabled){border-color:#bfdbfee6;color:#f8fafc}.conversation-toolbar__refresh:disabled{cursor:not-allowed;opacity:.6}.conversation-toolbar__context{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.conversation-toolbar__chip{border:1px solid #94a3b859;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.conversation-toolbar__chip--task{background:#10b9811f;border-color:#10b98159;color:#6ee7b7}.conversation-toolbar__chip--role{background:#0d94881f;border-color:#0d948852;color:#2dd4bf}.conversation-toolbar__chip--category{background:#d977062e;border-color:#d9770659;color:#fcd34d}.conversation-toolbar__context-label{color:var(--text-primary);font-size:.85rem}.conversation-toolbar__error{background:#7f1d1d40;border:1px solid #f8717159;border-radius:8px;color:#fecaca;font-size:.85rem;padding:.5rem .75rem}.conversation-toolbar__body{display:flex;flex-direction:column;gap:1.25rem}.conversation-toolbar__section{display:flex;flex-direction:column;gap:.75rem}.conversation-toolbar__section-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.conversation-toolbar__section-header h5{font-size:.95rem;margin:0}.conversation-toolbar__metric{color:var(--text-muted);font-size:.75rem;font-weight:600}.conversation-task-list{display:flex;flex-direction:column;gap:.75rem}.context-task{background:#0c1326a6;border:1px solid #94a3b840;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.context-task__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.context-task__title{color:var(--text-primary);font-size:.95rem;font-weight:600}.context-task__status{border-radius:999px;font-size:.75rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.context-task__status--completed{background:#22c55e26;color:#86efac}.context-task__status--in_progress{background:#0d94882e;color:#5eead4}.context-task__status--pending{background:#fbbf2426;color:#fcd34d}.context-task__status--cancelled{background:#f8717126;color:#fecaca}.context-task__meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem}.context-task__due.is-overdue{color:#fca5a5;font-weight:600}.context-task__priority{text-transform:capitalize}.context-task__role{color:var(--text-secondary);font-size:.8rem;margin:0}.context-task__description{color:var(--text-secondary);font-size:.85rem;margin:0}.context-task__progress{align-items:center;display:flex;gap:.5rem}.context-task__progress-bar{background:#94a3b833;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.context-task__progress-bar span{background:linear-gradient(90deg,#0d9488,#a855f7);display:block;height:100%}.context-task__progress-value{color:var(--text-muted);font-size:.75rem}.context-task__complete-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.5rem .75rem;transition:transform .15s ease,box-shadow .15s ease}.context-task__complete-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.context-task__complete-btn:active{transform:translateY(0)}.context-task--completed{background:#10b98114;border-color:#10b9814d;opacity:.85}.context-task__status--completed{color:#10b981!important}.context-task__completed-at{color:var(--text-muted);font-size:.75rem;margin:.25rem 0}.context-task__notes{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin:.25rem 0}.context-task__form-details{font-size:.75rem;margin-top:.5rem}.context-task__form-details summary{color:var(--text-muted);cursor:pointer}.context-task__form-data{background:#0f172a99;border-radius:4px;font-size:.75rem;margin:.25rem 0 0;max-height:100px;overflow-x:auto;padding:.5rem}.conversation-toolbar__metric--success{background:#10b98133!important;color:#10b981!important}.conversation-task-list--completed{border-top:1px solid #94a3b826;padding-top:.75rem}.conversation-toolbar__empty,.conversation-toolbar__loading{color:var(--text-muted);font-size:.85rem;margin:0}.conversation-forms-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.conversation-form{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:.5rem .75rem}.conversation-form__header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.conversation-form__name{color:var(--text-primary);font-weight:600}.conversation-form__type{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.conversation-form__meta{color:var(--text-secondary);font-size:.75rem;margin:.25rem 0 0}@media (max-width:1024px){.messaging-component{grid-template-columns:clamp(200px,34vw,280px) minmax(0,1fr);max-height:none;min-height:calc(100vh - 160px)}}@media (max-width:640px){.messaging-component{grid-template-columns:minmax(0,1fr)}}.new-dialog-modal .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.new-dialog-modal .modal-content{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a19f2;border:1px solid #6366f159;border-radius:16px;box-shadow:0 30px 80px #020617d9;color:#e2e8f0;left:50%;max-width:480px;padding:1.75rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:92%;z-index:6100;z-index:var(--z-modal,6100)}.conversation-mode-toggle{background:#0f172aa6;border:1px solid #94a3b859;border-radius:999px;display:flex;gap:.25rem;padding:.25rem}.mode-pill{background:#0000;border:none;border-radius:999px;color:#cbd5e1e6;cursor:pointer;flex:1 1;font-weight:600;padding:.5rem;transition:background .2s ease,color .2s ease}.mode-pill.active{background:#1e40af99;box-shadow:0 8px 20px #0f172a73;color:#f8fafc}.modal-hint{color:#94a3b8;font-size:.85rem;margin-top:-.25rem}.new-dialog-modal .modal-content h3{font-size:1.4rem;margin:0 0 .25rem}.new-dialog-modal .modal-subtitle{color:#94a3b8;font-size:.95rem;margin:0 0 1rem}.new-dialog-modal .participants-field{display:flex;flex-direction:column;gap:.25rem;position:relative}.new-dialog-modal .new-dialog-form label{display:flex;flex-direction:column;font-size:.9rem;margin-bottom:1rem}.new-dialog-modal .new-dialog-form input,.new-dialog-modal .new-dialog-form textarea{background:#0c1224d9;border:1px solid #94a3b873;border-radius:12px;color:#e2e8f0;font-size:.95rem;margin-top:.5rem;padding:.75rem;resize:vertical;transition:border .15s ease,background .15s ease}.new-dialog-modal .new-dialog-form input:focus,.new-dialog-modal .new-dialog-form textarea:focus{background:#0c1224f2;border-color:#60a5fae6;outline:none}.new-dialog-modal .actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.new-dialog-modal .actions button{border:1px solid #0000;border-radius:999px;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.new-dialog-modal .actions button[type=button]{background:#0f172ad9;border-color:#94a3b859;color:#cbd5f5}.new-dialog-modal .actions button[type=submit]{background:linear-gradient(135deg,#0f172a,#1e3a8a);box-shadow:0 10px 30px #1e3a8a73;color:#fff}.new-dialog-modal .actions button:disabled{cursor:not-allowed;opacity:.5}.new-dialog-modal .actions button:not(:disabled):hover{transform:translateY(-1px)}.new-dialog-modal .form-error{color:#f87171;font-size:.9rem;margin-bottom:.75rem}.participant-suggestions{grid-gap:.5rem;background:#080d1cfa;border:1px solid #60a5fa40;border-radius:12px;box-shadow:0 18px 40px #080d1c99;display:grid;gap:.5rem;left:0;max-height:240px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:2}.participant-suggestions__status{color:#cbd5f5;font-size:.85rem;padding:.25rem .5rem}.participant-suggestions__status.muted{color:#94a3b8}.participant-suggestion{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .25rem;transition:border .15s ease,background .15s ease}.participant-suggestion:focus-visible,.participant-suggestion:hover{background:#1e40af33;border-color:#93c5fd66}.participant-suggestion__avatar{background:#1e293be6;border-radius:999px;color:#94a3b8;display:grid;font-weight:600;height:38px;overflow:hidden;place-items:center;width:38px}.participant-suggestion__avatar img{height:100%;object-fit:cover;width:100%}.participant-suggestion__meta{align-items:flex-start;display:flex;flex-direction:column}.participant-suggestion__name{font-size:.95rem;font-weight:600}.participant-suggestion__handle{color:#94a3b8;font-size:.8rem}.conversation-toolbar__section--role-request{border-top:1px solid #94a3b826;padding-top:1rem}.role-request-card{background:#1e293b99;border:1px solid #94a3b833;border-radius:12px;margin-top:.5rem;padding:1rem}.role-request-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.role-request-card__role{color:#e2e8f0;font-size:1rem;font-weight:600}.role-request-card__id{color:#64748b;font-size:.75rem}.role-request-card__parties{grid-gap:.5rem;border-bottom:1px solid #94a3b81a;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem;padding-bottom:.75rem}.role-request-card__party{display:flex;flex-direction:column;gap:.25rem}.role-request-card__label{color:#64748b;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.role-request-card__value{color:#cbd5e1;font-size:.875rem}.role-request-card__notes{margin-bottom:.75rem}.role-request-card__notes p{color:#cbd5e1;font-size:.875rem;margin:.25rem 0 0;white-space:pre-wrap}.role-request-card__permissions{margin-bottom:.75rem}.role-request-card__perm-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.role-request-card__perm-list .perm-badge{background:#2dd4bf26;border:1px solid #2dd4bf40;border-radius:4px;color:#2dd4bf;font-size:.75rem;padding:.25rem .5rem}.role-request-card__perm-toggles{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.role-request-card__perm-toggles label{align-items:center;color:#cbd5e1;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem}.role-request-card__perm-toggles input[type=checkbox]{accent-color:#3b82f6;height:1rem;width:1rem}.role-request-card__edit{display:flex;flex-direction:column;gap:.75rem}.role-request-card__field{display:flex;flex-direction:column;gap:.25rem}.role-request-card__field span{color:#94a3b8;font-size:.75rem}.role-request-card__field textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:.875rem;min-height:60px;padding:.5rem;resize:vertical}.role-request-card__field textarea:focus{border-color:#3b82f680;outline:none}.role-request-card__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.role-request-card__actions .btn-sm{font-size:.8rem;padding:.5rem .75rem}.role-request-card__edit-btn{margin-top:.5rem;width:100%}.conversation-toolbar__chip--pending{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.conversation-toolbar__chip--approved{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.conversation-toolbar__chip--cancelled,.conversation-toolbar__chip--rejected{background:#ef444433;border-color:#ef44444d;color:#ef4444}.role-request-card__compensation{border-bottom:1px solid #94a3b81a;margin-bottom:.75rem;padding-bottom:.75rem}.role-request-card__comp-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:.5rem}.role-request-card__comp-item{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;display:flex;flex-direction:column;padding:.5rem;text-align:center}.role-request-card__comp-value{color:#93c5fd;font-size:1.1rem;font-weight:700}.role-request-card__comp-label{color:#64748b;font-size:.65rem;letter-spacing:.04em;margin-top:.25rem;text-transform:uppercase}.role-request-card__comp-edit{margin-bottom:.75rem}.role-request-card__comp-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-top:.5rem}.role-request-card__comp-field{display:flex;flex-direction:column;gap:.25rem}.role-request-card__comp-field span{color:#94a3b8;font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}.role-request-card__comp-field input{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:.85rem;padding:.5rem;width:100%}.role-request-card__comp-field input:focus{border-color:#3b82f680;outline:none}.role-request-card__role-permissions{border-bottom:1px solid #94a3b81a;margin-bottom:.75rem;padding-bottom:.75rem}.role-request-card__role-permissions .perm-badge--role{background:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa;text-transform:capitalize}.role-request-card__action-buttons{display:flex;gap:.5rem;margin-top:.75rem}.role-request-card__action-buttons .btn-success{background:#22c55e33;border:1px solid #22c55e66;border-radius:8px;color:#22c55e;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem .75rem;transition:background .2s ease,border-color .2s ease}.role-request-card__action-buttons .btn-success:hover:not(:disabled){background:#22c55e59;border-color:#22c55e99}.role-request-card__action-buttons .btn-success:disabled{cursor:not-allowed;opacity:.6}.role-request-card__action-buttons .btn-danger{background:#ef444426;border:1px solid #ef444459;border-radius:8px;color:#ef4444;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem .75rem;transition:background .2s ease,border-color .2s ease}.role-request-card__action-buttons .btn-danger:hover:not(:disabled){background:#ef44444d;border-color:#ef44448c}.role-request-card__action-buttons .btn-danger:disabled{cursor:not-allowed;opacity:.6}.role-request-card__status-message{border-radius:8px;font-size:.85rem;font-weight:500;margin-top:.75rem;padding:.75rem;text-align:center}.role-request-card__status-message--approved{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.role-request-card__status-message--rejected{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.task-completion-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.task-completion-modal{background:#0f172af7;border:1px solid #94a3b833;border-radius:12px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:520px;width:100%}.task-completion-modal__header{align-items:center;border-bottom:1px solid #94a3b826;display:flex;justify-content:space-between;padding:1rem 1.25rem}.task-completion-modal__header h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.1rem;font-weight:600;margin:0}.task-completion-modal__close{background:#0000;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.task-completion-modal__close:hover{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.task-completion-modal__body{flex:1 1;overflow-y:auto;padding:1.25rem}.task-completion-modal__task-info{border-bottom:1px solid #94a3b81a;margin-bottom:1.25rem;padding-bottom:1rem}.task-completion-modal__task-info h4{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1rem;font-weight:600;margin:0 0 .5rem}.task-completion-modal__description{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.875rem;margin:0}.task-completion-modal__form h5{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:600;margin:0 0 1rem}.task-completion-modal__fields{display:flex;flex-direction:column;gap:1rem}.task-completion-modal__field{display:flex;flex-direction:column;gap:.5rem}.task-completion-modal__field label{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.85rem;font-weight:500}.task-completion-modal__field label .required{color:#ef4444;margin-left:.25rem}.task-completion-modal__field input,.task-completion-modal__field select,.task-completion-modal__field textarea{background:#1e293bcc;border:1px solid #94a3b840;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:inherit;font-size:.9rem;padding:.5rem .75rem}.task-completion-modal__field input:focus,.task-completion-modal__field select:focus,.task-completion-modal__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.task-completion-modal__field input[type=checkbox]{height:18px;padding:0;width:18px}.task-completion-modal__field textarea{min-height:80px;resize:vertical}.task-completion-modal__notes-section{display:flex;flex-direction:column;gap:.5rem}.task-completion-modal__notes-section label{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:.9rem;font-weight:500}.task-completion-modal__notes-section textarea{background:#1e293bcc;border:1px solid #94a3b840;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical}.task-completion-modal__notes-section textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.task-completion-modal__footer{border-top:1px solid #94a3b826;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.task-completion-modal__btn{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem;transition:all .15s ease}.task-completion-modal__btn--cancel{background:#0000;border:1px solid #94a3b84d;color:#cbd5e1;color:var(--text-secondary,#cbd5e1)}.task-completion-modal__btn--cancel:hover{background:#94a3b81a}.task-completion-modal__btn--submit{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.task-completion-modal__btn--submit:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.task-completion-modal__btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}html[data-route=mystuff] .mystuff-page{margin:0}.mystuff-page{--mystuff-inline-gutter:clamp(var(--layout-gutter-inline,1.5rem),5vw,2.75rem);background:#0a0c122e;display:flex;flex-direction:column;min-height:100vh}.mystuff-page--roles{--layout-gutter-inline:0px;--mystuff-inline-gutter:0px;--role-shell-inline-offset:max(var(--layout-gutter-inline,0px),var(--mystuff-inline-gutter,0px))}.mystuff-page--roles .mystuff-main,.mystuff-page--roles .mystuff-tab-content{padding:0!important;width:100%}.mystuff-page--roles .mystuff-tab-shell{gap:0}.mystuff-page--roles .mystuff-tab-shell__body{padding:0}.mystuff-page--roles .mystuff-main .desk-area{margin:0;padding:0}.mystuff-page--roles .mystuff-main .desk-content,.mystuff-page--roles .role-desk-content{border-radius:0}.mystuff-header{border:1px solid var(--glass-border);position:relative}.mystuff-drawer-backdrop,.mystuff-drawer-toggle{display:none}.mystuff-tab-content{align-self:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,2.5vw,1.5rem);margin:0;max-width:none;min-height:0;padding-inline:clamp(.5rem,2.5vw,1.5rem);width:100%}.mystuff-panel{background:linear-gradient(158deg,#091220db,#121c309e);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 28px 48px #050e1a61;display:flex;flex-direction:column;gap:clamp(.75rem,2.2vw,1.25rem);padding:clamp(.75rem,3.4vw,1.5rem)}.mystuff-panel--fullheight{flex:1 1;height:100%;max-height:100%;min-height:300px;overflow:hidden}.mystuff-panel--fullheight .messaging-component{height:100%;max-height:100%;min-height:100%}.mystuff-app{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.mystuff-app__header{align-items:flex-start;border-bottom:1px solid #56688b47;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);justify-content:space-between;padding-bottom:clamp(.25rem,1vw,.75rem)}.mystuff-app__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-app__stats{align-items:stretch;display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-app__filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;padding-top:.5rem}.mystuff-app__hint{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:0;max-width:300px}.mystuff-panel__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.mystuff-panel__header h2,.mystuff-panel__header h3{color:var(--text-primary);font-size:clamp(1.35rem,3vw,1.75rem);margin:0}.mystuff-panel__header p{color:var(--text-secondary);font-size:.95rem;margin:0}.mystuff-panel__body{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem)}.mystuff-panel__surface{background:#060e1cb8;border:1px solid #56688b52;border-radius:12px;box-shadow:0 18px 36px #040c1859;padding:clamp(.75rem,2.1vw,1.25rem)}.mystuff-panel__surface>*{width:100%}.mystuff-panel--app{padding:clamp(.75rem,3vw,1.25rem)}.mystuff-detail-grid{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mystuff-detail-grid dl{display:flex;flex-direction:column;gap:.25rem;margin:0}.mystuff-detail-grid dt{color:var(--text-secondary);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.mystuff-detail-grid dd{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.mystuff-operations__launch:hover{background:#1216238c}.mystuff-operations__planner-card{background:linear-gradient(160deg,#060a08d1,#0d141099);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem);padding:clamp(1rem,4vw,1.75rem)}.mystuff-operations__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-operations__actions .btn,.mystuff-operations__actions .secondary-btn{min-width:0}.mystuff-operations__hint{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.mystuff-operations__alert{background:#dc262629;border:1px solid #fca5a566;border-radius:12px;color:#fecaca;color:var(--error-light,#fecaca);font-size:.9rem;margin-top:.75rem;padding:.75rem 1rem}.mystuff-planner{grid-gap:clamp(1rem,4vw,1.75rem);align-items:flex-start;display:grid;gap:clamp(1rem,4vw,1.75rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:clamp(1rem,3vw,1.5rem)}@media (max-width:1024px){.mystuff-planner{grid-template-columns:1fr}}.mystuff-planner__column{background:#0b121e99;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 18px 36px #040c1859;display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1.25rem);padding:clamp(1rem,3vw,1.5rem)}.mystuff-planner__tasks-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.mystuff-planner__tasks-controls{align-items:center;display:flex;gap:.5rem}.mystuff-planner__filter{display:inline-flex}.mystuff-planner__filter-select{min-width:8rem}.mystuff-planner__add-task{align-items:center;background:#6366f126;border:1px solid #6366f159;border-radius:8px;color:#c7d2fe;color:var(--accent-purple-light,#c7d2fe);display:inline-flex;font-size:1.25rem;font-weight:600;height:2rem;justify-content:center;padding:0;transition:all .2s ease;width:2rem}.mystuff-planner__add-task:hover{background:#6366f140;border-color:#6366f180;color:#e0e7ff;color:var(--accent-purple-light,#e0e7ff);transform:scale(1.05)}.mystuff-planner__refresh{white-space:nowrap}.mystuff-planner__tasks-header h4{font-size:1.1rem;margin:0}.mystuff-planner__tasks-subhead{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.mystuff-planner__count-badge{align-items:center;background:#3b82f62e;border:1px solid #60a5fa66;border-radius:999px;color:#bfdbfe;color:var(--accent-cool,#bfdbfe);display:inline-flex;font-weight:600;justify-content:center;min-width:2.4rem;padding:.25rem .75rem}.mystuff-planner__task-list{display:flex;flex-direction:column;gap:.75rem;max-height:32rem;overflow-y:auto;padding-right:.25rem}.mystuff-task-item{background:#0a101ca6;border:1px solid #94a3b838;border-radius:12px;color:inherit;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mystuff-task-item:focus-within,.mystuff-task-item:hover{border-color:#60a5fa99;box-shadow:0 0 0 1px #60a5fa47;outline:none}.mystuff-task-item--selected{border-color:#60a5fae6;box-shadow:0 0 0 1px #60a5fa80;transform:translateY(-1px)}.mystuff-task-item__top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.mystuff-task-item__title{font-size:.98rem;font-weight:600}.mystuff-task-item__toggle{background:#0000;border:0;color:inherit;display:block;padding:0;text-align:left;width:100%}.mystuff-task-item__toggle:focus-visible{outline:none}.mystuff-task-item__meta{color:var(--text-secondary);display:flex;font-size:.78rem;gap:.75rem;justify-content:space-between}.mystuff-task-item__meta-overdue{color:#fca5a5;color:var(--error-light,#fca5a5)}.mystuff-task-item__meta-priority{letter-spacing:.08em;text-transform:uppercase}.admin-tabs{display:flex;flex-direction:column;gap:clamp(.75rem,2.2vw,1.25rem)}.admin-tabs--workspace-callout .content-tabs{margin-bottom:0}.admin-tabs__panel{background:#0c1222ad;border:1px solid #94a3b82e;border:1px solid var(--glass-border,#94a3b82e);border-radius:16px;box-shadow:0 18px 36px #050e1a59;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,3vw,1.5rem)}.admin-tabs__header h3{font-size:clamp(1.2rem,3vw,1.45rem);font-weight:600;margin:0}.admin-tabs__header p{font-size:.95rem;margin:.25rem 0 0}.admin-tabs__header p,.admin-tabs__highlights{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.admin-tabs__highlights{grid-gap:.5rem;display:grid;font-size:.92rem;gap:.5rem;margin:0;padding-left:1rem}.admin-tabs__highlights li{line-height:1.5}.admin-tabs__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-tabs__note{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.5;margin:0}@media (max-width:640px){.admin-tabs__actions{align-items:stretch;flex-direction:column}.admin-tabs__actions .btn,.admin-tabs__actions .btn.btn-primary{justify-content:center;width:100%}}.mystuff-task-entry{display:flex;flex-direction:column;gap:.5rem}.mystuff-task-item__detail{border-top:1px solid #94a3b82e;margin-top:.75rem;padding-top:.75rem}.mystuff-task-detail--inline{margin-top:0}.mystuff-task-entry__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mystuff-planner__empty{background:#0f172a61;border:1px dashed #94a3b847;border-radius:12px;color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.mystuff-planner__bucket{display:flex;flex-direction:column;gap:.5rem}.mystuff-planner__bucket h5{color:var(--text-secondary);font-size:.9rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.mystuff-planner__unscheduled-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.mystuff-task-pill{align-items:center;background:#0b121e80;border:1px solid #94a3b859;border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-size:.78rem;padding:.25rem .75rem;transition:border-color .2s ease,background .2s ease}.mystuff-task-pill:focus-visible,.mystuff-task-pill:hover{background:#2563eb2e;border-color:#60a5fa99;outline:none}.mystuff-operations__task-loader{display:none}.mystuff-calendar{display:flex;flex-direction:column;gap:.75rem}.mystuff-planner__feedback{background:#22c55e1f;border:1px solid #22c55e59;border-radius:8px;color:var(--text-primary);font-size:.85rem;margin-bottom:.75rem;padding:.5rem .75rem}.mystuff-calendar__controls{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mystuff-calendar__nav{align-items:center;background:#0f172a99;border:1px solid #94a3b84d;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:1.1rem;height:2rem;justify-content:center;transition:border-color .2s ease,background .2s ease;width:2rem}.mystuff-calendar__nav:focus-visible,.mystuff-calendar__nav:hover{background:#2563eb38;border-color:#60a5fa99;outline:none}.mystuff-calendar__month{font-size:1rem;font-weight:600}.mystuff-calendar__legend{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:1rem}.mystuff-calendar__dot{background:#60a5fa8c;border-radius:50%;display:inline-block;height:.65rem;margin-right:.5rem;width:.65rem}.mystuff-calendar__dot--event{background:#fbbf248c}.mystuff-calendar__grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,minmax(0,1fr))}.mystuff-calendar__weekday{color:var(--text-secondary);font-size:.75rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.mystuff-calendar__day{background:#0a101c80;border:1px solid #94a3b838;border-radius:12px;color:inherit;display:flex;flex-direction:column;justify-content:space-between;min-height:70px;padding:.5rem;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mystuff-calendar__day:focus-visible,.mystuff-calendar__day:hover{border-color:#60a5fa8c;box-shadow:0 0 0 1px #60a5fa40;outline:none}.mystuff-calendar__day--muted{opacity:.45}.mystuff-calendar__day--today{border-color:#3b82f6a6}.mystuff-calendar__day--selected{border-color:#60a5fad9;box-shadow:0 0 0 1px #60a5fa73;transform:translateY(-1px)}.mystuff-calendar__date{font-size:.95rem;font-weight:600}.mystuff-calendar__markers{align-items:center;display:flex;gap:.25rem}.mystuff-calendar__marker{background:#60a5facc;border-radius:50%;height:.55rem;width:.55rem}.mystuff-calendar__marker--event{background:#fbbf24d9}.mystuff-day-agenda{background:#060e0a8c;border:1px solid #94a3b838;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:clamp(.75rem,3vw,1.25rem)}.mystuff-day-agenda__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mystuff-day-agenda__date{color:var(--text-secondary);font-size:.85rem}.mystuff-day-agenda__list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.mystuff-day-agenda__item{grid-gap:.75rem;background:#0f172a75;border:1px solid #94a3b82e;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:.9fr 2.3fr;padding:.75rem}.mystuff-day-agenda__time{color:var(--text-secondary);font-size:.8rem;font-weight:600}.mystuff-day-agenda__title{font-size:.95rem;font-weight:600}.mystuff-day-agenda__location{color:var(--text-secondary);font-size:.78rem;margin-top:.25rem}.mystuff-task-detail{background:#0c1322ad;border:1px solid #94a3b840;border-radius:16px;box-shadow:inset 0 0 0 1px #0f172a59;display:flex;flex-direction:column;gap:1rem;margin-top:clamp(.75rem,2.5vw,1.25rem);padding:clamp(1rem,3vw,1.25rem);transition:border-color .2s ease}.mystuff-task-detail--placeholder{align-items:center;background:#0f172a73;border-style:dashed;gap:.25rem;justify-content:center}.mystuff-task-detail__placeholder{color:var(--text-secondary);font-size:.9rem;margin:0;text-align:center}.mystuff-task-detail__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.mystuff-task-detail__header-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.mystuff-task-detail__edit-btn{align-items:center;background:#1e293b80;border:1px solid #94a3b840;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.mystuff-task-detail__edit-btn:hover:not(:disabled){background:#33415599;border-color:#94a3b873;color:var(--text-primary)}.mystuff-task-detail__edit-btn:disabled{cursor:not-allowed;opacity:.5}.mystuff-task-detail__header h4{font-size:1.1rem;margin:0}.mystuff-task-detail__subhead{color:var(--text-secondary);font-size:.85rem;margin:.5rem 0 0}.mystuff-task-detail__tags{display:flex;flex-wrap:wrap;gap:.5rem}.mystuff-priority-chip{align-items:center;background:#5eead42e;border:1px solid #2dd4bf66;border-radius:999px;color:#99f6e4;color:var(--accent-teal-light,#99f6e4);display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.06em;padding:.25rem .5rem;text-transform:uppercase}.mystuff-task-detail__description{font-size:.95rem;line-height:1.5;margin:0}.mystuff-task-detail__meta{grid-gap:.75rem 1.25rem;display:grid;gap:.75rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0}.mystuff-task-detail__meta div{display:flex;flex-direction:column;gap:.25rem}.mystuff-task-detail__meta dt{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.mystuff-task-detail__meta dd{font-size:.9rem;font-weight:600;margin:0}.mystuff-operations__planner-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.mystuff-operations__planner-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-operations__planner-controls .secondary-btn{min-width:0}.mystuff-operations__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.mystuff-operations__card{background:#0c101c59;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mystuff-operations__card-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mystuff-operations__planner{grid-gap:1.25rem;align-items:flex-start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)}.mystuff-timeline-panel{background:linear-gradient(155deg,#060a08bf,#0d14108c);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;gap:1rem;min-height:0;padding:1rem}.mystuff-timeline-panel__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.mystuff-operations__planner-card .mystuff-operations__calendar-panel,.mystuff-operations__planner-card .mystuff-operations__planner-tasks{background:#0b132299;border:1px solid #94a3b838;border-radius:12px}.mystuff-operations__planner-card .mystuff-operations__calendar-panel,.mystuff-operations__planner-card .mystuff-operations__planner-tasks{padding:clamp(.75rem,3vw,1.25rem)}.mystuff-operations__planner-tasks{box-shadow:0 16px 32px #030c1a59;display:flex;flex-direction:column;min-height:0}.mystuff-operations__planner-tasks .task-manager-widget{flex:1 1 auto;min-height:0}.mystuff-timeline-panel__header-actions{align-items:center;display:flex;gap:.75rem}.mystuff-timeline-panel__badge{align-items:center;background:#3b82f629;border:1px solid #3b82f666;border-radius:999px;color:#bfdbfe;color:var(--accent-cool,#bfdbfe);display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;min-width:2.2rem;padding:.25rem .5rem}.mystuff-timeline-panel__alert{background:#dc262629;border:1px solid #f8717173;border-radius:12px;color:#fecaca;color:var(--error-light,#fecaca);font-size:.85rem;padding:.75rem}.mystuff-timeline-panel__empty{background:#0f172a66;border:1px dashed #94a3b83d;border-radius:12px;color:var(--text-secondary);font-size:.9rem;padding:1.25rem .75rem;text-align:center}.mystuff-timeline-panel__list{display:flex;flex:1 1 auto;flex-direction:column;gap:.75rem;list-style:none;margin:0;max-height:420px;min-height:0;overflow-y:auto;padding:0 .25rem 0 0}.mystuff-timeline__item{background:#0b121e8c;border:1px solid #94a3b833;border-radius:12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.mystuff-timeline__item[data-selected=true]{border-color:#60a5facc;box-shadow:0 0 0 1px #60a5fa59}.mystuff-timeline__item[data-overdue=true]{border-color:#f8717199}.mystuff-timeline__summary{background:#0000;border:none;border-radius:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.mystuff-timeline__summary:focus-visible,.mystuff-timeline__summary:hover{background:#2563eb2e;outline:none}.mystuff-timeline__summary-title{align-items:center;display:flex;font-weight:600;gap:1rem;justify-content:space-between}.mystuff-status-chip{align-items:center;background:#3b82f62e;border:1px solid #3b82f652;border-radius:999px;color:#bfdbfe;color:var(--accent-cool,#bfdbfe);display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.06em;padding:.25rem .5rem;text-transform:uppercase}.mystuff-status-chip--pending{background:#fdba742e;border-color:#fbbf2459;color:#fcd34d;color:var(--warning,#fcd34d)}.mystuff-status-chip--in_progress{background:#3b82f62e;border-color:#60a5fa59;color:#bfdbfe;color:var(--accent-cool,#bfdbfe)}.mystuff-status-chip--completed{background:#34d3992e;border-color:#6ee7b761;color:#d1fae5;color:var(--success-light,#d1fae5)}.mystuff-status-chip--cancelled{background:#ef44442e;border-color:#fca5a559;color:#fecaca;color:var(--error-light,#fecaca)}.mystuff-timeline__summary-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem}.mystuff-timeline__details{border-top:1px solid #94a3b82e;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem}.mystuff-timeline__details-meta{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.mystuff-timeline__details-meta>div{display:flex;flex-direction:column;gap:.25rem}.mystuff-timeline__details-meta dt{color:var(--text-secondary);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.mystuff-timeline__details-meta dd{color:var(--text-primary);font-size:.85rem;margin:0}.mystuff-timeline__actions{display:flex;flex-wrap:wrap;gap:.5rem}.mystuff-timeline__action{min-width:0}.mystuff-timeline-panel__footer{align-self:flex-start;margin-top:auto}.mystuff-operations__calendar-panel{background:linear-gradient(160deg,#0c121ec7,#121b2e8c);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;gap:1rem;max-height:560px;overflow:hidden;padding:1rem}.mystuff-operations__calendar-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.mystuff-operations__calendar-alert{background:#60a5fa1f;border:1px dashed #60a5fa47;border-radius:12px;color:var(--text-secondary);font-size:.85rem;margin-top:.25rem;padding:.75rem}.mystuff-operations__calendar-panel .desk-calendar__container{background:#090e1a8c;border:1px solid #636e8b33;border-radius:12px;box-shadow:0 24px 48px #0815304d;flex:1 1 auto;max-height:100%;min-height:0;overflow-y:auto}.mystuff-operations__calendar-summary{border-top:1px solid #94a3b840;display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.mystuff-operations__calendar-summary h5{color:var(--text-primary);font-size:.95rem;margin:0}.mystuff-operations__calendar-focus{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0 0}.mystuff-operations__subhead{color:var(--text-secondary);font-size:.95rem;margin:.25rem 0 0}.mystuff-operations__calendar-panel .fc-toolbar{flex-wrap:wrap;gap:.5rem}.mystuff-operations__calendar-panel .fc-toolbar-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.mystuff-operations__calendar-panel .fc-button{background:#3b82f62e;border:none;border-radius:8px;color:#bfdbfe;color:var(--accent-cool,#bfdbfe);font-weight:600;padding:.25rem .75rem;text-transform:capitalize;transition:background .2s ease,color .2s ease}.mystuff-operations__calendar-panel .fc-button:hover{background:#3b82f659;color:#e0f2fe;color:var(--accent-purple-light,#e0f2fe)}.mystuff-operations__calendar-panel .fc-button.fc-button-active{background:#fbbf2440;color:#facc15;color:var(--warning,#facc15)}.mystuff-operations__calendar-panel .fc-col-header-cell{background:#0b1a2eeb;border:none;color:#9ec5ff;font-size:.85rem;padding:.5rem 0}.mystuff-operations__calendar-panel .fc-timegrid-slot,.mystuff-operations__calendar-panel .fc-timegrid-slot-lane{background:#061020bf;border-color:#3a507847}.mystuff-operations__calendar-panel .fc-timegrid-axis{background:#061020d9;border-color:#3a507847;color:#8fb7ff}.mystuff-operations__calendar-panel .fc-col-header-cell-cushion,.mystuff-operations__calendar-panel .fc-timegrid-axis-cushion{color:inherit}.mystuff-operations__calendar-panel .fc-day-today{background:#2563eb2e!important}.mystuff-operations__calendar-panel .fc-scrollgrid,.mystuff-operations__calendar-panel .fc-theme-standard td,.mystuff-operations__calendar-panel .fc-theme-standard th{background-color:#040c18d1;border-color:#283c5e73}.mystuff-operations__calendar-panel .fc-timegrid-now-indicator,.mystuff-operations__calendar-panel .fc-timegrid-now-indicator-line{border-color:#3b82f6bf}.mystuff-scheduler-overlay{align-items:center;background:#050c18b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:clamp(1rem,5vw,2.5rem);position:fixed;z-index:40}.mystuff-scheduler{background:#091120eb;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 32px 64px #040c1a8c;display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1.25rem);max-height:min(90vh,720px);overflow-y:auto;padding:clamp(1rem,4vw,1.5rem);width:min(420px,100%)}.mystuff-scheduler__header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mystuff-scheduler__subhead{color:var(--text-secondary);font-size:.9rem;margin:0}.mystuff-scheduler__task-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.mystuff-scheduler__task-meta{grid-gap:.5rem;color:var(--text-secondary);display:grid;font-size:.82rem;gap:.5rem;grid-template-columns:1fr;margin:0}.mystuff-scheduler__task-meta div{display:flex;flex-direction:column;gap:.25rem}.mystuff-scheduler__task-meta dt{color:#94a3b8d9;color:var(--text-tertiary,#94a3b8d9);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mystuff-scheduler__task-meta dd{color:var(--text-secondary);margin:0}.mystuff-scheduler__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mystuff-scheduler__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mystuff-scheduler__field{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.mystuff-scheduler__field--full{grid-column:1/-1}.mystuff-scheduler__field--with-action{gap:.5rem;position:relative}.mystuff-scheduler__field-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.mystuff-scheduler__form-toggle{font-size:.8rem;padding:.25rem .75rem}.mystuff-scheduler__selected-form{align-items:center;color:var(--text-secondary);display:flex;font-size:.82rem;gap:.5rem}.mystuff-scheduler__form-remove{font-size:.75rem;padding-inline:.5rem}.mystuff-scheduler__form-picker{background:#0f172af5;border:1px solid #94a3b840;border-radius:12px;box-shadow:0 18px 32px #040c1a73;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.mystuff-scheduler__form-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0}.mystuff-scheduler__form-list button{background:#1e293bb3;border:1px solid #0000;border-radius:8px;color:var(--text-primary);font-size:.85rem;padding:.5rem;text-align:left;width:100%}.mystuff-scheduler__form-list button:focus,.mystuff-scheduler__form-list button:hover{background:#2563eb33;border-color:#60a5faa6}.mystuff-scheduler__form-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.mystuff-scheduler__field span{font-weight:600;letter-spacing:.02em}.mystuff-scheduler__fieldset{border:1px solid #94a3b84d;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.mystuff-scheduler__fieldset legend{color:var(--text-secondary);font-size:.85rem;letter-spacing:.08em;padding:0 .25rem;text-transform:uppercase}.mystuff-scheduler__mode-toggle{display:flex;flex-wrap:wrap;gap:1.25rem}.mystuff-scheduler__mode-toggle label{align-items:center;cursor:pointer;display:inline-flex;font-size:.88rem;gap:.5rem}.mystuff-scheduler__mode-toggle input[type=radio]{accent-color:#60a5fae6}.mystuff-scheduler__textarea{min-height:3.25rem;resize:vertical}.mystuff-scheduler__retry{font-size:.8rem;margin-top:.5rem;padding-inline:.75rem}.mystuff-scheduler__retry:disabled{cursor:not-allowed;opacity:.6}.mystuff-scheduler__history{border-top:1px solid #94a3b840;display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;padding-top:.75rem}.mystuff-scheduler__history-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.mystuff-scheduler__history-item{background:#1e293b8c;border:1px solid #3b82f633;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.mystuff-scheduler__history-meta{align-items:baseline;color:#94a3b8d9;color:var(--text-tertiary,#94a3b8d9);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.25rem}.mystuff-scheduler__history-timestamp{font-weight:600}.mystuff-scheduler__history-actor{font-style:italic}.mystuff-scheduler__history-body{color:var(--text-primary);font-size:.82rem}.mystuff-scheduler__history-body p{margin:.25rem 0 0}.mystuff-scheduler__assign{display:flex;flex-direction:column;gap:.75rem}.mystuff-scheduler__assign-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mystuff-scheduler__hint{color:var(--text-secondary);font-size:.82rem;margin:0}.mystuff-assignee-input{display:flex;flex-direction:column;gap:.5rem;position:relative}.mystuff-assignee-input__status{color:var(--text-secondary);font-size:.78rem}.mystuff-assignee-input__results{background:#091120f5;border:1px solid #60a5fa47;border-radius:12px;box-shadow:0 18px 36px #050c1a73;left:0;list-style:none;margin:0;max-height:12rem;overflow-y:auto;padding:.25rem 0;position:absolute;right:0;top:calc(100% + .25rem);z-index:2}.mystuff-assignee-input__results li+li{margin-top:.25rem}.mystuff-assignee-input__results button{background:none;border:0;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;text-align:left;transition:background .15s ease;width:100%}.mystuff-assignee-input__results button:focus-visible,.mystuff-assignee-input__results button:hover{background:#2563eb3d;outline:none}.mystuff-assignee-input__label{font-size:.9rem;font-weight:600}.mystuff-assignee-input__meta{color:var(--text-secondary);font-size:.78rem}.mystuff-assignee-preview{align-items:center;background:#1e293b80;border:1px solid #60a5fa40;border-radius:12px;display:flex;gap:.75rem;padding:.5rem .75rem}.mystuff-assignee-preview__avatar{align-items:center;background:#0f172acc;border-radius:50%;color:#94a3b8d9;display:inline-flex;font-size:.95rem;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.mystuff-assignee-preview__avatar img{height:100%;object-fit:cover;width:100%}.mystuff-assignee-preview__fallback{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.mystuff-assignee-preview__meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.mystuff-assignee-preview__name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mystuff-assignee-preview__loading,.mystuff-assignee-preview__title{color:var(--text-secondary);font-size:.78rem}.mystuff-assignee-preview__clear{margin-left:auto}.mystuff-scheduler__actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.mystuff-scheduler__actions .btn{background:linear-gradient(135deg,#0f766e,#0d9488);background:linear-gradient(135deg,var(--primary-hover,#0f766e) 0,var(--primary,#0d9488) 100%);border:none;color:#fff;color:var(--text-primary,#fff);font-weight:600}.mystuff-scheduler__actions .btn:hover:not(:disabled){background:linear-gradient(135deg,#0a5c54,#0f766e);box-shadow:0 4px 15px #0d948866;transform:translateY(-1px)}.mystuff-scheduler__actions .btn:disabled{cursor:not-allowed;opacity:.6}.mystuff-scheduler__error{background:#f871712e;border:1px solid #f8717159;border-radius:12px;color:#fecaca;color:var(--error-light,#fecaca);font-size:.85rem;padding:.75rem}.mystuff-scheduler__error--inline{margin:0}.ghost-btn,.tertiary-btn{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:.5rem .75rem;transition:background .2s ease,border-color .2s ease,color .2s ease}.tertiary-btn{background:#7f1d1d2e;border:1px solid #f8717166;color:#fecaca;color:var(--error-light,#fecaca)}.tertiary-btn:focus-visible,.tertiary-btn:hover{background:#991b1b52;border-color:#f8717199;outline:none}.ghost-btn{background:#0000;border:1px solid #94a3b859;color:var(--text-secondary)}.ghost-btn:focus-visible,.ghost-btn:hover{border-color:#94a3b88c;color:var(--text-primary);outline:none}.ghost-btn:disabled,.tertiary-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1280px){.mystuff-operations__planner{grid-template-columns:1fr}}@media (max-width:1024px){.mystuff-timeline-panel__header,.mystuff-timeline__summary-title{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.mystuff-operations__header{align-items:flex-start;flex-direction:column}.mystuff-operations__grid,.mystuff-workbench__grid{grid-template-columns:1fr}.workbench-card{padding:12px}}.back-link{align-items:center;color:var(--accent-teal);display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-link:hover{background:#2a9d8f1a;color:var(--accent-gold);transform:translateX(-2px)}.mystuff-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-mystic);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:.5rem}.username{color:var(--text-primary);font-weight:600}.user-type{color:var(--text-muted);font-size:.9rem}.mystuff-content{align-items:stretch;display:flex;flex:1 1;gap:0}.tier-indicator{color:#7dd3fc;color:var(--accent-500,#7dd3fc);font-weight:700;margin-left:4px}.mystuff-nav{background:var(--glass-bg);background:var(--mystuff-nav-surface,var(--glass-bg));border-radius:0 12px 12px 0;border-right:1px solid var(--border-color);border-top:none;flex:0 0 280px;overflow-y:auto;padding:.5rem 0 .75rem;transition:width .3s ease,opacity .2s ease,padding .2s ease;width:280px}.mystuff-content--nav-collapsed .mystuff-nav{border-right:0;flex:0 0;min-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;visibility:hidden;width:0}.mystuff-identity{border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem 1rem}.mystuff-identity__row{align-items:center;display:flex;gap:.75rem;width:100%}.mystuff-avatar-button{background:#0000;border:none;color:inherit;cursor:pointer;display:grid;padding:0;place-items:center}.mystuff-avatar-circle{background:#ffffff14;border:1px solid var(--glass-border);border-radius:50%;display:grid;height:44px;overflow:hidden;place-items:center;width:44px}.mystuff-avatar-circle img{height:100%;object-fit:cover;width:100%}.mystuff-identity__names{display:flex;flex-direction:column;gap:.25rem;text-align:left}.mystuff-identity__username{font-weight:600}.mystuff-identity__title{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:0}.mystuff-identity__meta{grid-gap:.5rem;display:grid;gap:.5rem}.mystuff-balance-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.mystuff-identity__back{align-items:center;display:inline-flex;gap:.25rem;margin-top:.25rem}.nav-section{margin-bottom:2rem}.nav-groups{gap:1.25rem}.nav-group,.nav-groups{display:flex;flex-direction:column}.nav-group{gap:.75rem}.nav-group-toggle{align-items:center;background:#0b162f;background:var(--surface-1,#0b162f);border:1px solid #4f81ff73;border-radius:4px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;display:flex;font-size:.78rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding:.75rem 1rem;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease;width:100%}.nav-group-toggle:focus-visible,.nav-group-toggle:hover{background:#132d55;background:var(--surface-1,#132d55);border-color:#7db4ff99;color:#fff;color:var(--text-primary,#fff);outline:none}.nav-group--collapsed .nav-group-toggle{background:#091429;background:var(--surface-1,#091429);color:#e2e8f0c7}.nav-group-chevron{font-size:.8rem;transition:transform .2s ease}.nav-group--collapsed .nav-group-chevron{transform:rotate(-90deg)}.nav-section h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1.25rem;text-transform:uppercase}.nav-section ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.nav-group--collapsed .nav-list{display:none}.nav-item{list-style:none;margin:0}.nav-link-btn{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;font:inherit;font-weight:600;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem;text-align:left;text-decoration:none;transition:color .2s ease,background .2s ease;width:100%}.nav-link-btn:focus-visible,.nav-link-btn:hover{background:#14203947;color:var(--text-primary);outline:none}.nav-item.active .nav-link-btn{background:#0c14268c;color:#f8fafc;color:var(--text-inverse,#f8fafc)}.nav-item.sub-nav .nav-link-btn{padding-left:2.25rem}.nav-pill{background:#93c5fd38;border:1px solid #93c5fd80;border-radius:999px;color:#cedffb;font-size:.75rem;font-weight:600;line-height:1.25rem;min-width:1.75rem;padding:.25rem .5rem;text-align:center}.nav-pill--stale{background:#f4a2612e;border-color:#f4a261a6;color:var(--accent-warm)}.nav-label{flex:1 1;font-size:.95rem}.nav-badge{background:var(--gradient-warm);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.nav-group-label{color:var(--text-secondary);cursor:default;font-size:.75rem;letter-spacing:.08em;opacity:.7;padding:.5rem 1.25rem .25rem;text-transform:uppercase}.nav-group-label span{display:inline-block}.mystuff-main{background:#0000;display:flex;flex:1 1;flex-direction:column;isolation:isolate;min-height:0;overflow-y:auto;padding:clamp(var(--layout-grid-gap,1.5rem),6vw,3rem) max(var(--mystuff-inline-gutter),env(safe-area-inset-right,0)) clamp(calc(var(--layout-grid-gap, 1.5rem)*1.25),8vw,3.5rem) max(var(--mystuff-inline-gutter),env(safe-area-inset-left,0));position:relative;z-index:0}.mystuff-main--fullwidth{padding-left:0;padding-right:0;padding-top:clamp(.75rem,3vw,1.75rem)}.mystuff-main .desk-area{margin:0;padding-block:clamp(1.5rem,5vw,2.75rem);padding-block:clamp(var(--layout-grid-gap,1.5rem),5vw,2.75rem);padding-inline:clamp(var(--mystuff-inline-gutter),6vw,calc(var(--mystuff-inline-gutter)*1.1))}.mystuff-main .desk-content{border-radius:16px}.mystuff-notice{align-items:flex-start;background:#ffffff14;border-radius:12px;border-radius:var(--radius-md,12px);display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));margin-bottom:clamp(.5rem,3vw,.75rem);margin-bottom:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));padding-right:clamp(.75rem,4vw,1.5rem);padding-right:clamp(var(--spacing-md,.75rem),4vw,var(--spacing-lg,1.5rem));position:relative}.mystuff-notice-dismiss{line-height:1;position:absolute;right:clamp(.25rem,2vw,.5rem);right:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem));top:clamp(.25rem,2vw,.5rem);top:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem))}.mystuff-values-overlay{padding:clamp(.75rem,5vw,2.75rem);padding:clamp(var(--spacing-md,.75rem),5vw,2.75rem)}.mystuff-values-dialog{border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1rem);gap:clamp(var(--spacing-md,.75rem),3vw,var(--spacing-lg,1rem));margin:clamp(1.5rem,8vh,5rem) auto;padding:clamp(.75rem,4vw,1.5rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.5rem);width:min(760px,calc(100vw - 2rem));width:min(760px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.mystuff-values-dialog--ranked{max-height:90vh;overflow:hidden;padding:0;width:min(980px,calc(100vw - 2rem))}.mystuff-reauth-dialog{max-width:min(440px,94vw)}.mystuff-reauth-dialog,.mystuff-reauth-header{gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.mystuff-reauth-header{align-items:center;display:flex;justify-content:space-between}.mystuff-reauth-title{margin:0}.mystuff-reauth-description{color:#e2e8f0d9;color:var(--text-on-surface-muted,#e2e8f0d9);font-size:.95rem;line-height:1.5;margin:0}.mystuff-reauth-error{background:#dc262633;border-radius:12px;border-radius:var(--radius-sm,12px);color:#fca5a5;color:var(--status-danger-strong,#fca5a5);font-size:.9rem;margin:0;padding:clamp(.25rem,2vw,.5rem) clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-sm,.5rem)) clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.mystuff-reauth-form{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.mystuff-reauth-field{display:flex;flex-direction:column;font-size:.95rem;gap:clamp(.25rem,2vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-xs,.5rem))}.mystuff-reauth-field input{width:100%}.mystuff-reauth-actions{display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));justify-content:flex-end}.mystuff-values-header{align-items:center;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:space-between}.mystuff-values-title{margin:0}.mystuff-values-body{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.mystuff-values-description{color:#e2e8f0d9;color:var(--text-on-surface-muted,#e2e8f0d9);font-size:.95rem;line-height:1.5;margin:0}@media (max-width:640px){.mystuff-values-dialog{gap:8px;padding:12px;width:min(96vw,520px)}.mystuff-values-description{font-size:.9rem}}@media (max-width:768px){.mystuff-main .desk-area{margin:0;padding-block:16px;padding-inline:var(--mystuff-inline-gutter)}}.tab-content{max-width:none;width:100%}.tab-content h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.tab-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.mystuff-tab-shell{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.75rem)}.mystuff-tab-shell--stretch{flex:1 1;height:100%;min-height:0}.mystuff-tab-shell--messages{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-top:clamp(.25rem,1vw,.75rem)}.mystuff-tab-shell--messages .mystuff-tab-shell__body{display:flex;flex:1 1;flex-direction:column;height:0;min-height:0}.mystuff-tab-shell--stretch .mystuff-tab-shell__body{flex:1 1;height:0;min-height:0}.mystuff-tab-shell--headerless{gap:clamp(.25rem,1vw,.75rem)}.mystuff-tab-shell--headerless .mystuff-tab-shell__body{margin-top:0}.mystuff-tab-shell--fullwidth.mystuff-tab-content{max-width:none;padding-inline:0}.mystuff-tab-shell--fullwidth .mystuff-tab-shell__body{width:100%}.mystuff-tab-shell__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);justify-content:space-between}.mystuff-tab-shell__intro{display:flex;flex-direction:column;gap:.5rem;max-width:540px}.mystuff-tab-shell__intro h2{color:var(--text-primary);font-size:clamp(1.35rem,3vw,1.7rem);margin:0}.mystuff-tab-shell__intro p{color:var(--text-secondary);line-height:1.55;margin:0}.mystuff-tab-shell__actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-tab-shell__body{display:flex;flex-direction:column}.mystuff-tab-shell__body--stack{gap:clamp(1rem,2.5vw,1.5rem)}.mystuff-tab-shell__body--plain{gap:0}.mystuff-overview .overview-intro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.mystuff-qr-callout{margin-top:clamp(1rem,3vw,1.75rem)}.mystuff-qr-callout__content{grid-gap:.75rem;display:grid;gap:.75rem}.mystuff-qr-callout__header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.mystuff-qr-callout__hint{color:var(--text-secondary);font-size:.9rem;margin:0}.mystuff-qr-callout__cta{justify-self:flex-start}.mystuff-qr-callout__message,.mystuff-qr-callout__status,.mystuff-qr-callout__warning{font-size:.85rem;margin:0}.mystuff-qr-callout__message{color:var(--text-secondary)}.mystuff-qr-callout__status{color:#facc15;color:var(--accent-color,#facc15)}.mystuff-qr-callout__warning{color:#f87171;color:var(--error-light,#f87171)}.overview-stats{grid-gap:1.25rem;background:#12162347;border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:1.25rem;grid-auto-flow:column;min-width:220px;padding:1rem 1.25rem}.overview-stats strong{color:var(--text-primary);display:block;font-size:1.15rem}.overview-stat-label{color:var(--text-secondary);display:block;font-size:.78rem;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.mystuff-hub{background:#12162347;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem;padding:1.5rem}.mystuff-hub__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.mystuff-hub__header h3{color:var(--text-primary);font-size:1.35rem;margin:0}.mystuff-hub__header p{color:var(--text-secondary);margin:.5rem 0 0}.mystuff-hub__create{background:var(--gradient-mystic);color:#fff;color:var(--text-primary,#fff);font-weight:600}.mystuff-hub__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mystuff-hub__card{grid-gap:.75rem;align-items:start;background:#0c101c59;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;padding:1rem;text-align:left;transition:transform .2s ease,border-color .2s ease}.mystuff-hub__card:hover{border-color:var(--accent-purple);transform:translateY(-3px)}.mystuff-hub__icon{font-size:1.75rem}.mystuff-hub__body{display:flex;flex-direction:column;gap:.25rem}.mystuff-hub__body strong{color:var(--text-primary);font-size:1.05rem}.mystuff-hub__body span{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.mystuff-hub__badge{align-self:start;background:var(--gradient-warm);border-radius:999px;color:#fff;color:var(--text-primary,#fff);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.quick-actions{margin-top:2rem}.quick-actions h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.action-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.action-card{align-items:center;background:#12162347;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #00000026;color:var(--text-primary);transform:translateY(-4px)}.action-icon{font-size:2rem}.placeholder-content{background:#12162347;border-radius:12px;margin-top:2rem;padding:3rem 2rem;text-align:center}.placeholder-content p{color:var(--text-muted);font-size:1.1rem;margin-bottom:1.5rem}.btn{display:inline-block;font-size:1rem;min-width:120px}.btn-primary{background:var(--gradient-warm)}.btn-primary:hover{box-shadow:0 4px 15px #f4a26166;color:#fff;transform:translateY(-2px)}.account-summary{background:#0c101c59;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.account-summary__header h3{-webkit-text-fill-color:#0000;background:var(--gradient-mystic);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.15rem,2.6vw,1.4rem);margin:0 0 .5rem}.account-summary__header p{color:var(--text-secondary);margin:0}.account-summary__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:1.5rem}.account-summary__grid dl{display:flex;flex-direction:column;gap:.25rem;margin:0}.account-summary__grid dt{color:var(--text-secondary);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.account-summary__grid dd{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0}.content-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.content-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-mystic);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.content-header p{color:var(--text-muted);font-size:1rem;margin-bottom:0}.settings-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.settings-card{background:#12162347;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease}.settings-card:hover{border-color:var(--accent-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.settings-card h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.settings-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.mystuff-inventory__header{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.mystuff-inventory__header--deliveries{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}.mystuff-inventory__summary h3{font-size:1.15rem;margin:0}.mystuff-inventory__controls{display:flex;flex-wrap:wrap;gap:.75rem}.mystuff-inventory__controls .input{flex:1 1 12rem;min-width:200px}.mystuff-inventory__placeholder{background:#11182780;border:1px solid var(--glass-border);border-radius:12px}.mystuff-inventory__placeholder h4{font-size:1rem;margin:0 0 .5rem}.mystuff-inventory__placeholder p{line-height:1.5;margin:0}.inventory-tabs{border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-bottom:.75rem}.inventory-tab{background:#11182773;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.inventory-tab.active{background:linear-gradient(135deg,#2563ebb3,#3b82f699);border-color:#0000;color:#fff}.inventory-tab:hover:not(.active){background:#3b82f62e}@media (max-width:768px){.mystuff-page{--mystuff-inline-gutter:8px}.mystuff-page--roles{--mystuff-inline-gutter:6px}.mystuff-tab-content{padding-inline:0}.mystuff-panel{border-radius:12px;padding:.75rem}.mystuff-page--roles .mystuff-main{padding-left:max(var(--mystuff-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--mystuff-inline-gutter),env(safe-area-inset-right,0))}.mystuff-header{align-items:center;flex-direction:row;gap:.75rem;padding:.75rem 1rem;text-align:left}.mystuff-header h1{flex:1 1;font-size:1.5rem}.mystuff-drawer-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:background .18s ease,transform .18s ease}.mystuff-drawer-toggle:focus-visible,.mystuff-drawer-toggle:hover{background:#ffffff24;outline:none;transform:translateY(-1px)}.mystuff-drawer-toggle__icon{display:flex;flex-direction:column;gap:4px;width:18px}.mystuff-drawer-toggle__icon span{background:currentColor;border-radius:1px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:100%}.mystuff-drawer-toggle__icon--open span:first-child{transform:translateY(5px) rotate(45deg)}.mystuff-drawer-toggle__icon--open span:nth-child(2){opacity:0}.mystuff-drawer-toggle__icon--open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.mystuff-drawer-backdrop{animation:mystuff-backdrop-in .2s ease forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#040712a6;display:block;inset:0;position:fixed;z-index:9990;z-index:var(--z-fab,9990)}@keyframes mystuff-backdrop-in{0%{opacity:0}to{opacity:1}}.mystuff-content{flex-direction:column;position:relative}.mystuff-nav{border-left:none;border-radius:0 16px 16px 0;bottom:0;box-shadow:4px 0 24px #00000059;left:0;max-width:320px;overflow-y:auto;padding:1rem 0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:min(280px,85vw);z-index:9999;z-index:var(--z-max,9999)}.mystuff-nav--drawer-open{transform:translateX(0)}.mystuff-nav ul{display:flex;flex-direction:column;gap:.25rem;overflow-x:visible;padding:0 .5rem;scrollbar-width:thin}.nav-item{background:#0000;border-bottom:none;border-left:3px solid #0000;border-radius:0 8px 8px 0;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1rem;white-space:nowrap}.overview-stats{grid-auto-flow:row}.mystuff-hub__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.nav-item:hover{transform:translateX(2px)}.nav-item.active,.nav-item:hover{border-bottom:none;border-left-color:var(--accent-purple)}.nav-item.active{background:#3b82f61f}.mystuff-main{padding-bottom:1.25rem;padding-left:max(var(--mystuff-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--mystuff-inline-gutter),env(safe-area-inset-right,0));padding-top:.75rem}.action-grid{grid-template-columns:1fr}.placeholder-content{padding:2rem 1rem}}@media (max-width:480px){.mystuff-page{--mystuff-inline-gutter:6px}.mystuff-header{padding:.5rem}.mystuff-header h1{font-size:1.25rem}.nav-item{font-size:.875rem;padding:.5rem .75rem}.nav-badge{font-size:.6rem;padding:4px 8px}.mystuff-panel{border-radius:12px;padding:8px}.mystuff-main{padding-bottom:1rem;padding-left:max(var(--mystuff-inline-gutter),env(safe-area-inset-left,0));padding-right:max(var(--mystuff-inline-gutter),env(safe-area-inset-right,0));padding-top:.75rem}.tab-content h2{font-size:1.25rem}.action-card{padding:1rem}.action-icon{font-size:1.5rem}.mystuff-header{padding:.5rem}.mystuff-header h1{font-size:1.25rem}.back-link{font-size:.875rem;padding:8px 12px}.nav-item{font-size:.875rem;padding:.5rem .75rem}.user-details{padding:1rem}}.stat-card{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-card h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.stat-value{color:var(--accent-warm)}.stat-card p{color:var(--text-muted);font-size:.9rem;margin:0}.empty-inventory{background:#12162347;border:2px dashed var(--border-color);border-radius:12px;padding:3rem;text-align:center}.empty-inventory h3{color:var(--text-primary);margin-bottom:.5rem}.empty-inventory p{color:var(--text-muted);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.settings-container{margin:0 auto;max-width:800px}.settings-section{background:#12162347;border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem}.settings-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.setting-group{margin-bottom:1.5rem}.setting-group:last-child{margin-bottom:0}.setting-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.setting-input{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.setting-input:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed}.setting-input:focus{border-color:var(--accent-warm);box-shadow:0 0 0 2px #f4a26133;outline:none}.user-type-display{align-items:center;display:flex;gap:1rem}.type-badge{border-radius:24px;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.type-badge.guest{background:var(--bg-tertiary);color:var(--text-secondary)}.type-badge.member{background:#d4edda;background:var(--success-bg,#d4edda);color:#155724}.type-badge.member\+{background:#cce7ff;background:var(--info-bg,#cce7ff);color:#004085}.type-badge.member\+\+{background:#f8d7da;background:var(--error-bg,#f8d7da);color:#721c24}.type-badge.admin{background:var(--gradient-mystic);color:#fff}.upgrade-account-btn{background:var(--gradient-warm);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.upgrade-account-btn:hover{box-shadow:0 4px 12px #f4a26166;transform:translateY(-1px)}.setting-toggle{align-items:center;cursor:pointer;display:flex;gap:1rem;margin-bottom:0!important}.setting-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;background:var(--text-muted,#ccc);border-radius:24px;height:24px;position:relative;transition:all .3s ease;width:50px}.toggle-slider:before{background:var(--secondary-bg);border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.setting-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--accent-warm)}.setting-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(26px)}.range-input{-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:4px;height:6px;margin:.5rem 0;outline:none;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-warm);border-radius:50%;cursor:pointer;height:20px;width:20px}.range-input::-moz-range-thumb{background:var(--accent-warm);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.range-value{color:var(--accent-warm);font-size:.9rem;font-weight:600}.checkbox-group{flex-wrap:wrap;gap:1rem}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:0!important}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.setting-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.clear-data-btn{background:#dc3545;background:var(--error,#dc3545);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-data-btn:hover{background:#c82333;background:var(--error,#c82333);transform:translateY(-1px)}.settings-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.save-settings-btn{background:var(--gradient-mystic);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.save-settings-btn:hover{box-shadow:0 4px 15px #6a4c9366;transform:translateY(-1px)}.reset-settings-btn{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.reset-settings-btn:hover{background:var(--border-color);transform:translateY(-1px)}@media (max-width:768px){.settings-container{padding:0}.settings-section{padding:1rem}.user-type-display{align-items:flex-start}.checkbox-group,.user-type-display{flex-direction:column;gap:.5rem}.settings-actions{align-items:center;flex-direction:column}.reset-settings-btn,.save-settings-btn{max-width:300px;width:100%}}.upgrade-pending{background:linear-gradient(135deg,#fdba741f,#fbbf2414);border:1px solid #fbbf2459;border-radius:12px;padding:1.5rem;text-align:center}.upgrade-pending h3{color:#fcd34d;color:var(--warning,#fcd34d);font-size:1.25rem;margin:0 0 .75rem}.upgrade-pending p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 1rem}.pending-status-indicator{display:flex;justify-content:center;margin-top:.5rem}.pending-badge{align-items:center;background:#fdba742e;border:1px solid #fbbf2459;border-radius:24px;color:#fcd34d;color:var(--warning,#fcd34d);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.pending-status-details{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.pending-submitted-date{color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.875rem;gap:.5rem}.pending-submitted-date .pending-label{color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.pending-submitted-date .pending-value{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-weight:500}.pending-hint{color:#64748b!important;color:var(--text-muted,#64748b)!important;font-size:.8rem!important;margin-bottom:0!important;margin-top:.75rem!important}.upgrade-card{background:#0b1220;background:var(--surface-1,#0b1220);border:1px solid var(--border-color);border-radius:8px;margin:12px 0;padding:12px}.upgrade-card h3{margin:0 0 8px}.upgrade-card ul{margin:8px 0 12px 16px}.upgrade-card__note{color:#ffffff80;color:var(--text-muted,#ffffff80);font-size:.78rem;line-height:1.4;margin:0 0 12px}@media (max-width:768px){.upgrade-card{border-radius:12px;margin:12px 0;padding:16px}.upgrade-card h3{font-size:1.1rem;margin-bottom:8px}.upgrade-card ul{font-size:.9rem;margin-left:16px}.upgrade-card ul li{padding:4px 0}.upgrade-card .btn,.upgrade-card button{font-size:.95rem;padding:12px 16px;width:100%}}@media (max-width:480px){.upgrade-card{border-radius:8px;padding:12px}.upgrade-card h3{font-size:1rem}.upgrade-card ul{font-size:.85rem}}.verification-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.verification-modal{background:#0f172a;border:1px solid #1f2937;border-radius:8px;box-shadow:0 10px 25px #0006;color:#e2e8f0;max-width:560px;width:100%}.vm-header{align-items:center;border-bottom:1px solid #1f2937;display:flex;justify-content:space-between;padding:12px 16px}.vm-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:20px}.vm-body{padding:16px}.vm-choice{gap:16px}.vm-choice,.vm-field{display:flex;margin:12px 0}.vm-field{flex-direction:column;gap:8px}.vm-hint{color:#94a3b8;font-size:12px}.vm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.primary-btn{background:#2563eb;border:none;border-radius:8px;color:#fff}.primary-btn,.secondary-btn{cursor:pointer;padding:8px 12px}.secondary-btn{background:#1f2937;border:1px solid #334155;border-radius:8px;color:#e2e8f0}.alert.alert-danger{background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;color:#fee2e2;padding:8px 12px}.vm-summary{background:#111827;border:1px solid #1f2937}.vm-error,.vm-summary{border-radius:8px;padding:8px 12px}.vm-error{background:#450a0a;color:#f87171;font-size:13px;margin-top:4px}.vm-hint--muted{color:#64748b}@media (max-width:768px){.verification-modal-overlay{align-items:flex-end;padding:0}.verification-modal{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;overflow-y:auto;width:100%}.vm-header{background:#0f172a;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.vm-header:before{background:#94a3b866;border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}.vm-header h3{padding-top:4px}.vm-body{padding:16px}.vm-choice{flex-direction:column;gap:12px}.vm-choice button,.vm-choice label{padding:12px 16px;text-align:center;width:100%}.vm-field input,.vm-field select,.vm-field textarea{font-size:16px;padding:12px}.vm-actions{flex-direction:column;gap:12px}.primary-btn,.secondary-btn,.vm-actions button{font-size:1rem;padding:12px 16px;width:100%}}@media (max-width:480px){.vm-body,.vm-header{padding:12px}.vm-hint{font-size:.75rem}}.values-survey-ranked{background:#0a0f1ffa;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 60px #0009;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;min-width:0;overflow:hidden;padding:1.5rem;width:min(1200px,100%)}.values-survey-ranked__header{align-items:flex-start;border-bottom:1px solid #94a3b826;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.values-survey-ranked__header-text h2{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 .25rem}.values-survey-ranked__header-text p{color:#cbd5e1d9;font-size:.9rem;margin:0}.values-survey-ranked__close{background:#33415599;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0e6;cursor:pointer;flex-shrink:0;font-weight:600;padding:.5rem 1rem;transition:all .2s}.values-survey-ranked__close:hover{background:#475569cc}.values-survey-ranked__selections{margin-bottom:.75rem}.values-survey-ranked__selections-label{color:#94a3b8e6;font-size:.8rem;font-weight:600;margin-bottom:.25rem}.values-survey-ranked__selections-row{display:flex;flex-wrap:nowrap;gap:4px}.values-survey-ranked__chip{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;cursor:grab;display:inline-flex;flex-shrink:0;font-size:.75rem;gap:2px;padding:2px 4px;touch-action:none;transition:all .15s;user-select:none;-webkit-user-select:none}.values-survey-ranked__chip:hover{background:#3b82f64d}.values-survey-ranked__chip.is-dragging{cursor:grabbing;opacity:.5}.values-survey-ranked__chip.is-drag-over{background:#8b5cf633;border-color:#8b5cf6cc}.values-survey-ranked__chip.is-empty{background:#1e293b80;border:1px dashed #94a3b84d;cursor:default}.values-survey-ranked__chip-rank{color:#93c5fde6;flex-shrink:0;font-size:.65rem;font-weight:700;min-width:8px}.values-survey-ranked__chip.is-empty .values-survey-ranked__chip-rank{color:#94a3b880}.values-survey-ranked__chip-label{color:#e2e8f0f2;font-weight:600;white-space:nowrap}.values-survey-ranked__chip-placeholder{color:#94a3b880;font-size:.65rem}.values-survey-ranked__chip-remove{align-items:center;background:#0000;border:none;border-radius:2px;color:#94a3b899;cursor:pointer;display:flex;font-size:.65rem;height:10px;justify-content:center;line-height:1;margin-left:1px;padding:0;transition:all .15s;width:10px}.values-survey-ranked__chip-remove:hover{background:#ef44444d;color:#ef4444}.values-survey-ranked__available{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.values-survey-ranked__available h3{color:#e2e8f0f2;font-size:.95rem;font-weight:700;margin:0 0 .5rem}.values-survey-ranked__grid{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:repeat(5,1fr);overflow-y:auto;padding-right:.5rem}.values-survey-ranked__grid::-webkit-scrollbar{width:6px}.values-survey-ranked__grid::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.values-survey-ranked__value-btn{align-items:flex-start;background:#1e293b99;border:1px solid #94a3b833;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:100%;min-height:70px;padding:.5rem .75rem;text-align:left;transition:all .2s}.values-survey-ranked__value-btn:hover:not(:disabled){background:#3b82f626;border-color:#3b82f680;transform:translateY(-1px)}.values-survey-ranked__value-btn:disabled{cursor:not-allowed;opacity:.4}.values-survey-ranked__value-label{color:#e2e8f0f2;font-size:.85rem;font-weight:700}.values-survey-ranked__value-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8cc;display:-webkit-box;font-size:.75rem;line-height:1.3;overflow:hidden}.values-survey-ranked__footer{align-items:center;border-top:1px solid #94a3b826;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.values-survey-ranked__status{font-size:.9rem}.values-survey-ranked__ready{color:#22c55e;font-weight:600}.values-survey-ranked__progress{color:#94a3b8cc}.values-survey-ranked__footer .btn-primary{font-size:.95rem;font-weight:600;padding:.75rem 1.5rem}.synchronicity-badge{align-items:center;background:#0f172acc;border:1px solid #94a3b840;border-radius:999px;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem}.synchronicity-badge__score{font-weight:700}.synchronicity-badge__label{color:#94a3b8e6;font-size:.75rem}.synchronicity-meter{display:flex;flex-direction:column;gap:.5rem}.synchronicity-meter__bar{background:#33415580;border-radius:999px;height:8px;overflow:hidden}.synchronicity-meter__fill{border-radius:999px;height:100%;transition:width .5s ease-out}.synchronicity-meter__info{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.synchronicity-meter__percentage{font-weight:700}.synchronicity-meter__tier{font-weight:600}@media (max-width:640px){.values-survey-ranked{max-height:none;padding:1rem}.values-survey-ranked__header-text h2{font-size:1.2rem}.values-survey-ranked__grid{grid-template-columns:1fr;max-height:50vh}.values-survey-ranked__header{flex-wrap:wrap}.values-survey-ranked__footer{flex-wrap:wrap;gap:.75rem}.values-survey-ranked__footer .btn-primary{width:100%}.values-survey-ranked__chip{font-size:.75rem;padding:.25rem .5rem}.values-survey-ranked__chip-rank{font-size:.65rem;height:16px;width:16px}}.values-survey-ranked__title-preview{align-items:center;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid #8b5cf64d;border-radius:12px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem}.values-survey-ranked__title-preview-label{color:#94a3b8e6;flex-shrink:0;font-size:.8rem;font-weight:500}.values-survey-ranked__title-preview-value{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem}.values-survey-ranked__title-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.values-survey-ranked__title-hint{color:#94a3b899;font-size:.75rem;font-style:italic}@media (max-width:640px){.values-survey-ranked__title-preview{align-items:flex-start;flex-direction:column;gap:.25rem}}.inventory-skeleton{gap:12px;gap:var(--spacing-md,12px)}.inventory-skeleton,.inventory-skeleton__item{display:flex;flex-direction:column;padding:12px;padding:var(--spacing-md,12px)}.inventory-skeleton__item{background:#ffffff0a;background:var(--surface-secondary,#ffffff0a);border-radius:8px;border-radius:var(--radius-md,8px);gap:8px;gap:var(--spacing-sm,8px)}.inventory-skeleton--card .inventory-skeleton__item{min-height:100px}.inventory-skeleton__header{border-radius:4px;border-radius:var(--radius-sm,4px);height:20px;width:60%}.inventory-skeleton__body{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px)}.inventory-skeleton__line{border-radius:4px;border-radius:var(--radius-sm,4px);height:14px;width:100%}.inventory-skeleton__line--short{width:45%}.inventory-skeleton__footer{border-radius:4px;border-radius:var(--radius-sm,4px);height:24px;margin-top:auto;width:30%}.inventory-skeleton--row .inventory-skeleton__item{align-items:center;flex-direction:row;min-height:56px}.inventory-skeleton__avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.inventory-skeleton__content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--spacing-xs,4px);margin:0 8px;margin:0 var(--spacing-sm,8px)}.inventory-skeleton__badge{border-radius:9999px;border-radius:var(--radius-pill,9999px);flex-shrink:0;height:24px;width:60px}.inventory-skeleton--compact .inventory-skeleton__item{min-height:48px;padding:8px;padding:var(--spacing-sm,8px)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ticket-panel{background:#08101cb8;border:1px solid var(--glass-border);border-radius:16px;color:var(--text-primary);display:flex;flex-direction:column;gap:.5rem;padding:clamp(.75rem,2vw,1.25rem)}.ticket-panel__heading strong{font-size:1.05rem;font-weight:600}.ticket-panel__state{color:var(--text-secondary);font-size:.95rem;margin:0}.ticket-panel__hint{color:var(--text-secondary);font-size:.85rem;margin:0}.ticket-panel--error{border-color:#ef444461}.ticket-panel--empty{align-items:center;background:#0b142299;border-style:dashed;padding:2rem;text-align:center}.ticket-panel__empty-cta{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .15s,transform .1s}.ticket-panel__empty-cta:hover{background:#4f46e5;background:var(--color-primary-hover,#4f46e5);transform:translateY(-1px)}.ticket-collection{gap:clamp(.75rem,2.5vw,1.5rem)}.ticket-card,.ticket-collection{display:flex;flex-direction:column}.ticket-card{background:linear-gradient(160deg,#0a1220d6,#10192c94);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 36px #040c1852;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(1rem,3vw,1.5rem);transition:all .25s ease}.ticket-card--collapsed{gap:0}.ticket-card--collapsed .ticket-card__body{display:none}.ticket-card--expanded{border-color:#3b82f666}.ticket-card__body{border-top:1px solid #56688b33;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);margin-top:.5rem;padding-top:.75rem}.ticket-card__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.ticket-card__header--clickable{border-radius:12px;cursor:pointer;margin:-.5rem;padding:.5rem;transition:background .15s ease}.ticket-card__header--clickable:hover{background:#56688b14}.ticket-card__header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.ticket-card__expand-icon{color:var(--text-secondary);font-size:.85rem;transition:transform .2s ease}.ticket-card__header-content{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.ticket-card__thumbnail{border:1px solid #56688b52;border-radius:12px;flex-shrink:0;height:64px;object-fit:cover;width:64px}.ticket-card__header-text{flex:1 1;min-width:0}.ticket-card__title{color:var(--text-primary);font-size:clamp(1.05rem,2.6vw,1.35rem);margin:0}.ticket-card__subtitle{color:var(--text-secondary);font-size:.93rem;margin:.25rem 0 0}.ticket-card__status{align-items:center;border-radius:999px;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;letter-spacing:.02em;min-width:6.25rem;padding:.25rem .75rem;text-transform:uppercase}.ticket-card__status--positive{background:#22c55e29;border:1px solid #4ade8066;color:#bbf7d0}.ticket-card__status--info{background:#38bdf829;border:1px solid #60a5fa73;color:#bae6fd}.ticket-card__status--critical{background:#ef444429;border:1px solid #f8717173;color:#fecaca}.ticket-card__status--neutral{background:#94a3b824;border:1px solid #94a3b852;color:#e2e8f0}.ticket-card__meta{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0}.ticket-card__meta div{display:flex;flex-direction:column;gap:.25rem}.ticket-card__meta dt{color:var(--text-secondary);font-size:.75rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.ticket-card__meta dd{color:var(--text-primary);font-family:var(--font-mono);font-size:.98rem;font-weight:600;margin:0}.ticket-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.ticket-card__action-btn{border-radius:8px;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.ticket-card__action-btn.btn-secondary{background:#3b82f61f;border:1px solid #3b82f659;color:#93c5fd}.ticket-card__action-btn.btn-secondary:hover{background:#3b82f633;border-color:#3b82f680}.ticket-card__action-btn.btn-danger{background:#ef44441f;border:1px solid #ef444459;color:#fca5a5}.ticket-card__action-btn.btn-danger:hover{background:#ef444433;border-color:#ef444480}.ticket-card__action-btn.btn-danger:disabled{cursor:not-allowed;opacity:.5}.ticket-card__qr-prominent{align-items:center;background:#060f1eb8;border:1px solid #56688b52;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.ticket-card__qr-hint{color:var(--text-secondary);font-size:.85rem;margin:0;text-align:center}.ticket-card__meta--compact{grid-template-columns:repeat(2,1fr)}.ticket-card__activity-btn{align-self:flex-start;background:#1e40af1f;border:1px solid #1e40af40;border-radius:8px;color:#1e40af;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.ticket-card__activity-btn:hover{background:#1e40af33;border-color:#1e40af66;color:#3b82f6}.ticket-card__expand-btn{align-self:flex-start;color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.ticket-card__expand-btn:hover{color:var(--text-primary)}.ticket-card__qr{grid-gap:clamp(.75rem,2vw,1rem);background:#060f1eb8;border:1px solid #56688b52;border-radius:12px;display:grid;gap:clamp(.75rem,2vw,1rem);padding:clamp(.75rem,2vw,1.25rem)}.ticket-card__qr-canvas{background:#081224e6;border:1px solid #56688b47;border-radius:12px;justify-self:start;padding:.5rem}.ticket-card__qr-data{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.85rem;gap:.75rem}.ticket-card__qr-data code{background:#0f172ab8;border:1px solid #33415573;border-radius:8px;color:var(--text-primary);padding:.25rem .5rem}.ticket-card__timeline{border-top:1px solid #56688b47;display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem}.ticket-card__timeline h5{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0}.ticket-card__timeline ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.ticket-card__timeline li{align-items:baseline;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.25rem .5rem}.ticket-card__timeline-action{color:var(--text-primary);font-weight:600}.ticket-card__timeline-time{font-family:var(--font-mono);font-size:.78rem}.ticket-card__timeline-note{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.78rem}@media (max-width:768px){.ticket-card__meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ticket-card__actions{align-items:flex-start;flex-direction:column}.ticket-card__qr{justify-items:start}}.ticket-card__description{background:#56688b1f;border-left:3px solid #3b82f6;border-left:3px solid var(--accent-primary,#3b82f6);border-radius:12px;padding:.75rem 1rem}.ticket-card__description p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.ticket-card__items{background:#08101c7a;border:1px solid #56688b2e;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.ticket-card__items-header{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0}.ticket-card__items-remaining{color:#3b82f6;color:var(--accent-primary,#3b82f6);font-weight:500}.ticket-card__items-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.ticket-card__item{align-items:center;border-radius:8px;display:flex;font-size:.88rem;gap:.5rem;padding:.5rem;transition:background .15s ease}.ticket-card__item--available{background:#56688b14;color:var(--text-primary)}.ticket-card__item--claimed{background:#22c55e14;color:#94a3b8;color:var(--text-tertiary,#94a3b8);text-decoration:line-through}.ticket-card__item-icon{flex-shrink:0;font-weight:700;width:1.25rem}.ticket-card__item--available .ticket-card__item-icon{color:#3b82f6;color:var(--accent-primary,#3b82f6)}.ticket-card__item--claimed .ticket-card__item-icon{color:#22c55e}.ticket-card__item-name{flex:1 1;min-width:0}.ticket-card__item-date{color:#94a3b8;color:var(--text-tertiary,#94a3b8);flex-shrink:0;font-family:var(--font-mono);font-size:.75rem}.ticket-chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999;z-index:var(--z-max,9999)}.ticket-chat-modal{background:linear-gradient(160deg,#0a1220f2,#10192ceb);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 24px 48px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.ticket-chat-modal__header{align-items:flex-start;background:#56688b14;border-bottom:1px solid #56688b40;display:flex;justify-content:space-between;padding:1rem 1.25rem}.ticket-chat-modal__title h3{color:#fff;color:var(--text-primary,#fff);font-size:1.05rem;font-weight:600;margin:0}.ticket-chat-modal__subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin:.25rem 0 0}.ticket-chat-modal__close{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:background .15s ease,color .15s ease}.ticket-chat-modal__close:hover{background:#ef444426;color:#ef4444}.ticket-chat-modal__messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;max-height:400px;min-height:200px;overflow-y:auto;padding:1rem 1.25rem;scrollbar-color:#56688b66 #0000;scrollbar-width:thin}.ticket-chat-modal__messages::-webkit-scrollbar{width:6px}.ticket-chat-modal__messages::-webkit-scrollbar-track{background:#0000}.ticket-chat-modal__messages::-webkit-scrollbar-thumb{background:#56688b66;border-radius:4px}.ticket-chat-modal__empty,.ticket-chat-modal__error,.ticket-chat-modal__loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:auto 0;padding:2rem 1rem;text-align:center}.ticket-chat-modal__error{color:#ef4444}.ticket-chat-modal__message{animation:messageSlideIn .2s ease;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;max-width:80%;padding:.75rem}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ticket-chat-modal__message--customer{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.ticket-chat-modal__message--shop{align-self:flex-start;background:#56688b26;border:1px solid #56688b33;color:#fff;color:var(--text-primary,#fff)}.ticket-chat-modal__message-sender{font-size:.75rem;font-weight:600;opacity:.85}.ticket-chat-modal__message-content{word-wrap:break-word;font-size:.92rem;line-height:1.45;margin:0}.ticket-chat-modal__message-time{font-size:.75rem;opacity:.7;text-align:right}.ticket-chat-modal__footer{background:#56688b0d;border-top:1px solid #56688b40;display:flex;gap:.75rem;padding:.75rem 1.25rem}.ticket-chat-modal__input{background:#56688b1a;border:1px solid #56688b4d;border-radius:8px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.92rem;padding:.75rem;transition:border-color .15s ease,box-shadow .15s ease}.ticket-chat-modal__input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626;outline:none}.ticket-chat-modal__input::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.ticket-chat-modal__send{border-radius:8px;font-weight:600;padding:.75rem 1.25rem;white-space:nowrap}.ticket-chat-modal__send:disabled{cursor:not-allowed;opacity:.5}.ticket-refund-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999;z-index:var(--z-max,9999)}.ticket-refund-modal{background:linear-gradient(160deg,#0a1220f2,#10192ceb);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 24px 48px #0006;display:flex;flex-direction:column;max-width:440px;overflow:hidden;width:100%}.ticket-refund-modal__header{align-items:flex-start;background:#ef444414;border-bottom:1px solid #56688b40;display:flex;justify-content:space-between;padding:1rem 1.25rem}.ticket-refund-modal__title h3{color:#fff;color:var(--text-primary,#fff);font-size:1.05rem;font-weight:600;margin:0}.ticket-refund-modal__subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin:.25rem 0 0}.ticket-refund-modal__close{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:background .15s ease,color .15s ease}.ticket-refund-modal__close:hover{background:#ef444426;color:#ef4444}.ticket-refund-modal__body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.ticket-refund-modal__summary{background:#56688b1a;border:1px solid #56688b33;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.ticket-refund-modal__amount-row{align-items:center;display:flex;font-size:.92rem;justify-content:space-between}.ticket-refund-modal__amount{color:#3b82f6;color:var(--accent-primary,#3b82f6);font-weight:600}.ticket-refund-modal__warning{background:#fbbf241a;border:1px solid #fbbf2440;border-radius:8px;color:#fbbf24;font-size:.85rem;line-height:1.45;padding:.75rem}.ticket-refund-modal__reason{display:flex;flex-direction:column;gap:.5rem}.ticket-refund-modal__label{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:500}.ticket-refund-modal__optional{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;font-weight:400}.ticket-refund-modal__textarea{background:#56688b1a;border:1px solid #56688b4d;border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.92rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.ticket-refund-modal__textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626;outline:none}.ticket-refund-modal__textarea::placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.ticket-refund-modal__error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:.88rem;padding:.75rem}.ticket-refund-modal__footer{background:#56688b0d;border-top:1px solid #56688b40;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.ticket-refund-modal__footer .btn-secondary{border-radius:8px;padding:.5rem 1rem}.ticket-refund-modal__footer .btn-danger{border-radius:8px;font-weight:600;padding:.5rem 1rem}.delivery-banner{background:linear-gradient(135deg,#1e293be6,#0f172af2);border-radius:12px 12px 0 0;cursor:pointer;overflow:hidden;position:relative;transition:all .25s ease}.delivery-banner:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--focus,#3b82f6);outline-offset:2px}.delivery-banner--preview{height:120px;min-height:100px}.delivery-banner--preview:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.delivery-banner__preview-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:.7;position:absolute;transition:opacity .25s ease}.delivery-banner--preview:hover .delivery-banner__preview-bg{opacity:.85}.delivery-banner__overlay{background:linear-gradient(180deg,#0000001a,#00000080);display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:12px;position:absolute}.delivery-banner__status{align-self:flex-start;border-radius:999px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.delivery-banner__info{display:flex;flex-direction:column;gap:4px}.delivery-banner__location{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 4px #00000080}.delivery-banner__review-prompt{animation:pulse-subtle 2s ease-in-out infinite;color:#fbbf24;font-size:12px;font-weight:500}.delivery-banner__review-stars{color:#fbbf24;font-size:14px;letter-spacing:2px}.delivery-banner__expand-hint{color:#ffffffb3;font-size:11px}.delivery-banner--expanded{border:1px solid var(--glass-border);border-radius:12px;cursor:default;height:auto}.delivery-banner__header{align-items:center;background:#0f172af2;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:12px}.delivery-banner__title{align-items:center;color:#f8fafc;display:flex;font-size:14px;font-weight:600;gap:8px}.delivery-banner__status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.delivery-banner__collapse-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#f8fafc;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s ease;width:28px}.delivery-banner__collapse-btn:hover{background:#fff3}.delivery-banner__map-container{background:#0f172a;height:280px;width:100%}@media (max-width:480px){.delivery-banner__map-container{height:220px}}.delivery-banner__footer{align-items:flex-start;background:#0f172af2;border-top:1px solid #94a3b833;display:flex;gap:12px;justify-content:space-between;padding:12px}.delivery-banner__location-details{color:#e2e8f0;display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:4px;min-width:0}.delivery-banner__location-details strong{color:#f8fafc;font-size:14px;font-weight:600}.delivery-banner__locker{color:#a5b4fc;font-family:var(--font-mono);font-size:12px}.delivery-banner__note{color:#94a3b8;font-size:12px;font-style:italic}.delivery-banner__review-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:999px;color:#0f172a;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .15s ease,box-shadow .15s ease}.delivery-banner__review-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.delivery-banner--no-location{background:linear-gradient(135deg,#334155cc,#1e293be6)}.delivery-banner--no-location .delivery-banner__preview-bg{background:repeating-linear-gradient(45deg,#4755694d,#4755694d 10px,#3341554d 0,#3341554d 20px);opacity:1}@media (max-width:480px){.delivery-banner--preview{height:100px}.delivery-banner__footer{flex-direction:column;gap:12px}.delivery-banner__review-btn{width:100%}}.delivery-review-backdrop{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.delivery-review-modal{animation:slideUp .25s ease;background:#0f172af2;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 24px 64px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.delivery-review-header{align-items:center;background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:16px 20px}.delivery-review-header h2{color:var(--text-bright);font-size:18px;font-weight:600;margin:0}.delivery-review-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--text-bright);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .15s ease;width:32px}.delivery-review-close:hover{background:#fff3}.delivery-review-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.delivery-review-item-info{background:#ffffff0d;border:1px solid #94a3b826;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.delivery-review-item-info strong{color:var(--text-bright);font-size:15px}.delivery-review-item-info span{color:var(--text-faint);font-size:13px}.delivery-review-stars-section{align-items:center;display:flex;flex-direction:column;gap:12px}.delivery-review-stars-label{color:var(--text-light);font-size:14px;margin:0;text-align:center}.delivery-review-stars{display:flex;gap:8px}.delivery-review-star{align-items:center;background:#ffffff0d;border:2px solid #fbbf244d;border-radius:12px;color:#fbbf2466;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;transition:all .15s ease;width:48px}.delivery-review-star:hover{background:#fbbf241a;border-color:#fbbf2499;transform:scale(1.1)}.delivery-review-star.filled{background:#fbbf2426;border-color:var(--reward-ep-glow);color:var(--reward-ep-glow)}.delivery-review-rating-label{color:var(--reward-ep-glow);font-size:15px;font-weight:600;margin:0;min-height:22px}.delivery-review-comment-section{display:flex;flex-direction:column;gap:8px}.delivery-review-comment-section label{color:var(--text-light);font-size:13px;font-weight:500}.delivery-review-textarea{background:#ffffff0d;border:1px solid #94a3b840;border-radius:12px;color:var(--text-bright);font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.delivery-review-textarea::placeholder{color:var(--text-muted)}.delivery-review-textarea:focus{border-color:var(--ep-color);box-shadow:0 0 0 3px #8b5cf626;outline:none}.delivery-review-char-count{align-self:flex-end;color:var(--text-muted);font-size:11px}.delivery-review-error{background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:var(--surface-danger-text);font-size:13px;padding:12px}.delivery-review-footer{align-items:center;background:#0f172acc;border-top:1px solid #94a3b833;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}@media (max-width:480px){.delivery-review-modal{max-height:95vh}.delivery-review-star{font-size:24px;height:42px;width:42px}.delivery-review-footer{flex-direction:column}.delivery-review-footer button{width:100%}}.delivery-list{width:100%}.delivery-list--empty,.delivery-list--error,.delivery-list--loading{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.delivery-list__empty-hint{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.875rem;margin-top:.5rem}.delivery-list__empty-cta{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .15s,transform .1s}.delivery-list__empty-cta:hover{background:#4f46e5;background:var(--color-primary-hover,#4f46e5);transform:translateY(-1px)}.delivery-list__message{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.95rem}.delivery-list__message--error{color:#ef4444;color:var(--color-danger,#ef4444)}.delivery-list__section{margin-bottom:1.5rem}.delivery-list__section:last-child{margin-bottom:0}.delivery-list__section-title{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);color:#f3f4f6;color:var(--text-primary,#f3f4f6);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.delivery-list__icon{font-size:1.1rem}.delivery-list__items{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.delivery-list__item{background:#1e1e28b3;background:var(--glass-bg,#1e1e28b3);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.delivery-list__item:hover{border-color:#6366f1;border-color:var(--color-primary,#6366f1)}.delivery-list__item--driver{border-left:4px solid #3b82f6;border-left:4px solid var(--color-info,#3b82f6)}.delivery-list__item--customer{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning,#f59e0b)}.delivery-list__item-header{align-items:center;background:#28283280;background:var(--glass-surface,#28283280);display:flex;justify-content:space-between;padding:.75rem 1rem}.delivery-list__item-title{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:.95rem;font-weight:500}.delivery-list__status{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.delivery-list__status--pending{background:#f59e0b33;color:#fbbf24}.delivery-list__status--staged{background:#8b5cf633;color:#a78bfa}.delivery-list__status--ready{background:#10b98133;color:#34d399}.delivery-list__status--in_transit{background:#3b82f633;color:#60a5fa}.delivery-list__status--delivered{background:#22c55e33;color:#4ade80}.delivery-list__status--issue{background:#ef444433;color:#f87171}.delivery-list__status--cancelled{background:#6b728033;color:#9ca3af}.delivery-list__driver-info,.delivery-list__eta,.delivery-list__navigation-note{background:#32323c4d;background:var(--glass-surface-light,#32323c4d);color:#d1d5db;color:var(--text-muted,#d1d5db);font-size:.875rem;margin:0;padding:.5rem 1rem}.delivery-list__driver-info{color:#60a5fa;color:var(--color-info,#60a5fa)}.delivery-list__contact{background:#32323c4d;background:var(--glass-surface-light,#32323c4d);border-top:1px solid #ffffff0d;border-top:1px solid var(--border-color,#ffffff0d);color:#818cf8;color:var(--color-primary,#818cf8);display:block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none}.delivery-list__contact:hover{background:#3c3c4666;background:var(--glass-surface,#3c3c4666)}.delivery-list__banner{margin:0}.delivery-list__item--clickable{cursor:pointer}.delivery-list__item--clickable:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.delivery-list__item--fulfill{border-left:4px solid #22c55e;border-left:4px solid var(--color-success,#22c55e)}.delivery-list__item--team-progress{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning,#f59e0b);opacity:.85}.delivery-list__customer,.delivery-list__location{background:#32323c4d;background:var(--glass-surface-light,#32323c4d);color:#d1d5db;color:var(--text-muted,#d1d5db);font-size:.875rem;margin:0;padding:.5rem 1rem}.delivery-list__actions{background:#28283280;background:var(--glass-surface,#28283280);border-top:1px solid #ffffff0d;border-top:1px solid var(--border-color,#ffffff0d);display:flex;gap:.5rem;padding:.75rem 1rem}.delivery-list__action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:transform .15s ease,box-shadow .15s ease}.delivery-list__action-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.delivery-list__action-btn:active{transform:translateY(0)}.delivery-list__action-btn--primary{background:linear-gradient(135deg,#1e40af,#3730a3);color:#fff}.delivery-list__action-btn--success{background:linear-gradient(135deg,#166534,#065f46);color:#fff}.delivery-list__action-btn--secondary{background:#373741e6;border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.delivery-list__action-btn--warning{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.delivery-list__action-btn--danger{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff}.delivery-list__action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.delivery-list__item--issue{border-left:4px solid #ef4444;border-left:4px solid var(--color-danger,#ef4444)}.delivery-list__modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.delivery-list__modal{background:#1e1e28;background:var(--glass-bg,#1e1e28);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:16px;box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;padding:1.5rem;width:100%}.delivery-list__modal-title{color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.delivery-list__modal-subtitle{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.875rem;margin:0 0 1.5rem}.delivery-list__modal-field{margin-bottom:1rem}.delivery-list__modal-field label{color:#d1d5db;color:var(--text-secondary,#d1d5db);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.delivery-list__modal-field--checkbox label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.delivery-list__modal-field--checkbox input[type=checkbox]{accent-color:#6366f1;accent-color:var(--color-primary,#6366f1);height:1rem;width:1rem}.delivery-list__modal-select,.delivery-list__modal-textarea{background:#28283280;background:var(--glass-surface,#28283280);border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);border-radius:8px;color:#f3f4f6;color:var(--text-primary,#f3f4f6);font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;width:100%}.delivery-list__modal-select:focus,.delivery-list__modal-textarea:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.delivery-list__modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.delivery-list__header{align-items:center;background:#4338ca;background:var(--color-primary-dark,#4338ca);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.delivery-list__title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.delivery-list__refresh-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.delivery-list__refresh-btn:hover:not(:disabled){background:#ffffff4d}.delivery-list__refresh-btn:disabled{cursor:not-allowed;opacity:.7}.delivery-list__modal--directions{max-width:560px}.delivery-list__directions-map{background:#28283280;background:var(--glass-surface,#28283280);border-radius:12px;margin:1rem 0;overflow:hidden}.delivery-list__directions-map iframe{display:block}.delivery-list__directions-no-map{color:#9ca3af;color:var(--text-muted,#9ca3af);padding:3rem;text-align:center}.delivery-list__directions-info{background:#32323c4d;background:var(--glass-surface-light,#32323c4d);border-radius:8px;font-size:.9rem;line-height:1.6;padding:1rem}.delivery-list__directions-info p{color:#d1d5db;color:var(--text-secondary,#d1d5db);margin:.25rem 0}.delivery-list__directions-info strong{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.delivery-list__directions-info a{color:#6366f1;color:var(--color-primary,#6366f1);text-decoration:none}.delivery-list__directions-info a:hover{text-decoration:underline}.delivery-list__directions-route-active{display:flex;flex-direction:column;gap:.5rem}.delivery-list__route-info{background:#32323c80;background:var(--glass-surface-light,#32323c80);border-radius:8px;color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:.85rem;padding:.5rem;text-align:center}.delivery-list__route-info p{margin:0}.delivery-list__directions-link{background:#28283280;background:var(--glass-surface,#28283280);border-radius:8px;color:#6366f1;color:var(--color-primary,#6366f1);display:block;font-size:.85rem;padding:.5rem;text-align:center;text-decoration:none}.delivery-list__directions-link:hover{background:#32323cb3;background:var(--glass-surface-light,#32323cb3)}.delivery-route-map{position:relative}.delivery-route-map__container{width:100%}.delivery-route-map__container,.delivery-route-map__loading{background:#14141ee6;background:var(--glass-surface-darker,#14141ee6)}.delivery-route-map__loading{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;justify-content:center}.delivery-route-map__loading p{font-size:.9rem;margin:0}.delivery-route-map__info{margin-top:.5rem}.delivery-route-map__status{background:#1e1e28cc;background:var(--glass-surface,#1e1e28cc);border-radius:8px;color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.85rem;margin:0;padding:.5rem;text-align:center}.delivery-route-map__status--error{color:#f87171}.delivery-route-map__container .mapboxgl-canvas,.delivery-route-map__container .mapboxgl-canvas-container{width:100%!important}.delivery-route-map__route-info{align-items:center;background:#1e1e28cc;background:var(--glass-surface,#1e1e28cc);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.delivery-route-map__distance{color:#3b82f6;font-size:1.1rem;font-weight:700}.delivery-route-map__duration{background:#3b82f633;border-radius:4px;color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:.95rem;font-weight:600;padding:.25rem .5rem}.delivery-route-map__instruction{color:#9ca3af;color:var(--text-muted,#9ca3af);flex:1 1;font-size:.85rem;min-width:150px}.delivery-route-map__no-routing{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.8rem;margin:.5rem 0 0;text-align:center}.delivery-list__modal::-webkit-scrollbar{width:8px}.delivery-list__modal::-webkit-scrollbar-track{background:#1e1e2880;border-radius:4px}.delivery-list__modal::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}.delivery-list__modal::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.delivery-list__modal{scrollbar-color:#6366f180 #1e1e2880;scrollbar-width:thin}.delivery-list__nav-links{background:#1e1e28cc;background:var(--glass-surface,#1e1e28cc);border-radius:8px;margin-top:.5rem;padding:.75rem}.delivery-list__nav-prompt{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.85rem;margin:0 0 .5rem;text-align:center}.delivery-list__nav-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.delivery-list__nav-btn{border-radius:8px;flex:1 1;font-size:.8rem;font-weight:600;min-width:90px;padding:.5rem .75rem;text-align:center;text-decoration:none;transition:opacity .2s}.delivery-list__nav-btn:hover{opacity:.85}.delivery-list__nav-btn--google{background:#4285f4;color:#fff}.delivery-list__nav-btn--apple{background:#333;color:#fff}.delivery-list__nav-btn--waze{background:#3cf;color:#000}.delivery-list__inline-chat{background:#1e1e28cc;background:var(--glass-surface,#1e1e28cc);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:12px;margin-top:1rem;overflow:hidden}.delivery-list__chat-header{align-items:center;background:#14141ee6;background:var(--glass-surface-dark,#14141ee6);color:#f3f4f6;color:var(--text-primary,#f3f4f6);display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.5rem .75rem}.delivery-list__chat-close{background:none;border:none;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;font-size:1.2rem;padding:0 .25rem}.delivery-list__chat-close:hover{color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.delivery-list__chat-messages{display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto;padding:.75rem}.delivery-list__chat-empty,.delivery-list__chat-loading{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.85rem;padding:1rem;text-align:center}.delivery-list__chat-message{border-radius:12px;font-size:.875rem;max-width:85%;padding:.5rem .75rem}.delivery-list__chat-message--mine{align-self:flex-end;background:linear-gradient(135deg,#1e40af,#3730a3);color:#fff}.delivery-list__chat-message--theirs{align-self:flex-start;background:#3c3c46cc;background:var(--glass-surface-light,#3c3c46cc);color:#f3f4f6;color:var(--text-primary,#f3f4f6)}.delivery-list__chat-text{display:block}.delivery-list__chat-time{color:#fff9;display:block;font-size:.75rem;margin-top:.25rem;text-align:right}.delivery-list__chat-message--theirs .delivery-list__chat-time{color:#9ca3af;color:var(--text-muted,#9ca3af)}.delivery-list__chat-input-row{background:#14141ee6;background:var(--glass-surface-dark,#14141ee6);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color,#ffffff1a);display:flex;gap:.5rem;padding:.5rem}.delivery-list__chat-input{background:#282832cc;background:var(--glass-bg,#282832cc);border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);border-radius:8px;color:#f3f4f6;color:var(--text-primary,#f3f4f6);flex:1 1;font-size:.875rem;padding:.5rem .75rem}.delivery-list__chat-input:focus{border-color:#6366f1;border-color:var(--color-primary,#6366f1);outline:none}.delivery-list__chat-send{background:linear-gradient(135deg,#1e40af,#3730a3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:opacity .2s}.delivery-list__chat-send:hover:not(:disabled){opacity:.9}.delivery-list__chat-send:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.delivery-list__item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.delivery-list__status{align-self:flex-start}}.star-rating{display:flex;flex-direction:column;font-family:inherit;gap:.5rem}.star-rating .star-row{display:flex;gap:.25rem}.star-rating .star-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:0 .25rem;transition:transform .15s ease}.star-rating .star-btn:focus-visible{outline:2px solid orange;outline:2px solid var(--focus-ring,orange);outline-offset:2px}.star-rating .star-btn.active{color:#ffb400;color:var(--reward-ep-glow,#ffb400)}.star-rating .star-btn:disabled{cursor:not-allowed;opacity:.4}.star-rating .star-btn:hover:not(:disabled){transform:scale(1.1)}.star-rating .star-meta{align-items:center;display:flex;font-size:.85rem;gap:1rem}.star-rating .selection-label{font-weight:600}.star-rating .ctx-toggle{background:none;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;font-size:.75rem;text-decoration:underline}.star-rating .ctx-note textarea{border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:4px;font-size:.8rem;padding:.5rem;resize:vertical;width:100%}.star-rating .ctx-actions{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.star-rating .char-count{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.65rem}.star-rating .submit-btn{background:#1e293b;background:var(--surface-2,#1e293b);border:none;border-radius:4px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.star-rating .submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.star-rating .star-btn{font-size:2rem}.star-rating .star-meta{flex-wrap:wrap;gap:.5rem}.star-rating .ctx-note textarea{font-size:16px;padding:.5rem}.star-rating .submit-btn{min-height:44px;padding:.5rem .75rem}}@media (max-width:480px){.star-rating .star-btn{font-size:1.75rem}}.quest-log{padding:.5rem}.quest-log--empty,.quest-log--error,.quest-log--loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.quest-log__spinner{animation:quest-log-spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--color-primary,#6366f1);height:40px;width:40px}@keyframes quest-log-spin{to{transform:rotate(1turn)}}.quest-log__error-message{color:#ef4444;color:var(--color-error,#ef4444);margin-bottom:1rem}.quest-log__empty-message{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-style:italic}.quest-log__empty-hint{color:#6b7280;color:var(--color-text-muted,#6b7280);font-size:.875rem;margin-top:.5rem}.quest-log__empty-cta{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .15s,transform .1s}.quest-log__empty-cta:hover{background:#4f46e5;background:var(--color-primary-hover,#4f46e5);transform:translateY(-1px)}.quest-log__list{display:flex;flex-direction:column;gap:1rem}.quest-log__item{border-radius:8px;padding:1rem;transition:transform .15s ease,box-shadow .15s ease}.quest-log__item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quest-log__item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.quest-log__item-title{color:#fff;color:var(--color-text,#fff);font-size:1.1rem;font-weight:600;margin:0}.quest-log__item-date{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;white-space:nowrap}.quest-log__item-description{color:#d1d5db;color:var(--color-text-secondary,#d1d5db);font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.quest-log__item-rewards{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.quest-log__reward{align-items:center;border-radius:4px;display:inline-flex;font-size:.85rem;font-weight:500;padding:.25rem .5rem}.quest-log__reward--xp{background:#6366f133;color:#a5b4fc}.quest-log__reward--coins{background:#eab30833;color:#fcd34d}.quest-log__reward--recognition{background:#10b98133;color:#6ee7b7}.quest-log__item-rating{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:.75rem;padding-top:.5rem}.quest-log__rating-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem}.quest-log__load-more{display:flex;justify-content:center;padding:1rem 0}@media (max-width:640px){.quest-log__item-header{flex-direction:column;gap:.25rem}.quest-log__item-rating{align-items:flex-start;flex-direction:column;gap:.5rem}}.user-management{background:var(--surface-1);color:var(--text-primary);padding:2rem}.user-management-header{border-bottom:2px solid var(--glass-border);margin-bottom:2rem;padding-bottom:1rem}.user-management-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.user-management-header p{color:var(--text-muted);font-size:1rem;margin:0}.user-management-interface .filters-panel{background:#16192c;background:var(--surface-2,#16192c);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem}.user-management-interface .filters-panel,.user-management-interface .search-form{display:flex;flex-direction:column;gap:1.25rem}.user-management-interface .search-row{display:flex;flex-wrap:wrap;gap:1rem}.user-management-interface .search-row .form-group{display:flex;flex:1 1 200px;flex-direction:column;gap:.5rem}.user-management-interface .search-row .form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-management-interface .search-row .form-group input,.user-management-interface .search-row .form-group select{background:#0f1224;background:var(--surface-3,#0f1224);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:.95rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.user-management-interface .search-row .form-group input:focus,.user-management-interface .search-row .form-group select:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #2563eb26;outline:none}.user-management-interface .checkbox-group{background:#11152b;background:var(--surface-3,#11152b);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.user-management-interface .checkbox-group legend{color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.user-management-interface .checkbox-options{display:flex;flex-wrap:wrap;gap:1.25rem}.user-management-interface .checkbox-options label{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:.5rem}.user-management-interface .checkbox-options input{accent-color:#2563eb;height:18px;width:18px}.user-management-interface .search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-management-interface .search-actions .clear-btn,.user-management-interface .search-actions .search-btn{background:#0f1f3d;border:1px solid #607cba66;border-radius:12px;color:#e8eefc;cursor:pointer;font-weight:600;letter-spacing:.02em;min-width:150px;padding:.75rem 1.5rem;text-align:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.user-management-interface .search-actions .clear-btn{background:#10284f;color:#cbd5f5}.user-management-interface .search-actions .clear-btn:hover,.user-management-interface .search-actions .search-btn:hover{background:#163763;box-shadow:0 8px 18px #0f172a59;transform:translateY(-1px)}.user-management-interface .search-actions button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.user-controls{background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.search-section{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto;margin-bottom:1.5rem}.search-group{display:flex;flex-direction:column}.search-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.search-input{background:#16213e;background:var(--bg-tertiary,#16213e);border:2px solid var(--glass-border);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;padding:.75rem;transition:border-color .3s ease}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.search-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:-webkit-fit-content;height:fit-content;padding:.75rem 1.5rem;transition:all .3s ease}.search-btn:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{margin-bottom:.5rem}.filter-select{background:var(--secondary-bg);border:2px solid var(--glass-border);border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.filter-select:focus{border-color:#3498db;outline:none}.bulk-operations{align-items:center;background:#fbbf2426;border:1px solid #ffeaa7;border-radius:8px;color:#fbbf24;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.bulk-operations.hidden{display:none}.bulk-info{color:#fbbf24;font-weight:600}.bulk-actions{display:flex;gap:.75rem;margin-left:auto}.bulk-btn{align-items:center;background:var(--secondary-bg);border:2px solid var(--glass-border);border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.bulk-btn.activate{border-color:#2ecc71;color:#2ecc71}.bulk-btn.activate:hover{background:#2ecc71;color:#fff}.bulk-btn.deactivate{border-color:#e74c3c;color:#e74c3c}.bulk-btn.deactivate:hover{background:#e74c3c;color:#fff}.bulk-btn.delete{border-color:#c0392b;color:#c0392b}.bulk-btn.delete:hover{background:#c0392b;color:#fff}.user-list{background:#0000}.user-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 0 1.5rem}.select-all{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:.5rem}.user-count{color:var(--text-muted);font-size:.9rem}.sort-controls{display:flex;flex-wrap:wrap;gap:.5rem}.sort-chip{align-items:center;background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.sort-chip.active{background:#4f46e52e;border-color:#4f46e599;color:var(--text-primary)}.sort-chip:disabled{cursor:not-allowed;opacity:.5}.sort-direction{color:var(--text-muted);font-size:.75rem}.user-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.user-card{background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.user-card:hover{border-color:#4f46e580;box-shadow:0 10px 24px #0f172a40}.user-card.selected{border-color:#2563eb;box-shadow:0 12px 32px #2563eb4d}.user-card-top{align-items:flex-start;display:flex;gap:.75rem}.user-card-checkbox{margin-top:.5rem}.user-card-identity{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.user-card-name{color:var(--text-primary);font-size:1rem;font-weight:700}.user-card-username{color:var(--text-secondary);font-size:.85rem}.user-card-email{color:var(--text-muted);font-size:.85rem;word-break:break-word}.user-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.pill-badge,.role-badge,.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:.25rem .75rem;text-transform:capitalize}.status-badge.status-active{background:#22c55e2e;color:#22c55e}.status-badge.status-inactive{background:#ef44442e;color:#ef4444}.status-badge.status-suspended{background:#eab3082e;color:#b45309}.status-badge.status-banned{background:#94a3b833;color:#475569}.role-badge{background:#3b82f629;color:#3b82f6}.role-badge.role-administrator{background:#ef444429;color:#ef4444}.role-badge.role-moderator,.role-badge.role-site-moderator{background:#eab30829;color:#ca8a04}.role-badge.role-support{background:#2dd4bf2e;color:#0d9488}.role-badge.role-user{background:#94a3b82e;color:#475569}.pill-badge.warning{background:#fbbf2433;color:#b45309}.pill-badge.success{background:#10b98133;color:#0f766e}.user-card-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.user-card-meta>div{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.meta-value{color:var(--text-primary);font-weight:600}.user-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.modal{background:var(--surface-3);border-radius:12px;box-shadow:0 12px 30px #0006;color:var(--text-primary);max-width:calc(100vw - 2rem);padding:1.25rem;width:420px}.modal h4{margin:0 0 .75rem}.modal .form-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.modal input,.modal select{background:var(--surface-4);border:1px solid #ffffff14;border-radius:8px;color:var(--text-primary);padding:.5rem .75rem}.modal-actions{gap:.5rem;margin-top:.75rem}.modal-actions button{background:#1f2b46;border:1px solid #ffffff1a;border-radius:8px;color:#e6e6e6;cursor:pointer;padding:.5rem 1rem}.modal-actions button:last-child{background:#2563eb;border-color:#2563eb}.action-btn{background:var(--secondary-bg);border-radius:4px;font-size:.8rem;gap:.25rem;padding:.5rem .75rem}.action-btn.edit{border-color:#3498db;color:#3498db}.action-btn.edit:hover{background:#3498db;color:#fff}.action-btn.delete{border-color:#e74c3c;color:#e74c3c}.action-btn.delete:hover{background:#e74c3c;color:#fff}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.quick-action-btn{background:#1f2b46;background:var(--surface-2,#1f2b46);border:1px solid var(--glass-border);border-radius:9999px;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.quick-action-btn:hover{background:#4f46e526;border-color:#4f46e566}.quick-action-btn.is-primary{border-color:#2563eb73;color:#2563eb}.quick-action-btn.is-danger{border-color:#b4231873;color:#b42318}.quick-action-btn[disabled]{cursor:not-allowed;opacity:.5}.action-btn:disabled{opacity:.6}.pagination{align-items:center;background:var(--secondary-bg);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.5rem}.pagination-info{color:var(--text-muted);font-size:.9rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.page-btn{background:var(--secondary-bg);border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.5rem .75rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:var(--tertiary-bg);border-color:#3498db}.page-btn.active{background:#3498db;border-color:#3498db;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.6}.page-size-selector{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.page-size-select{border:1px solid var(--glass-border);border-radius:4px;font-size:.9rem;padding:.5rem}.empty-state,.loading-state{align-items:center;background:var(--secondary-bg);border-radius:8px;display:flex;justify-content:center;padding:4rem 2rem}.empty-content,.loading-content{color:var(--text-muted);text-align:center}.empty-content h4,.loading-content h4{font-size:1.25rem;margin:0 0 .5rem}.loading-spinner{border-top:4px solid #3498db;height:40px;margin-bottom:1rem;width:40px}.inline-toast{animation:inlineToastFade .15s ease-out}.toast-dismiss:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #0f513233;outline:2px solid #0f5132;outline-offset:2px}@keyframes inlineToastFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.user-item,.user-list-header{gap:.75rem;grid-template-columns:auto 1fr auto auto}.user-actions,.user-last-active{display:none}.bulk-operations{align-items:flex-start;flex-direction:column;gap:.75rem}.bulk-actions{margin-left:0}}@media (max-width:768px){.user-management{padding:1rem}.filter-grid,.search-section{grid-template-columns:1fr}.user-management-interface .search-row{flex-direction:column}.user-management-interface .checkbox-options{flex-direction:column;gap:.75rem}.user-management-interface .search-actions{align-items:stretch;flex-direction:column}.user-management-interface .search-actions .clear-btn,.user-management-interface .search-actions .search-btn{min-width:0;width:100%}.user-item,.user-list-header{gap:.5rem;grid-template-columns:auto 1fr auto}.user-role{display:none}.pagination{flex-direction:column;gap:1rem}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.user-item,.user-list-header{grid-template-columns:1fr auto;padding:.75rem 1rem}.select-all-container,.user-checkbox{display:none}.bulk-operations{padding:.75rem}.bulk-actions{justify-content:center;width:100%}.action-btn{font-size:.75rem;padding:.25rem .5rem}}.punishment-dropdown-container{display:inline-block;position:relative}.punishment-dropdown-trigger{align-items:center;display:inline-flex;gap:.25rem}.punishment-dropdown-trigger.is-warning{background:linear-gradient(135deg,#f59e0b26,#ea580c1a);border-color:#f59e0b66;color:#fbbf24}.punishment-dropdown-trigger.is-warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b40,#ea580c33);border-color:#f59e0b99}.punishment-dropdown-menu{animation:dropdownSlide .15s ease-out;background:#1e2235;background:var(--surface-2,#1e2235);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:220px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 4px);z-index:4700;z-index:var(--z-dropdown,4700)}.punishment-dropdown-section{padding:.25rem 0}.punishment-dropdown-header{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem .25rem;text-transform:uppercase}.punishment-dropdown-divider{background:#ffffff14;background:var(--glass-border,#ffffff14);height:1px;margin:.5rem 0}.punishment-dropdown-item{align-items:center;background:#0000;border:none;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.punishment-dropdown-item:hover{background:#60a5fa1a}.punishment-dropdown-item.is-danger{color:#f87171}.punishment-dropdown-item.is-danger:hover{background:#ef444426}.punishment-dropdown-item.is-restore{color:#34d399}.punishment-dropdown-item.is-restore:hover{background:#34d39926}.quick-action-btn.is-warning{background:linear-gradient(135deg,#f59e0b26,#ea580c1a);border-color:#f59e0b66;color:#fbbf24}.quick-action-btn.is-warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b40,#ea580c33);border-color:#f59e0b99;transform:translateY(-1px)}.admin-content-library{color:#e2e8f0;color:var(--text-primary,#e2e8f0);display:flex;flex-direction:column;gap:24px}.admin-content-library__header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.admin-content-library__subsets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.admin-content-library__subset{align-items:flex-start;background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--surface-border,#ffffff14);border-radius:12px;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;padding:12px;text-align:left;transition:border-color .2s ease,background .2s ease}.admin-content-library__subset:focus-visible,.admin-content-library__subset:hover{background:#ffffff0f;border-color:#ffffff40;border-color:var(--primary,#ffffff40)}.admin-content-library__subset.is-active{background:#6a67ff1f;border-color:#6a67ff;border-color:var(--primary,#6a67ff)}.admin-content-library__subset-label{font-weight:600}.admin-content-library__subset-helper{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:12px;margin-top:8px}.admin-content-library__panels{grid-gap:24px;contain:layout style;display:grid;gap:24px;grid-template-columns:minmax(240px,1fr) minmax(320px,1fr);position:relative;z-index:0}@media (max-width:1024px){.admin-content-library__panels{grid-template-columns:1fr}}.admin-content-library__list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.admin-content-library__list-item{display:block}.admin-content-library__list-item.is-active{border-radius:16px;outline:2px solid #6a67ff;outline:2px solid var(--primary,#6a67ff)}.admin-content-library__card{align-items:center;border-radius:16px;display:flex;gap:12px;justify-content:space-between;padding:16px}.admin-content-library__card-visual{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;width:96px}.admin-content-library__card-visual.is-empty{background:#ffffff0a;border-style:dashed}.admin-content-library__card-visual.is-audio{background:#6a67ff1f;border-color:#6a67ff59;color:#6a67ff;color:var(--primary,#6a67ff);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-content-library__card-visual-media{display:block;height:100%;object-fit:cover;width:100%}.admin-content-library__card-visual-placeholder{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:11px;padding:0 8px;text-align:center}.admin-content-library__card-visual-audio-label{font-size:11px}.admin-content-library__card-main{color:inherit;display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:left}.admin-content-library__card-name{font-size:15px;font-weight:600}.admin-content-library__card-meta{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:12px}.admin-content-library__card-actions{display:flex;gap:8px}.admin-content-library__empty{background:#ffffff0d;border-radius:16px;padding:24px;text-align:center}.admin-content-library__placeholder{border:1px dashed #fff3;border-radius:16px;color:#ffffffa6;color:var(--text-muted,#ffffffa6);padding:24px}.admin-content-library__form{background:#ffffff0d;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.admin-content-library__field{display:flex;flex-direction:column;gap:8px}.admin-content-library__field>span{font-size:13px;font-weight:600}.admin-content-library__actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.admin-content-library__actions-right{display:flex;gap:12px}.admin-content-library__error{background:#ff546226;border-radius:12px;color:#ff5462;padding:12px 16px}.admin-content-library__loading{background:#ffffff0d;border-radius:12px;font-style:italic;padding:12px 16px}.admin-content-library__upload{display:flex;flex-direction:column;gap:12px}.admin-content-library__upload-control{display:flex;flex-direction:column;gap:8px}.admin-content-library__upload-control input[type=file]{background:#ffffff05;border:1px dashed #ffffff40;border-radius:12px;color:inherit;display:inline-flex;padding:12px}.admin-content-library__upload-helper{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:12px}.admin-content-library__upload-status{color:#6a67ff;color:var(--primary,#6a67ff);font-size:13px}.admin-content-library__field-error{color:#ff6b7a;font-size:13px}.admin-content-library__field-hint{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:12px}.admin-content-library__preview{align-items:center;background:#0a0c1899;border:1px solid #ffffff1f;border-radius:12px;display:flex;justify-content:center;min-height:180px;overflow:hidden;padding:12px;position:relative;text-align:center;width:100%}.admin-content-library__preview.is-empty{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:13px}.admin-content-library__preview.has-media{padding:0}.admin-content-library__preview-media{height:100%;object-fit:cover;width:100%}.admin-content-library__preview-audio{width:100%}.admin-content-library__preview-link{color:#6a67ff;color:var(--primary,#6a67ff);font-size:14px;text-decoration:underline}.admin-content-library__cropper{display:flex;flex-direction:column;gap:12px}.admin-content-library__crop-stage{aspect-ratio:16/9;background-color:#080a14cc;background-position:50%;background-size:cover;border:1px solid #ffffff26;border-radius:12px;cursor:grab;position:relative;width:100%}.admin-content-library__crop-stage:after{border:2px solid #ffffff40;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}.admin-content-library__crop-stage.is-dragging{cursor:grabbing}.admin-content-library__crop-controls{display:flex;flex-direction:column;gap:8px}.admin-content-library__crop-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-content-library__approval-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 8px;vertical-align:middle}.admin-content-library__approval-badge.approval-pending{background:#eab30833;color:#fbbf24}.admin-content-library__approval-badge.approval-rejected{background:#ef444433;color:#f87171}.admin-content-library__preview-error{background:#ffffff0d;border-radius:8px}.admin-content-library__existing-file,.admin-content-library__preview-error{align-items:center;color:#a0aec0;color:var(--text-secondary,#a0aec0);display:flex;font-size:.875rem;justify-content:center;padding:16px;text-align:center}.admin-content-library__existing-file{background:#6a67ff1a;border:1px dashed #6a67ff4d;border-radius:8px;min-height:120px}.health-dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 10px 40px #0000004d;color:#e5e7eb;font-family:var(--font-body);margin:0 auto;max-width:800px;padding:24px}.health-dashboard.loading{align-items:center;color:#9ca3af;display:flex;gap:12px;justify-content:center;padding:48px}.health-spinner{animation:spin 1s linear infinite;border:3px solid #374151;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.health-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.health-header,.health-title{align-items:center;display:flex}.health-title{gap:12px}.health-icon{font-size:24px}.health-title h2{font-size:20px;font-weight:600;margin:0}.health-controls{align-items:center;display:flex;gap:12px}.last-update{color:#9ca3af;font-size:12px}.close-btn,.refresh-btn{background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:8px;transition:background .2s}.close-btn:hover,.refresh-btn:hover{background:#fff3}.health-badge-compact{align-items:center;border:none;border-radius:32px;bottom:20px;box-shadow:0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 16px;position:fixed;right:20px;transition:transform .2s;z-index:4800;z-index:var(--z-sticky,4800)}.health-badge-compact:hover{transform:scale(1.05)}.health-pulse{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:10px;width:10px}.health-value{font-size:16px}.health-label{font-size:12px;opacity:.9}.health-overall{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.health-ring{align-items:center;background:conic-gradient(var(--health-color) var(--health-percent),#374151 var(--health-percent));height:140px;position:relative;width:140px}.health-ring,.health-ring-inner{border-radius:50%;display:flex;justify-content:center}.health-ring-inner{align-items:baseline;background:#1a1a2e;height:110px;width:110px}.health-number{color:#fff;font-size:40px;font-weight:700}.health-percent{color:#9ca3af;font-size:18px}.health-status-text{font-size:14px;margin-top:12px}.status-good{color:#22c55e}.status-warning{color:#eab308}.status-critical{color:#ef4444}.health-section{margin-bottom:24px}.health-section h3{color:#9ca3af;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{background:#ffffff0d;border-left:4px solid #374151;border-radius:12px;padding:16px}.metric-card.status-healthy{border-left-color:#22c55e}.metric-card.status-warning{border-left-color:#eab308}.metric-card.status-critical{border-left-color:#ef4444}.metric-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.metric-icon{font-size:12px}.status-healthy .metric-icon{color:#22c55e}.status-warning .metric-icon{color:#eab308}.status-critical .metric-icon{color:#ef4444}.metric-name{color:#9ca3af;font-size:12px}.metric-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.metric-threshold{color:#6b7280;display:flex;font-size:10px;gap:8px}.recommendations-list{list-style:none;margin:0;padding:0}.recommendation-item{align-items:flex-start;background:#3b82f61a;border-radius:8px;display:flex;font-size:13px;gap:12px;line-height:1.5;margin-bottom:8px;padding:12px}.rec-icon{flex-shrink:0}.hotspots-table{background:#ffffff08;border-radius:8px;overflow:hidden}.hotspot-header,.hotspot-row{grid-gap:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:2fr 1fr .7fr .7fr .7fr .7fr;padding:12px 16px}.hotspot-header{background:#ffffff0d;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hotspot-row{border-bottom:1px solid #ffffff0d}.hotspot-row:last-child{border-bottom:none}.hotspot-name{color:#e5e7eb;font-weight:500}.hotspot-module{color:#9ca3af;font-family:var(--font-mono);font-size:12px}.error-count{color:#ef4444}.error-count,.health-score{font-weight:600}.health-score.good{color:#22c55e}.health-score.warning{color:#eab308}.health-score.critical{color:#ef4444}.flows-list{display:flex;flex-direction:column;gap:12px}.flow-card{background:#ffffff0d;border-radius:8px;padding:12px 16px}.flow-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.flow-name{font-weight:500}.flow-steps{color:#9ca3af;font-size:12px}.flow-progress{background:#374151;border-radius:4px;height:6px;overflow:hidden}.flow-bar{height:100%;transition:width .3s}.flow-error{color:#ef4444;font-size:12px;margin-top:8px}.health-footer{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px;text-align:center}.health-footer code{background:#0000004d;border-radius:8px;color:#9ca3af;font-size:12px;padding:8px 12px}.health-dashboard.compact-mode{bottom:20px;max-height:80vh;max-width:400px;overflow-y:auto;position:fixed;right:20px;z-index:4800;z-index:var(--z-sticky,4800)}@media (max-width:640px){.health-dashboard{border-radius:0;padding:16px}.hotspot-header,.hotspot-row{grid-template-columns:1fr 1fr}.hotspot-header span:nth-child(n+3),.hotspot-row span:nth-child(n+3){display:none}}.echo-admin-dashboard{background:#1a1a2e;background:var(--surface-color,#1a1a2e);color:#fff;color:var(--text-primary,#fff);min-height:100vh;padding:20px}.echo-admin-dashboard--unauthorized{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.echo-admin-dashboard--unauthorized h2{font-size:2rem;margin-bottom:12px}.echo-admin-dashboard--unauthorized p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}.echo-admin-dashboard__header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.echo-admin-dashboard__header h1{font-size:1.75rem;margin:0}.echo-admin-dashboard__status{align-items:center;display:flex;gap:16px}.echo-admin-dashboard__status-indicator{border-radius:24px;font-size:.85rem;font-weight:600;padding:8px 12px;text-transform:uppercase}.echo-admin-dashboard__status-indicator--healthy{background:#4ade8033;color:#4ade80}.echo-admin-dashboard__status-indicator--degraded{background:#fbbf2433;color:#fbbf24}.echo-admin-dashboard__status-indicator--critical{background:#f8717133;color:#f87171}.echo-admin-dashboard__status-indicator--offline{background:#64646433;color:#888}.echo-admin-dashboard__alert{animation:pulse 2s infinite;background:#f8717133;border-radius:16px;color:#f87171;font-size:.85rem;padding:8px 12px}.echo-admin-dashboard__refresh-btn{background:#16213e;background:var(--input-bg,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;padding:8px 16px;transition:background .2s}.echo-admin-dashboard__refresh-btn:hover:not(:disabled){background:#2a2a4a;background:var(--border-color,#2a2a4a)}.echo-admin-dashboard__refresh-btn:disabled{cursor:not-allowed;opacity:.5}.echo-admin-dashboard__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.echo-admin-dashboard__tab{align-items:center;background:#16213e;background:var(--input-bg,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:all .2s}.echo-admin-dashboard__tab:hover{border-color:#6c63ff;border-color:var(--accent-color,#6c63ff);color:#fff;color:var(--text-primary,#fff)}.echo-admin-dashboard__tab.active{background:#6c63ff;background:var(--accent-color,#6c63ff);border-color:#6c63ff;border-color:var(--accent-color,#6c63ff);color:#fff}.echo-admin-dashboard__badge{background:#ff6464cc;border-radius:12px;color:#fff;font-size:.75rem;min-width:20px;padding:2px 8px;text-align:center}.echo-admin-dashboard__content{background:#16213e;background:var(--input-bg,#16213e);border-radius:12px;padding:24px}.echo-admin-dashboard__loading{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);padding:40px;text-align:center}.echo-admin-dashboard__empty{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-style:italic;padding:20px 0}.echo-admin-dashboard__health{grid-gap:24px;display:grid;gap:24px;grid-template-columns:200px 1fr}.echo-admin-dashboard__health-score,.echo-admin-dashboard__score-circle{align-items:center;display:flex;flex-direction:column}.echo-admin-dashboard__score-circle{background:linear-gradient(135deg,#6c63ff33,#4ade8033);border:3px solid #6c63ff;border:3px solid var(--accent-color,#6c63ff);border-radius:50%;height:160px;justify-content:center;width:160px}.echo-admin-dashboard__score-value{font-size:3rem;font-weight:700}.echo-admin-dashboard__score-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.85rem}.echo-admin-dashboard__health-issues,.echo-admin-dashboard__health-metrics{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;padding:16px}.echo-admin-dashboard__health-issues h3,.echo-admin-dashboard__health-metrics h3{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:1rem;margin:0 0 12px}.echo-admin-dashboard__route-item{align-items:center;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);display:flex;gap:12px;padding:8px 0}.echo-admin-dashboard__route-item:last-child{border-bottom:none}.echo-admin-dashboard__route-status{font-size:.75rem}.echo-admin-dashboard__route-status--healthy{color:#4ade80}.echo-admin-dashboard__route-status--warning{color:#fbbf24}.echo-admin-dashboard__route-status--error{color:#f87171}.echo-admin-dashboard__route-path{flex:1 1;font-family:var(--font-mono);font-size:.9rem}.echo-admin-dashboard__route-users{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.85rem}.echo-admin-dashboard__route-time{color:#666;color:var(--text-tertiary,#666);font-size:.8rem}.echo-admin-dashboard__issue{border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.echo-admin-dashboard__issue--critical{background:#f8717126;border-left:3px solid #f87171}.echo-admin-dashboard__issue--error{background:#fb923c26;border-left:3px solid #fb923c}.echo-admin-dashboard__issue--warning{background:#fbbf2426;border-left:3px solid #fbbf24}.echo-admin-dashboard__issue--info{background:#60a5fa26;border-left:3px solid #60a5fa}.echo-admin-dashboard__issue-severity{font-size:.75rem;font-weight:600;text-transform:uppercase;width:60px}.echo-admin-dashboard__issue-message{flex:1 1}.echo-admin-dashboard__session-stats{display:flex;gap:20px;margin-bottom:24px}.echo-admin-dashboard__stat{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;padding:16px 24px;text-align:center}.echo-admin-dashboard__stat-value{color:#6c63ff;color:var(--accent-color,#6c63ff);display:block;font-size:2rem;font-weight:700}.echo-admin-dashboard__stat-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.85rem}.echo-admin-dashboard__table{border-collapse:collapse;width:100%}.echo-admin-dashboard__table td,.echo-admin-dashboard__table th{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color,#2a2a4a);padding:12px;text-align:left}.echo-admin-dashboard__table th{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.85rem;font-weight:500}.echo-admin-dashboard__session-row--idle{opacity:.6}.echo-admin-dashboard__session-row--disconnected{opacity:.4}.echo-admin-dashboard__status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.echo-admin-dashboard__status-badge--active{background:#4ade8033;color:#4ade80}.echo-admin-dashboard__status-badge--idle{background:#fbbf2433;color:#fbbf24}.echo-admin-dashboard__status-badge--disconnected{background:#64646433;color:#888}.echo-admin-dashboard__client-section{margin-bottom:24px}.echo-admin-dashboard__client-section h3{font-size:1.1rem;margin:0 0 16px}.echo-admin-dashboard__client-section--intervention{background:#f871711a;border:1px solid #f871714d;border-radius:8px;padding:16px}.echo-admin-dashboard__client-section--warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;padding:16px}.echo-admin-dashboard__client-card{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;margin-bottom:12px;padding:16px}.echo-admin-dashboard__client-card--intervention-needed{border-left:4px solid #f87171}.echo-admin-dashboard__client-card--suspended{border-left:4px solid #888;opacity:.7}.echo-admin-dashboard__client-card--warning{border-left:4px solid #fbbf24}.echo-admin-dashboard__client-header{display:flex;justify-content:space-between;margin-bottom:12px}.echo-admin-dashboard__client-id{font-family:var(--font-mono);font-size:.9rem}.echo-admin-dashboard__client-status{font-size:.8rem;font-weight:600;text-transform:uppercase}.echo-admin-dashboard__client-status--healthy{color:#4ade80}.echo-admin-dashboard__client-status--warning{color:#fbbf24}.echo-admin-dashboard__client-status--intervention-needed{color:#f87171}.echo-admin-dashboard__client-status--suspended{color:#888}.echo-admin-dashboard__client-stats{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:flex;font-size:.85rem;gap:16px;margin-bottom:12px}.echo-admin-dashboard__client-flags{background:#0003;border-radius:8px;margin-bottom:12px;padding:12px}.echo-admin-dashboard__client-flags h4{font-size:.85rem;margin:0 0 8px}.echo-admin-dashboard__client-flags ul{margin:0;padding-left:20px}.echo-admin-dashboard__flag{margin-bottom:8px}.echo-admin-dashboard__flag--critical{color:#f87171}.echo-admin-dashboard__flag--warning{color:#fbbf24}.echo-admin-dashboard__flag-type{font-weight:600;margin-right:8px}.echo-admin-dashboard__client-actions{display:flex;gap:8px}.echo-admin-dashboard__client-actions button{background:#16213e;background:var(--input-bg,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;padding:8px 12px;transition:background .2s}.echo-admin-dashboard__client-actions button:hover{background:#2a2a4a;background:var(--border-color,#2a2a4a)}.echo-admin-dashboard__suggestion-section{margin-bottom:24px}.echo-admin-dashboard__suggestion-section h3{margin:0 0 16px}.echo-admin-dashboard__suggestion-card{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;margin-bottom:12px;padding:16px}.echo-admin-dashboard__suggestion-header{display:flex;justify-content:space-between;margin-bottom:8px}.echo-admin-dashboard__suggestion-category{background:#6c63ff33;border-radius:12px;color:#6c63ff;color:var(--accent-color,#6c63ff);font-size:.75rem;padding:2px 8px;text-transform:uppercase}.echo-admin-dashboard__suggestion-status{font-size:.75rem;font-weight:600}.echo-admin-dashboard__suggestion-status--pending{color:#fbbf24}.echo-admin-dashboard__suggestion-status--reviewed{color:#60a5fa}.echo-admin-dashboard__suggestion-status--accepted{color:#4ade80}.echo-admin-dashboard__suggestion-status--rejected{color:#f87171}.echo-admin-dashboard__suggestion-status--implemented{color:#a78bfa}.echo-admin-dashboard__suggestion-card h4{font-size:1rem;margin:0 0 8px}.echo-admin-dashboard__suggestion-card p{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.9rem;margin:0 0 12px}.echo-admin-dashboard__suggestion-meta{color:#666;color:var(--text-tertiary,#666);display:flex;font-size:.8rem;gap:16px;margin-bottom:12px}.echo-admin-dashboard__suggestion-actions{display:flex;gap:8px}.echo-admin-dashboard__suggestion-actions button{background:#16213e;background:var(--input-bg,#16213e);border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;padding:8px 12px;transition:background .2s}.echo-admin-dashboard__suggestion-actions button:hover{background:#2a2a4a;background:var(--border-color,#2a2a4a)}.echo-admin-dashboard__geometry{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.echo-admin-dashboard__geometry-nodes,.echo-admin-dashboard__geometry-overall{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-radius:8px;padding:16px}.echo-admin-dashboard__geometry-nodes h3,.echo-admin-dashboard__geometry-overall h3{margin:0 0 16px}.echo-admin-dashboard__geometry-dimension{align-items:center;display:flex;gap:12px;margin-bottom:12px}.echo-admin-dashboard__geometry-label{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);font-size:.85rem;text-transform:capitalize;width:100px}.echo-admin-dashboard__geometry-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.echo-admin-dashboard__geometry-fill{background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80);border-radius:4px;height:100%;transition:width .3s}.echo-admin-dashboard__geometry-value{font-size:.85rem;font-weight:600;text-align:right;width:40px}.echo-admin-dashboard__geometry-overall-score{font-size:1.2rem;margin-top:16px;text-align:center}.echo-admin-dashboard__geometry-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.echo-admin-dashboard__geometry-node{border:1px solid #2a2a4a;border:1px solid var(--border-color,#2a2a4a);border-radius:8px;padding:12px;text-align:center}.echo-admin-dashboard__geometry-node-name{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.echo-admin-dashboard__geometry-node-score{display:block;font-size:1.1rem;font-weight:700;margin-top:4px}@media (max-width:768px){.echo-admin-dashboard__geometry,.echo-admin-dashboard__health{grid-template-columns:1fr}.echo-admin-dashboard__table{display:block;overflow-x:auto}}.admin-desk-area{display:flex;flex-direction:column;gap:clamp(1rem,2.6vw,1.75rem)}.admin-desk-area__header h2{font-size:clamp(1.35rem,3.2vw,1.75rem);font-weight:600;margin:0}.admin-desk-area__header p{margin:.25rem 0 0}.admin-desk-area__surface{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1222bd;border:1px solid #94a3b82e;border:1px solid var(--glass-border,#94a3b82e);border-radius:16px;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);isolation:isolate;padding:clamp(1rem,2.8vw,1.5rem);position:relative;transform:translateZ(0);z-index:0}.admin-desk-area__surface-header h3{font-size:clamp(1.1rem,2.6vw,1.35rem);font-weight:600;margin:0}.admin-desk-area__surface-header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:.25rem 0 0}.admin-desk-area__subtabs{align-items:center;background:#0f172a99;border:1px solid #94a3b838;border-radius:999px;display:inline-flex;gap:.5rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.admin-desk-area__subtab{background:#0000;border:0;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s ease,color .2s ease}.admin-desk-area__subtab.is-active{background:#3b82f62e;color:var(--info-solid)}.admin-desk-area__panel{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}@media (max-width:768px){.admin-desk-area__subtabs{justify-content:space-between;width:100%}.admin-desk-area__subtab{flex:1 1;text-align:center}}.checkout-container{background:var(--bg-tertiary);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.checkout-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1000px}.order-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.order-summary h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.order-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.item-info{flex:1 1;min-width:0}.item-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.item-info p{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin:0 0 .5rem}.quantity{color:var(--text-secondary);font-size:.85rem;font-weight:600}.item-price{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-left:1rem}.order-totals{border-top:2px solid var(--border-color);padding-top:1rem}.total-line{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}.total-line.total{border-top:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;margin-top:.5rem;padding-top:1rem}.payment-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem}.payment-form h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.method-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.method-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.method-btn.active,.method-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.method-btn.active{box-shadow:0 4px 15px #0003;color:var(--primary)}.shipping-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.shipping-section h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.shipping-form{display:flex;flex-direction:column;gap:1rem}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-secondary)}.form-group input{background:#16213e;background:var(--bg-tertiary,#16213e);border:2px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group input:required:invalid{border-color:var(--error)}.stripe-form{display:flex;flex-direction:column;gap:1.5rem}.card-element-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.card-element-container label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:1rem}.card-element-container .StripeElement{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem;transition:border-color .3s ease}.card-element-container .StripeElement--focus,.card-element-container .StripeElement:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.card-element-container .StripeElement--invalid{border-color:var(--error)}.paypal-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.paypal-info{margin-bottom:1.5rem}.paypal-info p{color:var(--text-muted);font-size:.95rem;margin:0}.pay-button{background:var(--btn-primary-bg);border:none;border-radius:8px;color:var(--btn-primary-text);cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.pay-button:hover:not(:disabled){box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.pay-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.stripe-button{background:linear-gradient(135deg,#667eea,#764ba2)}.stripe-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d}.paypal-button{background:linear-gradient(135deg,#ffc439,#ff7730);color:var(--text-primary)}.paypal-button:hover:not(:disabled){box-shadow:0 6px 20px #ffc4394d}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:.5rem;width:16px}.payment-message{border-radius:8px;font-weight:600;margin-bottom:1rem;padding:1rem}.payment-message.success{background:var(--surface-success-bg);border:1px solid var(--border-color);color:var(--surface-success-text)}.payment-message.error{background:var(--surface-danger-bg);border:1px solid var(--border-color);color:var(--surface-danger-text)}@media (max-width:1024px){.checkout-content{gap:1.5rem;grid-template-columns:1fr}.order-summary{order:2}.payment-form{order:1}}@media (max-width:768px){.checkout-container{padding:1rem}.order-summary,.payment-form{padding:1.5rem}.form-row,.form-row.three-col,.payment-methods{grid-template-columns:1fr}.method-btn{font-size:.9rem;padding:.75rem}}@media (max-width:480px){.checkout-container{padding:.5rem}.order-summary,.payment-form{padding:1rem}.checkout-content{gap:1rem}.order-item{align-items:flex-start;flex-direction:column;gap:.5rem}.item-price{font-size:1rem;margin-left:0}.pay-button{font-size:1rem;padding:.75rem 1.5rem}.total-line.total{font-size:1.1rem}}.invoice-container{background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 20px #0000001a;font-family:var(--font-body);line-height:1.5;margin:0 auto;max-width:800px;padding:2rem}.invoice-container.print-mode{border-radius:0;box-shadow:none;max-width:none;padding:1rem}.invoice-header{grid-gap:2rem;background:var(--bg-secondary);border-bottom:3px solid var(--primary);display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.company-info>p{color:var(--text-muted);font-size:1.1rem;font-style:italic}.company-details{color:var(--text-muted);font-size:.9rem}.company-details p{margin:.25rem 0}.invoice-meta{text-align:right}.invoice-meta h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 1rem}.invoice-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.detail-row .label{color:var(--text-secondary);font-weight:600;min-width:80px}.detail-row .value{color:var(--text-primary);font-weight:600;text-align:right}.value.status-paid{background:var(--surface-success-bg);color:var(--surface-success-text)}.value.status-draft,.value.status-paid,.value.status-sent{border-radius:4px;font-size:.85rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.value.status-draft,.value.status-sent{background:var(--surface-warning-bg);color:var(--surface-warning-text)}.value.status-failed,.value.status-refunded{background:var(--surface-danger-bg);border-radius:4px;color:var(--surface-danger-text);font-size:.85rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.customer-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.bill-to h3,.ship-to h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.customer-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.address p,.customer-info p{color:var(--text-muted);margin:.25rem 0}.invoice-items{margin-bottom:2rem}.items-table{background:var(--bg-secondary);border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.items-table thead{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.items-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.items-table td:last-child,.items-table th:last-child{text-align:right}.items-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .3s ease}.items-table tbody tr:hover{background:var(--bg-tertiary)}.items-table tbody tr:last-child{border-bottom:none}.items-table td{padding:1rem;vertical-align:top}.item-description{max-width:300px}.item-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.item-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4}.item-price,.item-quantity,.item-total{color:var(--text-primary);font-weight:600;white-space:nowrap}.invoice-totals{display:flex;justify-content:flex-end;margin-bottom:2rem}.totals-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;min-width:300px;padding:1.5rem}.total-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}.total-row.grand-total{border-top:2px solid var(--primary);color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-top:1rem;padding-top:1rem}.total-label{color:var(--text-secondary);font-weight:600}.total-value{font-weight:700}.grand-total .total-label,.grand-total .total-value,.total-value{color:var(--text-primary)}.payment-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.payment-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.payment-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.invoice-footer{border-top:1px solid var(--border-color);margin-bottom:2rem;padding-top:2rem}.notes-section,.terms-section{margin-bottom:1.5rem}.notes-section h4,.terms-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.notes-section p,.terms-section p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0}.invoice-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.action-btn{border:2px solid var(--border-color);font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pay-btn{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.pay-btn,.pay-btn:hover{color:var(--btn-primary-text)}.pay-btn:hover{box-shadow:0 4px 12px #0003}.print-btn{border-color:var(--primary);color:var(--primary)}.print-btn:hover{background:var(--primary);color:var(--text-inverse)}.download-btn{border-color:var(--warning);color:var(--warning)}.download-btn:hover{background:var(--warning);color:var(--text-inverse)}.invoice-error,.invoice-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.invoice-loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--glass-border);border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.invoice-error h3{color:var(--error);margin-bottom:.5rem}@media print{.invoice-container{border-radius:0;box-shadow:none;font-size:12pt;line-height:1.4;padding:0}.action-btn,.invoice-actions{display:none}.invoice-header{page-break-inside:avoid}.items-table{box-shadow:none}.items-table tbody tr:hover{background:#0000}.payment-info,.totals-section{background:#0000;border:1px solid #333}}@media (max-width:768px){.invoice-container{border-radius:0;box-shadow:none;margin:0;padding:1rem}.invoice-header{gap:1.5rem;grid-template-columns:1fr;text-align:left}.invoice-meta{text-align:left}.customer-section{gap:1.5rem}.customer-section,.payment-details{grid-template-columns:1fr}.items-table{font-size:.85rem}.items-table td,.items-table th{padding:.75rem .5rem}.item-description{max-width:none}.totals-section{min-width:auto;width:100%}.invoice-actions{align-items:stretch;flex-direction:column}.action-btn{justify-content:center}}@media (max-width:480px){.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.items-table td:nth-child(2),.items-table td:nth-child(3),.items-table th:nth-child(2),.items-table th:nth-child(3){display:none}.items-table th:last-child:before{content:"Total: "}.total-row{font-size:.9rem}.total-row.grand-total{font-size:1.1rem}}.transaction-history{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:var(--font-body);margin:0 auto;max-width:1200px;padding:2rem}.transaction-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.transaction-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.header-actions{display:flex;gap:1rem}.download-btn,.refresh-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.refresh-btn:hover{border-color:#3498db;color:#3498db;transform:translateY(-2px)}.download-btn:hover{border-color:#27ae60;color:#27ae60;transform:translateY(-2px)}.transaction-filters{grid-gap:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.filter-group select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .3s ease}.filter-group select:focus{border-color:#3498db;outline:none}.transaction-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-stat{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.stat-value{font-size:2rem}.stat-label{font-size:.9rem;opacity:.9}.transaction-list{display:flex;flex-direction:column;gap:1rem}.transaction-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.transaction-item:hover{border-color:#3498db;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.transaction-main{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto}.transaction-icon{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.transaction-details{min-width:0}.transaction-description{word-wrap:break-word;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.transaction-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}.transaction-meta span{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem}.transaction-amount{display:flex;flex-direction:column;gap:.5rem;text-align:right}.amount{font-size:1.25rem;font-weight:700}.amount.positive{color:#27ae60}.amount.negative{color:#e74c3c}.status{border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fbbf2426;border:1px solid #fbbf2459;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.status-refunded{background:#d1ecf1;color:#0c5460}.status-unknown{background:var(--bg-tertiary);color:var(--text-primary)}.transaction-invoice{align-items:center;border-top:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.view-invoice-link{color:#3498db;font-weight:600;text-decoration:none;transition:color .3s ease}.view-invoice-link:hover{color:#2980b9;text-decoration:underline}.transaction-error,.transaction-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.transaction-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--glass-border);border-radius:50%;border-top:4px solid #3498db;height:40px;margin-bottom:1rem;width:40px}.transaction-error h3{color:#e74c3c;margin-bottom:.5rem}.retry-btn{background:#3498db}.retry-btn:hover{background:#2980b9}.no-transactions{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-transactions h3{color:var(--text-secondary);margin-bottom:.5rem}@media (max-width:768px){.transaction-history{border-radius:0;box-shadow:none;margin:0;padding:1rem}.transaction-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.transaction-filters,.transaction-summary{gap:1rem;grid-template-columns:1fr}.transaction-main{gap:1rem;grid-template-columns:auto 1fr}.transaction-amount{align-items:center;border-top:1px solid var(--border-color);flex-direction:row;grid-column:1/-1;justify-content:space-between;margin-top:1rem;padding-top:1rem;text-align:left}.transaction-invoice,.transaction-meta{flex-direction:column;gap:.5rem}.transaction-invoice{align-items:flex-start}}@media (max-width:480px){.transaction-item{padding:1rem}.transaction-icon{font-size:1.25rem;height:40px;width:40px}.transaction-description{font-size:1rem}.amount{font-size:1.1rem}.stat-value{font-size:1.5rem}}@media print{.transaction-history{border-radius:0;box-shadow:none;padding:0}.header-actions,.transaction-filters{display:none}.transaction-item{border:1px solid #333;box-shadow:none;page-break-inside:avoid}.transaction-item:hover{box-shadow:none;transform:none}}.payment-methods{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000001a;font-family:var(--font-body);margin:0 auto;max-width:800px;padding:2rem}.payment-methods-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.payment-methods-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.add-method-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-method-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.payment-methods-list{display:flex;flex-direction:column;gap:1rem}.payment-method-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;position:relative;transition:all .3s ease}.payment-method-item:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.payment-method-item.selected{background:var(--bg-tertiary);border-color:var(--success)}.method-info{flex:1 1;gap:1rem}.method-icon,.method-info{align-items:center;display:flex}.method-icon{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;font-size:1.5rem;height:50px;justify-content:center;width:50px}.payment-method-item.selected .method-icon{background:var(--bg-tertiary);border-color:var(--success)}.method-details{display:flex;flex-direction:column;gap:.25rem}.method-primary{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.75rem}.bank-brand,.card-brand,.paypal-brand{background:#3498db;border-radius:4px;color:#fff;font-size:.85rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.card-number{font-family:var(--font-mono);font-size:1rem;letter-spacing:1px}.method-secondary{color:var(--text-muted);font-size:.9rem}.method-actions{align-items:center;display:flex;gap:1rem}.selected-indicator{align-items:center;color:var(--success);display:flex;font-size:.9rem;font-weight:700;gap:.25rem}.delete-method-btn{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .3s ease}.delete-method-btn:hover{background:var(--surface-danger-bg);color:var(--error);transform:scale(1.1)}.no-payment-methods{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-methods-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-payment-methods h4{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.no-payment-methods p{font-size:1.1rem;margin:0 0 2rem}.add-first-method-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.add-first-method-btn:hover{box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.add-payment-method-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:inherit}.modal-content{background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:500px;position:relative;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.modal-header{padding:2rem 2rem 1rem}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-subtle);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-modal-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.payment-method-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.method-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.method-option:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.option-icon{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.option-info{flex:1 1}.option-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.option-subtitle{color:var(--text-muted);font-size:.9rem}.card-option:hover .option-icon{background:var(--surface-info-bg);border-color:var(--info)}.paypal-option:hover .option-icon{background:var(--surface-warning-bg);border-color:var(--warning)}.bank-option:hover .option-icon{background:var(--surface-success-bg);border-color:var(--success)}.add-method-note{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:8px;padding:1rem}.add-method-note p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.payment-methods-error,.payment-methods-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.payment-methods-loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--glass-border);border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.payment-methods-error h3{color:var(--error);margin-bottom:.5rem}.retry-btn{background:var(--btn-primary-bg);color:#fff;margin-top:1rem;padding:.75rem 1.5rem}.retry-btn:hover{background:var(--btn-primary-bg-hover)}@media (max-width:768px){.payment-methods{border-radius:0;box-shadow:none;margin:0;padding:1rem}.payment-method-item,.payment-methods-header{align-items:stretch;flex-direction:column;gap:1rem}.method-actions,.method-info{justify-content:center}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1.5rem}}@media (max-width:480px){.payment-method-item{padding:1rem}.method-icon,.option-icon{font-size:1.25rem;height:40px;width:40px}.method-primary{font-size:1rem}.method-secondary{font-size:.85rem}.modal-body,.modal-header{padding:1rem}}.payment-dashboard{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{background:var(--gradient-mystic);border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.dashboard-header h1{font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem}.dashboard-header p{font-size:1.25rem;margin:0;opacity:.9}.dashboard-error{background:var(--surface-danger-bg);border:1px solid var(--surface-danger-border);border-radius:8px;color:var(--surface-danger-text);margin-bottom:2rem;padding:1.5rem}.error-content h3{color:var(--surface-danger-text);margin:0 0 .5rem}.error-content p{margin:0 0 1rem}.retry-btn{background:var(--btn-danger-bg);border:none;border-radius:8px;color:var(--btn-danger-text);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.retry-btn:hover{background:var(--btn-danger-bg-hover)}.dashboard-tabs{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px #00000059;display:flex;gap:.25rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.tab-button{align-items:center;border-radius:8px;color:var(--text-muted);display:flex;flex-direction:column;font-weight:600;gap:.5rem;min-width:140px;transition:all .3s ease}.tab-button:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db4d;color:#fff;transform:translateY(-2px)}.tab-icon{font-size:1.5rem}.tab-label{font-size:.9rem;text-align:center}.dashboard-content{background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px #00000059;min-height:600px;padding:2rem}.overview-section{display:flex;flex-direction:column;gap:3rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{align-items:center;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease}.stat-card:before{background:linear-gradient(90deg,#3498db,#2980b9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-4px)}.stat-card.stat-high{background:linear-gradient(135deg,#10b98126,#10b98114)}.stat-card.stat-high:before{background:linear-gradient(90deg,#27ae60,#2ecc71)}.stat-card.stat-medium{background:var(--surface-warning-bg);border:1px solid var(--surface-warning-border)}.stat-card.stat-medium:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.stat-card.stat-low{background:var(--bg-secondary);border:1px solid var(--glass-border)}.stat-card.stat-warning{background:linear-gradient(135deg,#ef444426,#ef444414)}.stat-card.stat-warning:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.stat-card.stat-neutral{background:var(--bg-secondary);border:1px solid var(--glass-border)}.stat-icon{align-items:center;background:#ffffff0f;border-radius:50%;box-shadow:0 4px 16px #0000001a;display:flex;font-size:2rem;height:80px;justify-content:center;width:80px}.stat-info{flex:1 1}.stat-value{color:var(--text-primary);font-size:2.5rem;line-height:1;margin-bottom:.5rem}.stat-label{font-size:1rem;font-weight:600;letter-spacing:.5px}.overview-actions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-btn:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.action-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 24px #3498db4d;color:#fff}.action-btn.secondary:hover{border-color:#3498db;color:#3498db}.recent-activity{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px;padding:2rem}.recent-activity h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.recent-activity .compact-view{background:#0000;box-shadow:none;padding:0}.section-header{border-bottom:2px solid var(--glass-border);margin-bottom:3rem;padding-bottom:1.5rem;text-align:center}.section-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:var(--text-muted);font-size:1.1rem;margin:0}.checkout-section,.invoices-section,.methods-section,.transactions-section{animation:fadeInUp .5s ease}.invoice-demo{margin:0 auto;max-width:800px}.demo-invoice{box-shadow:0 8px 32px #0000001a}.dashboard-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem;text-align:center}.dashboard-loading .loading-spinner{animation:spin 1s linear infinite;border:6px solid var(--glass-border);border-radius:50%;border-top:6px solid #3498db;height:60px;margin-bottom:2rem;width:60px}.dashboard-loading p{font-size:1.25rem;margin:0}@media (max-width:1280px){.payment-dashboard{padding:1rem}.dashboard-content{padding:1.5rem}.stats-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.dashboard-header{margin-bottom:2rem;padding:1.5rem}.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-tabs{gap:.25rem;padding:.25rem}.tab-button{min-width:100px;padding:.75rem .5rem}.tab-icon{font-size:1.25rem}.tab-label{font-size:.75rem}.dashboard-content{padding:1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{gap:1rem;padding:1.5rem}.stat-icon{font-size:1.5rem;height:60px;width:60px}.stat-value{font-size:2rem}.overview-actions{gap:1rem;grid-template-columns:1fr}.action-btn{padding:1rem}.section-header h2{font-size:2rem}.recent-activity{padding:1rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.75rem}.tab-button{min-width:80px;padding:.5rem .25rem}.tab-label{font-size:.75rem}.stat-card{flex-direction:column;padding:1rem;text-align:center}.stat-value{font-size:1.75rem}.stat-label{font-size:.85rem}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}}.quest-play-toolbar{display:flex;gap:8px;left:12px;position:absolute;top:12px;z-index:30}.quest-play-card{align-items:center;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);border-radius:24px;box-shadow:0 38px 80px #02061273;display:flex;flex-direction:column;gap:clamp(24px,5vh,32px);margin:clamp(72px,12vh,128px) auto 0;padding:clamp(28px,5vw,44px);text-align:center;width:min(520px,100%)}.quest-replay-banner+.quest-play-card{margin-top:16px}.quest-replay-banner{background:#223352d9;border:1px solid #94c5ff80;box-shadow:0 12px 32px #060c1c59;color:#e6f1ff;color:var(--text-inverse,#e6f1ff);padding:12px clamp(20px,4vw,24px)}.quest-play-card__body{display:flex;flex-direction:column;gap:clamp(16px,4vh,24px);width:100%}.quest-play-card__title{font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.01em;margin:0}.quest-play-card__description{color:#e2e8f0e6;font-size:clamp(.9rem,1.6vw,1rem);line-height:1.7;margin:0}.quest-play-card__meta{color:#94a3b8e6;font-size:clamp(.9rem,2vw,1rem);margin:0}.quest-play-card__meta--warning{color:#fbbf24;color:var(--warning,#fbbf24);font-weight:600}.quest-play-card__reward{align-items:center;background:#080c1ca6;border:1px solid #facc1547;border-radius:16px;box-shadow:inset 0 0 24px #facc1514,0 20px 46px #02061261;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px clamp(20px,4vw,28px)}.quest-play-card__reward--placeholder{background:#0c122080;border-color:#94a3b838;box-shadow:inset 0 0 24px #94a3b814,0 18px 40px #02061259}.quest-play-card__reward-label{color:#facc15cc;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase}.quest-play-card__reward-value{color:#fde68a;color:var(--reward-ep-glow,#fde68a);font-size:clamp(1.1rem,2.2vw,1.4rem);font-weight:700;text-shadow:0 0 14px #facc158c}.quest-play-card__reward-footnote{color:#e2e8f0bf;font-size:.8rem}.quest-play-card__note{color:#94a3b8bf;font-size:.85rem;margin:0}.quest-play-card__cta-row{display:flex;justify-content:center;margin-top:auto;width:100%}.quest-play-card__begin{align-items:center;background:radial-gradient(circle at 20% 20%,#0c1e44f2,#081228eb);border:1px solid #facc1561;border-radius:999px;box-shadow:0 0 0 1px #081228cc,0 18px 44px #08122899,0 0 28px #facc158c;color:#fefce8;color:var(--text-inverse,#fefce8);cursor:pointer;display:inline-flex;font-size:clamp(1rem,2.1vw,1.15rem);font-weight:600;isolation:isolate;justify-content:center;letter-spacing:.05em;min-width:min(260px,100%);overflow:hidden;padding:16px 36px;position:relative;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.quest-play-card__begin span,.quest-play-card__begin:after,.quest-play-card__begin:before{pointer-events:none}.quest-play-card__begin:before{animation:quest-play-button-shimmer 2.6s linear infinite;background:linear-gradient(120deg,#0000 15%,#facc1533 35%,#facc15a6 50%,#facc1540 65%,#0000 85%);content:"";inset:0;position:absolute;transform:translateX(-130%);z-index:-1}.quest-play-card__begin:after{background:radial-gradient(circle,#facc1526,#0000 60%);content:"";inset:-16px;opacity:0;position:absolute;transition:opacity .25s ease;z-index:-2}.quest-play-card__begin:hover:not(:disabled){box-shadow:0 0 0 1px #0c1c38e6,0 24px 54px #081228b8,0 0 34px #fad65ab8;transform:translateY(-2px)}.quest-play-card__begin:hover:not(:disabled):after{opacity:1}.quest-play-card__begin:focus-visible{outline:3px solid #facc15a6;outline-offset:4px}.quest-play-card__begin:disabled{box-shadow:0 0 0 1px #0c1c3880,0 16px 38px #08122873;cursor:not-allowed;opacity:.65}.quest-play-card__begin:disabled:before{animation:none;opacity:0}@keyframes quest-play-button-shimmer{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@media (prefers-reduced-motion:reduce){.quest-play-card__begin:before{animation:none}.quest-play-card,.quest-play-card__begin,.quest-play-card__reward{transition:none}}@media (max-width:640px){.quest-play-card{margin-top:64px;padding:24px}.quest-play-toolbar{left:8px;top:8px}}@media (max-width:480px){.quest-play-card{border-radius:24px;padding:20px}.quest-play-card__begin{font-size:1rem;min-width:min(220px,100%);padding:12px 28px}.quest-replay-banner{border-radius:12px;font-size:.85rem;padding:8px 16px}}.forum-thread-view{color:#f6f8ff;margin:0 auto;max-width:1200px;padding:28px 32px 48px}.thread-card{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#191c283d;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 24px 48px #080c1861;margin-bottom:28px;padding:clamp(20px,2.8vw,28px);position:relative}.thread-header{align-items:flex-start;flex-wrap:wrap;gap:28px;padding-right:clamp(160px,18vw,220px);position:relative}.thread-header,.thread-view-toolbar{display:flex;justify-content:space-between}.thread-view-toolbar{align-items:center;gap:16px;margin-bottom:24px}.toolbar-left{align-items:center;display:flex;gap:12px}.toolbar-back{align-items:center;background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #244ea899;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.toolbar-back:hover{border-color:#386cd0c7;box-shadow:0 12px 26px #14307052;transform:translateY(-1px)}.toolbar-back:focus-visible{outline:2px solid #588cf0d9;outline-offset:2px}.toolbar-right{align-items:center;display:flex;flex-shrink:0;position:relative}.thread-context-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;letter-spacing:.12em;line-height:1;transition:background .18s ease,border-color .18s ease,transform .18s ease;width:40px}.thread-context-btn:hover{background:#ffffff24;border-color:#ffffff52;transform:scale(1.06)}.thread-context-btn:focus-visible{outline:2px solid #588cf0d9;outline-offset:2px}.thread-context-dropdown{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e162cf7;border:1px solid #386cd059;border-radius:12px;box-shadow:0 12px 32px #040a188c,inset 0 0 0 1px #ffffff0a;min-width:160px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.thread-ctx-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffe0;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:9px 14px;text-align:left;transition:background .14s ease,color .14s ease;width:100%}.thread-ctx-item:hover{background:#ffffff14;color:#fff}.thread-ctx-item.active{background:#2563eb24;color:#60a5fa}.thread-ctx-item--danger{color:#f87171e6}.thread-ctx-item--danger:hover{background:#dc354524;color:#f87171}.thread-ctx-divider{background:#ffffff1a;height:1px;margin:4px 6px}@media (max-width:768px){.thread-view-toolbar{align-items:center;flex-direction:row;flex-wrap:nowrap}.toolbar-left{flex:1 1;min-width:0}.toolbar-back{justify-content:center;width:100%}}.thread-info{display:flex;flex:1 1 640px;flex-direction:column;gap:12px}.thread-status{gap:12px;margin-bottom:12px}.lock-icon,.pin-icon{background:#ffc107;border-radius:12px;color:#333;font-size:.8rem;font-weight:500;padding:4px 8px}.lock-icon{background:#dc3545;color:#fff}.thread-title{font-size:2rem;font-weight:700;line-height:1.25;margin:0}.thread-meta{align-items:center;color:#ffffffb8;flex-wrap:wrap;font-size:.95rem;gap:8px 16px}.thread-meta-chip{align-items:center;background:#12182899;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffd9;display:inline-flex;font-size:.82rem;gap:8px;line-height:1;padding:4px 12px}.thread-body{display:flex;flex-direction:column;gap:16px}.post-body-text{color:#f8fafe;font-size:1.05rem;letter-spacing:.01em;line-height:1.65;white-space:pre-line}.thread-actions{align-self:flex-start;display:flex;gap:12px;margin-left:auto;z-index:2}.mod-button{background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mod-button:hover{border-color:#ffffff52;box-shadow:0 10px 22px #0a122459;transform:translateY(-1px)}.mod-button.active{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border-color:#244ea899}@media (min-width:769px){.thread-card .thread-actions{position:absolute;right:clamp(16px,2vw,24px);top:clamp(16px,2vw,24px)}}@media (max-width:768px){.thread-header{padding-right:0}.thread-actions{justify-content:flex-end;margin-top:12px;position:static;width:100%}}.thread-content{display:flex;flex-direction:column;gap:20px}.post{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#101624c7;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 18px 36px #04060c73;overflow:hidden}.original-post{border-left:4px solid #1f3d8a}.post-header{background:#0a0e18ad;border-bottom:1px solid #ffffff1f;padding:12px 24px}.post-author{align-items:center;display:flex;justify-content:space-between}.post-author strong{color:#fff;font-size:1rem}.post-date{color:#ffffffa6;font-size:.8rem}.reply-context{background:#0c101cb8;border-left:3px solid #4e6cdc8c;border-radius:12px;color:#ffffffc7;font-size:.92rem;margin:12px 20px 0;padding:12px 20px}.reply-context span{color:#fff;font-weight:500}.reply-context blockquote{color:#ffffffa6;font-style:italic;margin:8px 0 0}.post-content{color:#f6f8ff;line-height:1.6;padding:20px}.post-content p{margin:0 0 16px}.post-content p:last-child{margin-bottom:0}.post-footer{align-items:center;background:#0a0e18ad;border-top:1px solid #ffffff1f;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:16px 24px}.post-reactions{display:flex;gap:8px}.reaction-button{align-items:center;background:#0000;border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:4px 8px;transition:all .2s ease}.reaction-button:hover{background:var(--tertiary-bg);border-color:var(--primary)}.reaction-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.reaction-button:disabled{cursor:not-allowed;opacity:.5}.post-actions{display:flex;gap:12px}.post-engagement{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:16px;justify-content:flex-start;min-width:0}.post-engagement .gift-recognition-button{margin-left:auto}.thread-engagement{align-items:center;border-top:1px solid #94a3b83d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:16px;padding-top:16px}.gift-recognition-button:hover{box-shadow:0 12px 26px #14307059}.reply-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px}.reply-button:hover{background:#218838}.no-replies-hint{background:#0c101cad;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 12px 28px #04060c66;color:#ffffffc7;padding:28px 24px;text-align:center}.no-replies-hint p{color:inherit;margin:0}.reply-link{align-items:center;background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #143478a6;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-left:auto;padding:8px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reply-link:hover{border-color:#1e50aad9;box-shadow:0 10px 22px #19378259;color:#fff;transform:translateY(-1px)}.reply-link:focus-visible{outline:2px solid #4678d2e6;outline-offset:2px}.attachment-unlock-button{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:transform .2s ease,box-shadow .2s ease}.attachment-unlock-button:hover{box-shadow:0 12px 24px #1636824d;transform:translateY(-1px)}.thread-paywall-banner{align-items:center;background:#0a0e18d1;border:1px solid #ffffff29;border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:4px;padding:16px 20px}.thread-paywall-copy{color:#ffffffd1;display:flex;flex-direction:column;font-size:.95rem;gap:4px}.thread-paywall-copy strong{color:#fff}.thread-paywall-button{margin-left:auto}.attachment-gallery{align-items:center;display:flex;flex-direction:column;gap:20px;margin:12px auto 0;width:100%}.attachment-gallery>.attachment-carousel{margin:0 auto;width:min(900px,100%)}.attachment-resource-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 8px;width:min(900px,100%)}.attachment-resource{background:#0c101cb8;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 12px 28px #04060c59;color:#f6f8ff;display:flex;flex-direction:column;gap:12px;padding:12px 16px}.attachment-resource a{color:#9cc9ff;text-decoration:none}.attachment-resource a:hover{text-decoration:underline}.reply-form{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#0e1422d9;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 20px 40px #04060c80;color:#f6f8ff;margin-top:36px;padding:28px}.reply-form p{color:#ffffffbf}.reply-form h3{color:#fff;font-size:1.15rem;letter-spacing:.01em;margin:0 0 16px}.reply-preview{background:#0a0e1899;border-left:3px solid #4e6cdc99;border-radius:8px;margin-bottom:16px;padding:12px 16px}.reply-preview blockquote{color:#ffffffbf;font-size:.92rem;font-style:italic;margin:0}.reply-textarea{background:#080c18ad;border:1px solid #ffffff2e;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff0d;color:#f6f8ff;font-family:inherit;font-size:1rem;line-height:1.55;margin-bottom:16px;min-height:140px;padding:12px 16px;resize:vertical;width:100%}.reply-textarea::placeholder{color:#ffffff7a}.reply-textarea:focus{border-color:#588cf0d9;box-shadow:0 0 0 2px #588cf04d;outline:none}.form-actions{justify-content:flex-end;width:100%}.post-button{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 20px}.post-button:hover{background:linear-gradient(135deg,#183478f2,#0e245af2)}.post-button:disabled,.post-button:disabled:hover{background:linear-gradient(135deg,#183478bf,#0e245abf);cursor:not-allowed;opacity:.6}.cancel-button{background:#141e3ad9;color:#fff;font-size:.9rem}.cancel-button:hover{background:#101a34f2}.forum-reply-error{color:#ff7878;font-size:.88rem;margin-left:auto;margin-right:0;margin-top:8px;text-align:right;width:100%}@media (max-width:768px){.thread-header{flex-direction:column;gap:16px}.thread-actions{align-self:flex-start}.post-footer{gap:16px}.post-engagement,.post-footer{align-items:stretch;flex-direction:column}.post-engagement{gap:12px}.post-engagement .gift-recognition-button{margin-left:0;width:100%}.post-actions,.post-reactions{justify-content:center}.form-actions{flex-direction:column}.reply-context{margin-left:12px;margin-right:12px}}.attachment-carousel{background:#1216208c;border:1px solid #ffffff2e;border-radius:12px;display:flex;flex-direction:column;margin:0 auto;max-width:900px;overflow:hidden;position:relative;touch-action:pan-y;width:100%}.attachment-carousel--reply{border-radius:12px}.attachment-carousel__slide{background:#0a0c1459;display:flex;flex-direction:column;margin:0;position:relative}.attachment-carousel__media{background:linear-gradient(135deg,#080c18a6,#0c101aa6);display:grid;min-height:clamp(220px,45vw,520px);overflow:hidden;place-items:center;position:relative;width:100%}.attachment-carousel__image,.attachment-carousel__media video{display:block;height:auto;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:auto}.attachment-carousel__media video{background:#000}.attachment-carousel__fallback{align-items:center;color:#ffffffd1;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin:0 auto;min-height:inherit;padding:32px 24px;text-align:center;width:min(100%,520px)}.attachment-carousel__fallback-icon{font-size:2.25rem}.attachment-carousel__fallback-message{font-size:.95rem;line-height:1.4;margin:0;max-width:460px}.attachment-carousel__fallback-link{color:#78aafff2;font-size:.85rem;text-decoration:underline}.attachment-carousel__fallback-link:hover{color:#a0c8ff}.attachment-carousel__fallback-filename{color:#fff9;font-size:.78rem}.attachment-carousel__retry{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.attachment-carousel__retry:hover{box-shadow:0 8px 16px #16368259;transform:translateY(-1px)}.attachment-carousel--reply .attachment-carousel__media{min-height:clamp(180px,52vw,360px)}.attachment-carousel--reply .attachment-carousel__image{max-height:100%}.attachment-carousel--article .attachment-carousel__media{min-height:clamp(240px,50vw,480px)}.attachment-carousel__caption{background:#0c101aa6;border-top:1px solid #ffffff1f;display:flex;flex-direction:column;gap:8px;margin:0;padding:12px 16px}.attachment-carousel__caption-text{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4}.attachment-carousel__description-text{color:var(--text-secondary);font-size:.85rem;line-height:1.35}.attachment-carousel__text{color:var(--text-primary);flex:1 1 auto;font-size:.9rem;line-height:1.45;min-width:0}.attachment-carousel__text--muted{color:var(--text-muted)}.attachment-carousel__text--masked{color:#ffffff8c;font-style:italic}.attachment-carousel__counter{background:#0000008c;border-radius:999px;color:#fff;font-size:.78rem;font-weight:600;left:12px;padding:4px 12px;pointer-events:none;position:absolute;top:12px}.attachment-carousel__nav{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:42px}.attachment-carousel__nav:hover{background:#000000bf}.attachment-carousel__nav--prev{left:12px}.attachment-carousel__nav--next{right:12px}.attachment-carousel__dots{align-items:center;bottom:12px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%}.attachment-carousel__dot{background:#ffffff59;border:none;border-radius:50%;cursor:pointer;height:10px;transition:transform .2s ease,background .2s ease;width:10px}.attachment-carousel__dot.active{background:#fff;transform:scale(1.1)}.attachment-carousel__lock-shell{align-items:center;background:linear-gradient(135deg,#0c0e18bf,#080a14e6);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:320px;padding:36px 24px;text-align:center}.attachment-carousel--reply .attachment-carousel__lock-shell{min-height:220px;padding:28px 20px}.attachment-carousel__lock-icon{font-size:2.25rem}.attachment-carousel__lock-copy{color:#ffffffd9;font-size:.95rem;margin:0}.attachment-carousel__lock-amount{color:#ffffffb3;font-size:.85rem}.attachment-carousel__unlock{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.attachment-carousel__unlock:hover{box-shadow:0 8px 22px #16368259;transform:translateY(-1px)}@media (max-width:768px){.attachment-carousel__media{min-height:clamp(200px,64vw,320px)}.attachment-carousel--reply .attachment-carousel__media{min-height:clamp(160px,68vw,260px)}.attachment-carousel__lock-shell{min-height:240px;padding:32px 16px}}.gift-modal-backdrop{align-items:center;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:#03060cb8;display:flex;inset:0;justify-content:center;padding:clamp(24px,4vw,48px);position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.gift-modal{background:#0a0c14eb;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 28px 80px #03060c8c;color:#fff;width:min(480px,96vw)}.gift-modal__form{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,3vw,28px)}.gift-modal__header{align-items:center;display:flex;gap:16px;justify-content:space-between}.gift-modal__header h2{color:#fff;font-size:1.35rem;font-weight:700;margin:0}.gift-modal__close{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:#fff;cursor:pointer;display:grid;font-size:1.25rem;height:36px;line-height:1;place-items:center;width:36px}.gift-modal__close:hover:not(:disabled){background:#ffffff24}.gift-modal__close:disabled{cursor:not-allowed;opacity:.6}.gift-modal__body{display:flex;flex-direction:column;gap:16px}.gift-modal__intro{color:#ffffffd9;font-size:.95rem;margin:0}.gift-modal__context{color:#fff}.gift-modal__label{color:#ffffffbf;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.gift-modal__input{background:#060a12c7;border:1px solid #ffffff2e;border-radius:12px;color:#fff;font-size:1.1rem;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.gift-modal__input:focus{border-color:#4678d2cc;box-shadow:0 0 0 2px #4678d259;outline:none}.gift-modal__input.has-error{border-color:#ff7070b3}.gift-modal__error{background:#ff5c5c1f;border:1px solid #ff5c5c47;border-radius:12px;color:#ffb4b4;font-size:.85rem;padding:12px}.gift-modal__status{background:#2a9d8f2e;border:1px solid #2a9d8f52;border-radius:12px;color:#8cf2e0;font-size:.85rem;padding:12px}.gift-modal__footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.gift-modal__button{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #244ea899;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;min-width:150px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}.gift-modal__button:hover:not(:disabled){box-shadow:0 10px 28px #14307059;transform:translateY(-1px)}.gift-modal__button:disabled{cursor:not-allowed;opacity:.6}.gift-modal__button--ghost{background:#ffffff0f;border:1px solid #fff3;color:#fff}.gift-modal__button--ghost:hover:not(:disabled){background:#ffffff1f;box-shadow:none}@media (max-width:768px){.gift-modal-backdrop{align-items:flex-end;padding:0}.gift-modal{border-radius:24px 24px 0 0;max-height:85vh;max-width:100%;overflow-y:auto;width:100%}.gift-modal__form{gap:16px}.gift-modal__header{padding-top:8px;position:relative}.gift-modal__header:before{background:#ffffff40;border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:36px}.gift-modal__header h2{font-size:1.2rem}.gift-modal__input{border-radius:12px;font-size:16px;padding:12px 16px}.gift-modal__footer{flex-direction:column;gap:12px;margin-top:8px}.gift-modal__button{font-size:1rem;min-width:auto;padding:12px 20px;width:100%}}@media (max-width:480px){.gift-modal__form{padding:16px}.gift-modal__header h2{font-size:1.1rem}.gift-modal__intro{font-size:.9rem}}.circle-forum-view{box-sizing:border-box;color:#f6f8ff;margin:0;max-width:100%;padding:16px;width:100%}.forum-shell.surface-panel{backdrop-filter:blur(5px) saturate(120%)!important;-webkit-backdrop-filter:blur(5px) saturate(120%)!important;background:#14162026!important;border:1px solid var(--glass-border);border-radius:16px;overflow:visible;padding:16px 24px;position:relative}.forum-header{align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#12141e26;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;overflow:visible;padding:12px 16px;position:relative;z-index:1}.forum-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.filter-group{align-items:center;background:#0c0e1859;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;gap:8px;padding:4px}.category-filter-group{flex-wrap:nowrap;justify-content:flex-start;max-width:none;overflow-x:auto;scrollbar-width:none}.category-filter-group::-webkit-scrollbar{display:none}.filter-pill{background:#0000;border:none;border-radius:999px;color:#ffffffa6;cursor:pointer;font-size:.85rem;min-width:70px;padding:8px 12px;transition:all .2s ease}.filter-pill:hover{background:#ffffff1f;color:#fff}.filter-pill.active{background:linear-gradient(135deg,#6a4c9399,#667eea99);box-shadow:0 6px 18px #0a0c1859;color:#fff}.filter-pill.clear-filters{border:1px solid #ffffff29;color:var(--text-muted)}.filter-pill.clear-filters:hover{border-color:#ffffff47}.affordance-button{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.85rem;min-height:36px;padding:8px 16px;transition:all .2s ease}.affordance-button:hover{background:#ffffff29;border-color:#ffffff52;transform:translateY(-1px)}.forum-title h2{color:#fff;margin:0}.forum-title p{color:#ffffffad;font-size:.9rem;margin:4px 0 0}.forum-admin-actions{display:flex;gap:12px}.new-action-wrapper{position:relative;z-index:3}.new-action-button{align-items:center;display:inline-flex;gap:.25rem;padding-right:2.5rem}.new-action-button:after{content:"▾";font-size:.75rem;line-height:1;margin-left:.25rem}.new-action-menu{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#0c0e18f5;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 12px 28px #080c1666;min-width:160px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + .25rem);z-index:12}.new-action-menu-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease,color .2s ease;width:100%}.new-action-menu-item:focus,.new-action-menu-item:hover{background:#ffffff14;outline:none}.manage-categories-button,.setup-forum-button{background:var(--btn-primary-bg);border:none;border-radius:4px;color:var(--btn-primary-text);cursor:pointer;font-size:.9rem;padding:8px 16px}.manage-categories-button:hover,.setup-forum-button:hover{background:var(--btn-primary-bg-hover)}.forum-categories{display:flex;flex-direction:column;gap:16px}.forum-categories:empty{display:none}.category-card{align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#191c2838;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.category-card:hover{border-color:#fff3;box-shadow:0 14px 30px #080c1459;transform:translateY(-2px)}.category-main{align-items:center;display:flex;flex:1 1;gap:16px}.category-icon{border:1px solid var(--glass-border);border-radius:8px;height:60px;object-fit:cover;width:60px}.category-info h3{color:#fff;font-size:1.1rem;margin:0 0 4px}.category-description{color:#ffffffb8;font-size:.9rem;line-height:1.4;margin:0}.category-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px;min-width:200px}.stat-group{color:#ffffffad;display:flex;font-size:.9rem;gap:16px}.latest-activity{align-items:flex-end;color:#ffffffad;display:flex;flex-direction:column;font-size:.8rem}.latest-thread{color:#fff;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-categories{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#0e1220c7;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 20px 40px #04060c73;color:#ffffffc7;padding:60px 24px;text-align:center}.no-categories h3{color:#fff;margin:0 0 12px}.forum-category-view{margin:0 auto;max-width:1100px;padding:16px}.category-header{grid-gap:16px;align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#12141e26;border:1px solid #ffffff1a;border-radius:12px;display:grid;gap:16px;grid-template-columns:auto 1fr auto;margin-bottom:20px;padding:12px 16px}.category-heading{align-items:center;display:flex;gap:12px;justify-content:center;text-align:center}.category-heading .category-image{height:72px;width:72px}.category-text h2{color:#fff;font-size:1.6rem;letter-spacing:.01em;margin:0}.category-text p{color:#ffffffb3;font-size:.98rem;margin:8px 0 0}.header-spacer{min-height:1px;width:124px}.back-button{align-items:center;background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #244ea899;border-radius:999px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:24px;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.back-button:hover{border-color:#386cd0c7;box-shadow:0 12px 26px #14307052;transform:translateY(-1px)}.back-button:focus-visible{outline:2px solid #588cf0d9;outline-offset:2px}.category-info{align-items:center;display:flex;gap:16px;margin-bottom:20px}.category-image{border:1px solid var(--glass-border);border-radius:8px;height:80px;object-fit:cover;width:80px}.new-thread-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 20px}.new-thread-button:hover{background:#218838}.new-thread-form{backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#191c2838;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:32px;padding:20px}.new-thread-form h3{color:#fff;margin:0 0 16px}.thread-category-selector{margin-bottom:16px}.thread-media-uploader{backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);background:#12141e40;border:1px dashed #ffffff29;border-radius:12px;margin-top:16px;padding:16px}.thread-media-uploader input[type=file]{background:#0c0e1899;border:1px solid #ffffff26;border-radius:8px;color:#ffffffd1;cursor:pointer;padding:12px;width:100%}.forum-media-note{color:#ffffffad;font-size:.85rem;margin:8px 0 0}.forum-media-note--hint{color:#ffffffc7}.forum-media-note--roles{font-style:italic}.forum-attachment-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:12px}.forum-paywall-controls{background:#0a0c168c;border:1px solid #ffffff24;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:12px}.forum-paywall-toggle{align-items:center;color:#fffc;display:inline-flex;font-size:.85rem;gap:12px}.forum-paywall-toggle input{accent-color:var(--btn-primary-bg);height:18px;margin:0;width:18px}.forum-paywall-field{color:#ffffffd1;display:flex;flex-direction:column;font-size:.85rem;gap:8px}.forum-paywall-field input{background:#00000040;border:1px solid #ffffff2e;border-radius:8px;color:#ffffffe6;min-height:42px;padding:.5rem .75rem}.forum-paywall-hint{color:#ffffffa6;font-size:.78rem;margin:0}.forum-paywall-error{color:#ff9b6b;color:var(--accent-warm,#ff9b6b);font-size:.82rem;font-weight:600;margin:0}.forum-attachment-preview,.forum-attachment-preview img,.forum-attachment-preview video{border-radius:12px}.forum-attachment-preview{align-items:stretch;background:#0e121cb8;border:1px solid #ffffff24;display:flex;flex-direction:column;gap:12px;padding:12px;position:relative}.forum-attachment-controls{display:flex;flex-direction:column;gap:12px;width:100%}.forum-attachment-field{display:flex;flex-direction:column;gap:8px;width:100%}.forum-attachment-field span{color:#ffffffb8;font-size:.75rem}.forum-attachment-field input{background:#0c0e18a6;border:1px solid #ffffff2e;border-radius:8px;color:#ffffffe6;padding:8px 12px;width:100%}.forum-attachment-actions{display:flex;justify-content:flex-end;width:100%}.forum-attachment-media{align-items:center;background:#0c0e18a6;border-radius:8px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.forum-attachment-media:focus-visible{outline:2px solid var(--accent-mystic);outline-offset:3px}.forum-attachment-media img,.forum-attachment-media video{display:block;height:auto;object-fit:cover;pointer-events:none;width:100%}.forum-attachment-preview.is-paywalled .forum-attachment-media img,.forum-attachment-preview.is-paywalled .forum-attachment-media video{filter:blur(3px) saturate(.75);transform:scale(1.03)}.forum-attachment-preview.is-paywall-disabled .forum-attachment-media{cursor:default;filter:none;opacity:1}.forum-attachment-lock-overlay{align-items:center;background:#0c0e188c;color:#fff;display:flex;flex-direction:column;font-weight:600;gap:8px;inset:0;justify-content:center;padding:12px;pointer-events:none;position:absolute;text-align:center}.forum-attachment-lock-icon{font-size:1.4rem}.forum-attachment-lock-label{background:#00000059;border-radius:999px;font-size:.82rem;padding:4px 12px}.forum-attachment-filename{color:#ffffffc7;font-size:.8rem;text-align:center;word-break:break-word}.forum-attachment-paywall-note{color:var(--accent-mystic);font-size:.75rem;font-weight:600}.forum-attachment-remove{align-self:stretch;background:#ffffff1a;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 0;transition:background .2s ease}.forum-attachment-remove:hover{background:#fff3}.thread-category-selector-label{color:#ffffffad;display:block;font-size:.82rem;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.thread-category-selector-grid{display:flex;flex-wrap:wrap;gap:8px}.thread-category-chip{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:999px;color:#ffffffbf;cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 12px;transition:all .2s ease}.thread-category-chip:hover{border-color:#ffffff40;color:#fff}.thread-category-chip.selected{background:linear-gradient(135deg,#6a4c93a6,#667eeaa6);border-color:#ffffff73;box-shadow:0 8px 20px #0a0c1840;color:#fff}.thread-category-chip input{accent-color:var(--btn-primary-bg);margin:0}.thread-category-selector-hint{color:#ffffffa6;font-size:.78rem;margin-top:12px}.thread-content-input,.thread-title-input{background:#080a12a6;border:1px solid var(--glass-border);border-radius:4px;color:#ffffffe6;font-family:inherit;margin-bottom:16px;padding:12px;width:100%}.thread-title-input{font-size:1.1rem;font-weight:500}.thread-content-input{min-height:120px;resize:vertical}.form-actions{gap:12px}.create-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 20px}.create-button:hover{background:#218838}.create-button:disabled{background:#28a74580;cursor:not-allowed;opacity:.6}.create-button:disabled:hover{background:#28a74580}.cancel-button{background:var(--btn-secondary-bg);border:none;border-radius:4px;color:var(--btn-secondary-text);cursor:pointer;padding:12px 20px}.cancel-button:hover{background:var(--btn-secondary-bg-hover)}.thread-item{align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#191c2838;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.thread-item:hover{border-color:#fff3;box-shadow:0 12px 24px #080c1459;transform:translateY(-1px)}.thread-item.pinned{border-left:4px solid #ffc107}.thread-item.locked{opacity:.7}.thread-main{align-items:center;display:flex;flex:1 1;gap:12px}.thread-status{display:flex;gap:4px}.lock-icon,.pin-icon{font-size:.9rem}.thread-title{color:#fff;font-size:1.1rem;margin:0 0 4px}.thread-row-categories{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.thread-row-category-chip{align-items:center;background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;color:#ffffffc7;display:inline-flex;font-size:.75rem;padding:4px 12px}.thread-meta{color:#ffffffb3;display:flex;font-size:.85rem;gap:8px}.thread-meta span{color:inherit}.thread-activity{color:var(--text-muted);font-size:.8rem}.last-post,.thread-activity{align-items:flex-end;display:flex;flex-direction:column}.thread-right{align-items:stretch;display:flex;flex-direction:column;gap:12px;min-width:240px}.thread-engagement-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;width:100%}.thread-engagement-row .gift-recognition-button{flex:0 1 220px;margin-left:auto;min-width:160px}.thread-rating-shell{display:flex;flex:1 1 220px;min-width:0}.thread-rating-inline .more-less-rating{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.thread-rating-inline .rating-buttons-compact{flex-wrap:nowrap;gap:.25rem;justify-content:flex-start}.thread-rating-inline .rating-btn{border-width:1px;flex:0 1 auto;gap:.25rem;min-width:80px;padding:.25rem 1rem}.thread-rating-inline .rating-btn.active{border-color:#ffd780ad;box-shadow:0 0 18px #ffcc666b,0 8px 18px #060a1473;color:#fff}.thread-rating-inline .rating-btn.active .btn-text,.thread-rating-inline .rating-btn.active .btn-total{color:#fff;text-shadow:0 0 8px #ffcc80b3}.thread-rating-inline .btn-text{font-size:.75rem;font-weight:600}.thread-rating-inline .btn-total{font-size:.65rem}.gift-recognition-button{padding:8px 20px}@media (max-width:1024px){.thread-engagement-row .gift-recognition-button{margin-left:0;order:2}.thread-rating-shell{order:1}}.category-thread-section{background:#191c2838;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.category-thread-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.category-thread-meta{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.category-thread-text h3{color:#fff;font-size:1.1rem;margin:0}.category-thread-text p{color:#ffffffb3;font-size:.9rem;margin:8px 0 0}.category-thread-controls{align-items:center;display:flex;gap:12px}.view-category-button{background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.view-category-button:hover{border-color:#ffffff5c;box-shadow:0 10px 24px #0a122859;transform:translateY(-1px)}.thread-row-list{list-style:none;margin:0;padding:0}.thread-row,.thread-row-list{display:flex;flex-direction:column;gap:12px}.thread-row{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#0e1220b8;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 18px 36px #04060c73;padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.thread-row.pinned{border-left:4px solid #ffc107}.thread-row.locked{opacity:.75}.thread-row:hover{border-color:#ffffff47;box-shadow:0 24px 44px #060a1880;transform:translateY(-2px)}.thread-row-body{color:#f6f8ff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.thread-row-body:focus-visible{outline:2px solid var(--accent-cool);outline-offset:2px}.thread-row-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.thread-row-title-text{color:#fff;font-size:1.05rem;font-weight:600}.thread-row-badges,.thread-row-meta{display:flex;gap:8px}.thread-row-meta{color:#ffffffb3;flex-wrap:wrap;font-size:.88rem}.thread-row-meta span{color:inherit}.thread-row-rating{display:flex;flex:0 1 auto;min-width:0}.thread-row-footer{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:12px;padding-top:12px}.thread-row-gift{margin-left:auto}.no-threads{backdrop-filter:blur(6px) saturate(135%);-webkit-backdrop-filter:blur(6px) saturate(135%);background:#0e1220c7;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 20px 40px #04060c73;color:#ffffffd1;padding:60px 24px;text-align:center}.no-threads h3{color:#fff;margin:0 0 12px}.start-discussion-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:16px;padding:12px 24px}.start-discussion-button:hover{background:#218838}@media (max-width:768px){.circle-forum-view{padding:12px}.forum-shell.surface-panel{border-radius:12px;padding:12px}.forum-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px}.forum-header-actions{flex-wrap:nowrap;gap:8px;justify-content:space-between;width:100%}.filter-group{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:4px}.category-filter-group{padding:4px 0 8px;width:100%}.filter-pill{flex-shrink:0;font-size:.78rem;min-width:auto;padding:8px 12px}.thread-row-list{gap:8px}.thread-row{border-radius:12px;gap:8px;padding:12px}.thread-row:hover{transform:none}.thread-row-body{gap:8px}.thread-row-title{flex-wrap:wrap;gap:8px}.thread-row-title-text{font-size:.95rem;line-height:1.3}.thread-row-meta{font-size:.75rem;gap:4px}.thread-row-badges{gap:4px}.thread-row-badges .badge{font-size:9px;padding:4px 8px}.thread-row-categories{gap:4px;margin-top:4px}.thread-row-category-chip{font-size:.75rem;padding:2px 8px}.thread-row-footer{flex-direction:row;flex-wrap:wrap;gap:8px;padding-top:8px}.thread-row-gift{flex:0 1 auto;margin-left:auto}.thread-row-rating{flex:1 1 auto;min-width:120px}.thread-item{align-items:stretch;flex-direction:column;gap:12px}.thread-activity{align-items:flex-start}.thread-right{min-width:auto}.thread-engagement-row{align-items:stretch;flex-direction:column}.thread-rating-shell{flex:1 1 100%;width:100%}.thread-rating-inline .rating-btn{flex:0 1 auto;min-width:60px}.thread-rating-inline .rating-buttons-compact{flex-wrap:nowrap;gap:4px;justify-content:flex-start}.thread-engagement-row .gift-recognition-button{flex:1 1 auto;margin-left:0;width:100%}.category-card{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.category-main{width:100%}.category-icon{height:44px;width:44px}.category-info h3{font-size:1rem}.category-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.82rem;overflow:hidden}.category-stats{align-items:center;flex-direction:row;justify-content:flex-start;min-width:auto;width:100%}.stat-group{font-size:.8rem;gap:12px}.latest-activity{display:none}.category-thread-header{align-items:flex-start;flex-direction:column}.category-thread-controls{justify-content:flex-start;width:100%}.no-categories,.no-threads{padding:32px 16px}.no-categories h3,.no-threads h3{font-size:1rem}.start-discussion-button{padding:12px 16px;width:100%}.create-thread-form{padding:12px}.forum-composer-textarea{min-height:80px}}@media (max-width:480px){.circle-forum-view{padding:8px}.forum-shell.surface-panel{border-radius:8px;padding:8px}.forum-header,.thread-row{padding:8px 12px}.thread-row{gap:8px}.thread-row-title-text{font-size:.9rem}.filter-pill,.thread-row-meta{font-size:.75rem}.filter-pill{padding:4px 8px}.category-icon{height:36px;width:36px}}.calendar-event-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.calendar-event-modal{animation:slideIn .3s ease-out;background:var(--secondary-bg);border-radius:16px;box-shadow:0 25px 50px #0006,0 0 0 1px var(--border-color),0 0 50px #6a4c9326;display:flex;flex-direction:column;max-height:92vh;max-width:850px;overflow:hidden;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.modal-header{border-radius:16px 16px 0 0;padding:2rem 2.5rem;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,var(--accent-purple),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 4px #0003}.close-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;font-size:1.25rem;height:3rem;padding:.75rem;width:3rem}.close-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 12px #0003;color:#fff;transform:scale(1.05)}.event-form{flex:1 1;overflow-y:auto;padding:0}.form-section{background:var(--primary-bg);border-bottom:1px solid var(--border-color);padding:2.5rem;transition:background-color .2s ease}.form-section:last-child{border-bottom:none;border-radius:0 0 16px 16px}.form-section:hover{background:#1a1a2ecc}.form-section h4{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0 0 2rem;padding-bottom:.75rem;position:relative}.form-section h4:after{background:var(--gradient-mystic);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:3rem}.form-group{margin-bottom:2rem}.form-group label{font-size:.95rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:var(--tertiary-bg);border:2px solid var(--border-color);border-radius:12px;box-shadow:inset 0 1px 3px #0000001a;color:var(--text-primary);font-size:.95rem;line-height:1.5;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#16213ecc;border-color:var(--accent-purple);box-shadow:0 0 0 3px #6a4c9326,inset 0 1px 3px #0000001a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--accent-coral);box-shadow:0 0 0 3px #e76f5126}.form-group textarea{line-height:1.6;min-height:5rem;resize:vertical}.form-row{grid-gap:2rem;gap:2rem}.form-group label input[type=checkbox]{accent-color:var(--accent-purple);margin-bottom:0;margin-right:.75rem;transform:scale(1.2);width:auto}.error-message{align-items:center;background:#e76f511a;border:1px solid #e76f5133;border-radius:8px;color:var(--accent-coral);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem}.error-message:before{content:"⚠️";font-size:1rem}.toggle-advanced{align-items:center;background:linear-gradient(135deg,#6a4c931a,#2a9d8f1a);border:2px solid var(--border-color);border-radius:12px;color:var(--accent-purple);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.025em;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.toggle-advanced:hover{background:linear-gradient(135deg,#6a4c9333,#2a9d8f33);border-color:var(--accent-purple);box-shadow:0 4px 12px #6a4c9333;color:var(--text-primary);transform:translateY(-1px)}.advanced-options{animation:slideDown .3s ease-out;background:var(--tertiary-bg);border:2px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:2rem}.role-context-info{background:linear-gradient(135deg,#6a4c931a,#2a9d8f0d);border:2px solid #6a4c9333;border-radius:12px;margin-bottom:2rem;padding:2rem}.role-context-info p{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.75rem;margin:0 0 1rem}.role-context-info p strong{color:var(--accent-purple);font-weight:700;min-width:120px}.role-context-info p:last-of-type{margin-bottom:2rem}.attendee-list{background:var(--tertiary-bg);border:2px solid var(--border-color);border-radius:12px;max-height:250px;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--accent-purple) var(--border-color);scrollbar-width:thin}.attendee-list::-webkit-scrollbar{width:6px}.attendee-list::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.attendee-list::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px}.attendee-item{align-items:center;border-radius:8px;display:flex;margin-bottom:1rem;padding:.75rem;transition:background-color .2s ease}.attendee-item:hover{background:#6a4c931a}.attendee-item:last-child{margin-bottom:0}.attendee-item label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex!important;font-weight:500!important;margin:0!important;width:100%}.attendee-item input[type=checkbox]{accent-color:var(--accent-purple);margin-bottom:0;margin-right:1rem;transform:scale(1.2)}.attendee-name{color:var(--text-primary);font-weight:600;margin-right:auto}.attendee-role{background:var(--gradient-mystic);border-radius:24px;color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.attendance-section{background:#181a28d9;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem}.attendance-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.attendance-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.attendance-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.attendance-button{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;min-width:110px;padding:.75rem 1.5rem;transition:all .2s ease}.attendance-button:hover{background:#ffffff24;border-color:#ffffff59}.attendance-button.active{background:linear-gradient(135deg,#6a4c9399,#2a9d8f99);border-color:#0000;box-shadow:0 8px 20px #10122059;color:#fff}.attendance-button:disabled{cursor:not-allowed;opacity:.65}.attendance-button.going.active{background:linear-gradient(135deg,#10b98199,#2a9d8f99);border-color:#10b98166}.attendance-button.maybe.active{background:linear-gradient(135deg,#f59e0b99,#d9770699);border-color:#f59e0b66}.attendance-button.decline.active{background:linear-gradient(135deg,#ef444480,#b91c1c80);border-color:#ef444466}.form-actions{align-items:center;background:var(--secondary-bg);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color);display:flex;gap:1.5rem;justify-content:space-between;padding:2.5rem}.form-actions button{border:2px solid #0000;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.025em;min-width:120px;padding:1rem 2rem;transition:all .2s ease}.cancel-button{background:#0000;border-color:var(--border-color)}.cancel-button:hover{background:var(--border-color);transform:translateY(-1px)}.save-button{background:var(--gradient-mystic);border:none;box-shadow:0 4px 12px #6a4c934d}.save-button:hover{box-shadow:0 8px 25px #6a4c9366;transform:translateY(-2px)}.delete-button{background:linear-gradient(135deg,var(--accent-coral) 0,#c44536 100%);border:none;box-shadow:0 4px 12px #e76f514d;color:#fff}.delete-button:hover{box-shadow:0 8px 25px #e76f5166;transform:translateY(-2px)}.priority-high{background:#dc35451a;color:#dc3545}.priority-high,.priority-normal{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.priority-normal{background:#6c757d1a;color:#6c757d}.priority-low{background:#28a7451a;border-radius:4px;color:#28a745;font-size:.8rem;font-weight:500;padding:.25rem .5rem}@media (max-width:768px){.calendar-event-modal{margin:1rem;max-width:95vw}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.attendee-list{max-height:150px}.form-section,.modal-header{padding:1rem}}@media (max-width:480px){.calendar-event-modal-overlay{padding:.5rem}.modal-header h3{font-size:1.1rem}.form-section{padding:1rem .75rem}.form-actions{padding:1rem}.cancel-button,.delete-button,.save-button{font-size:.8rem;padding:.75rem 1rem}.attendee-item{align-items:flex-start;flex-direction:column}.attendee-role{margin-left:0;margin-top:.25rem}}.form-loading{align-items:center;color:var(--text-muted);display:flex;height:200px;justify-content:center}.form-error{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:var(--error-color);margin-bottom:1rem;padding:1rem}.volunteer-positions-section{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.volunteer-positions-section .section-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.positions-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.position-item{background:#1a1a2e;background:var(--tertiary-bg,#1a1a2e);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.position-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.position-item-title{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.position-item-title strong{color:var(--text-primary)}.role-badge{background:#6366f1;background:var(--accent-purple,#6366f1);border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.position-status.open{color:#22c55e;color:var(--success-color,#22c55e)}.position-status.filled{color:var(--text-muted)}.position-item-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.position-item-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem;margin-bottom:.75rem}.position-item-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding-top:.75rem}.position-item-actions .btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:background .2s}.position-item-actions .btn-sm.subtle{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-primary)}.position-item-actions .btn-sm.subtle:hover{background:var(--tertiary-bg)}.position-item-actions .btn-sm.danger{background:#0000;border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);color:#ef4444;color:var(--error-color,#ef4444)}.position-item-actions .btn-sm.danger:hover{background:#ef44441a}.position-form{background:#1a1a2e;background:var(--tertiary-bg,#1a1a2e);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.position-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:640px){.position-form .form-row{grid-template-columns:1fr}}.position-form .form-help{color:var(--text-muted);display:block;font-size:.75rem;margin-top:.25rem}.requirements-input{display:flex;gap:.5rem}.requirements-input input{flex:1 1}.requirements-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:.5rem 0 0;padding:0}.requirements-list li{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem .25rem .75rem}.requirements-list .btn-remove{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.requirements-list .btn-remove:hover{color:#ef4444;color:var(--error-color,#ef4444)}.position-form-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.add-position-btn{width:100%}.event-management-section{background:linear-gradient(135deg,var(--secondary-bg) 0,#2a2a3e 100%);border:1px solid var(--border-color);border-radius:12px;margin-top:1.5rem;padding:1.25rem}.event-management-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.management-status-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.status-badge{align-items:center;border-radius:24px;display:inline-flex;font-size:.8rem;gap:.25rem}.status-badge.cancelled{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.status-badge.completed{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.wallet{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.management-actions{display:flex;flex-direction:column;gap:.75rem}.management-btn{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.management-btn:hover:not(:disabled){background:var(--primary-bg)}.management-btn:disabled{cursor:not-allowed;opacity:.6}.management-btn.reschedule{background:#6366f11a;border-color:#6366f14d;color:#818cf8}.management-btn.reschedule:hover:not(:disabled){background:#6366f133}.management-btn.cancel-event{background:#ef44441a;border-color:#ef44444d;color:#f87171}.management-btn.cancel-event:hover:not(:disabled){background:#ef444433}.management-btn.complete{background:#10b9811a;border-color:#10b9814d;color:#34d399}.management-btn.complete:hover:not(:disabled){background:#10b98133}.management-btn.confirm{background:#6366f1;background:var(--accent-color,#6366f1);border-color:#6366f1;border-color:var(--accent-color,#6366f1);color:#fff}.management-btn.confirm:hover:not(:disabled){background:#4f46e5;background:var(--accent-color-dark,#4f46e5)}.management-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.management-btn.danger:hover:not(:disabled){background:#dc2626}.management-btn.subtle{background:#0000;border-color:var(--border-color);color:var(--text-secondary)}.management-btn.subtle:hover:not(:disabled){background:var(--secondary-bg)}.cancel-confirm-form,.reschedule-form{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.cancel-confirm-form h5,.reschedule-form h5{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.reschedule-fields{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.cancel-confirm-form label,.reschedule-fields label{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:.5rem;min-width:180px}.cancel-confirm-form input,.reschedule-fields input{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.cancel-confirm-form input:focus,.reschedule-fields input:focus{border-color:#6366f1;border-color:var(--accent-color,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.cancel-actions,.reschedule-actions{display:flex;gap:.5rem;margin-top:.75rem}.reschedule-note{color:var(--text-muted);font-size:.75rem;font-style:italic;margin:.75rem 0 0}.cancel-warning{background:#ef44441a;border:1px solid #ef444433;color:#f87171;margin:0 0 .75rem;padding:.5rem .75rem}.cancel-warning,.management-info{border-radius:8px;font-size:.85rem}.management-info{margin:.5rem 0 0;padding:.75rem}.management-info.cancelled{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.management-info.completed{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.calendar-settings-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.calendar-settings-modal{background:var(--primary-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%;z-index:6100;z-index:var(--z-modal,6100)}.modal-header{background:var(--secondary-bg);border-bottom:1px solid var(--border-color)}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:.25rem;transition:all .2s ease;width:2rem}.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-tabs{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex}.tab-button{flex:1 1;padding:1rem;position:relative}.tab-button:hover{color:var(--text-primary)}.tab-button.active{background:var(--primary-bg);color:var(--accent-cool)}.tab-button.active:after{background:var(--accent-cool);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.modal-content{flex:1 1;overflow-y:auto;padding:0}.settings-section{padding:1.5rem}.settings-section h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-cool);box-shadow:0 0 0 2px #2a9d8f1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:400!important;margin-bottom:.5rem!important}.checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:.5rem;width:auto!important}.checkbox-group{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--primary-bg);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:1.2rem;position:relative;transition:all .2s ease;width:1.2rem}input[type=checkbox]:checked{background:var(--accent-cool);border-color:var(--accent-cool)}input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}input[type=checkbox]:hover{border-color:var(--accent-cool)}.modal-actions{background:var(--secondary-bg);border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-button:hover{background:var(--hover-bg);border-color:var(--accent-cool);color:var(--text-primary)}.save-button{background:var(--gradient-cool);color:#fff}.save-button:hover{box-shadow:0 4px 15px #2a9d8f66;transform:translateY(-1px)}@media (max-width:768px){.calendar-settings-modal{margin:1rem;max-width:95vw}.modal-tabs{flex-wrap:wrap}.tab-button{flex:1 1 50%;min-width:120px}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.checkbox-group{padding:.75rem}.settings-section{padding:1rem}}@media (max-width:480px){.calendar-settings-modal-overlay{padding:.5rem}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.tab-button{font-size:.8rem;padding:.75rem .5rem}.settings-section{padding:1rem .75rem}.modal-actions{padding:1rem}.cancel-button,.save-button{font-size:.8rem;padding:.75rem 1rem}}.settings-loading{align-items:center;color:var(--text-muted);display:flex;height:200px;justify-content:center}.settings-error{background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:var(--error-color);margin-bottom:1rem;padding:1rem}.error-boundary{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;justify-content:center;margin:1rem 0;min-height:400px;padding:2rem}.error-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 12px #00000059;max-width:500px;padding:2rem;text-align:center}.error-content h3{color:#dc3545;font-size:1.5rem;margin-bottom:1rem}.error-content p{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.error-details{margin-top:1.5rem;text-align:left}.error-details summary{color:var(--text-secondary);cursor:pointer;font-weight:500;margin-bottom:.5rem}.error-details pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.error-boundary{margin:.75rem 0;min-height:300px;padding:1.25rem}.error-content{border-radius:12px;max-width:100%;padding:1.5rem}.error-content h3{font-size:1.25rem}.error-content p{font-size:.9rem;margin-bottom:1.25rem}.retry-button{min-height:44px;padding:1rem 1.5rem;width:100%}}@media (max-width:480px){.error-boundary{min-height:250px;padding:1rem}.error-content{padding:1.25rem}.error-content h3{font-size:1.1rem}.error-details pre{font-size:.65rem;padding:.5rem}}.circle-calendar-view{background:var(--primary-bg);min-height:600px}.calendar-loading{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex-direction:column;gap:1rem;left:50%;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#3498db;height:32px;width:32px}.calendar-header{align-items:stretch;background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:clamp(.75rem,3vw,1.75rem);gap:clamp(var(--spacing-md,.75rem),3vw,1.75rem);padding:1.5rem}.calendar-title{flex:1 1 clamp(220px,32vw,320px);min-width:200px}.calendar-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.calendar-title p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.calendar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-left:auto;min-width:clamp(160px,20vw,220px)}.calendar-settings-button,.create-event-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.create-event-button{background:var(--gradient-cool);color:#fff}.create-event-button:hover{box-shadow:0 4px 15px #2a9d8f66;transform:translateY(-1px)}.calendar-settings-button{background:var(--secondary-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.calendar-settings-button:hover{background:var(--hover-bg);border-color:var(--accent-cool)}.calendar-stats{align-items:stretch;background:#0000;border:0;display:flex;flex:1 1 clamp(260px,30vw,360px);gap:clamp(.75rem,2.5vw,1.5rem);gap:clamp(var(--spacing-md,.75rem),2.5vw,1.5rem);justify-content:flex-end;margin-left:auto;padding:0}.stat-item{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1 120px;flex-direction:column;min-width:100px;padding:.75rem 1rem}.stat-value{color:var(--accent-cool);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500;text-align:center;text-transform:uppercase}@media (max-width:1024px){.calendar-header{align-items:flex-start}.calendar-stats{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;order:2}.calendar-actions{justify-content:flex-start;margin-left:0;order:3;width:100%}.stat-item{flex:1 1 140px}}@media (max-width:768px){.calendar-header{padding:1.25rem}.calendar-actions{gap:.75rem}.stat-item{align-items:flex-start}.stat-item,.stat-label{text-align:left}}.calendar-view-selector{background:var(--secondary-bg);border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:1rem 1.5rem}.view-button{background:var(--primary-bg);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease}.view-button:first-child{border-radius:8px 0 0 8px}.view-button:last-child{border-radius:0 8px 8px 0}.view-button:not(:first-child){border-left:none}.view-button:hover{background:var(--hover-bg);color:var(--text-primary)}.view-button.active{background:var(--accent-cool);border-color:var(--accent-cool);color:#fff}.view-button.active:hover{background:var(--accent-cool);opacity:.9}.calendar-layout{grid-gap:1.5rem;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:minmax(280px,.35fr) minmax(0,1fr);padding:1.5rem}@media (max-width:1024px){.calendar-layout{grid-template-columns:1fr}}.calendar-events-sidebar{background:#0b121e99;border:1px solid #94a3b838;border:1px solid var(--glass-border,#94a3b838);border-radius:16px;box-shadow:0 12px 28px #040c184d;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.events-sidebar-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.events-sidebar-header h4{color:var(--text-primary);font-size:1.1rem;margin:0}.events-count-badge{align-items:center;background:#3b82f62e;border:1px solid #60a5fa66;border-radius:999px;color:#bfdbfe;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;min-width:2rem;padding:.25rem .5rem}.events-sidebar-list{display:flex;flex-direction:column;gap:.5rem;max-height:500px;overflow-y:auto}.event-sidebar-item{align-items:center;background:#0a101c80;border:1px solid #94a3b82e;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.event-sidebar-item:focus,.event-sidebar-item:hover{background:#2a9d8f14;border-color:#2a9d8f80;outline:none}.event-sidebar-date{align-items:center;background:#2a9d8f26;border-radius:8px;display:flex;flex-direction:column;min-width:42px;padding:.5rem}.event-sidebar-date .event-month{color:#2a9d8f;color:var(--accent-cool,#2a9d8f);font-size:.75rem;font-weight:600;text-transform:uppercase}.event-sidebar-date .event-day{color:var(--text-primary);font-size:1.1rem;font-weight:700}.event-sidebar-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.event-sidebar-title{color:var(--text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-sidebar-time{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem}.events-sidebar-empty{color:var(--text-muted);padding:1.5rem 1rem;text-align:center}.events-sidebar-empty p{margin:0 0 1rem}.create-first-event-btn{background:#2a9d8f1a;border:1px solid #2a9d8f66;border-radius:8px;color:#2a9d8f;color:var(--accent-cool,#2a9d8f);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.create-first-event-btn:hover{background:#2a9d8f33;border-color:#2a9d8f;border-color:var(--accent-cool,#2a9d8f)}.calendar-container{background:var(--primary-bg);border:1px solid #94a3b838;border:1px solid var(--glass-border,#94a3b838);border-radius:16px;min-height:500px;padding:1rem}.circle-calendar-view .fc{font-family:inherit}.circle-calendar-view .fc-header-toolbar{background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.circle-calendar-view .fc-toolbar-title{color:var(--text-primary);font-size:1.5rem;font-weight:600}.circle-calendar-view .fc-button-group{gap:0}.circle-calendar-view .fc-button{background:var(--primary-bg);border-color:var(--border-color);color:var(--text-secondary);font-weight:500;transition:all .2s ease}.circle-calendar-view .fc-button:hover{background:var(--hover-bg);border-color:var(--accent-cool);color:var(--text-primary)}.circle-calendar-view .fc-button-active,.circle-calendar-view .fc-button-active:hover{background:var(--accent-cool);border-color:var(--accent-cool);color:#fff}.circle-calendar-view .fc-button:focus{box-shadow:0 0 0 2px #2a9d8f33}.circle-calendar-view .fc-daygrid{background:var(--secondary-bg)}.circle-calendar-view .fc-col-header{background:var(--primary-bg);border-color:var(--border-color)}.circle-calendar-view .fc-col-header-cell{background:var(--secondary-bg);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.75rem .5rem;text-transform:uppercase}.circle-calendar-view .fc-daygrid-day{background:var(--primary-bg);border-color:var(--border-color)}.circle-calendar-view .fc-daygrid-day:hover{background:var(--hover-bg)}.circle-calendar-view .fc-daygrid-day-number{color:var(--text-primary);font-weight:500;padding:.5rem}.circle-calendar-view .fc-day-today{background-color:#2a9d8f1a!important}.circle-calendar-view .fc-day-today .fc-daygrid-day-number{align-items:center;background:var(--accent-cool);border-radius:50%;color:#fff;display:flex;height:2rem;justify-content:center;margin:.25rem;width:2rem}.circle-calendar-view .fc-event{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.circle-calendar-view .fc-event:hover{box-shadow:0 2px 8px #00000026;opacity:.8;transform:translateY(-1px)}.circle-calendar-view .fc-event-title{font-weight:600}.circle-calendar-view .fc-event-time{font-size:.8rem;font-weight:500}.circle-calendar-view .fc-event[data-category=meeting]{background-color:#1e3a8a;background-color:var(--primary-color,#1e3a8a);border-color:#1d4ed8}.circle-calendar-view .fc-event[data-category=workshop]{background-color:#28a745;border-color:#1e7e34}.circle-calendar-view .fc-event[data-category=social]{background-color:#ffc107;border-color:#d39e00;color:#212529}.circle-calendar-view .fc-event[data-category=project]{background-color:#6f42c1;border-color:#59359a}.circle-calendar-view .fc-event[data-category=announcement]{background-color:#dc3545;border-color:#bd2130}.circle-calendar-view .fc-event[data-category=deadline]{background-color:#fd7e14;border-color:#e85d04}.circle-calendar-view .fc-timegrid{background:var(--secondary-bg)}.circle-calendar-view .fc-timegrid-slot{border-color:var(--border-color)}.circle-calendar-view .fc-timegrid-slot-label{color:var(--text-muted);font-size:.8rem;padding-right:.5rem;text-align:right}.circle-calendar-view .fc-timegrid-axis,.circle-calendar-view .fc-timegrid-col{background:var(--primary-bg)}.circle-calendar-view .fc-timegrid-event{border-radius:4px;margin:1px}.circle-calendar-view .fc-list{background:var(--primary-bg)}.circle-calendar-view .fc-list-table{border-color:var(--border-color)}.circle-calendar-view .fc-list-day-cushion{background:var(--secondary-bg);color:var(--text-primary);font-weight:600;padding:.75rem 1rem}.circle-calendar-view .fc-list-event{background:var(--primary-bg);border-color:var(--border-color)}.circle-calendar-view .fc-list-event:hover{background:var(--hover-bg)}.circle-calendar-view .fc-list-event-title{color:var(--text-primary);font-weight:500}.circle-calendar-view .fc-list-event-time{color:var(--text-muted);font-size:.9rem}.circle-calendar-view .fc-non-business{background:#00000005}.circle-calendar-view .fc-business-hours{background:#2a9d8f05}@media (max-width:768px){.calendar-header{align-items:stretch;flex-direction:column;gap:1rem}.calendar-actions{justify-content:center}.calendar-stats{flex-direction:column;gap:.5rem}.stat-item{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto}.calendar-view-selector{justify-content:center}.view-button{flex:1 1;text-align:center}.calendar-container{padding:1rem}.circle-calendar-view .fc-header-toolbar{flex-direction:column;gap:1rem}.circle-calendar-view .fc-toolbar-chunk{display:flex;justify-content:center}}@media (max-width:480px){.calendar-stats{display:none}.calendar-settings-button,.create-event-button{font-size:.8rem;padding:.5rem 1rem}.circle-calendar-view .fc-header-toolbar{padding:.5rem}.circle-calendar-view .fc-toolbar-title{font-size:1.2rem}.circle-calendar-view .fc-button{font-size:.8rem;padding:.25rem .5rem}}.calendar-loading{color:var(--text-muted);font-size:1.1rem}.calendar-error,.calendar-loading{align-items:center;display:flex;height:400px;justify-content:center}.calendar-error{color:var(--error-color);flex-direction:column;text-align:center}.calendar-error h3{color:var(--error-color);margin:0 0 .5rem}.calendar-error p{color:var(--text-muted);margin:0}.circle-quests-view{color:#f6f8ff;padding:16px;width:100%}.quests-error,.quests-loading{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);padding:40px;text-align:center}.quests-error{color:#ef4444;color:var(--color-error,#ef4444)}.quests-header{align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#12141e26;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.quests-header-text h2{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.quests-header-text p{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.9rem;margin:4px 0 0}.create-quest-btn{background:linear-gradient(135deg,#6a4c93cc,#667eeacc);border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s ease}.create-quest-btn:hover{box-shadow:0 8px 24px #6a4c9359;transform:translateY(-2px)}.quests-empty{background:#0e1220c7;border:1px solid #ffffff24;border-radius:12px;color:#ffffffc7;padding:60px 24px;text-align:center}.quests-empty p{margin:0 0 20px}.quests-content{display:flex;flex-direction:column;gap:32px}.quests-section h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0 0 8px}.quests-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.quest-card{background:#12141e40;border:1px solid #ffffff1a;border-radius:12px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.quest-card:hover{border-color:#fff3;box-shadow:0 12px 28px #080c1466;transform:translateY(-4px)}.quest-thumbnail{height:140px;overflow:hidden;width:100%}.quest-thumbnail img{height:100%;object-fit:cover;width:100%}.quest-info{display:flex;flex-direction:column;gap:8px;padding:16px}.quest-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.quest-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.4;margin:0}.quest-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quest-meta span{background:#ffffff1a;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;padding:4px 12px}.quest-visibility.public{background:#10b98133;color:#a7f3d0e6}.quest-visibility.private{background:#8b5cf633;color:#c4b5fde6}@media (max-width:640px){.quests-header{align-items:flex-start;flex-direction:column;gap:12px}.quests-grid{grid-template-columns:1fr}}.circle-entertainment-view{color:#f6f8ff;padding:16px;width:100%}.entertainment-error,.entertainment-loading{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);padding:40px;text-align:center}.entertainment-error{color:#ef4444;color:var(--color-error,#ef4444)}.entertainment-header{align-items:center;backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:#12141e26;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.entertainment-header-text h2{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0}.entertainment-header-text p{color:#cbd5f5;color:var(--text-secondary,#cbd5f5);font-size:.9rem;margin:4px 0 0}.create-content-btn{background:linear-gradient(135deg,#1e40af,#3b82f6);background:var(--gradient-cool,linear-gradient(135deg,#1e40af,#3b82f6));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.create-content-btn:hover{box-shadow:0 4px 15px #2a9d8f66;transform:translateY(-1px)}.entertainment-empty{background:#0e1220c7;border:1px solid #ffffff24;border-radius:12px;color:#ffffffc7;padding:60px 24px;text-align:center}.entertainment-empty p{margin:0 0 20px}.entertainment-content{display:flex;flex-direction:column;gap:32px}.entertainment-section h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0 0 8px}.section-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0 0 16px}.entertainment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.entertainment-card{background:#12141e40;border:1px solid #ffffff1a;border-radius:12px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.entertainment-card:hover{border-color:#fff3;box-shadow:0 12px 28px #080c1466;transform:translateY(-4px)}.entertainment-thumbnail{height:160px;overflow:hidden;position:relative;width:100%}.entertainment-thumbnail img{height:100%;object-fit:cover;width:100%}.content-type-badge{background:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;left:12px;letter-spacing:.5px;padding:4px 8px;position:absolute;text-transform:uppercase;top:12px}.entertainment-info{display:flex;flex-direction:column;gap:8px;padding:16px}.entertainment-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.entertainment-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.4;margin:0}.entertainment-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.entertainment-meta span{background:#ffffff1a;border-radius:999px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;padding:4px 12px}.entertainment-visibility.public{background:#10b98133;color:#a7f3d0e6}.entertainment-visibility.private{background:#8b5cf633;color:#c4b5fde6}@media (max-width:640px){.entertainment-header{align-items:flex-start;flex-direction:column;gap:12px}.entertainment-grid{grid-template-columns:1fr}}.theme-studio-container{inset:0;pointer-events:none;position:fixed;z-index:6100;z-index:var(--z-modal,6100)}.theme-studio-overlay{background:#0000001a;inset:0;pointer-events:none;position:fixed;z-index:-1}.theme-studio-toolbar{animation:slideIn .25s ease-out;background:#0c0e18fa;border:1px solid #94a3b838;border-radius:16px;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;pointer-events:auto;position:fixed;right:20px;top:80px;width:320px}.theme-studio-toolbar.apply-mode-active{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 24px 64px #0000008c,0 0 30px #fcd34d26}.toolbar-header{align-items:center;background:#0f121c99;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:12px 16px}.toolbar-header h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.1rem;font-weight:600;margin:0}.toolbar-close{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:all .15s ease}.toolbar-close:hover{background:#ffffff14;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.toolbar-tabs{border-bottom:1px solid #94a3b81f;display:flex}.toolbar-tab{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:12px 8px;position:relative;transition:all .15s ease}.toolbar-tab:hover{background:#ffffff0a;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.toolbar-tab.active{color:#fcd34d;color:var(--accent-gold,#fcd34d)}.toolbar-tab.active:after{background:#fcd34d;background:var(--accent-gold,#fcd34d);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:10%;position:absolute;right:10%}.toolbar-content{flex:1 1;overflow-y:auto;padding:16px}.toolbar-content::-webkit-scrollbar{width:5px}.toolbar-content::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px}.toolbar-content::-webkit-scrollbar-thumb:hover{background:#94a3b866}.panel-section{margin-bottom:16px}.panel-section:last-child{margin-bottom:0}.section-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);display:block;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-swatch{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .15s ease}.color-swatch:hover{transform:scale(1.1);z-index:1}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #fcd34d,0 4px 12px #0000004d;box-shadow:0 0 0 2px var(--accent-gold,#fcd34d),0 4px 12px #0000004d;transform:scale(1.05)}.color-swatch.selected:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:.9rem;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 3px #00000080}.custom-color-row{align-items:center;display:flex;gap:12px}.custom-color-input{background:#0000;border:2px solid #94a3b833;border-radius:8px;cursor:pointer;height:36px;padding:2px;width:44px}.custom-color-input::-webkit-color-swatch-wrapper{padding:0}.custom-color-input::-webkit-color-swatch{border:none;border-radius:4px}.custom-color-hex{background:#12162380;border:1px solid #94a3b833;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-family:var(--font-mono);font-size:.85rem;padding:8px 12px}.custom-color-hex:focus{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);outline:none}.selected-color-preview{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:48px;justify-content:center;text-shadow:0 1px 3px #00000080}.assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.asset-thumb{aspect-ratio:1;background:#12162380;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:all .15s ease}.asset-thumb img{height:100%;object-fit:cover;width:100%}.asset-thumb:hover{border-color:#94a3b866}.asset-thumb.selected{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 0 2px #fcd34d4d}.assets-empty,.widgets-empty{background:#12162366;border:1px dashed #94a3b833;border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;padding:20px;text-align:center}.assets-empty .hint,.widgets-empty .hint{color:#64748b;color:var(--text-muted,#64748b);font-size:.75rem;margin-top:8px}.selected-asset-preview{border:1px solid #94a3b833;border-radius:12px;overflow:hidden}.selected-asset-preview img{display:block;height:auto;width:100%}.widget-types-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.widget-type-btn{align-items:center;background:#12162380;border:1px solid #94a3b826;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .15s ease}.widget-type-btn:hover{background:#231e0f80;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);color:#fcd34d;color:var(--accent-gold,#fcd34d)}.widget-icon{font-size:1.2rem}.widget-label{font-size:.65rem;font-weight:500}.widget-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.widget-item{align-items:center;background:#12162380;border:1px solid #94a3b81f;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:12px;transition:all .15s ease}.widget-item.hidden{opacity:.5}.widget-item-icon{font-size:1rem}.widget-item-label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-size:.85rem}.widget-item-actions{display:flex;gap:4px}.widget-item-actions button{align-items:center;background:#ffffff0f;border:none;border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:all .15s ease;width:24px}.widget-item-actions button:hover:not(:disabled){background:#ffffff1f;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.widget-item-actions button:disabled{cursor:not-allowed;opacity:.3}.widget-item-actions .remove-btn:hover{background:#ef444433;color:#ef4444}.widget-transform-controls{border-top:1px solid #94a3b81a;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;width:100%}.transform-row{display:flex;gap:8px}.transform-row label{align-items:center;display:flex;flex:1 1;gap:8px}.transform-row label span{color:#64748b;color:var(--text-muted,#64748b);font-size:.75rem;min-width:14px}.transform-row input{background:#0f121c99;border:1px solid #94a3b826;border-radius:4px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-family:var(--font-mono);font-size:.75rem;min-width:0;padding:4px 8px}.transform-row input:focus{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);outline:none}.transform-row input::-webkit-inner-spin-button,.transform-row input::-webkit-outer-spin-button{opacity:.5}.apply-mode-section{border-bottom:1px solid #94a3b81f;border-top:1px solid #94a3b81f;padding:12px 16px}.apply-mode-toggle{background:#12162380;border:1px solid #94a3b833;border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.apply-mode-toggle:hover{background:#1e233299;border-color:#94a3b866}.apply-mode-toggle.active{animation:pulseGold 2s ease-in-out infinite;background:#231e0fa6;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 20px #fcd34d26;color:#fcd34d;color:var(--accent-gold,#fcd34d)}@keyframes pulseGold{0%,to{box-shadow:0 0 20px #fcd34d26}50%{box-shadow:0 0 30px #fcd34d40}}.apply-mode-hint{color:#fcd34d;color:var(--accent-gold,#fcd34d);font-size:.75rem;margin:12px 0 0;text-align:center}.current-styles-section{max-height:150px;overflow-y:auto;padding:12px 16px}.styles-list{display:flex;flex-direction:column;gap:8px}.style-item{align-items:center;background:#12162380;border-radius:8px;display:flex;font-size:.8rem;gap:8px;padding:8px 12px}.style-target{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex:1 1;font-family:var(--font-mono);font-size:.75rem}.style-color{border:1px solid #fff3;border-radius:4px;height:18px;width:18px}.style-asset{font-size:.9rem}.style-clear{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:.75rem;height:20px;transition:all .15s ease;width:20px}.style-clear:hover{background:#ef444433;color:#ef4444}.toolbar-actions{background:#0f121c99;border-top:1px solid #94a3b81f;display:flex;gap:12px;padding:12px 16px}.action-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:12px;transition:all .2s ease}.action-btn.reset{background:#0000;border:1px solid #ef444466;color:#f87171}.action-btn.reset:hover:not(:disabled){background:#ef44441a;border-color:#ef444499}.action-btn.cancel{background:#ffffff0a;border:1px solid #94a3b840;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.action-btn.cancel:hover:not(:disabled){background:#ffffff14;border-color:#94a3b866}.action-btn.save{background:linear-gradient(135deg,#fcd34d,#f59e0b);background:linear-gradient(135deg,var(--accent-gold,#fcd34d),#f59e0b);border:none;box-shadow:0 4px 12px #fcd34d40;color:#1a1510}.action-btn.save:hover:not(:disabled){box-shadow:0 6px 16px #fcd34d59;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}[data-theme-target]{transition:outline .15s ease,box-shadow .15s ease}[data-theme-target].theme-target-hover{box-shadow:0 0 20px #fcd34d40!important;cursor:crosshair!important;outline:3px dashed #fcd34d!important;outline:3px dashed var(--accent-gold,#fcd34d)!important;outline-offset:2px}@media (max-width:768px){.theme-studio-toolbar{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:60vh;right:0;top:auto;width:100%}}.presets-panel{gap:16px}.presets-grid,.presets-panel{display:flex;flex-direction:column}.presets-grid{gap:8px}.preset-card{align-items:center;background:#ffffff08;border:1px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s ease}.preset-card:hover{background:#ffffff0f;border-color:#94a3b840;transform:translateX(4px)}.preset-card.selected{background:#fcd34d14;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 20px #fcd34d1a}.preset-preview{border-radius:8px;box-shadow:0 2px 8px #0000004d;flex-shrink:0;height:36px;width:48px}.preset-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.preset-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem;font-weight:600}.preset-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-preset{align-items:center;background:#fcd34d1a;border:1px solid #fcd34d4d;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.current-preset span{color:#fcd34d;color:var(--accent-gold,#fcd34d);font-size:.9rem;font-weight:500}.clear-preset-btn{background:#0000;border:1px solid #94a3b84d;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.75rem;padding:4px 12px;transition:all .15s ease}.clear-preset-btn:hover{background:#ffffff0d;border-color:#94a3b880;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.quest-detail-page{background:var(--primary-bg)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.quest-detail-page.surface-grid{align-items:center;display:flex;flex-direction:column;gap:1.25rem;gap:var(--layout-grid-gap,1.25rem)}.quest-detail-page.surface-grid>.quest-replay-banner,.quest-detail-page.surface-grid>.quest-start-card{max-width:min(100%,640px);width:100%}.quest-start-card{align-items:center;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);background:linear-gradient(155deg,#060e0af0,#040b08e6);border:1px solid #0d948833;border-radius:32px;box-shadow:0 42px 96px #0208069e;display:flex;flex-direction:column;gap:clamp(24px,5vh,32px);margin:clamp(72px,12vh,128px) auto 0;overflow:hidden;padding:clamp(32px,6vw,48px);position:relative;text-align:center;width:min(520px,100%)}.quest-replay-banner+.quest-start-card{margin-top:16px}.quest-replay-banner{background:#0d1a14d9;border:1px solid #0d948866;border-radius:12px;box-shadow:0 12px 32px #020a0659;color:#f0faf7;color:var(--text-primary,#f0faf7);font-size:clamp(.9rem,1.8vw,1rem);line-height:1.4;margin:40px auto 24px;padding:12px clamp(16px,4vw,24px);text-align:center;width:min(520px,100%)}.quest-replay-banner strong{font-weight:600}.quest-start-card:before{background:radial-gradient(circle at 22% 28%,#0d948840,#0000 55%),radial-gradient(circle at 78% 38%,#d977062e,#0000 58%),linear-gradient(130deg,#0d948826,#8b5cf62e);content:"";inset:-45%;mix-blend-mode:screen;opacity:.6;pointer-events:none;position:absolute}.quest-start-card>*{position:relative;z-index:1}.quest-start-card__media{aspect-ratio:16/9;background:#060e0a8c;border-radius:24px 24px 16px 16px;box-shadow:inset 0 0 0 1px #0d94881f,0 26px 64px #020806b3;isolation:isolate;margin:calc(clamp(32px, 6vw, 48px)*-1) calc(clamp(32px, 6vw, 48px)*-1) 16px;overflow:hidden;position:relative;width:calc(100% + clamp(30px, 6vw, 46px)*2)}.quest-start-card__media:before{background:linear-gradient(180deg,#060a0800 20%,#060a088c)}.quest-start-card__media:after,.quest-start-card__media:before{content:"";inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}.quest-start-card__media:after{background:radial-gradient(circle at 18% 24%,#0d948838,#0000 58%),radial-gradient(circle at 82% 30%,#d977062e,#0000 60%);opacity:.6}.quest-start-card__media img{display:block;filter:saturate(1.08);height:100%;object-fit:cover;transform:scale(1.02);width:100%}.quest-start-card__body{display:flex;flex-direction:column;gap:clamp(16px,4vh,24px);width:100%}.quest-start-card__title{color:#f8fafc;color:var(--text-inverse,#f8fafc);font-size:clamp(1.9rem,3.6vw,2.6rem);letter-spacing:-.01em;margin:0;text-shadow:0 0 26px #0d948866}.quest-start-card__description{color:#e2e8f0e6;font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.7;margin:0;text-align:left;width:100%}.quest-start-card__description .formatted-content{display:flex;flex-direction:column;gap:1em}.quest-start-card__description .formatted-heading--h1{color:#f8fafc;color:var(--text-inverse,#f8fafc);font-size:1.4em;font-weight:600;margin:.5em 0 .25em;text-align:center}.quest-start-card__description .formatted-heading--h2{color:#0d9488;color:var(--primary,#0d9488);font-size:1.2em;font-weight:600;margin:.75em 0 .25em}.quest-start-card__description .formatted-heading--h3{color:#e2e8f0f2;font-size:1.1em;font-weight:500;margin:.5em 0 .25em}.quest-start-card__description .formatted-paragraph{margin:0}.quest-start-card__description .formatted-list{margin:.5em 0;padding-left:1.5em}.quest-start-card__description .formatted-list__item{margin:.35em 0}.quest-start-card__description .formatted-list--ordered{list-style-type:decimal}.quest-start-card__description .formatted-list--unordered{list-style-type:disc}.quest-start-card__description .formatted-code{background:#1e293bb3;border-radius:4px;font-family:var(--font-mono);font-size:.9em;padding:.15em .35em}.quest-start-card__meta{color:#94a3b8e0;font-size:clamp(.9rem,1.8vw,1.05rem);margin:0}.quest-start-card__meta--warning{color:#fbbf24;color:var(--warning,#fbbf24);font-weight:600}.quest-start-card__note{color:#94a3b8bf;font-size:.85rem;margin:0}.quest-start-card__actions{display:flex;flex-direction:column;gap:16px;margin-top:auto;width:100%}.quest-start-card__actions button{width:100%}.quest-start-card__begin{align-items:center;background:linear-gradient(125deg,#040e0af2,#06100ce6) padding-box,linear-gradient(120deg,#0d9488cc,#8b5cf6b8,#d97706b3) border-box;border:1px solid #0000;border-radius:999px;box-shadow:0 28px 78px #020806a8,inset 0 0 24px #0d94884d;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-flex;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:600;isolation:isolate;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:16px clamp(28px,5vw,40px);position:relative;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.quest-start-card__begin:after,.quest-start-card__begin:before{content:"";inset:-32%;opacity:.65;pointer-events:none;position:absolute}.quest-start-card__begin:before{background:radial-gradient(circle at 24% 32%,#0d948875,#0000 55%),radial-gradient(circle at 72% 42%,#d9770659,#0000 60%),linear-gradient(135deg,#0d948833,#8b5cf633);mix-blend-mode:screen;transition:opacity .35s ease}.quest-start-card__begin:after{animation:quest-start-button-sheen 4.2s cubic-bezier(.6,.04,.3,1) 3;background:linear-gradient(90deg,#0000,#ffffffad 48%,#0000);inset:-140% -40%;mix-blend-mode:screen;opacity:0;transform:translateX(-45%) rotate(9deg)}.quest-start-card__begin:hover:not(:disabled){box-shadow:0 36px 96px #060c22bd,inset 0 0 30px #689ce680;transform:translateY(-3px) scale(1.01)}.quest-start-card__begin:hover:not(:disabled):before{opacity:.85}.quest-start-card__begin:focus-visible{outline:3px solid #b4e2ffb8;outline-offset:5px}.quest-start-card__begin:disabled{box-shadow:0 22px 62px #060c1e7a;cursor:not-allowed;opacity:.65;transform:none}.quest-start-card__begin:disabled:after{animation:none;opacity:0}.quest-start-card__cancel{align-items:center;background:#0e1422b3;border:1px solid #94a3b861;border-radius:999px;color:#e2e8f0e0;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.04em;padding:12px clamp(24px,4vw,32px);text-transform:uppercase;transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease}.quest-start-card__cancel:hover{background:#121a2ce0;border-color:#e2e8f099;color:#f8fafc;color:var(--text-inverse,#f8fafc);transform:translateY(-1px)}.quest-start-card__cancel:focus-visible{outline:2px solid #94a3b8a6;outline-offset:3px}.quest-start-card__cancel:active{transform:translateY(0)}@keyframes quest-start-button-sheen{0%{transform:translateX(-45%) rotate(9deg)}to{transform:translateX(45%) rotate(9deg)}}@media (min-width:640px){.quest-start-card__actions{flex-direction:row}.quest-start-card__actions button{flex:1 1;width:auto}}.quest-detail-header{align-items:center;border-bottom:2px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.back-button{background:var(--btn-secondary-bg);border:none;border-radius:4px;color:var(--btn-secondary-text);cursor:pointer;font-size:14px;min-height:44px;min-width:44px;padding:12px 16px;transition:background-color .3s}.back-button:hover{background:var(--btn-secondary-bg-hover)}.map-link{border:1px solid #1d4ed8;border:1px solid var(--primary-color,#1d4ed8);border-radius:8px;color:#1d4ed8;color:var(--primary-color,#1d4ed8);font-weight:500;padding:12px 16px;text-decoration:none;transition:all .3s}.map-link:hover{background:#1d4ed8;background:var(--primary-color,#1d4ed8);color:#fff}.quest-detail-content{display:flex;flex-direction:column;gap:32px}.quest-header{margin-bottom:20px;text-align:center}.quest-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:16px}.quest-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.difficulty-badge,.status-badge,.type-badge{border-radius:24px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.type-badge{background:#6366f126;background:var(--type-badge-bg,#6366f126);color:#818cf8;color:var(--type-badge-text,#818cf8)}.difficulty-badge{background:var(--bg-tertiary);background:var(--difficulty-badge-bg,var(--bg-tertiary));color:#ef6c00;color:var(--difficulty-badge-text,#ef6c00)}.difficulty-badge.beginner{background:#10b98126;color:#34d399;color:var(--success,#34d399)}.difficulty-badge.intermediate{background:var(--bg-tertiary);color:#ef6c00;color:var(--warning,#ef6c00)}.difficulty-badge.advanced{background:#f43f5e26;color:#fb7185;color:var(--error-light,#fb7185)}.difficulty-badge.expert{background:#a78bfa26;color:#a78bfa;color:var(--event-color,#a78bfa)}.status-badge{background:#0f1f3a;background:var(--status-badge-bg,#0f1f3a);color:#e2e8f0;color:var(--status-badge-text,#e2e8f0)}.status-badge.active{background:#0f1f3a;background:var(--surface-3,#0f1f3a);color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.status-badge.completed{background:#38bdf826;color:#38bdf8;color:var(--circle-color,#38bdf8)}.status-badge.expired{background:#ef444426;color:#f87171;color:var(--error-light,#f87171)}.quest-body{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:2fr 1fr}.quest-main{display:flex;flex-direction:column;gap:24px}.quest-main section{background:var(--secondary-bg);border-radius:12px;box-shadow:0 2px 10px #0000004d;padding:24px}.quest-main h2{border-bottom:2px solid #1d4ed8;border-bottom:2px solid var(--primary-color,#1d4ed8);color:var(--text-primary);font-size:1.5rem;margin-bottom:16px;padding-bottom:8px}.quest-description p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.challenges-list{display:flex;flex-direction:column;gap:20px}.challenge-item{background:var(--secondary-bg)!important;border-left:4px solid #6a4c93!important;border-left:4px solid var(--primary-color,#6a4c93)!important;border-radius:8px;padding:20px}.quest-context-summary{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:12px}.quest-context-objectives{color:var(--text-secondary);list-style:disc;margin:0 0 12px;padding-left:20px}.quest-context-notes{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-style:italic}.quest-primary-challenge{display:flex;flex-direction:column;gap:12px}.quest-challenge-intro{color:var(--text-secondary);line-height:1.6}.challenge-detail-list{grid-gap:12px;display:grid;gap:12px}.challenge-detail-row{grid-gap:12px;background:var(--tertiary-bg);border:1px solid var(--glass-border);border-radius:8px;display:grid;gap:12px;grid-template-columns:160px 1fr;padding:12px}.challenge-detail-row dt{color:var(--text-primary);font-weight:600}.challenge-detail-row dd{color:var(--text-secondary);margin:0}.quest-tier-section{display:flex;flex-direction:column;gap:16px}.quest-tier-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quest-tier-card{background:#0d1422b3;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 12px 30px #02061759;display:flex;flex-direction:column;gap:12px;padding:20px}.quest-tier-card header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.quest-tier-card h3{color:var(--text-primary);font-size:1.1rem;margin:0}.tier-reward{background:#38bdf826;border-radius:999px;color:#38bdf8;color:var(--circle-color,#38bdf8);font-size:.85rem;font-weight:600;padding:4px 12px;white-space:nowrap}.quest-tier-card p,.quest-tier-card ul{color:var(--text-secondary);margin:0}.quest-tier-card ul{list-style:disc;padding-left:16px}.challenge-item h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:12px}.challenge-item p{color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.challenge-requirements{background:var(--tertiary-bg);border:1px solid var(--glass-border);border-radius:8px;padding:16px}.challenge-requirements strong{color:var(--text-primary);display:block;margin-bottom:12px}.requirement-details p{color:var(--text-secondary);margin-bottom:8px}.requirement-details ul{margin:8px 0;padding-left:20px}.requirement-details li{color:var(--text-secondary);margin-bottom:4px}.location-info p{color:var(--text-secondary);margin-bottom:12px}.location-info strong{color:var(--text-primary)}.quest-sidebar{display:flex;flex-direction:column;gap:20px}.participants-card,.quest-info-card{background:var(--secondary-bg);border-radius:12px;box-shadow:0 2px 10px #0000004d;padding:24px}.participants-card h3,.quest-info-card h3{border-bottom:2px solid #1d4ed8;border-bottom:2px solid var(--primary-color,#1d4ed8);color:var(--text-primary);font-size:1.3rem;margin-bottom:20px;padding-bottom:8px}.info-section{border-bottom:1px solid var(--glass-border);margin-bottom:20px;padding-bottom:16px}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-section h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:12px}.info-section p{color:var(--text-secondary);margin-bottom:8px}.info-section strong{color:var(--text-primary)}.info-section ul{margin:8px 0;padding-left:20px}.info-section li{color:var(--text-secondary);margin-bottom:4px}.quest-actions{margin-top:20px;text-align:center}.login-prompt-btn,.start-quest-btn{background:#1d4ed8;background:var(--primary-color,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;min-width:200px;padding:16px 32px;text-decoration:none;transition:all .3s}.login-prompt-btn:hover,.start-quest-btn:hover{background:#1e40af;background:var(--primary-hover,#1e40af);box-shadow:0 4px 15px #1d4ed859;transform:translateY(-2px)}.start-quest-btn:disabled{background:var(--btn-secondary-bg);box-shadow:none;color:var(--btn-secondary-text);cursor:not-allowed;transform:none}.participants-list{display:flex;flex-direction:column;gap:12px}.participant-item{align-items:center;background:var(--tertiary-bg);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.participant-name{color:var(--text-primary);font-weight:500}.participant-status{background:#10b98126;background:var(--status-badge-bg,#10b98126);border-radius:12px;color:#34d399;color:var(--status-badge-text,#34d399);font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.more-participants{color:var(--text-secondary);font-style:italic;margin-top:12px;text-align:center}.error-container,.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid #1d4ed8;border:4px solid var(--glass-border);border-radius:50%;border-top-color:var(--primary-color,#1d4ed8);height:50px;margin:0 auto 20px;width:50px}.error-container h2{color:#dc3545;color:var(--error-color,#dc3545);margin-bottom:16px}.error-container p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}.back-link{border:1px solid #1d4ed8;border:1px solid var(--primary-color,#1d4ed8);border-radius:8px;color:#1d4ed8;color:var(--primary-color,#1d4ed8);font-weight:500;padding:12px 20px;text-decoration:none;transition:all .3s}.back-link:hover{background:#1d4ed8;background:var(--primary-color,#1d4ed8);color:#fff}@media (max-width:768px){.quest-detail-page{padding:16px}.quest-header h1{font-size:2rem}.quest-body{gap:20px;grid-template-columns:1fr}.quest-detail-header{flex-direction:column;gap:16px;text-align:center}.quest-badges{justify-content:center}.participants-card,.quest-info-card,.quest-main section{padding:20px}}@media (max-width:480px){.quest-detail-page{padding:12px}.quest-header h1{font-size:1.5rem}.participants-card,.quest-info-card,.quest-main section{padding:16px}.login-prompt-btn,.start-quest-btn{font-size:1rem;min-width:150px;padding:12px 20px}}.circle-shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.circle-shop-header .circle-shop-heading{margin:0}.circle-shop-create-btn{background:linear-gradient(135deg,#6366f1e6,#4f46e5d9);border:1px solid #6366f180;border-radius:8px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:transform .15s ease,box-shadow .15s ease}.circle-shop-create-btn:focus-visible,.circle-shop-create-btn:hover{box-shadow:0 4px 12px #6366f166;outline:none;transform:translateY(-1px)}.circle-shop-heading{color:var(--text-primary);font-size:1.4rem;margin:0 0 12px}.circle-shop-balance-banner{align-items:flex-start;background:#f871711f;border:1px solid #f8717173;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.circle-shop-balance-text{color:#fecaca;color:var(--error-light,#fecaca);flex:1 1 200px;font-size:.9rem;margin:0}.circle-shop-balance-cta{align-self:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s ease,transform .2s ease}.circle-shop-balance-cta:focus-visible,.circle-shop-balance-cta:hover{background:#ffffff2e;outline:none;transform:translateY(-1px)}.circle-listing-card.enhanced{padding:20px}.circle-listing-card .card-preview{background:linear-gradient(135deg,#1e293b73,#0f172a59);border-bottom:1px solid #94a3b847;border-bottom:1px solid var(--glass-border,#94a3b847);border-radius:12px 12px 12px 12px;height:225px;margin:-1.25rem -1.25rem 1.25rem;overflow:hidden;position:relative;width:calc(100% + 2.5rem)}.circle-listing-card .card-preview.has-media{background:none}.circle-listing-card .circle-listing-carousel,.circle-listing-card .circle-listing-carousel .image-carousel__image,.circle-listing-card .circle-listing-carousel .image-carousel__viewport{height:100%}.circle-listing-card .circle-listing-carousel .image-carousel__image{background:#0f172a73;object-fit:contain;object-position:center}.circle-listing-card .circle-listing-carousel .image-carousel__nav{background:#0f172a8c;border:1px solid #94a3b859;color:#fff;color:var(--text-inverse,#fff);font-size:.75rem;height:16px;line-height:1;min-height:16px;min-width:16px;padding:0;width:16px}.circle-listing-card .circle-listing-carousel .image-carousel__dot{background:#94a3b873;border:1px solid #94a3b8a6;border-radius:999px;box-shadow:0 0 0 4px #0f172a47;height:4px;min-height:4px;min-width:4px;padding:0;transition:transform .15s ease,background .15s ease,border .15s ease,box-shadow .15s ease;width:4px}.circle-listing-card .circle-listing-carousel .image-carousel__dot:focus-visible,.circle-listing-card .circle-listing-carousel .image-carousel__dot:hover{border-color:#94a3b8d9;box-shadow:0 0 0 5px #2563eb3d;outline:none}.circle-listing-card .circle-listing-carousel .image-carousel__dot.is-active{background:#22d3ee;background:var(--accent-color,#22d3ee);border-color:#22d3eebf;box-shadow:0 0 0 5px #22d3ee33;transform:scale(1.2)}.circle-listing-card .circle-listing-placeholder{align-items:center;background:linear-gradient(140deg,#1e293b73,#1e293b40);color:var(--text-secondary);display:flex;font-size:.95rem;inset:0;justify-content:center;letter-spacing:.02em;position:absolute}.circle-listing-card .badge-overlay{display:flex;gap:8px;left:12px;position:absolute;top:12px;z-index:2}.circle-listing-card .badge-overlay .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b16a6;border:1px solid #ffffff2e;border-radius:999px;color:#fff;color:var(--text-inverse,#fff);font-size:11px;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.circle-listing-card .badge-overlay .badge.shop-name{background:#2a9d8fb3}.circle-listing-card .badge-overlay .badge.status-label{background:#475569b3}.circle-shop-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}.circle-shop-filter{background:#0f172a73;border:1px solid #94a3b859;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.circle-shop-filter:focus-visible:not(:disabled),.circle-shop-filter:hover:not(:disabled){border-color:#60a5faa6;box-shadow:0 10px 22px #1e40af40;outline:none;transform:translateY(-1px)}.circle-shop-filter:disabled{cursor:not-allowed;opacity:.55}.circle-shop-filter.active{background:linear-gradient(135deg,#1d4ed8e6,#3b82f6e6);border-color:#60a5fabf;box-shadow:0 14px 30px #2563eb52;color:var(--text-inverse)}.circle-shop-filter.engagement.active{background:linear-gradient(135deg,#10b981eb,#22c55eeb);border-color:#22c55ebf;box-shadow:0 14px 32px #22c55e47}.circle-shop-filter.recognition.active{background:linear-gradient(135deg,#eab308eb,#facc15eb);border-color:#facc15cc;box-shadow:0 14px 32px #facc1552;color:#0f172a;color:var(--surface-3,#0f172a)}.circle-listing-card .value.price-value{align-items:baseline;background:#0f172a59;border:1px solid #94a3b840;border-radius:12px;box-shadow:inset 0 0 0 1px #94a3b82e;display:inline-flex;gap:.5rem;padding:.5rem .75rem}.circle-listing-card .price-value--engagement{border-color:#22c55ebf;box-shadow:0 0 18px #22c55e52,inset 0 0 0 1px #22c55e66}.circle-listing-card .price-value--recognition{border-color:#facc15c7;box-shadow:0 0 20px #facc1559,inset 0 0 0 1px #fcd34d7a}.circle-listing-card.engagement-listing .card-preview.has-media:after,.circle-listing-card.recognition-listing .card-preview.has-media:after{border-radius:12px 12px 12px 12px;content:"";inset:0;pointer-events:none;position:absolute}.circle-listing-card.engagement-listing .card-preview.has-media:after{box-shadow:inset 0 0 0 1px #22c55e4d}.circle-listing-card.recognition-listing .card-preview.has-media:after{box-shadow:inset 0 0 0 1px #facc1547}.circle-listing-card.enhanced:hover,.content-card.circle-listing-card:hover{background:inherit!important;border-color:inherit!important;box-shadow:none!important;transform:none!important}.circle-listing-card .listing-card-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}.circle-listing-card .circle-action{align-items:center;background:linear-gradient(135deg,#1e40afeb,#2563ebeb);border:1px solid #2563eb73;border-radius:12px;color:#f8fafc;color:var(--text-inverse,#f8fafc);cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:600;justify-content:center;min-height:44px;padding:.5rem 1rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border .2s ease}.circle-listing-card .circle-action:focus-visible,.circle-listing-card .circle-action:hover{background:linear-gradient(135deg,#2563ebfa,#3b82f6fa);border-color:#3b82f6a6;box-shadow:0 12px 30px #1d4ed847;outline:none;transform:translateY(-1px)}.circle-listing-card .circle-action.primary{border-color:#3b82f699}.circle-listing-card .circle-action.link{background:#0000;border:1px solid #22d3ee73;box-shadow:none;color:#22d3ee;color:var(--accent-color,#22d3ee)}.circle-listing-card .circle-action.link:focus-visible,.circle-listing-card .circle-action.link:hover{background:#22d3ee1f;color:#67e8f9;color:var(--accent-teal,#67e8f9)}.circle-listing-card .circle-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width:768px){.circle-listing-card .listing-card-actions{grid-template-columns:1fr}}@media (min-width:769px){.circle-listing-card.enhanced{flex-direction:row}}.circle-form-overlay,.circle-workflow-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0a0c16c7;display:flex;inset:0;justify-content:center;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.circle-form-shell,.circle-workflow-shell{background:#0c0e19f2;border:1px solid #94a3b838;border-radius:24px;max-height:90vh;overflow:hidden;position:relative;width:min(540px,95vw);z-index:6100;z-index:var(--z-modal,6100)}.shop-quick-editor-overlay{padding:clamp(16px,4vw,32px)}.shop-quick-editor-shell{background:linear-gradient(160deg,#0f172af5,#0f172ad1);box-shadow:0 32px 88px #0f172a94;max-height:92vh;padding:clamp(16px,3vw,28px)}.shop-quick-editor-header h2{font-size:clamp(1.1rem,2.4vw,1.35rem)}.shop-quick-editor-subtitle{font-size:.9rem}.shop-quick-editor-close{font-size:.95rem;transition:border-color .18s ease,color .18s ease,transform .18s ease}.shop-quick-editor-close:focus-visible,.shop-quick-editor-close:hover{border-color:#3b82f6a6;border-color:var(--accent-400,#3b82f6a6);color:#e0f2fe;color:var(--accent-200,#e0f2fe);transform:translateY(-1px)}.circle-form-header,.circle-workflow-header{align-items:center;border-bottom:1px solid #94a3b82e;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.circle-form-header h3,.circle-workflow-header h3{color:var(--text-primary);font-size:1.05rem;margin:0}.circle-form-close,.circle-workflow-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem}.circle-form-body{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.circle-form-field{color:var(--text-primary);display:flex;flex-direction:column;gap:8px}.circle-form-field input,.circle-form-field select,.circle-form-field textarea{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;color:var(--text-primary);padding:8px 12px}.circle-form-field textarea{min-height:80px;resize:vertical}.circle-form-field.checkbox{align-items:center;flex-direction:row;gap:12px}.circle-form-footer{display:flex;gap:12px;justify-content:flex-end}.circle-form-cancel,.circle-form-submit{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:var(--text-primary);cursor:pointer;padding:8px 16px}.circle-form-submit{background:linear-gradient(135deg,#1d3f8b,#2c62d6);border-color:#2c62d699;color:#fff;color:var(--text-inverse,#fff)}.circle-form-loading{color:var(--text-secondary);padding:24px;text-align:center}.circle-workflow-body{color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.circle-workflow-footer{display:flex;gap:12px;justify-content:flex-end}.circle-workflow-footer button{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:var(--text-primary);cursor:pointer;padding:8px 16px}.circle-workflow-launch{background:linear-gradient(135deg,#1d3f8b,#2c62d6);border-color:#2c62d699;color:#fff;color:var(--text-inverse,#fff)}@keyframes rainbowShimmer{0%{background-position:0 50%}33%{background-position:100% 50%}66%{background-position:0 50%}to{background-position:100% 50%}}.circle-detail-page{align-items:center;background:#0000;display:flex;flex-direction:column;min-height:100vh;padding:clamp(16px,2vw + 12px,32px) clamp(16px,2vw + 12px,32px) 96px;position:relative}.circle-detail-stack{display:flex;flex-direction:column;gap:clamp(16px,2vw,28px);max-width:1200px;width:100%}.circle-page-header.glass-surface{backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%);background:#12141e26;border:1px solid var(--glass-border);border-radius:12px;margin-bottom:16px;padding:.75rem 1rem;position:relative;z-index:100;z-index:var(--z-raised,100)}.header-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.left-actions,.right-actions{align-items:center;display:flex;gap:8px}.left-actions{justify-content:flex-start}.right-actions{justify-content:flex-end}.circle-page-header .back-button{background:linear-gradient(135deg,#132c5c,#0b1e3f);background:linear-gradient(135deg,var(--surface-3,#132c5c),var(--bg-deep,#0b1e3f));border:1px solid #4070ff59;border-radius:12px;color:#fff;color:var(--text-inverse,#fff);font-weight:600;letter-spacing:.01em;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.circle-page-header .back-button:hover{border-color:#5c84ff99;box-shadow:0 12px 26px #0c1c4061;transform:translateY(-1px)}.title-stack{align-items:center;display:flex;flex-direction:column;gap:8px}.circle-title{color:var(--text-primary);font-size:1.75rem;margin:0;text-align:center}.circle-detail-header{align-items:center;border-bottom:2px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.circle-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:16px;text-align:center}.circle-headline-meta{display:flex;flex-wrap:wrap;gap:12px}.circle-headline-meta,.members-pill{align-items:center;justify-content:center}.members-pill{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.06em;line-height:1;padding:8px 12px;text-transform:uppercase}.members-pill--interactive{cursor:pointer;text-decoration:none;transition:background .2s ease,box-shadow .2s ease}.members-pill--interactive:focus-visible,.members-pill--interactive:hover{background:#ffffff29;box-shadow:0 0 0 2px #ffffff40;outline:none}.circle-location-label,.circle-type-label{color:var(--text-secondary);font-size:.85rem}.circle-status-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.circle-detail-content{display:flex;flex-direction:column;gap:32px}.banner-container.surface-panel{-webkit-backdrop-filter:blur(4px) saturate(115%)!important;backdrop-filter:blur(4px) saturate(115%)!important;background:#14162026!important;border:1px solid var(--glass-border);border-radius:12px;height:40vh;min-height:220px;overflow:hidden;position:relative}.content-area.surface-panel.thread-focused{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border-color:#0000;box-shadow:none;padding:0}.circle-body{position:relative;z-index:1}.circle-body,.circle-main{display:flex;flex-direction:column;gap:24px}.avatar-circle{background:#ffffff14;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-primary);display:grid;font-weight:700;height:64px;overflow:hidden;place-items:center;width:64px}.avatar-circle img{height:100%;object-fit:cover;width:100%}.avatar-meta{display:flex;flex-direction:column;gap:4px}.edit-avatar-link{align-items:center;border-radius:8px;color:var(--accent-color);display:inline-flex;font-size:12px;justify-content:center;min-height:32px;padding:8px;text-decoration:none}.balances-card h3,.inventory-card h3,.messages-card h3{color:var(--text-primary);margin:0 0 8px}.balances-card .balance-row{border-bottom:1px dashed #ffffff14;color:var(--text-primary);display:flex;justify-content:space-between;padding:8px 0}.balances-card .balance-row:last-child{border-bottom:none}.balances-card .balance-actions{display:flex;gap:8px;margin-top:8px}.btn-small{align-items:center;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:12px;justify-content:center;min-height:36px;min-width:44px;padding:8px 12px;text-decoration:none}.btn-small:hover{background:#ffffff1a}.messages-card .card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.see-all-link{align-items:center;border-radius:8px;color:var(--accent-color);display:inline-flex;font-size:12px;justify-content:center;min-height:32px;padding:8px;text-decoration:none}.embedded-messages{border-radius:8px;max-height:300px;overflow:hidden}.embedded-messages .messaging-component.embedded{display:grid;grid-template-columns:1fr;height:300px}.embedded-messages .messaging-component.embedded .dialog-list{display:none}.embedded-messages .messaging-component.embedded .message-area{height:300px}.inventory-card .inv-section{display:flex;flex-direction:column;gap:8px}.inventory-card .inv-subtitle{color:var(--text-secondary);font-size:12px}.saved-images-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.saved-image-item{align-items:center;display:flex;gap:8px}.saved-image-item .thumb{background-position:50%;background-size:cover;border:1px solid var(--glass-border);border-radius:8px;height:56px;width:56px}.saved-image-item .meta{display:flex;flex-direction:column;gap:4px}.saved-image-item .title{color:var(--text-primary);font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-image-item .collab-toggle{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:8px}.activities-list,.resources-list{display:flex;flex-direction:column;gap:20px}.activity-item,.resource-item{background:var(--secondary-bg);border-left:4px solid var(--primary);border-radius:8px;padding:20px}.activity-item h3,.resource-item h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:12px}.activity-item p,.resource-item p{color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.activity-meta,.resource-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.activity-type,.resource-type{background:var(--tertiary-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.activity-type.meeting{background:#6366f126;color:#818cf8;color:var(--accent-purple-light,#818cf8)}.activity-type.event{background:#10b98126;color:#34d399;color:var(--success,#34d399)}.activity-type.project{background:var(--bg-tertiary);color:#ef6c00}.activity-type.discussion{background:#a78bfa26;color:#a78bfa}.resource-type.link{background:#6366f126;color:#818cf8;color:var(--accent-purple-light,#818cf8)}.resource-type.document{background:#10b98126;color:#34d399;color:var(--success,#34d399)}.resource-type.video{background:#ef444426;color:#f87171;color:var(--error-light,#f87171)}.activity-date{color:var(--text-secondary);font-size:.9rem}.resource-link{border:1px solid var(--primary);border-radius:4px;color:var(--primary);font-size:.9rem;font-weight:500;padding:4px 8px;text-decoration:none;transition:all .3s}.resource-link:hover{background:var(--primary);color:#fff}.meeting-spaces{margin-top:16px}.meeting-spaces ul{margin:8px 0;padding-left:20px}.meeting-spaces li{color:var(--text-secondary);margin-bottom:8px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.overview-card{backdrop-filter:blur(5px) saturate(120%)!important;-webkit-backdrop-filter:blur(5px) saturate(120%)!important;background:#14162026!important;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 20px;position:relative;z-index:1}.overview-card h2{color:var(--text-primary);font-size:1.25rem;margin:0}.overview-card h3{color:var(--text-primary);font-size:1rem;margin:0}.overview-card p{color:var(--text-secondary);line-height:1.55;margin:0}.description-card{grid-column:1/-1}.overview-list{gap:12px;list-style:none;margin:0;padding:0}.overview-item,.overview-list{display:flex;flex-direction:column}.overview-item{backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);background:rgba(25,28,40,.225);border:1px solid #ffffff1f;border-radius:12px;gap:8px;padding:12px}.overview-item-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.mini-chip{background:#ffffff14;border-radius:999px;color:var(--text-primary);font-size:11px;font-weight:600;letter-spacing:.06em;padding:4px 8px;text-transform:uppercase}.item-footnote{color:var(--text-muted);font-size:.85rem}.location-card .location-info{display:flex;flex-direction:column;gap:8px}.location-card .meeting-spaces ul{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding-left:16px}.location-card .meeting-spaces li{color:var(--text-secondary)}.join-circle-btn{align-items:center;animation:greenShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#0f3d1c,#157a3b,#1fbd58);background-size:220% 220%;border:1px solid #30ff9680;border-radius:12px;box-shadow:0 10px 24px #15ba5c52;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:44px;min-width:200px;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.join-circle-btn:hover{border-color:#5cffbcb3;box-shadow:0 16px 36px #15ba5c6b;transform:translateY(-2px)}.join-circle-btn:disabled{animation:none;background:#143220cc;border-color:#40805c66;box-shadow:none;color:#ffffff8c;cursor:not-allowed;transform:none}.owner-tools{z-index:9999;z-index:var(--z-max,9999)}.owner-tools-trigger{align-items:center;animation:rainbowShimmer 6s linear infinite;background:linear-gradient(120deg,#3a3cb1,#7b3ce0,#ff5ea6,#ffd15a,#3a3cb1);background-size:250% 250%;border:1px solid #ffffff59;border-radius:12px;box-shadow:0 10px 28px #624cea59;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:600;justify-content:center;letter-spacing:.01em;min-height:44px;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.owner-tools-trigger:focus-visible,.owner-tools-trigger:hover{border-color:#ffffff8c;box-shadow:0 18px 40px #7658ff73;outline:none;transform:translateY(-2px)}.owner-tools-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0c0e19fa;border:1px solid #94a3b838;box-shadow:0 18px 44px #0f172a80;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:12px;pointer-events:auto;top:calc(100% + 12px);z-index:6200;z-index:var(--z-popover,6200)}.owner-tools-item{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;font-size:.9rem;font-weight:600;padding:8px 12px;transition:background .2s ease,transform .2s ease}.owner-tools-item:focus-visible,.owner-tools-item:hover{background:#ffffff1f;transform:translateY(-1px)}.owner-tools-item:disabled{cursor:not-allowed;opacity:.55;transform:none}.owner-tools-thread-controls{border-top:1px solid #94a3b833;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.owner-tools-thread-label{color:#94a3b8cc;font-size:.75rem;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.owner-tools-thread-buttons{display:flex;flex-wrap:wrap;gap:8px}.owner-tools-pill{align-items:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:1 1 120px;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;min-height:38px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.owner-tools-pill:focus-visible,.owner-tools-pill:hover{background:#ffffff26;border-color:#ffffff59;outline:none;transform:translateY(-1px)}.owner-tools-pill.active{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border-color:#244ea8a6;box-shadow:0 12px 28px #121e4861;color:#fff;color:var(--text-inverse,#fff)}.popover-card{backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%);background:#12141e38;padding:12px}.circle-chat-dock.surface-panel,.popover-card{border:1px solid var(--glass-border);border-radius:12px}.circle-chat-dock.surface-panel{align-items:stretch;align-self:stretch;backdrop-filter:blur(6px) saturate(120%)!important;-webkit-backdrop-filter:blur(6px) saturate(120%)!important;background:#12141e33!important;bottom:auto;display:flex;flex-direction:column;gap:16px;margin:40px 0 0;max-width:none;padding:16px 20px;position:relative;width:100%;z-index:auto}.dock-button-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dock-button{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;min-height:44px;min-width:44px;padding:8px 16px;transition:background .2s ease,transform .2s ease,border-color .2s ease}.dock-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.dock-button.active{background:linear-gradient(135deg,#2c427a,#14243d);border-color:#ffd686a6;box-shadow:0 0 18px #ffcc7859,0 12px 28px #060a1273;color:#fff;color:var(--text-inverse,#fff)}.dock-button.single{justify-content:center;width:100%}.comment-composer{backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);background:#0a0c14a6;border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.comment-textarea{background:#04060c66;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;min-height:120px;padding:12px;resize:vertical;width:100%}.comment-textarea:focus{outline:2px solid var(--accent-color);outline-offset:2px}.composer-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end}.post-comment-button{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #2a56a880;border-radius:999px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-weight:600;padding:8px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-comment-button:hover{border-color:#4678d2b3;box-shadow:0 8px 20px #10224e73;transform:translateY(-1px)}.cancel-comment-button{background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:background .2s ease,border-color .2s ease}.cancel-comment-button:hover{background:#ffffff1f;border-color:#ffffff3d}.comment-feed{display:flex;flex-direction:column;gap:12px}.comment-card{backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);background:#080a1299;border:1px solid var(--glass-border);border-radius:12px;padding:16px}.comment-card__meta{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.comment-card__author{color:var(--text-primary);font-size:.95rem;font-weight:600}.comment-card__time{color:var(--text-muted);font-size:.8rem}.comment-card__body{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;white-space:pre-wrap}.dock-popover{backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);background:#0c0e18d1;border:1px solid var(--glass-border);border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 18px 40px #04060c8c;display:flex;flex-direction:column;gap:0;max-height:420px;overflow:hidden;position:absolute;right:0;width:min(92vw,360px)}.dock-popover-header{border-bottom:1px solid #ffffff14;color:var(--text-primary);font-weight:600;justify-content:space-between;padding:12px 16px}.dock-header-actions,.dock-popover-header{align-items:center;display:flex;gap:8px}.dock-close{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:0}.dock-close:hover{color:var(--text-primary)}.dock-profile{align-items:center;display:flex;gap:16px;padding:16px}.chat-popover-body{padding:0 8px 12px}.chat-popover-body .messaging-component.embedded{display:grid;grid-template-columns:1fr;height:320px}.chat-popover-body .messaging-component.embedded .dialog-list{display:none}.chat-popover-body .messaging-component.embedded .message-area{height:320px}@media (max-width:768px){.circle-detail-page{padding:16px 16px 120px}.header-row{grid-template-columns:1fr}.title-stack{order:-1}.banner-container.surface-panel{height:30vh;min-height:180px}.circle-header h1{font-size:2rem}.circle-body{gap:20px}.circle-detail-header{flex-direction:column;gap:16px;text-align:center}.circle-badges{justify-content:center}.overview-grid{max-width:100%}.overview-card{padding:16px 20px}.activity-meta,.resource-meta{align-items:flex-start;flex-direction:column}.circle-chat-dock.surface-panel{bottom:16px;padding:12px 16px;width:100%}}@media (max-width:480px){.circle-detail-page{padding:12px 12px 140px}.circle-header h1{font-size:1.5rem}.overview-card{padding:12px 16px}.overview-item{padding:12px}.join-circle-btn{font-size:1rem;min-width:150px;padding:12px 20px}.circle-chat-dock.surface-panel{width:100%}}.circle-tabs{border-bottom:2px solid var(--glass-border);display:flex;gap:4px;margin-bottom:32px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;min-height:44px;min-width:44px;padding:12px 24px;transition:all .2s ease}.tab-button.pending-activation{animation:greenShimmer 2.6s linear infinite;background:linear-gradient(120deg,#62e3d32e,#62e3d30d,#62e3d32e);background-size:200% 100%;border-bottom-color:#62e3d3a6;color:var(--accent-color)}.tab-button.pending-activation.active{background:linear-gradient(120deg,#62e3d33d,#62e3d314,#62e3d33d);border-bottom-color:var(--accent-color)}.tab-button.pending-activation:hover{color:var(--accent-color)}.tab-button.active,.tab-button:hover{background:var(--hover-bg);color:var(--accent-color)}.tab-button.active{border-bottom-color:var(--accent-color)}.circle-tab-content{min-height:400px;width:100%}.tab-activation-panel{background:#0c2e3647;border:1px dashed #62e3d380;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:560px;padding:24px}.tab-activation-panel h2{color:var(--text-primary);font-size:1.25rem;margin:0}.tab-activation-panel p{color:var(--text-secondary);margin:0}.tab-activation-meta{color:var(--text-tertiary);font-size:.875rem}.tab-activation-hint{color:var(--text-tertiary);font-size:.9rem}.activate-tab-btn{align-self:flex-start;background:linear-gradient(120deg,#62e3d3eb,#62e3d3a8);border:none;border-radius:8px;color:#012023;cursor:pointer;font-weight:600;padding:12px 20px;transition:transform .15s ease,box-shadow .15s ease}.activate-tab-btn:hover{box-shadow:0 6px 18px #62e3d340;transform:translateY(-1px)}.activate-tab-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.tab-activation-backdrop{align-items:center;background:#010c0ea6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.tab-activation-modal{border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;position:relative;width:min(520px,100%);z-index:6100;z-index:var(--z-modal,6100)}.activation-modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.activation-modal-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px}.activation-modal-close:hover{color:var(--text-primary)}.activation-modal-body{display:flex;flex-direction:column;gap:12px}.activation-benefits{color:var(--text-secondary);margin:0;padding-left:20px}.activation-benefits li{margin-bottom:8px}.activation-error{background:#ff48421f;border-radius:8px;color:#ffaca7;color:var(--error-light,#ffaca7);padding:12px}.activation-connect-existing{background:#6366f114;border:1px dashed #6366f14d;border-radius:8px;margin-top:1rem;padding:1rem}.activation-connect-hint{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.9rem;margin:0 0 .75rem}.activation-connect-btn{align-items:center;background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s}.activation-connect-btn:hover{background:#6366f140;border-color:#6366f199;color:#c7d2fe;color:var(--accent-purple-light,#c7d2fe)}.activation-connect-btn:focus{outline:2px solid #6366f180;outline-offset:2px}.activation-modal-footer{display:flex;gap:12px;justify-content:flex-end}.shop-activation-panel{background:#0c2e3652;border:1px dashed #62e3d38c;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:560px;padding:24px}.shop-activation-panel p{color:var(--text-secondary);line-height:1.5;margin:0}.activate-shop-btn{align-items:center;background:linear-gradient(135deg,#62e3d3d1,#62e3d3a6);border:1px solid #62e3d3b3;border-radius:12px;color:#03292f;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.01em;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.activate-shop-btn:hover{box-shadow:0 12px 28px #62e3d340;transform:translateY(-1px)}.shop-activation-hint{color:var(--text-muted);font-size:.85rem}.circle-body--thread-focused{gap:0;padding-top:0}.circle-body--thread-focused .circle-main{gap:0;padding:0}.activities-tab{padding:20px 0}.activities-tab h2{color:var(--text-primary);margin-bottom:32px}.members-tab{padding:20px 0}.members-tab h2{color:var(--text-primary);margin-bottom:32px}.members-list-full{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.member-item-full{align-items:center;background:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px 20px}.member-info{display:flex;flex-direction:column;gap:4px}.member-name{color:var(--text-primary);font-weight:500}.member-role{color:var(--text-secondary);font-size:.9rem;text-transform:capitalize}.member-joined{color:var(--text-subtle);font-size:.8rem}.members-empty-state{color:var(--text-secondary);margin:0;text-align:center}.circle-members-overlay{align-items:center;background:#090a10b3;display:flex;inset:0;justify-content:center;padding:40px 20px;position:fixed;z-index:1200}.circle-members-overlay__panel{background:#121521eb;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #080a1473;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(560px,100%)}.circle-members-overlay__header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:20px 24px 0}.circle-members-overlay__header h2{color:var(--text-primary);font-size:1.4rem;margin:0}.circle-members-overlay__close{background:#ffffff14;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s ease,border-color .2s ease}.circle-members-overlay__close:focus-visible,.circle-members-overlay__close:hover{background:#ffffff29;border-color:#ffffff4d;outline:none}.circle-members-overlay__body{overflow-y:auto;padding:20px 24px 24px}.shop-tab{display:flex;flex-direction:column;gap:16px}.circle-shop-panel{backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%);background:#12141e1f;border:1px solid var(--glass-border);border-radius:12px;gap:16px}.circle-shop-empty,.circle-shop-panel{display:flex;flex-direction:column;padding:16px}.circle-shop-empty{background:#0c0e1859;border:1px dashed var(--glass-border);border-radius:12px;color:var(--text-secondary);gap:8px;text-align:center}.circle-shop-empty-action{align-self:center;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 12px;transition:background .2s ease,transform .2s ease}.circle-shop-empty-action:hover{background:#ffffff24;transform:translateY(-1px)}.circle-shop-grid{align-items:stretch}.circle-listing-card .description{color:var(--text-secondary);min-height:60px}.circle-listing-card .price-value{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.circle-listing-card .price-original{color:var(--text-secondary);font-size:.85rem;text-decoration:line-through}.circle-listing-card .price-current{color:var(--accent-color);font-weight:600}.circle-shop-manager-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#040710c2;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.circle-shop-manager-shell{border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;position:relative;width:min(960px,95vw);z-index:6100;z-index:var(--z-modal,6100)}.circle-shop-manager-header{align-items:flex-start;border-bottom:1px solid var(--glass-border);display:flex;gap:12px;justify-content:space-between;padding:20px}.circle-shop-manager-header h3{color:var(--text-primary);margin:0}.circle-shop-manager-header p{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.circle-shop-manager-close{background:#ffffff1a;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 12px}.circle-shop-manager-close:hover{background:#ffffff2e}.circle-shop-manager-body{background:#0c0e1859;overflow:auto;padding:0 20px 20px}.circle-shop-manager-body .shop-manager{background:#0000;border:none;box-shadow:none}.circle-tab-content .circle-forum-view{margin:0;padding:0;width:100%}@media (max-width:768px){.circle-tabs{flex-wrap:wrap;gap:4px}.tab-button{flex:1 1;font-size:.9rem;min-width:120px;padding:8px 16px}.member-item-full{align-items:flex-start;flex-direction:column;gap:8px}}.overview-customizer-backdrop{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.overview-customizer{animation:modalSlideIn .25s ease-out;background:#0c0e18fa;border:1px solid #94a3b838;border-radius:16px;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff0d;max-height:85vh;max-width:520px;overflow-y:auto;position:relative;width:100%}.overview-customizer::-webkit-scrollbar{width:6px}.overview-customizer::-webkit-scrollbar-track{background:#0000}.overview-customizer::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px}.overview-customizer::-webkit-scrollbar-thumb:hover{background:#94a3b866}.customizer-header{align-items:center;background:#0f121c99;border-bottom:1px solid #94a3b81f;display:flex;justify-content:space-between;padding:20px 24px}.customizer-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.2rem;font-weight:600;margin:0}.customizer-close{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:1.4rem;line-height:1;padding:8px 12px;transition:background .15s,color .15s}.customizer-close:hover{background:#ffffff14;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.customizer-body{display:flex;flex-direction:column;gap:24px;padding:24px}.customizer-field{border:none;margin:0;padding:0}.customizer-field .field-label,.customizer-field legend{color:#f1f5f9;color:var(--text-primary,#f1f5f9);display:block;font-size:.85rem;font-weight:600;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.surface-style-options{display:flex;flex-direction:column;gap:8px}.surface-option,.toggle-option{align-items:center;background:#12162380;border:1px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.surface-option:hover,.toggle-option:hover{background:#1e233299;border-color:#94a3b84d}.surface-option:has(input:checked),.toggle-option:has(input:checked){background:#231e0fa6;border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 20px #fcd34d26,inset 0 0 30px #fcd34d0d}.surface-option:has(input:checked):before,.toggle-option:has(input:checked):before{animation:goldenShimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 20%,#fcd34d14 40%,#fcd34d26 50%,#fcd34d14 60%,#0000 80%);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:absolute}@keyframes goldenShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.surface-option input,.toggle-option input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.surface-option span,.toggle-option span{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;transition:color .2s ease}.surface-option:has(input:checked) span,.toggle-option:has(input:checked) span{color:#fcd34d;color:var(--accent-gold,#fcd34d);font-weight:500}.customizer-footer{background:#0f121c99;border-top:1px solid #94a3b81f;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.customizer-cancel,.customizer-save{border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.customizer-cancel{background:#ffffff0a;border:1px solid #94a3b840;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.customizer-cancel:hover:not(:disabled){background:#ffffff14;border-color:#94a3b866;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.customizer-save{background:linear-gradient(135deg,#fcd34d,#f59e0b);background:linear-gradient(135deg,var(--accent-gold,#fcd34d),#f59e0b);border:none;box-shadow:0 4px 16px #fcd34d40;color:#1a1510}.customizer-save:hover:not(:disabled){box-shadow:0 8px 24px #fcd34d59;transform:translateY(-2px)}.customizer-cancel:disabled,.customizer-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.circle-appearance-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.circle-appearance-shell{animation:modalSlideIn .25s ease-out;background:#0c0e18fa;border:1px solid #94a3b838;border-radius:16px;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff0d;max-width:480px;position:relative;width:100%}.circle-appearance-header{align-items:flex-start;background:#0f121c99;border-bottom:1px solid #94a3b81f;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.circle-appearance-header h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.15rem;font-weight:600;margin:0 0 4px}.circle-appearance-header p{margin:0}.circle-appearance-close,.circle-appearance-header p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem}.circle-appearance-close{background:#ffffff0a;border:1px solid #94a3b840;border-radius:8px;cursor:pointer;flex-shrink:0;font-weight:500;padding:8px 16px;transition:all .15s ease}.circle-appearance-close:hover:not(:disabled){background:#ffffff14;border-color:#94a3b866;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.circle-appearance-body{display:flex;flex-direction:column;gap:20px;padding:24px}.circle-appearance-preview{border:2px solid;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.circle-appearance-preview-accent,.circle-appearance-preview-secondary{border-radius:8px;color:#fff;color:var(--text-inverse,#fff);font-size:.85rem;font-weight:600;padding:12px 16px;text-shadow:0 1px 3px #0006;transition:background .3s ease}.circle-appearance-preview-meta{border-top:1px solid #ffffff1a;color:#94a3b8;color:var(--text-secondary,#94a3b8);display:flex;font-size:.8rem;justify-content:space-between;margin-top:8px;padding-top:12px}.circle-appearance-fields{display:flex;flex-direction:column;gap:12px}.circle-appearance-field{align-items:center;background:#12162380;border:1px solid #94a3b81f;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:border-color .2s ease}.circle-appearance-field:hover{border-color:#94a3b840}.circle-appearance-field span{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem}.circle-appearance-field input[type=color]{background:#0000;border:2px solid #94a3b833;border-radius:8px;cursor:pointer;height:36px;padding:2px;transition:border-color .2s ease,transform .15s ease;width:44px}.circle-appearance-field input[type=color]:hover{border-color:#94a3b866;transform:scale(1.05)}.circle-appearance-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.circle-appearance-field input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.circle-appearance-footer{background:#0f121c99;border-top:1px solid #94a3b81f;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.circle-appearance-cancel{background:#ffffff0a;border:1px solid #94a3b840;border-radius:12px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.circle-appearance-cancel:hover:not(:disabled){background:#ffffff14;border-color:#94a3b866;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.circle-appearance-save{background:linear-gradient(135deg,#fcd34d,#f59e0b);background:linear-gradient(135deg,var(--accent-gold,#fcd34d),#f59e0b);border:none;border-radius:12px;box-shadow:0 4px 16px #fcd34d40;color:#1a1510;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.circle-appearance-save:hover:not(:disabled){box-shadow:0 8px 24px #fcd34d59;transform:translateY(-2px)}.circle-appearance-cancel:disabled,.circle-appearance-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.quests-config{background:#12162366;border:1px solid #94a3b81a;border-radius:12px;gap:12px;margin-top:12px;padding:16px}.quests-config,.quests-visibility{display:flex;flex-direction:column}.quests-visibility{gap:8px}.quests-visibility label{align-items:center;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;display:flex;font-size:.85rem;gap:12px;padding:8px 12px;transition:background .15s ease}.quests-visibility label:hover{background:#ffffff0a}.quests-visibility label input{accent-color:#fcd34d;accent-color:var(--accent-gold,#fcd34d);height:16px;width:16px}.quests-limit{align-items:center;background:#12162380;border:1px solid #94a3b81f;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.quests-limit,.quests-limit input[type=number]{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem}.quests-limit input[type=number]{background:#0c0e18cc;border:1px solid #94a3b833;border-radius:8px;padding:8px 12px;text-align:center;transition:border-color .2s ease;width:64px}.quests-limit input[type=number]:focus{border-color:#fcd34d;border-color:var(--accent-gold,#fcd34d);box-shadow:0 0 0 3px #fcd34d1a;outline:none}.field-subheading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.field-footnote{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;font-style:italic;line-height:1.5;margin-top:12px}.shop-quick-editor{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));display:flex;flex-direction:column;gap:20px;max-height:72vh;overflow-y:auto;padding:12px 8px 32px;scrollbar-gutter:stable both-edges}.shop-quick-editor::-webkit-scrollbar{width:8px}.sqe-header{display:flex;justify-content:flex-end}.sqe-overview-panel{background:#0f172ab8;border:1px solid #94a3b859;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:16px}.sqe-overview-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sqe-overview-header h2{font-size:18px;margin:4px 0 2px}.sqe-eyebrow{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.sqe-overview-count{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:14px;font-weight:600}.sqe-overview-controls{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sqe-filter{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));display:flex;flex-direction:column;font-size:13px;gap:8px}.sqe-filter select{background:#0f172aeb;border:1px solid #94a3b859;border-radius:12px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));padding:8px 12px}.sqe-filter select:disabled{cursor:not-allowed;opacity:.6}.sqe-overview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sqe-preview-card{gap:0;overflow:hidden;padding:0}.sqe-preview-hero{background:linear-gradient(140deg,#1e293be6,#0f172ad9);background-position:50%;background-size:cover;border-radius:16px 16px 0 0;height:140px;position:relative}.sqe-preview-hero.has-media:after{background:linear-gradient(180deg,#0000,#00000073);content:"";inset:0;position:absolute}.sqe-preview-body{display:flex;flex-direction:column;gap:12px;padding:16px}.sqe-preview-title-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.sqe-preview-title-row h3{font-size:16px;margin:0}.sqe-preview-price{color:var(--accent-200);font-size:14px;font-weight:600}.sqe-preview-subtitle{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:13px;margin:0}.sqe-preview-pills{display:flex;flex-wrap:wrap;gap:8px}.sqe-pill{background:#0f172aa6;border:1px solid #94a3b866;border-radius:999px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:12px;padding:4px 12px}.sqe-pill.is-linked{border-color:#22c55e99;color:#86efac}.sqe-pill.is-unlinked{border-color:#f8717180;color:#fecaca}.sqe-preview-meta{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));display:flex;font-size:12px;justify-content:space-between}.sqe-status-pill{background:#0f172ad9;border:1px solid #ffffff59;border-radius:999px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:12px;font-weight:600;left:12px;padding:4px 12px;position:absolute;top:12px;z-index:1}.sqe-status-pill.published{border-color:#22c55ea6;color:#bbf7d0}.sqe-status-pill.draft{border-color:#f8fafc59;color:#e2e8f0}.sqe-status-pill.archived{border-color:#fb923ca6;color:#fed7aa}.sqe-flow-summary{background:#0f172aad;border:1px solid #94a3b859;border:1px solid var(--sqe-card-border,#94a3b859);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.sqe-flow-summary h4{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:15px;letter-spacing:.01em;margin:0}.sqe-flow-summary ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.sqe-flow-summary li{background:#0f172a80;border:1px solid #94a3b838;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.sqe-flow-title{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:13px;font-weight:600}.sqe-flow-copy{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:12px;line-height:1.5}.sqe-create-btn{background:#94a3b81f;border:1px solid #94a3b866;border-radius:999px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));cursor:pointer;padding:8px 12px;transition:border-color .2s ease,background .2s ease}.sqe-create-btn:hover{background:#94a3b833;border-color:var(--accent-400)}.sqe-status{color:var(--text-secondary);font-size:14px;margin:0}.sqe-status.error{color:var(--danger-400)}.sqe-autosave-status{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:12px;margin:4px 0 12px}.sqe-autosave-status.error{color:#f87171;color:var(--danger-300,#f87171)}.sqe-small{font-size:12px}.sqe-empty,.sqe-small{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));margin:0}.sqe-empty{font-size:14px}.sqe-empty-state{align-items:center;background:linear-gradient(140deg,#0f172ad9,#1e293bc7);border:1px dashed #94a3b866;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:28px;text-align:center}.sqe-hint{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:13px;margin:0}.sqe-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sqe-card{background:linear-gradient(155deg,#1e293be0,#0f172ac7);background:var(--sqe-card-bg,linear-gradient(155deg,#1e293be0,#0f172ac7));border:1px solid #94a3b861;border:1px solid var(--sqe-card-border,#94a3b861);border-radius:16px;box-shadow:0 18px 48px #0f172a59;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));display:flex;flex-direction:column;gap:12px;padding:16px;transition:transform .2s ease,border-color .2s ease}.sqe-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sqe-card-header h3{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:17px;margin:0}.sqe-card-header .sqe-small{font-size:13px;margin:4px 0 0}.sqe-card-header select,.sqe-field select{background:#0f172aeb;border:1px solid #94a3b859;border-radius:8px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:14px;padding:8px 12px}.sqe-payment-toggle{display:flex;flex-wrap:wrap;gap:12px}.sqe-payment-pill{background:#0f172aad;border:1px solid #94a3b859;border:1px solid var(--sqe-card-border,#94a3b859);border-radius:999px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));cursor:pointer;font-size:13px;letter-spacing:.01em;overflow:hidden;padding:12px 16px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sqe-payment-pill:after{background-size:220% 220%;border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.sqe-payment-pill.recognition:after{background-image:linear-gradient(120deg,#ffffff40,#0000,#ffffff2e)}.sqe-payment-pill.engagement:after{background-image:linear-gradient(140deg,#d1fae540,#0000,#e2e8f02e)}.sqe-payment-pill:hover:not(:disabled){border-color:#5eead473}.sqe-payment-pill:focus-visible{outline:2px solid #5eead480;outline-offset:3px}.sqe-payment-pill:disabled{cursor:not-allowed;opacity:.55}.sqe-payment-pill.active{border-color:#94a3b8c7;transform:translateY(-1px)}.sqe-payment-pill.active:after{animation:sqeShimmer 5s linear infinite;opacity:1}.sqe-payment-pill.recognition.active{border-color:#facc15a6;box-shadow:0 0 20px #facc1561,0 0 36px #facc152e}.sqe-payment-pill.engagement.active{border-color:#6ee7b7a6;box-shadow:0 0 20px #6ee7b759,0 0 34px #38bdf82e}.sqe-asset-media{display:flex;flex-direction:column;gap:12px;margin:12px 0}.sqe-asset-media h5{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:13px;font-weight:600;margin:0}.sqe-asset-toggle{display:flex;flex-wrap:wrap;gap:12px}.sqe-asset-pill{background:#0f172a99;border:1px solid #94a3b859;border:1px solid var(--sqe-card-border,#94a3b859);border-radius:12px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));cursor:pointer;display:flex;flex:1 1 160px;flex-direction:column;gap:4px;min-width:140px;padding:12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sqe-asset-pill:hover{border-color:#5eead473}.sqe-asset-pill:focus-visible{outline:2px solid #5eead480;outline-offset:3px}.sqe-asset-pill.active{background:linear-gradient(160deg,#1e293bd1,#0f172ac2);border-color:#94a3b8bf;box-shadow:0 0 18px #94a3b840;transform:translateY(-1px)}.sqe-asset-pill-label{font-size:13px;font-weight:600}.sqe-asset-pill-hint{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:11px}.sqe-media{border-radius:12px;overflow:hidden}.sqe-field{color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:8px}.sqe-field span{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-weight:600}.sqe-field input,.sqe-field textarea{background:#0f172aeb;border:1px solid #94a3b859;border-radius:12px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:14px;padding:8px 12px;resize:vertical;transition:border-color .2s ease;width:100%}.sqe-card-header select:focus,.sqe-field input:focus,.sqe-field select:focus,.sqe-field textarea:focus{border-color:var(--accent-400);outline:2px solid #5eead459;outline-offset:2px}.sqe-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sqe-inline-note{color:var(--accent-200);font-size:12px;margin:-8px 0 0}.sqe-attachment-group{border-top:1px solid #94a3b82e;display:flex;flex-direction:column;gap:12px;padding:12px 0}.sqe-section-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.sqe-attachment-group h4,.sqe-section-heading h4{font-size:14px;letter-spacing:.01em;margin:0}.sqe-attachment-group h4,.sqe-ghost-btn,.sqe-section-heading h4{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary))}.sqe-ghost-btn{background:#0f172a99;border:1px solid #94a3b859;border-radius:999px;cursor:pointer;font-size:12px;padding:8px 12px;transition:border-color .2s ease,background .2s ease}.sqe-ghost-btn:hover{background:#1e293bbf;border-color:var(--accent-400)}.sqe-create-card{background:linear-gradient(150deg,#0f172aeb,#1e293bd1);border:1px solid #94a3b873;border-radius:16px;box-shadow:0 28px 68px #0f172a73;display:flex;flex-direction:column;gap:16px;padding:24px}.sqe-create-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f1cc7;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:48px 16px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.sqe-create-shell{animation:sqeCreateOverlayIn .2s ease;margin:0 auto;position:relative;width:min(720px,100%);z-index:6100;z-index:var(--z-modal,6100)}@keyframes sqeCreateOverlayIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sqe-create-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.sqe-create-header h3{color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));font-size:18px;margin:0}.sqe-close{align-items:center;background:#0f172ab3;border:1px solid #94a3b866;border-radius:999px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.sqe-close:hover{border-color:var(--accent-400);color:var(--accent-200)}.sqe-close:disabled{border-color:#94a3b859;color:var(--text-muted);cursor:not-allowed;opacity:.5}.sqe-role-manager{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:12px;padding:12px}.sqe-multi{background:#0f172ad9;border:1px solid #94a3b859;border-radius:12px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));min-height:120px;padding:12px}.sqe-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.sqe-delete,.sqe-save,.sqe-secondary-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;padding:8px 16px;transition:transform .15s ease,background .2s ease}.sqe-save{background:var(--accent-500);color:#fff}.sqe-delete{background:#f871712e;color:var(--danger-400)}.sqe-secondary-btn{background:#94a3b82e;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary))}.sqe-permissions-btn{background:#0000;border:1px solid var(--accent-500);border-radius:12px;color:var(--accent-500);cursor:pointer;font-size:14px;margin-right:auto;padding:8px 16px;transition:transform .15s ease,background .2s ease}.sqe-permissions-btn:not(:disabled):hover{background:#3b82f61a;background:rgba(var(--accent-500-rgb,59,130,246),.1);transform:translateY(-1px)}.sqe-permissions-btn:disabled{cursor:not-allowed;opacity:.65}.sqe-compensation{background:#1e293b66;background:var(--sqe-card-bg,#1e293b66);border-radius:12px;margin-top:12px;padding:16px}.sqe-compensation h4{font-size:15px;margin:0 0 8px}.sqe-compensation .sqe-inline-fields{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px}.sqe-comp-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.sqe-comp-label input[type=radio]{accent-color:var(--accent-500)}.sqe-comp-value{margin-top:12px}.sqe-comp-value label{align-items:center;display:flex;font-size:14px;gap:8px}.sqe-comp-value input{width:80px}.sqe-delete:disabled,.sqe-save:disabled,.sqe-secondary-btn:disabled{cursor:not-allowed;opacity:.65}.sqe-delete:not(:disabled):hover,.sqe-save:not(:disabled):hover,.sqe-secondary-btn:not(:disabled):hover{transform:translateY(-1px)}.sqe-media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px}@media (max-width:480px){.sqe-media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.sqe-media-thumb{background:#0f172ab8;border:1px solid #94a3b859;border:1px solid var(--sqe-card-border,#94a3b859);border-radius:12px;box-shadow:0 4px 18px #0f172a73;max-height:190px;min-height:140px;overflow:hidden;position:relative}.sqe-media-thumb img{display:block;height:100%;object-fit:cover;width:100%}.sqe-media-remove{align-items:center;background:#0f172ac7;border:none;border-radius:999px;color:var(--text-primary);color:var(--sqe-text-primary,var(--text-primary));cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:8px;top:8px;width:26px}.sqe-media--preview{border:1px solid #94a3b84d;border:1px solid var(--sqe-card-border,#94a3b84d);border-radius:12px;margin-bottom:8px;overflow:hidden}.sqe-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sqe-upload-control{align-items:center;display:flex;gap:8px}.sqe-upload-input{display:none}.sqe-upload-btn{background:#1e293bcc;border:1px solid #94a3b866;border-radius:999px;color:var(--text-primary);cursor:pointer;min-width:120px;padding:8px 12px;transition:border-color .2s ease,background .2s ease}.sqe-upload-btn:disabled{cursor:not-allowed;opacity:.6}.sqe-upload-btn:not(:disabled):hover{background:#334155d9;border-color:var(--accent-400)}.sqe-upload-error{color:var(--danger-400);font-size:12px}.sqe-note{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:12px}.sqe-tag-field{position:relative}.sqe-tag-suggestions{background:#0f172aeb;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 12px 28px #0f172a66;display:flex;flex-direction:column;gap:4px;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:4700;z-index:var(--z-dropdown,4700)}.sqe-tag-suggestion{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px;transition:background .2s ease}.sqe-tag-suggestion:hover{background:#94a3b826}.sqe-tag-count{color:var(--text-muted);color:var(--sqe-text-muted,var(--text-muted));font-size:12px}.sqe-simple-form-builder{background:#0f172ab8;border:1px solid #94a3b847;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.sqe-simple-form-grid{grid-gap:12px 12px;display:grid;gap:12px 12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sqe-simple-form-row{display:flex;flex-direction:column;gap:8px}.sqe-simple-form-meta{align-items:center;display:flex;gap:12px}.sqe-checkbox{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:8px}.sqe-tag{background:#3b82f633;border-radius:999px;color:var(--accent-200);font-size:11px;padding:2px 8px}.sqe-simple-form-actions{justify-content:space-between}.sqe-simple-form-actions,.sqe-simple-form-buttons{align-items:center;display:flex;gap:12px}@media (max-width:768px){.sqe-field-grid,.sqe-grid,.sqe-simple-form-grid{grid-template-columns:1fr}.sqe-card,.sqe-create-card{padding:16px}}@keyframes sqeShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.circle-trade-connector-backdrop{align-items:center;animation:connectorFadeIn .2s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}@keyframes connectorFadeIn{0%{opacity:0}to{opacity:1}}.circle-trade-connector-modal{animation:connectorSlideUp .2s ease-out;background:#1e293b;background:var(--secondary-bg,#1e293b);border:1px solid #ffffff1a;border:1px solid var(--border-color,#ffffff1a);border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes connectorSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connector-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);display:flex;justify-content:space-between;padding:1rem 1.25rem}.connector-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.connector-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.connector-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary,#fff)}.connector-close:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.connector-body{padding:1.25rem}.connector-already-connected{align-items:flex-start;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.connector-checkmark{color:#22c55e;flex-shrink:0;font-size:1.25rem}.connector-already-connected p{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.9rem;margin:0}.connector-already-connected strong{color:#fff;color:var(--text-primary,#fff)}.connector-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.connector-spinner{animation:connectorSpin .8s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top:3px solid var(--accent-purple,#6366f1);height:32px;width:32px}@keyframes connectorSpin{to{transform:rotate(1turn)}}.connector-loading p{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);margin:0}.connector-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:1.5rem;text-align:center}.connector-error p{color:#fca5a5;margin:0 0 1rem}.connector-retry-btn{background:#0000;border:1px solid #ef444480;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.connector-retry-btn:hover{background:#ef444426;border-color:#ef4444b3}.connector-label,.connector-select-section{margin-bottom:.5rem}.connector-label{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);display:block;font-size:.9rem}.connector-select{background:#0f172a;background:var(--primary-bg,#0f172a);border:1px solid #ffffff26;border:1px solid var(--border-color,#ffffff26);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.connector-select:hover{border-color:#ffffff40}.connector-select:focus{border-color:#6366f1;border-color:var(--accent-purple,#6366f1);box-shadow:0 0 0 3px #6366f126;outline:none}.connector-select option{background:#0f172a;background:var(--primary-bg,#0f172a);color:#fff;color:var(--text-primary,#fff)}.connector-hint{color:#ffffff80;color:var(--text-tertiary,#ffffff80);font-size:.85rem;margin:.75rem 0 0}.connector-empty{background:#ffffff08;border-radius:8px;padding:1.5rem;text-align:center}.connector-empty p{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.9rem;margin:0}.connector-empty p+p{color:#ffffff80;color:var(--text-tertiary,#ffffff80);margin-top:.5rem}.connector-divider{align-items:center;display:flex;gap:1rem;margin:1.25rem 0}.connector-divider:after,.connector-divider:before{background:#ffffff1a;background:var(--border-color,#ffffff1a);content:"";flex:1 1;height:1px}.connector-divider span{color:#ffffff80;color:var(--text-tertiary,#ffffff80);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.connector-create-btn{background:#6366f11a;border:1px dashed #6366f166;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem;transition:all .2s;width:100%}.connector-create-btn:hover{background:#6366f133;border-color:#6366f199;color:#c7d2fe}.connector-create-btn:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.connector-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color,#ffffff1a);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.connector-cancel-btn{background:#0000;border:1px solid #fff3;border:1px solid var(--border-color,#fff3);border-radius:8px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:.9rem;padding:.75rem 1.25rem;transition:all .2s}.connector-cancel-btn:hover:not(:disabled){background:#ffffff0d;color:#fff;color:var(--text-primary,#fff)}.connector-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.connector-connect-btn{background:#6366f1;background:var(--accent-purple,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.connector-connect-btn:hover:not(:disabled){background:#4f46e5}.connector-connect-btn:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-purple,#6366f1);outline-offset:2px}.connector-connect-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.circle-trade-connector-modal{border-radius:0;max-height:100vh}.connector-header{padding:1rem}.connector-header h2{font-size:1rem}.connector-body{padding:1rem}.connector-footer{flex-direction:column;padding:1rem}.connector-cancel-btn,.connector-connect-btn{justify-content:center;width:100%}}.create-content-page{margin:0 auto;max-width:960px;padding:32px 16px 64px}.create-content-page .page-intro{margin-bottom:24px}.create-content-page .page-intro h1{font-size:2rem;line-height:1.2;margin:0 0 8px}.create-content-page .page-intro p{color:#94a3b8;color:var(--text-muted,#94a3b8);margin:0}.circle-create-page .circle-form-header .back-btn,.shop-create-page .shop-form-header .back-btn{display:none}.article-create-page,.circle-create-page .circle-manager,.shop-create-page .shop-manager{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b84d;border:1px solid var(--glass-border,#94a3b84d);border-radius:16px;padding:24px}.circle-create-page .circle-form-header,.shop-create-page .shop-form-header{margin-bottom:16px}.create-content-page .form-actions{display:flex;gap:12px;justify-content:flex-end}.article-idea-page{margin:0 auto;max-width:720px;padding:32px 16px 64px}@media (max-width:768px){.create-content-page{padding:16px 12px 80px}.create-content-page .page-intro h1{font-size:1.5rem}.create-content-page .page-intro p{font-size:.9rem}.article-create-page,.circle-create-page .circle-manager,.shop-create-page .shop-manager{border-radius:12px;padding:16px}.article-idea-page{padding:16px 12px 80px}.create-content-page .form-actions{flex-direction:column;gap:8px}.create-content-page .form-actions .btn,.create-content-page .form-actions button{min-height:44px;width:100%}}@media (max-width:480px){.create-content-page{padding:12px 8px 80px}.article-create-page,.circle-create-page .circle-manager,.shop-create-page .shop-manager{padding:12px}.article-idea-page{padding:12px 8px 80px}}.shop-detail-page{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:32px 24px 72px;position:relative}.shop-hero{background:#0f172abf;border:1px solid #94a3b838;border-radius:24px;box-shadow:0 30px 60px #0f172a66;margin-bottom:36px;min-height:280px;overflow:hidden;padding:28px;position:relative}.shop-hero__background{inset:0;pointer-events:none;position:absolute}.shop-hero__gradient{inset:0;opacity:.88;position:absolute}.shop-hero__image{background-position:50%;background-size:cover;filter:saturate(1.1);inset:0;opacity:.45;position:absolute;transform:scale(1.05)}.shop-hero--has-media .shop-hero__image{opacity:.5}.shop-hero__inner{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.shop-hero__nav{display:flex;flex-wrap:wrap;gap:12px}.shop-pill-btn{background:#0f172a73;border:1px solid #94a3b859;border-radius:999px;color:var(--text-primary);cursor:pointer;font-weight:600;padding:8px 16px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.shop-pill-btn:focus-visible,.shop-pill-btn:hover{background:#1e40af40;border-color:#60a5faa6;outline:none;transform:translateY(-1px)}.shop-pill-btn--ghost{background:#0000;border-color:#94a3b840;color:var(--text-secondary)}.shop-pill-btn--ghost:focus-visible,.shop-pill-btn--ghost:hover{background:#94a3b826;border-color:#94a3b873;color:var(--text-primary)}.shop-hero__header h1{color:#f8fafc;color:var(--text-inverse,#f8fafc);font-size:clamp(2rem,2.6vw,2.85rem);margin:8px 0 12px}.shop-hero__header p{color:#e2e8f0d9;font-size:1.05rem;line-height:1.6;max-width:640px}.shop-hero__eyebrow{color:#e2e8f0b3;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.shop-hero__meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.shop-hero__stat{grid-gap:4px;background:#0f172a59;border:1px solid #94a3b840;border-radius:12px;display:grid;gap:4px;padding:12px 16px}.shop-hero__stat-label{color:#e2e8f0a6;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.shop-hero__stat-value{color:#f8fafc;color:var(--text-inverse,#f8fafc);font-size:1.35rem;font-weight:700}.shop-hero__location-hours{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;border:1px solid #94a3b840;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:180px;padding:16px 20px}.shop-hero__hours,.shop-hero__location{color:#f8fafc;color:var(--text-inverse,#f8fafc);display:flex;flex-direction:column;gap:2px}.shop-hero__hours-label,.shop-hero__location-label{color:#e2e8f099;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.shop-hero__location-text{color:#f8fafc;color:var(--text-inverse,#f8fafc);font-size:.95rem;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-hero__hours-text{color:#e2e8f0d9;font-size:.875rem;font-weight:500}@media (max-width:640px){.shop-hero__location-hours{min-width:140px;padding:12px 16px}.shop-hero__location-text{font-size:.875rem;max-width:160px}}.shop-hero__tags{display:flex;flex-wrap:wrap;gap:12px}.shop-tag{background:#0f172a66;border:1px solid #94a3b859;border-radius:999px;color:#e2e8f0d9;font-size:.85rem;font-weight:600;justify-content:center;letter-spacing:.02em;padding:8px 16px}.shop-rating,.shop-tag{align-items:center;display:inline-flex}.shop-rating{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a59;border:1px solid #facc1559;border-radius:16px;gap:12px;padding:12px 16px}.shop-rating--clickable{cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.shop-rating--clickable:hover{background:#0f172a80;border-color:#facc158c;transform:translateY(-1px)}.shop-rating--clickable:active{transform:translateY(0)}.shop-rating__value{color:#fde68a;color:var(--reward-ep-glow,#fde68a);font-size:2.1rem;font-weight:700;line-height:1}.shop-rating__stars{display:inline-flex;font-size:1rem;gap:4px}.shop-rating__star{color:#94a3b880;font-size:1.1rem;line-height:1;transition:transform .18s ease}.shop-rating__star--filled{color:#facc15;color:var(--reward-ep-glow,#facc15)}.shop-rating__star--half{background:linear-gradient(90deg,#facc15 50%,#94a3b880 0);background:linear-gradient(90deg,var(--reward-ep-glow,#facc15) 50%,#94a3b880 50%);-webkit-background-clip:text;background-clip:text;color:#0000}.shop-rating__cta{background:#0000;border:none;border-bottom:1px solid #0000;color:#c4d2fde6;cursor:pointer;font-weight:600;padding:4px 8px;transition:color .18s ease,border-color .18s ease}.shop-rating__cta:focus-visible,.shop-rating__cta:hover{border-color:#bfdbfe99;color:#bfdbfe;color:var(--focus-ring,#bfdbfe);outline:none}.shop-detail-shell{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.shop-detail-main{display:flex;flex-direction:column;gap:28px}.shop-detail-sidebar{display:flex;flex-direction:column;gap:24px}.shop-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 45px #0f172a59;display:flex;flex-direction:column;gap:20px;padding:24px}.shop-section__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.shop-section__title{color:var(--text-primary);font-size:1.6rem;font-weight:700;margin:0}.shop-section__subtitle{color:var(--text-secondary);margin:8px 0 0;max-width:540px}.shop-section__actions{display:flex;flex-wrap:wrap;gap:12px}.shop-outline-btn,.shop-primary-btn{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.shop-primary-btn{background:linear-gradient(135deg,#2563ebf2,#3b82f6eb);border:1px solid #3b82f68c;box-shadow:0 16px 32px #1e40af4d;color:#f8fafc;color:var(--text-inverse,#f8fafc)}.shop-primary-btn:focus-visible,.shop-primary-btn:hover{box-shadow:0 20px 38px #1e40af59;outline:none;transform:translateY(-1px)}.shop-primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.shop-outline-btn{background:#0000;border:1px solid #94a3b859;color:var(--text-secondary)}.shop-outline-btn:focus-visible,.shop-outline-btn:hover{background:#1e40af2e;border-color:#60a5fa8c;color:var(--text-primary);outline:none;transform:translateY(-1px)}.shop-outline-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.shop-listings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.shop-listing-card{background:#0f172a99;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 40px #0f172a66;display:flex;flex-direction:column;min-height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.shop-listing-card:hover{box-shadow:0 24px 50px #0f172a73;transform:translateY(-2px)}.shop-listing-card__media{background:#1e293bcc;position:relative}.shop-listing-card__media.has-media{aspect-ratio:4/3}.shop-listing-card__media.no-media{align-items:center;aspect-ratio:4/3;color:var(--text-secondary);display:flex;justify-content:center}.shop-listing-card__placeholder{align-items:center;color:#94a3b8b3;display:flex;font-size:.95rem;height:100%;justify-content:center}.shop-listing-card__body{display:flex;flex-direction:column;gap:16px;padding:24px}.shop-listing-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.shop-listing-card__title{color:var(--text-primary);font-size:1.15rem;margin:0}.shop-listing-card__status{border:1px solid #94a3b859;border-radius:12px;color:#e2e8f0d9;font-size:.75rem;letter-spacing:.08em;padding:8px 12px;text-transform:uppercase}.shop-listing-card__description{color:var(--text-secondary);font-size:.95rem;line-height:1.55}.shop-listing-card__pricing{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.price-chip{align-items:center;background:#0f172a59;border:1px solid #94a3b840;border-radius:999px;color:#e2e8f0d9;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 12px}.price-chip--recognition{background:#ca8a041f;border-color:#facc15b3;box-shadow:0 0 18px #ca8a042e;color:#fde68a;color:var(--reward-recognition,#fde68a)}.price-chip--engagement{background:#16a34a26;border-color:#22c55eb3;box-shadow:0 0 18px #22c55e2e;color:#bbf7d0;color:var(--success,#bbf7d0)}.price-chip--sale{background:#ef444424;border-color:#f8717199;color:#fecaca;color:var(--error-light,#fecaca)}.price-chip--neutral{background:#94a3b81f;border-color:#94a3b84d;color:#e2e8f0bf}.price-chip--accent{background:#0ea5e91f;border-color:#38bdf899;color:#bae6fd;color:var(--accent-teal-light,#bae6fd)}.shop-listing-card__actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.shop-listing-card--skeleton{border-style:dashed;opacity:.7;pointer-events:none}.shop-skeleton-line{animation:shop-skeleton-pulse 1.4s ease infinite;background:linear-gradient(90deg,#94a3b833,#94a3b859,#94a3b833);background-size:200% 100%;border-radius:8px;height:12px}.shop-skeleton-line--wide{width:85%}.shop-skeleton-line--short{width:55%}@keyframes shop-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.shop-inline-alert,.shop-inline-status{border-radius:12px;font-size:.95rem;margin-bottom:16px;padding:12px 16px}.shop-inline-alert{background:#f871711a;border:1px solid #f8717140;color:#fecaca;color:var(--error-light,#fecaca)}.shop-inline-status{background:#2563eb1f;border:1px solid #3b82f640;color:#bfdbfe;color:var(--focus-ring,#bfdbfe)}.shop-listings-empty{grid-gap:12px;background:#0f172a66;border:1px dashed #94a3b859;border-radius:16px;color:var(--text-secondary);display:grid;gap:12px;justify-items:center;margin-top:12px;padding:20px;text-align:center}.shop-reviews-preview__list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.shop-review-card{background:#0f172a8c;border:1px solid #94a3b840;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.shop-review-card__rating{align-items:center;display:flex;gap:12px}.shop-review-card__score{color:#fde68a;color:var(--reward-ep-glow,#fde68a);font-weight:700}.shop-review-card__title{color:var(--text-primary);font-size:1.05rem;margin:0}.shop-review-card__excerpt{color:#e2e8f0d9;font-style:italic;margin:0}.shop-review-card__meta{color:#94a3b8cc;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.shop-review-card__badge{background:#22c55e33;border-radius:999px;color:#bbf7d0;color:var(--success,#bbf7d0);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.shop-services-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.shop-service-card{background:#0f172a80;border:1px solid #94a3b840;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.shop-service-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-location{grid-gap:20px;display:grid;gap:20px}.shop-location__grid{grid-gap:12px;display:grid;gap:12px}.shop-location__row{color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px;justify-content:space-between}.shop-location__row dt{color:var(--text-primary);font-weight:600}.shop-location__hours ul{grid-gap:8px;color:#e2e8f0bf;display:grid;gap:8px;list-style:none;margin:12px 0 0;padding:0}.shop-location__hours li{display:flex;gap:12px;justify-content:space-between}.shop-card{background:#0f172a99;border:1px solid #94a3b840;border-radius:16px;box-shadow:0 18px 40px #0f172a61;display:flex;flex-direction:column;gap:16px;padding:24px}.shop-card__list{grid-gap:12px;display:grid;gap:12px}.shop-card__row{color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px;justify-content:space-between}.shop-card__row dt{color:var(--text-primary);font-weight:600}.shop-card__actions{display:flex;flex-direction:column;gap:12px}.shop-card__tags{display:flex;flex-wrap:wrap;gap:12px}.shop-reviews-modal{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f1cd1;display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.shop-reviews-modal__dialog{background:#0f172af2;border:1px solid #94a3b859;border-radius:24px;box-shadow:0 40px 90px #0f172a99;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(720px,92vw)}.shop-reviews-modal__header{border-bottom:1px solid #94a3b840;display:flex;gap:16px;justify-content:space-between;padding:24px 28px}.shop-reviews-modal__header h3{color:var(--text-primary);font-size:1.4rem;margin:0}.shop-reviews-modal__header p{color:var(--text-secondary);margin:4px 0 0}.shop-reviews-modal__body{grid-gap:16px;display:grid;gap:16px;overflow-y:auto;padding:24px 28px}.shop-reviews-modal__list{grid-gap:16px;display:grid;gap:16px;list-style:none;margin:0;padding:0}.shop-reviews-modal__item{grid-gap:12px;background:#0f172a99;border:1px solid #94a3b840;border-radius:16px;display:grid;gap:12px;padding:16px}.shop-reviews-modal__title{color:var(--text-primary);font-size:1.05rem;margin:0}.shop-reviews-modal__meta{color:#94a3b8bf;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.shop-reviews-modal__empty{padding:24px 16px;text-align:center}.shop-reviews-modal__empty-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.shop-reviews-modal__empty-text{color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.shop-reviews-modal__how-to{background:#6366f114;border:1px solid #6366f133;border-radius:12px;padding:20px;text-align:left}.shop-reviews-modal__how-to h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 12px}.shop-reviews-modal__how-to ol{grid-gap:8px;display:grid;gap:8px;margin:0;padding-left:20px}.shop-reviews-modal__how-to li{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:1024px){.shop-detail-shell{grid-template-columns:1fr}}@media (max-width:768px){.shop-detail-page{padding:24px 16px 60px}.shop-hero{padding:20px}.shop-hero__nav{justify-content:space-between}.shop-listing-card__actions{grid-template-columns:1fr}.shop-section{padding:20px}.shop-reviews-modal{padding:16px}}.shop-quick-editor-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1cb8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.shop-quick-editor-shell{background:linear-gradient(160deg,#0f172af2,#0f172acc);border:1px solid #94a3b859;border-radius:16px;box-shadow:0 28px 80px #0f172a8c;display:flex;flex-direction:column;gap:16px;max-height:90vh;padding:24px;position:relative;width:min(960px,95vw);z-index:6100;z-index:var(--z-modal,6100)}.shop-quick-editor-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.shop-quick-editor-header h2{color:var(--text-primary);font-size:20px;margin:0}.shop-quick-editor-subtitle{color:var(--text-muted);font-size:14px;margin:4px 0 0}.shop-quick-editor-close{background:#0000;border:1px solid #94a3b866;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:border-color .18s ease,color .18s ease}.shop-quick-editor-close:focus-visible,.shop-quick-editor-close:hover{border-color:var(--accent-400);color:var(--accent-200);outline:none}.shop-merchant-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1cb8;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.shop-merchant-shell{background:linear-gradient(160deg,#0f172af7,#0f172ad9);border:1px solid #94a3b859;border-radius:16px;box-shadow:0 28px 80px #0f172a8c;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;position:relative;width:min(1200px,96vw);z-index:6100;z-index:var(--z-modal,6100)}.shop-merchant-header{align-items:center;border-bottom:1px solid #94a3b82e;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.shop-merchant-header h2{color:var(--text-primary);font-size:20px;margin:0}.shop-merchant-embedded{flex:1 1;overflow-y:auto;padding:20px 24px}.owner-tools{display:inline-block;position:relative}.owner-tools-menu{animation:ownerMenuFadeIn .15s ease;background:#0f172af2;border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 12px 40px #00000080;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-raised,100)}@keyframes ownerMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.owner-tools-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background .15s ease;width:100%}.owner-tools-item:focus-visible,.owner-tools-item:hover{background:#60a5fa26;outline:none}.shop-directions-btn{margin-top:12px}.shop-directions-modal{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.shop-directions-modal__dialog{animation:slideIn .25s ease;background:#0f172afa;border:1px solid #94a3b840;border-radius:24px;box-shadow:0 24px 60px #00000080;max-width:560px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-directions-modal__header{align-items:flex-start;border-bottom:1px solid #94a3b826;display:flex;gap:16px;justify-content:space-between;padding:24px 24px 16px}.shop-directions-modal__header h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 4px}.shop-directions-modal__address{color:var(--text-secondary);font-size:.9rem;margin:0}.shop-directions-modal__content{padding:24px}.shop-directions-modal__map{background:#1e293b80;border-radius:12px;margin-bottom:20px;overflow:hidden}.shop-directions-modal__no-map{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;min-height:200px}.shop-directions-modal__hours h4{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.shop-directions-modal__hours ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.shop-directions-modal__hours li{background:#1e293b66;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.shop-directions-modal__hours li span:first-child{color:var(--text-secondary);font-weight:500}.shop-directions-modal__hours li span:last-child{color:var(--text-primary)}.shop-directions-modal__footer{display:flex;justify-content:flex-end;padding:16px 24px 24px}@media (max-width:480px){.shop-detail-page{padding:16px 12px 48px}.shop-hero{border-radius:16px;min-height:220px;padding:16px}.shop-hero__location-hours{min-width:120px;padding:8px 12px}.shop-hero__location-text{font-size:.8rem;max-width:140px}.shop-tag{font-size:.75rem;padding:4px 8px}.shop-rating{gap:8px;padding:8px 12px}}.entertainment-gift-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.entertainment-gift-modal{background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.gift-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.gift-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.gift-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s;width:32px}.gift-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.gift-modal-body{padding:24px}.gift-intro{color:#fffc;font-size:.95rem;margin:0 0 20px}.gift-intro strong{color:#a78bfa}.gift-context{color:#60a5fa;font-style:italic}.gift-field{margin-bottom:20px}.gift-label{color:#ffffffb3;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.gift-amount-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;display:flex;padding:0 16px;transition:all .2s}.gift-amount-wrapper:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.currency-symbol{color:#ffffff80;font-size:1.25rem;font-weight:500}.gift-amount-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;padding:12px;width:100%}.gift-amount-input:focus{outline:none}.quick-amounts{display:flex;gap:8px;margin-bottom:20px}.quick-amount-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px;transition:all .2s}.quick-amount-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.quick-amount-btn.selected{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}.gift-message-input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:.95rem;min-height:80px;padding:12px;resize:vertical;transition:all .2s;width:100%}.gift-message-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33;outline:none}.gift-message-input::placeholder{color:#fff6}.char-count{color:#fff6;display:block;font-size:.75rem;margin-top:4px;text-align:right}.media-attachment-options{display:flex;flex-direction:column;gap:12px}.add-media-btn{background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;color:#ffffffb3;cursor:pointer;font-size:.95rem;padding:12px 20px;transition:all .2s}.add-media-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.media-buttons{display:flex;flex-wrap:wrap;gap:12px}.media-option-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;color:#a78bfa;cursor:pointer;flex:1 1;font-size:.9rem;min-width:120px;padding:12px 16px;transition:all .2s}.media-option-btn:hover{background:#8b5cf633;border-color:#a78bfa}.media-option-btn.photo{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.media-option-btn.photo:hover{background:#60a5fa33;border-color:#60a5fa}.media-cancel-btn{background:#0000;border:1px solid #fff3;border-radius:12px;color:#fff9;cursor:pointer;padding:12px 16px;transition:all .2s}.media-cancel-btn:hover{background:#ffffff0d;color:#fff}.media-approval-hint{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;color:#ffffffb3;font-size:.8rem;line-height:1.5;margin:0;padding:12px}.media-approval-hint .hint-icon{margin-right:8px}.media-approval-hint em{color:#a78bfa}.media-preview-container{background:#0000004d;border-radius:12px;overflow:hidden;position:relative}.media-preview-image,.media-preview-video{display:block;max-height:200px;object-fit:contain;width:100%}.remove-media-btn{background:#ef4444e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px;position:absolute;right:8px;top:8px;transition:all .2s}.remove-media-btn:hover{background:#ef4444}.approval-notice,.no-approval-notice{align-items:flex-start;display:flex;font-size:.8rem;gap:8px;line-height:1.4;padding:12px}.approval-notice{background:#fbbf241a;color:#fbbf24}.no-approval-notice{background:#22c55e1a;color:#22c55e}.approval-icon{flex-shrink:0}.hidden-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gift-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:.875rem;padding:12px 16px}.gift-modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.gift-cancel-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s}.gift-cancel-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.gift-submit-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .2s}.gift-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.gift-cancel-btn:disabled,.gift-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.entertainment-gift-modal-backdrop{align-items:flex-end;padding:12px}.entertainment-gift-modal{border-radius:16px 16px 0 0;max-height:85vh}.quick-amounts{flex-wrap:wrap}.quick-amount-btn{min-width:calc(33.333% - 6px)}.media-buttons{flex-direction:column}.media-option-btn{min-width:100%}}.entertainment-create-page{background:linear-gradient(180deg,#0f0f1a,#1a1a2e);background:linear-gradient(180deg,var(--bg-deep,#0f0f1a) 0,var(--surface-1,#1a1a2e) 100%);min-height:100vh;padding:24px}.page-container{margin:0 auto;max-width:800px}.error-banner{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#f87171;color:var(--error-light,#f87171);display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.error-banner .error-icon{font-size:1.25rem}.error-banner button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#f87171;color:var(--error-light,#f87171);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;margin-left:auto;transition:all .2s;width:28px}.error-banner button:hover{background:#fff3}.auth-required-message{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:100px auto;max-width:400px;padding:40px;text-align:center}.auth-required-message h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;margin:0 0 12px}.auth-required-message p{color:#ffffffb3;margin:0 0 24px}.auth-required-message button{background:linear-gradient(135deg,#8b5cf6,#a78bfa);background:linear-gradient(135deg,var(--accent-purple,#8b5cf6),var(--accent-purple-light,#a78bfa));border:none;border-radius:12px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s}.auth-required-message button:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);background:linear-gradient(135deg,var(--accent-purple-deep,#7c3aed),var(--accent-purple,#8b5cf6));box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.circle-context-banner{background:#2a9d8fe6;border-radius:8px;color:#fff;color:var(--text-inverse,#fff);font-size:.85rem;margin-bottom:.5rem;margin-left:auto;padding:8px 16px;position:-webkit-sticky;position:sticky;right:0;top:0;width:-webkit-fit-content;width:fit-content;z-index:100;z-index:var(--z-sticky,100)}@media (max-width:640px){.entertainment-create-page{padding:16px}.auth-required-message{margin:60px auto;padding:32px 20px}}.listing-comments{margin-top:1rem}.listing-comments--loading{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;justify-content:center;padding:2rem}.listing-comments__form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.listing-comments__form textarea{min-height:80px;resize:vertical}.listing-comments__form .btn{align-self:flex-end}.listing-comments__login-prompt{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-style:italic;padding:1rem;text-align:center}.listing-comments__error{color:#ef4444;color:var(--color-error,#ef4444);padding:.5rem}.listing-comments__empty{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-style:italic;padding:2rem;text-align:center}.listing-comments__list{display:flex;flex-direction:column;gap:1rem}.listing-comment{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem}.listing-comment--reply{background:#ffffff08;margin-left:2rem;margin-top:.75rem}.listing-comment__header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.listing-comment__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.listing-comment__author{color:#fff;color:var(--color-text,#fff);font-weight:600}.listing-comment__verified{align-items:center;background:#10b9811a;border-radius:9999px;color:#10b981;color:var(--color-success,#10b981);display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.listing-comment__time{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.8rem}.listing-comment__content{color:#d1d5db;color:var(--color-text-secondary,#d1d5db);line-height:1.5;white-space:pre-wrap;word-break:break-word}.listing-comment__actions{display:flex;gap:.75rem;margin-top:.5rem}.listing-comment__actions .btn-link{background:#0000;border:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:.85rem;padding:0}.listing-comment__actions .btn-link:hover{color:#6366f1;color:var(--color-primary,#6366f1)}.listing-comment__reply-form{background:#ffffff08;border-radius:8px;margin-top:.75rem;padding:.75rem}.listing-comment__reply-form textarea{margin-bottom:.5rem;width:100%}.listing-comment__reply-actions{display:flex;gap:.5rem;justify-content:flex-end}.listing-comment__replies{margin-top:.75rem}@media (max-width:640px){.listing-comment--reply{margin-left:1rem}.listing-comment__header{align-items:flex-start;flex-direction:column;gap:.5rem}}.listing-detail-page{min-height:100vh;padding:24px}.listing-detail-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:720px}.listing-detail-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;background:var(--surface-glass,#1e293b99);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;display:flex;gap:16px;padding:16px 20px}.listing-detail-header .back-button{background:#94a3b81f;border:1px solid #94a3b833;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 12px;transition:all .15s ease}.listing-detail-header .back-button:hover{background:#94a3b833;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.listing-header-content{flex:1 1;min-width:0}.listing-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.listing-title-row h1{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.5rem;font-weight:600;margin:0}.status-badge{border-radius:8px;font-size:12px;padding:4px 8px;text-transform:capitalize}.status-badge.status-draft{background:#94a3b833;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.status-badge.status-published{background:#22c55e26;color:#4ade80;color:var(--success,#4ade80)}.status-badge.status-archived{background:#fbbf2426;color:#fbbf24;color:var(--warning,#fbbf24)}.listing-shop-link{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;margin:4px 0 0}.listing-shop-link a{color:#60a5fa;color:var(--accent-400,#60a5fa);text-decoration:none}.listing-shop-link a:hover{text-decoration:underline}.listing-detail-header .edit-btn{flex-shrink:0}.listing-detail-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;background:var(--surface-glass,#1e293b99);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;padding:24px}.listing-description{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:15px;line-height:1.6;margin-bottom:20px}.listing-pricing-row{align-items:flex-start;background:#0f172a66;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.price-info,.stock-info{display:flex;flex-direction:column;gap:4px}.price-label,.stock-label{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.current-price,.stock-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:18px;font-weight:600}.price-values{align-items:center;display:flex;gap:12px}.original-price{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;text-decoration:line-through}.sale-price{color:#fbbf24;color:var(--reward-ep-glow,#fbbf24);font-size:18px;font-weight:600}.listing-payment-mode{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px}.listing-payment-mode strong{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.ep-warning{color:#fbbf24;color:var(--warning,#fbbf24)}.listing-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;background:var(--surface-glass,#1e293b99);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.listing-actions .btn{border-radius:8px;font-size:14px;font-weight:500;padding:12px 20px}.listing-rating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;background:var(--surface-glass,#1e293b99);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;padding:20px}.listing-rating h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:15px;font-weight:600;margin:0 0 12px}.star-display{align-items:center;display:flex;gap:8px}.star-display .stars{color:#fbbf24;color:var(--reward-ep-glow,#fbbf24);font-size:1.5rem;letter-spacing:2px}.star-display .rating-value{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.25rem;font-weight:600}.star-display .rating-count{font-size:.875rem}.no-ratings,.star-display .rating-count{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.no-ratings{font-size:.9rem;font-style:italic;margin:0}.listing-comments{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;background:var(--surface-glass,#1e293b99);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;padding:20px}.listing-comments h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:15px;font-weight:600;margin:0 0 12px}.comments-placeholder{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;margin:0}.report-dialog-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.report-dialog{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bf2;background:var(--surface-glass,#1e293bf2);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:12px;max-width:480px;padding:24px;width:100%}.report-dialog h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.25rem;font-weight:600;margin:0 0 16px}.report-form{gap:16px}.report-form,.report-form label{display:flex;flex-direction:column}.report-form label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;gap:8px}.report-form select,.report-form textarea{background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9rem;padding:12px}.report-form select:focus,.report-form textarea:focus{border-color:#60a5fa;border-color:var(--accent-400,#60a5fa);outline:none}.report-form textarea{min-height:80px;resize:vertical}.report-dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.report-dialog-actions .btn-secondary{background:#94a3b81f;border:1px solid #94a3b833;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.report-dialog-actions .btn-danger{background:#ef4444cc;border:1px solid #ef4444e6;color:#fff}.report-dialog-actions .btn-danger:hover:not(:disabled){background:#ef4444}.report-dialog-actions .btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-outline{background:#0000;border:1px solid #94a3b84d;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.btn-outline:hover{background:#94a3b81a;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}@media (max-width:640px){.listing-detail-page{padding:16px}.listing-detail-header{flex-wrap:wrap}.listing-title-row h1{font-size:1.25rem}.listing-pricing-row{flex-direction:column;gap:16px}.stock-info{align-items:flex-start}}.purchase-form-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.purchase-form-modal{background:#1e293bf2;background:var(--surface-glass,#1e293bf2);border:1px solid #94a3b826;border:1px solid var(--glass-border,#94a3b826);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.purchase-form-header{align-items:center;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--glass-border,#94a3b826);display:flex;justify-content:space-between;padding:20px 24px}.purchase-form-header h2{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:1.25rem;font-weight:600;margin:0}.purchase-form-header .close-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px;transition:all .15s ease}.purchase-form-header .close-btn:hover{background:#94a3b826;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.purchase-form-content{padding:24px}.purchase-form-listing-title{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;margin-bottom:20px}.purchase-form-listing-title strong{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.purchase-form-fields{display:flex;flex-direction:column;gap:16px}.purchase-form-field{display:flex;flex-direction:column;gap:8px}.purchase-form-field label{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.875rem;font-weight:500}.purchase-form-field label .required{color:#f59e0b;color:var(--warning,#f59e0b);margin-left:2px}.purchase-form-field input,.purchase-form-field select,.purchase-form-field textarea{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:.9375rem;padding:12px 16px;transition:border-color .15s ease}.purchase-form-field input:focus,.purchase-form-field select:focus,.purchase-form-field textarea:focus{border-color:#8b5cf6;border-color:var(--accent-primary,#8b5cf6);outline:none}.purchase-form-field textarea{min-height:80px;resize:vertical}.purchase-form-field select{cursor:pointer}.autofill-notice{background:#22d3ee1a;border-left:3px solid #22d3ee;border-left:3px solid var(--accent-secondary,#22d3ee);border-radius:8px;color:#22d3ee;color:var(--accent-secondary,#22d3ee);font-size:.75rem;font-style:italic;margin-top:16px;padding:8px 12px}.purchase-form-actions{border-top:1px solid #94a3b826;border-top:1px solid var(--glass-border,#94a3b826);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.purchase-form-actions .btn{font-size:.9375rem;padding:12px 20px}.purchase-form-actions .btn-secondary{background:#94a3b81f;border:1px solid #94a3b833;color:#94a3b8;color:var(--text-secondary,#94a3b8)}.purchase-form-actions .btn-secondary:hover{background:#94a3b833;color:#f1f5f9;color:var(--text-primary,#f1f5f9)}@media (max-width:480px){.purchase-form-modal{border-radius:12px;max-height:90vh}.purchase-form-actions,.purchase-form-content,.purchase-form-header{padding:16px}.purchase-form-actions{flex-direction:column}.purchase-form-actions .btn{width:100%}}.listing-form-page{background:#0000;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.listing-form-content{--listing-surface-bg:#0206178c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--listing-surface-bg);border:1px solid #94a3b833;border-radius:12px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:900px;padding:2rem 2rem clamp(4rem,8vh,6rem)}.listing-form-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.listing-form-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;font-weight:700;margin:0}.listing-form-header-actions{align-items:center;display:flex;gap:.5rem}.listing-section{background:#02061799;border:1px solid #94a3b833;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.listing-section h2{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem}.listing-section-collapsible{overflow:hidden}.listing-section-toggle{align-items:center;background:#1e293b80;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:1rem 1.25rem;transition:background .2s ease;width:100%}.listing-section-toggle:hover{background:#33415580}.listing-section-toggle .toggle-icon{transition:transform .2s ease}.listing-section-toggle.is-open .toggle-icon{transform:rotate(180deg)}.listing-section-body{background:#0f172a66;border-radius:0 0 12px 12px;padding:1.25rem}.listing-form-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.listing-form-group{display:flex;flex-direction:column;gap:.5rem}.listing-form-group.full-width{grid-column:1/-1}.listing-form-group label,.listing-form-group>span:first-child{color:#e2e8f0f2;font-size:.9rem;font-weight:500}.listing-form-group input[type=number],.listing-form-group input[type=text],.listing-form-group select,.listing-form-group textarea{background:#0f172ab3;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.listing-form-group input:focus,.listing-form-group select:focus,.listing-form-group textarea:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f126;outline:none}.listing-form-group input::placeholder,.listing-form-group textarea::placeholder{color:#94a3b899}.listing-form-group textarea{min-height:100px;resize:vertical}.listing-form-note{color:#94a3b8d9;font-size:.8rem;margin-top:.25rem}.listing-form-checkbox{align-items:center;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem}.listing-form-checkbox input{accent-color:#6366f1;accent-color:var(--accent-primary,#6366f1);height:18px;width:18px}.listing-payment-toggle{display:flex;flex-wrap:wrap;gap:.5rem}.listing-payment-option{background:#1e293b80;border:1px solid #94a3b84d;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.listing-payment-option:hover{background:#33415580;border-color:#94a3b880}.listing-payment-option.active{background:#6366f133;border-color:#6366f199;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc)}.listing-type-pills{display:flex;flex-wrap:wrap;gap:.5rem}.listing-type-pill{background:#1e293b80;border:1px solid #94a3b84d;border-radius:999px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.listing-type-pill:hover{border-color:#94a3b880}.listing-type-pill.active{background:#22d3ee26;border-color:#22d3ee99;color:#22d3ee;color:var(--accent-teal,#22d3ee)}.listing-info-callout{background:#22c55e1a;border:1px solid #22c55e59;border-radius:12px;color:#bbf7d0;color:var(--success-light,#bbf7d0);font-size:.9rem;line-height:1.5;padding:.75rem 1rem}.listing-info-callout.blue{background:#6366f11f;border-color:#6366f159;color:#c7d2fe;color:var(--accent-purple-light,#c7d2fe)}.listing-info-callout.amber{background:#fbbf241a;border-color:#fbbf2459;color:#fde68a;color:var(--reward-ep-glow,#fde68a)}.listing-form-select-multi{background:#0f172ab3;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);min-height:80px;padding:.5rem;width:100%}.listing-form-select-multi option{padding:.5rem}.listing-quick-form-builder{background:#0f172a80;border:1px solid #94a3b833;border-radius:12px;margin-top:.75rem;padding:1rem}.listing-quick-form-builder h5{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;margin:0 0 .75rem}.listing-quick-form-field{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.listing-quick-form-field input{flex:1 1}.listing-quick-form-field input,.listing-quick-form-field select{background:#0f172ab3;border:1px solid #94a3b840;border-radius:8px;color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.9rem;padding:.5rem .75rem}.listing-quick-form-actions{display:flex;gap:.5rem;margin-top:.75rem}.listing-tags-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.listing-tag{align-items:center;background:#6366f133;border:1px solid #6366f166;border-radius:999px;color:#c7d2fe;color:var(--accent-purple-light,#c7d2fe);display:inline-flex;font-size:.85rem;gap:.5rem;padding:.25rem .75rem}.listing-tag button{background:none;border:none;color:#94a3b8cc;cursor:pointer;font-size:1rem;line-height:1;padding:0}.listing-tag button:hover{color:#fff;color:var(--text-primary,#fff)}.listing-form-footer{align-items:center;border-top:1px solid #94a3b833;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.listing-form-footer-left{display:flex;gap:.5rem}.listing-form-footer-right{display:flex;gap:.75rem}.listing-btn{align-items:center;border:1px solid #94a3b84d;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.listing-btn-secondary{background:#1e293bb3;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.listing-btn-secondary:hover{background:#334155cc;border-color:#94a3b866}.listing-btn-ghost{background:#0000;border:1px solid #94a3b840;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;padding:.5rem .75rem}.listing-btn-ghost:hover{background:#1e293b66;border-color:#94a3b866;color:#e2e8f0;color:var(--text-primary,#e2e8f0)}.listing-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea59;color:#fff}.listing-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-1px)}.listing-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.listing-btn-teal{background:#2a9d8f26;border-color:#2a9d8f66;color:#2dd4bf;color:var(--accent-teal,#2dd4bf)}.listing-btn-teal:hover{background:#2a9d8f40;border-color:#2a9d8f99}.listing-btn-danger{background:#7f1d1d66;border-color:#ef444466;color:#fca5a5}.listing-btn-danger:hover:not(:disabled){background:#991b1b99;border-color:#ef4444b3;color:#fecaca}.listing-form-error{background:#ef44441f;border:1px solid #ef444459;border-radius:12px;color:#fecaca;color:var(--error-light,#fecaca);font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.listing-form-loading{align-items:center;color:#e2e8f0;color:var(--text-primary,#e2e8f0);display:flex;font-size:1rem;justify-content:center;min-height:200px}@media (max-width:640px){.listing-form-page{padding:1rem}.listing-form-content{padding:1.25rem}.listing-form-header{align-items:flex-start;flex-direction:column}.listing-form-footer{align-items:stretch;flex-direction:column}.listing-form-footer-left,.listing-form-footer-right{justify-content:center}}.listing-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04070fbf;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999;z-index:var(--z-max,9999)}.listing-modal{background:#0a0e18f5;border:1px solid #94a3b840;border-radius:12px;box-shadow:0 24px 60px #0f172a80;display:flex;flex-direction:column;max-height:85vh;max-width:520px;overflow:hidden;width:100%}.listing-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.listing-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0}.listing-modal-close{background:none;border:none;color:#94a3b8cc;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.listing-modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.listing-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.listing-modal-footer{border-top:1px solid #94a3b833;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.listing-permissions-grid{display:flex;flex-direction:column;gap:.75rem}.listing-permission-item{align-items:flex-start;background:#0f172a80;border:1px solid #94a3b826;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease,border-color .2s ease}.listing-permission-item:hover{background:#1e293b80;border-color:#94a3b840}.listing-permission-item input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-secondary,#6366f1);flex-shrink:0;height:18px;margin-top:2px;width:18px}.listing-permission-item>div{display:flex;flex-direction:column;gap:.25rem}.listing-permission-label{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;font-weight:500}.listing-permission-desc{color:#94a3b8d9;font-size:.8rem}.listing-form-toggle-group{background:#0f172a80;border:1px solid #94a3b826;border-radius:8px;display:flex;overflow:hidden}.listing-form-toggle-btn{background:#0000;border:none;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1rem;transition:background .2s ease,color .2s ease}.listing-form-toggle-btn:hover{background:#1e293b80}.listing-form-toggle-btn.active{background:#6366f14d;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc)}.listing-mini-form-editor{background:#0f172a66;border:1px solid #94a3b826;border-radius:12px;margin-top:.5rem;padding:1rem}.listing-mini-form-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.listing-mini-form-fields{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.listing-mini-form-field{align-items:center;background:#1e293b66;border:1px solid #94a3b81a;border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.listing-mini-form-field-num{align-items:center;background:#6366f133;border-radius:50%;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.listing-mini-form-field-label{flex:1 1;min-width:120px}.listing-mini-form-field-type{flex-shrink:0;width:110px}.listing-mini-form-field-req{flex-shrink:0;min-width:80px}.listing-mini-form-field-remove{align-items:center;background:#ef444426;border:none;border-radius:8px;color:#f87171;color:var(--error-light,#f87171);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:28px;justify-content:center;line-height:1;transition:background .2s ease;width:28px}.listing-mini-form-field-remove:hover{background:#ef44444d}.listing-mini-form-actions{border-top:1px solid #94a3b81a;display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem}.listing-compensation-bar{margin-top:.5rem}.listing-compensation-bar-track{background:#0f172a99;border:1px solid #94a3b826;border-radius:8px;display:flex;height:12px;overflow:hidden}.listing-compensation-bar-distributed{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.listing-compensation-bar-available{background:linear-gradient(90deg,#10b981,#34d399);height:100%;transition:width .3s ease}.listing-compensation-bar-labels{display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.listing-compensation-label{align-items:center;display:flex;gap:.25rem}.listing-compensation-label .dot{border-radius:50%;height:8px;width:8px}.listing-compensation-label.distributed{color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc)}.listing-compensation-label.distributed .dot{background:#6366f1;background:var(--accent-secondary,#6366f1)}.listing-compensation-label.available{color:#6ee7b7;color:var(--success,#6ee7b7)}.listing-compensation-label.available .dot{background:#10b981;background:var(--success-dark,#10b981)}.listing-form-warning{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;color:#fbbf24;color:var(--warning,#fbbf24);font-size:.85rem;margin-top:.5rem;padding:.5rem .75rem}@media (max-width:640px){.listing-mini-form-field{flex-wrap:wrap}.listing-mini-form-field-label{flex:1 1 100%;order:1}.listing-mini-form-field-num{order:0}.listing-mini-form-field-type{flex:1 1;order:2;width:auto}.listing-mini-form-field-req{order:3}.listing-mini-form-field-remove{margin-left:auto;order:0}}.listing-mini-form-field-wrapper{display:flex;flex-direction:column;gap:0}.listing-mini-form-field-opts{background:#6366f126;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.listing-mini-form-field-opts.active,.listing-mini-form-field-opts:hover{background:#6366f140;border-color:#6366f180}.listing-dropdown-options-editor{background:#0f172a80;border:1px solid #6366f133;border-radius:8px;margin-bottom:.5rem;margin-left:32px;margin-top:.5rem;padding:.75rem}.listing-dropdown-options-header{align-items:center;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.listing-dropdown-option-row{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;gap:.5rem;padding:.5rem 0}.listing-dropdown-option-row:last-child{border-bottom:none}.listing-dropdown-option-num{align-items:center;background:#6366f126;border-radius:50%;color:#a5b4fc;color:var(--accent-purple-light,#a5b4fc);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:20px;justify-content:center;width:20px}.listing-dropdown-option-label{flex:1 1;font-size:.85rem;min-width:100px;padding:.25rem .5rem}.listing-dropdown-option-roles{background:#1e293b99;border:1px solid #94a3b833;border-radius:4px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.listing-dropdown-option-roles:hover{background:#33415599;border-color:#94a3b84d}.listing-dropdown-option-roles.has-roles{background:#10b98126;border-color:#10b9814d;color:#6ee7b7;color:var(--success,#6ee7b7)}.listing-dropdown-option-remove{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:#f87171;color:var(--error-light,#f87171);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:22px;justify-content:center;line-height:1;transition:background .2s ease;width:22px}.listing-dropdown-option-remove:hover{background:#ef444440}.listing-deliverables{display:flex;flex-direction:column;gap:1rem}.listing-deliverables-empty{background:#0f172a59;border:1px dashed #94a3b840;border-radius:8px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.95rem;padding:1.5rem;text-align:center}.listing-deliverables-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.listing-deliverable-item{align-items:center;background:#0f172a80;border:1px solid #94a3b826;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:border-color .2s ease}.listing-deliverable-item:hover{border-color:#94a3b84d}.listing-deliverable-number{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.9rem;font-weight:600;min-width:1.5rem}.listing-deliverable-input{background:#0000;border:none;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-size:.95rem;outline:none;padding:.25rem 0}.listing-deliverable-input:focus{border-bottom:1px solid #94a3b84d}.listing-deliverable-input::placeholder{color:#94a3b880}.listing-deliverable-remove{align-items:center;background:#ef444426;border:none;border-radius:8px;color:#f87171;color:var(--error-light,#f87171);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:28px;justify-content:center;transition:background .2s ease;width:28px}.listing-deliverable-remove:hover{background:#ef444440}.listing-deliverable-add{align-items:center;display:flex;gap:.75rem}.listing-deliverable-new-input{background:#0f172a66;border:1px solid #94a3b833;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);flex:1 1;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s ease}.listing-deliverable-new-input:focus{border-color:#60a5fa80;outline:none}.listing-deliverable-new-input::placeholder{color:#94a3b880}.listing-deliverable-add-btn{background:linear-gradient(135deg,#10b98140,#22c55e40);border:1px solid #22c55e59;border-radius:8px;color:#4ade80;color:var(--success,#4ade80);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.listing-deliverable-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#10b98159,#22c55e59);transform:translateY(-1px)}.listing-deliverable-add-btn:disabled{cursor:not-allowed;opacity:.5}.listing-modal-sm{max-width:450px}.listing-role-assign-grid{display:flex;flex-direction:column;gap:.5rem}.listing-role-assign-item{align-items:flex-start;background:#0f172a80;border:1px solid #94a3b826;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.listing-role-assign-item:hover{background:#1e293b80;border-color:#94a3b840}.listing-role-assign-item.selected{background:#6366f126;border-color:#6366f166}.listing-role-assign-item input[type=checkbox]{accent-color:#6366f1;accent-color:var(--accent-secondary,#6366f1);flex-shrink:0;height:18px;margin-top:2px;width:18px}.listing-role-assign-item>div{display:flex;flex-direction:column;gap:.25rem}.listing-role-assign-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:.95rem;font-weight:500}.listing-role-assign-desc{color:#94a3b8d9;font-size:.8rem}.ep-shop-layout{background:#060a082e;display:flex;flex-direction:column;gap:1rem;min-height:100vh;padding:1rem;padding:var(--layout-gutter-inline,1rem)}.ep-shop-sidebar{background:#0d1f1acc;background:var(--bg-tertiary,#0d1f1acc);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;width:100%}.ep-shop-sidebar h2{font-size:1.1rem;margin-bottom:1rem}.ep-shop-main{flex:1 1;width:100%}.ep-items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;width:100%}.ep-item-card{align-items:center;background:#0d1410b3;background:var(--bg-secondary,#0d1410b3);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 0 12px 2px #8b5cf666;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:1rem}.ep-item-card .item-icon{filter:drop-shadow(0 0 6px #8b5cf6);filter:drop-shadow(0 0 6px var(--ep-color,#8b5cf6));font-size:2rem;margin-bottom:.25rem}.ep-item-card .item-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.ep-item-card .item-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin-bottom:1rem;text-align:center}.ep-shop-sidebar .stat-card{align-items:center;background:#1a2e26b3;background:var(--bg-surface,#1a2e26b3);border-radius:12px;box-shadow:0 0 8px #8b5cf64d;box-shadow:0 0 8px var(--ep-color-glow,#8b5cf64d);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}@media (min-width:640px){.ep-items-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.ep-item-card{min-width:160px}}@media (min-width:768px){.ep-shop-layout{flex-direction:row;gap:2rem;padding:clamp(1rem,3vw,2rem)}.ep-shop-sidebar{align-self:flex-start;flex-shrink:0;max-height:calc(100vh - 2rem);max-width:300px;min-width:220px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:1rem;width:260px}.ep-shop-main{max-width:900px}.ep-items-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width:1024px){.ep-shop-layout{gap:2.5rem}.ep-shop-sidebar{width:280px}.ep-items-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.ep-shop-layout{gap:.75rem;padding:.75rem}.ep-shop-sidebar{padding:.75rem}.ep-shop-sidebar h2{font-size:1rem}.ep-shop-sidebar .stat-card{font-size:.9rem;padding:.5rem}.ep-item-card{min-height:160px;padding:.75rem}.ep-item-card .item-icon{font-size:1.75rem}.ep-item-card .item-title{font-size:.95rem}.ep-item-card .item-description{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.ep-item-card,.stat-card{box-shadow:none;transition:none}}@media (prefers-contrast:high){.ep-item-card,.ep-shop-sidebar{border:2px solid #fff}}.ep-shop-back-btn{margin-bottom:.75rem}.ep-shop-sidebar__title{margin-bottom:1.5rem;text-shadow:0 0 8px gold;text-shadow:0 0 8px var(--reward-ep-glow,gold)}.ep-shop-sidebar__balances{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;width:100%}.stat-card__icon{font-size:1.5rem}.stat-card__label{font-weight:600}.stat-card__value{font-size:1.2rem;font-weight:700}.stat-card__column{display:flex;flex-direction:column;gap:.25rem}.stat-card__message{color:#d1d5db;color:var(--text-secondary,#d1d5db);font-size:.75rem}.stat-card__message--error{color:#fca5a5;color:var(--error-light,#fca5a5)}.stat-card__retry{align-self:flex-start;font-size:.75rem}.ep-shop-recognition-btn{border-radius:8px;box-shadow:0 0 8px gold;box-shadow:0 0 8px var(--reward-ep-glow,gold);font-size:1rem;font-weight:600;width:100%}.ep-shop-hero{border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 0 32px 8px #fbbf24,0 0 8px 2px #fff;box-shadow:0 0 32px 8px var(--reward-ep-glow,#fbbf24),0 0 8px 2px var(--text-inverse,#fff);margin-bottom:1rem;padding:1.25rem;position:relative}.ep-shop-hero__title{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;text-align:center;text-shadow:0 0 12px #fbbf24,0 0 2px #fff;text-shadow:0 0 12px var(--reward-ep-glow,#fbbf24),0 0 2px var(--text-inverse,#fff)}.ep-shop-hero__glow{filter:drop-shadow(0 0 8px #fbbf24);filter:drop-shadow(0 0 8px var(--reward-ep-glow,#fbbf24))}.ep-shop-hero__subtitle{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;text-align:center}.ep-shop-section{border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1rem;padding:1rem}.ep-shop-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ep-shop-section__title{color:#fff;color:var(--text-primary,#fff);font-size:1.125rem;font-weight:500}.ep-shop-section__balance{color:#e2e8f0;color:var(--text-secondary,#e2e8f0);font-weight:600}.ep-shop-section__message{color:#f59e0b;color:var(--warning,#f59e0b);font-size:.875rem;margin-bottom:.5rem}.ep-item-card__content{text-align:center;width:100%}.ep-item-card__icon{filter:drop-shadow(0 0 6px #fbbf24);filter:drop-shadow(0 0 6px var(--reward-ep-glow,#fbbf24));font-size:2.2rem;margin-bottom:.25rem}.ep-item-card__title{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.ep-item-card__description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.85rem;margin-bottom:1rem}.ep-item-card__actions{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.ep-item-card__owned{color:#e2e8f0;color:var(--text-secondary,#e2e8f0);font-size:1.1rem;font-weight:600}.ep-item-card__buy-btn{width:100%}.featured-carousel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ab3,#1e293b99);border:1px solid #94a3b833;border-radius:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:20px}.featured-carousel__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.featured-carousel__header-content{flex:1 1}.featured-carousel__title{align-items:center;color:#f8fafcf2;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.featured-carousel__icon{font-size:1.2em}.featured-carousel__subtitle{color:#94a3b8d9;font-size:.85rem;margin:4px 0 0}.featured-carousel__nav{display:flex;gap:8px}.featured-carousel__nav-btn{background:#0f172a99;border:1px solid #94a3b84d;border-radius:8px;color:#e2e8f0e6;cursor:pointer;font-size:1.3rem;font-weight:300;height:32px;line-height:1;padding:0;transition:all .15s ease;width:32px}.featured-carousel__nav-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666}.featured-carousel__nav-btn:disabled{cursor:not-allowed;opacity:.3}.featured-carousel__viewport{margin:0 -8px;position:relative}.featured-carousel__fade{bottom:0;pointer-events:none;position:absolute;top:0;width:60px;z-index:2}.featured-carousel__fade--left{background:linear-gradient(90deg,#0f172ae6,#0000);left:0}.featured-carousel__fade--right{background:linear-gradient(270deg,#0f172ae6,#0000);right:0}.featured-carousel__track{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;padding:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-carousel__track::-webkit-scrollbar{display:none}.featured-carousel__card{background:#0f172aa6;border:1px solid #94a3b833;border-radius:16px;display:flex;flex:0 0 260px;flex-direction:column;overflow:hidden;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.featured-carousel__card:hover{border-color:#60a5fa66;box-shadow:0 12px 32px #0000004d,0 0 0 1px #60a5fa26;transform:translateY(-4px)}.featured-carousel__card-preview{aspect-ratio:4/3;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);overflow:hidden;position:relative}.featured-carousel__card-image{height:100%;object-fit:contain;padding:16px;transition:transform .3s ease;width:100%}.featured-carousel__card:hover .featured-carousel__card-image{transform:scale(1.08)}.featured-carousel__card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border-radius:999px;color:#f8fafce6;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.featured-carousel__card-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px 16px}.featured-carousel__card-title{color:#f8fafcf2;font-size:.95rem;font-weight:600;margin:0}.featured-carousel__card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8d9;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden}.featured-carousel__card-meta{display:flex;gap:8px;margin-top:auto;padding-top:8px}.featured-carousel__card-layers{color:#94a3b8b3;font-size:.75rem}.featured-carousel__card-action{align-items:center;background:#0000;border:none;border-top:1px solid #94a3b826;color:#60a5faf2;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:background .15s ease,color .15s ease;width:100%}.featured-carousel__card-action:hover{background:#3b82f626;color:#93c5fd}.featured-carousel__action-icon{font-size:1.1em}.featured-carousel--loading{display:flex;flex-direction:row;gap:16px;padding:20px}.featured-carousel__skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#94a3b814,#94a3b826 50%,#94a3b814);background-size:200% 100%;border-radius:16px;flex:0 0 260px;height:240px}@media (max-width:768px){.featured-carousel__card{flex:0 0 220px}.featured-carousel__header{flex-direction:column;gap:12px}.featured-carousel__nav{align-self:flex-end}}.avatar-content-library{align-self:stretch;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1 auto;flex-direction:column;gap:0;height:100%;overflow:hidden;width:100%}.avatar-content-library,.avatar-content-library.surface-panel{background:#0000;padding:0}.avatar-library__header{align-items:center;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-bottom:1px solid #94a3b826;box-sizing:border-box;display:flex;justify-content:space-between;padding:12px;width:100%}.avatar-library__header-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;letter-spacing:.02em;margin:0}.avatar-library__header-actions{align-items:center;display:flex;gap:8px}.avatar-library__looks-toggle{align-items:center;background:#0f172a99;border:1px solid #94a3b840;border-radius:999px;color:#e2e8f0d9;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.avatar-library__looks-toggle:hover{background:#3b82f626;border-color:#3b82f666}.avatar-library__looks-toggle.is-active{background:linear-gradient(135deg,#3b82f64d,#8b5cf640);border-color:#6366f199;color:#c7d2fe}.avatar-library__looks-toggle-icon{font-size:.9rem}.avatar-library__looks-badge{align-items:center;background:#8b5cf666;border-radius:999px;color:#e9d5fff2;display:inline-flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.avatar-library__refresh-btn{background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;color:#94a3b8e6;cursor:pointer;font-size:1rem;height:32px;padding:0;transition:all .15s ease;width:32px}.avatar-library__refresh-btn:hover:not(:disabled){background:#3b82f626;border-color:#3b82f659;color:#93c5fd}.avatar-library__refresh-btn:disabled{cursor:not-allowed;opacity:.5}.avatar-library__tabs{background:#0f172ad9;border-bottom:1px solid #94a3b81f;box-sizing:border-box;display:flex;padding:0;width:100%}.avatar-library__tab{align-items:center;background:#0000;border:none;color:#94a3b8bf;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 8px;position:relative;transition:all .2s ease}.avatar-library__tab:after{background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:0}.avatar-library__tab:hover{background:#94a3b814;color:#e2e8f0e6}.avatar-library__tab.is-active{background:#3b82f614;color:#e2e8f0}.avatar-library__tab.is-active:after{width:60%}.avatar-library__tab-icon{font-size:1rem}.avatar-library__tab-label{font-weight:600}.avatar-library__tab-badge{align-items:center;background:#3b82f659;border-radius:999px;color:#bfdbfe;display:inline-flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px}.avatar-library__tab.is-active .avatar-library__tab-badge{background:#3b82f680}.avatar-library__status{background:#0f172a99;border:1px solid #94a3b833;border-radius:12px;color:#e2e8f0d1;padding:12px}.avatar-library__status--error{background:#ef444426;border-color:#f8717180;color:#fee2e2eb}.avatar-library__active{background:#3b82f614;border:1px solid #3b82f640;border-radius:12px;padding:12px}.avatar-library__active-title{color:#bfdbfee6;font-size:.85rem;font-weight:600;letter-spacing:.03em;margin:0 0 12px;text-transform:uppercase}.avatar-library__active-items{display:flex;flex-wrap:wrap;gap:8px}.avatar-library__active-item{align-items:center;background:#0f172a99;border:1px solid #94a3b840;border-radius:999px;display:inline-flex;font-size:.8rem;gap:8px;padding:4px 8px 4px 4px}.avatar-library__active-item--scene{background:#10b9811f;border-color:#10b98159}.avatar-library__active-badge{background:#3b82f640;border-radius:999px;color:#bfdbfef2;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.avatar-library__active-item--scene .avatar-library__active-badge{background:#10b98140;color:#a7f3d0f2}.avatar-library__active-name{color:#e2e8f0e6;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-library__active-remove{align-items:center;background:#ef444426;border:none;border-radius:50%;color:#fecacae6;cursor:pointer;display:inline-flex;font-size:.85rem;height:18px;justify-content:center;line-height:1;margin-left:2px;padding:0;transition:background .15s,color .15s;width:18px}.avatar-library__active-remove:hover{background:#ef444459;color:#fee2e2}.avatar-library__subset-row{background:#0f172a66;border:1px solid #94a3b82e;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;padding:4px;width:100%}.avatar-library__subset-btn{grid-gap:4px;background:#0f172a73;border:1px solid #0000;border-radius:12px;color:#e2e8f0d1;display:grid;gap:4px;min-width:180px;padding:12px;text-align:left;transition:border .2s ease,background .2s ease;width:100%}.avatar-library__subset-btn small{color:#94a3b8d9;font-size:.8rem}.avatar-library__subset-btn.is-active{background:#2563eb40;border-color:#93c5fdb3}.avatar-library__subset-btn:focus-visible,.avatar-library__subset-btn:hover{border-color:#60a5fa73}.avatar-library__browser{background:#0206174d;border:1px dashed #94a3b840;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;max-height:none;min-height:200px;overflow:visible;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.avatar-library__browser::-webkit-scrollbar{width:6px}.avatar-library__browser::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.avatar-library__browser.is-droppable{border-style:solid}.avatar-library__browser.is-drop-active{border-color:#60a5fab3;box-shadow:0 0 0 2px #60a5fa40}.avatar-library__drop-context{color:#94a3b8d1;font-size:.85rem;margin:0 0 12px}.avatar-library__drop-context strong{color:#e2e8f0f2}.avatar-library__browser-content{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column}.avatar-library__browser-content .content-browser,.avatar-library__browser-content .content-browser-body,.avatar-library__browser-content .content-browser-drawer,.avatar-library__browser-content .content-browser-drawer__content,.avatar-library__browser-content .content-browser-drawer__header,.avatar-library__browser-content .content-browser-drawers{align-self:stretch;box-sizing:border-box;flex:1 1 auto;width:100%}.avatar-library__empty{color:#94a3b8d9;margin:0;padding:40px 0;text-align:center}.avatar-library__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.avatar-library__grid--sets{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.avatar-library__tile{background:#0f172a99;border:1px solid #94a3b82e;border-radius:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;padding:12px}.avatar-library__tile--set{min-height:0}.avatar-library__tile-main{background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:0;text-align:left}.avatar-library__tile-main img{aspect-ratio:4/3;background:#0f172a73;border:1px solid #94a3b833;border-radius:12px;object-fit:cover;width:100%}.avatar-library__tile-fallback{aspect-ratio:4/3;background:#0f172a99;border:1px dashed #94a3b84d;border-radius:12px;color:#94a3b8e6;display:grid;font-size:2rem;place-items:center}.avatar-library__tile strong{font-size:1rem}.avatar-library__tile-meta{color:#94a3b8d1;font-size:.85rem}.avatar-library__tile-actions{display:flex;gap:12px;justify-content:flex-end}.avatar-library__tile-actions--stacked{align-items:stretch;flex-direction:column}.avatar-library__tile-actions .btn-text{font-size:.85rem}.avatar-library__list-btn,.avatar-library__reward-btn{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.avatar-library__list-btn{background:#3b82f61f;border:1px solid #3b82f64d;color:#93c5fdf2}.avatar-library__list-btn:hover{background:#3b82f638;border-color:#3b82f680}.avatar-library__reward-btn{background:#fbbf241f;border:1px solid #fbbf244d;color:#fde047f2}.avatar-library__reward-btn:hover{background:#fbbf2438;border-color:#fbbf2480}.avatar-library__chips{display:flex;flex-wrap:wrap;gap:8px}.avatar-library__chips span{background:#0f172a8c;border:1px solid #94a3b840;border-radius:999px;font-size:.75rem;padding:2px 12px}.avatar-library__chips .avatar-library__chip--info{background:#64748b59;border-color:#94a3b859;color:#cbd5e1d9;font-style:italic}.avatar-library__tile.is-local{border-color:#60a5fa73;box-shadow:0 0 0 1px #60a5fa4d}.avatar-library__load-more{background:#0f172a73;border:1px solid #94a3b82e;border-radius:12px;color:inherit;font-weight:600;grid-column:1/-1;padding:12px}.avatar-library__load-more:disabled{opacity:.65}.avatar-library__sets{display:flex;flex-direction:column;gap:16px}.avatar-library__set-block{display:flex;flex-direction:column;gap:12px}.avatar-library__set-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.avatar-library__set-header h4{margin:0}.avatar-library__set-header p{color:#94a3b8d9;margin:2px 0 0}.avatar-library__content{background:#02061766;flex:1 1;margin:0 -12px -12px;overflow-x:hidden;overflow-y:auto;width:calc(100% + 28px)}.avatar-library__content::-webkit-scrollbar{width:6px}.avatar-library__content::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.avatar-library__content>[role=tabpanel]{min-height:100%}.avatar-library__layers-panel{display:flex;flex-direction:column;gap:16px;padding:12px}.avatar-library__active-immersion{background:linear-gradient(135deg,#1e293b99,#1e293b80);border:1px solid #94a3b833;border-radius:12px;overflow:hidden}.avatar-library__active-immersion-header{align-items:center;background:#3b82f614;border-bottom:1px solid #94a3b826;color:#bfdbfee6;display:flex;font-size:.75rem;font-weight:600;gap:8px;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase}.avatar-library__active-icon{font-size:.9rem}.avatar-library__active-immersion-item{align-items:center;display:flex;gap:12px;padding:12px}.avatar-library__active-immersion-preview{align-items:center;background:#0f172a99;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:48px}.avatar-library__active-immersion-preview img{height:100%;object-fit:cover;width:100%}.avatar-library__immersion-fallback{font-size:1.2rem}.avatar-library__active-immersion-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.avatar-library__active-immersion-info strong{color:#e2e8f0f2;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-library__active-immersion-type{color:#bfdbfecc;font-size:.75rem;text-transform:capitalize}.avatar-library__active-layers{background:#1e293b80;border:1px solid #94a3b826;border-radius:12px;overflow:hidden}.avatar-library__active-layers-header{align-items:center;background:#3b82f614;border-bottom:1px solid #94a3b81f;color:#93c5fde6;display:flex;font-size:.75rem;font-weight:600;gap:8px;letter-spacing:.04em;padding:12px;text-transform:uppercase}.avatar-library__layer-count{align-items:center;background:#3b82f64d;border-radius:999px;color:#bfdbfe;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 8px}.avatar-library__clear-all-btn{background:#ef444433;border:none;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.03em;margin-left:auto;padding:4px 12px;text-transform:uppercase;transition:background .15s ease,color .15s ease}.avatar-library__clear-all-btn:hover{background:#ef444466;color:#fff}.avatar-library__empty-layers{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 16px;text-align:center}.avatar-library__empty-icon{font-size:2rem;opacity:.4}.avatar-library__empty-layers p{color:#e2e8f0b3;font-size:.9rem;font-weight:500;margin:0}.avatar-library__empty-layers span{color:#94a3b8b3;font-size:.8rem}.avatar-library__layers-list{display:flex;flex-direction:column}.avatar-library__layer-item{align-items:center;border-bottom:1px solid #94a3b814;display:flex;gap:12px;padding:12px;transition:background .15s ease}.avatar-library__layer-item:last-child{border-bottom:none}.avatar-library__layer-item:hover{background:#94a3b80f}.avatar-library__layer-preview{align-items:center;background:#0f172a99;border:1px solid #94a3b826;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.avatar-library__layer-preview img{height:100%;object-fit:contain;width:100%}.avatar-library__layer-fallback{font-size:1rem;opacity:.6}.avatar-library__layer-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.avatar-library__layer-info strong{color:#e2e8f0f2;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-library__layer-type{color:#94a3b8cc;font-size:.75rem;text-transform:capitalize}.avatar-library__layer-order{align-items:center;display:flex;gap:4px}.avatar-library__layer-index{background:#6366f133;border-radius:8px;color:#c7d2fee6;font-size:.75rem;font-weight:700;height:22px;width:22px}.avatar-library__layer-index,.avatar-library__remove-btn{align-items:center;display:inline-flex;justify-content:center}.avatar-library__remove-btn{background:#ef44441a;border:none;border-radius:8px;color:#f87171d9;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:500;height:24px;padding:0;transition:all .15s ease;width:24px}.avatar-library__remove-btn:hover{background:#ef444440;color:#fecaca}.avatar-library__layer-item.is-selected{background:#6366f126;border-left:3px solid #818cf8cc;padding-left:8px}.avatar-library__layer-item.is-dragging{background:#3b82f61a;opacity:.5}.avatar-library__layer-item.is-drop-target{background:#22c55e26;border-top:2px solid #4ade80cc}.avatar-library__layer-drag-handle{align-items:center;color:#94a3b880;cursor:grab;display:flex;flex-shrink:0;font-size:.75rem;justify-content:center;letter-spacing:-1px;-webkit-user-select:none;user-select:none;width:16px}.avatar-library__layer-drag-handle:hover{color:#94a3b8e6}.avatar-library__layer-item:active .avatar-library__layer-drag-handle{cursor:grabbing}.avatar-library__filtered-looks{padding:12px}@media (max-width:768px){.avatar-content-library{padding:0}.avatar-library__header{flex-direction:row;padding:12px}.avatar-library__tabs{width:100%}.avatar-library__tab-label{display:none}.avatar-library__tab-icon{font-size:1.2rem}.avatar-library__subset-btn{min-width:160px}}.avatar-library__browser-content{margin:0;max-width:100%;padding:0;width:100%}.avatar-library__browser-content--full{height:100%}.avatar-library__browser-content .content-browser{align-self:stretch;display:flex;flex-direction:column;gap:0;margin:0;max-width:none;padding:0;width:100%}.avatar-library__browser-content .content-browser-header{display:none;padding:0}.avatar-library__browser-content .content-browser-drawers{box-sizing:border-box;flex:1 1 auto;gap:0;margin:0;overflow:visible;padding:0;width:100%}.avatar-library__browser-content .content-browser-drawer{border-left:none;border-radius:0;border-right:none;border-top:none;width:100%}.avatar-library__browser-content .content-browser-drawer:first-child{border-top:1px solid #94a3b826}.avatar-library__browser-content .content-browser-drawer__header{border-radius:0;box-sizing:border-box;font-size:.85rem;padding:12px 16px;width:100%}.avatar-library__browser-content .content-browser-drawer__content{border-radius:0;box-sizing:border-box;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:none;overflow:visible;padding:16px;width:100%}.avatar-library__browser-content .content-browser-drawer__item{border-radius:8px;min-width:0;padding:8px}.avatar-library__browser-content .content-browser-drawer__item-preview{height:80px;object-fit:contain;width:80px}.avatar-library__browser-content .content-browser-drawer__item-fallback{font-size:2rem;height:80px;width:80px}.avatar-library__browser-content .content-browser-drawer__item-name{font-size:.75rem}.avatar-library__browser-content .content-controls{background:#0f172a80;border-bottom:1px solid #94a3b81a;gap:8px;padding:12px}.avatar-library__browser-content .content-controls__row{gap:8px}.avatar-library__browser-content .content-controls__actions{display:none}.avatar-library__browser-content .search-bar{flex:1 1;min-width:100%}.avatar-library__browser-content .search-bar input{border-radius:8px;font-size:.85rem;padding:8px 12px}.avatar-library__browser-content .content-browser-body{gap:0;grid-template-columns:minmax(0,1fr)!important;padding:0;width:100%}.avatar-library__browser-content .content-browser-footer{display:none}.avatar-library__browser-content .content-grid{gap:8px;padding:0;width:100%}.avatar-library__browser-content .content-card{min-height:auto;padding:8px}.avatar-library__browser-content .content-grid-nav,.avatar-library__browser-content .folder-sidebar{display:none}.avatar-library__avatar-panel{display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.battle-arts-panel{margin:0 auto;max-width:800px;padding:0 1rem}.battle-arts-header{margin-bottom:1.5rem}.battle-arts-header h2{font-size:1.5rem;margin:0 0 .5rem}.battle-arts-header p{margin:0;opacity:.8}.battle-arts-notice{align-items:center;background:#2a2a2a;background:var(--surface-alt,#2a2a2a);border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.battle-arts-notice button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.7;padding:0 .25rem}.battle-arts-notice button:hover{opacity:1}.battle-arts-balance{align-items:center;background:#2a2a2a;background:var(--surface-alt,#2a2a2a);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.battle-arts-balance strong{color:#6cf;color:var(--accent-color,#6cf)}.battle-arts-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.battle-arts-list>.battle-arts-card{flex:1 0 280px;max-width:none;min-width:280px}@media (max-width:768px){.battle-arts-list{flex-direction:column;flex-wrap:wrap;overflow-x:visible}.battle-arts-list>.battle-arts-card{flex:1 1 auto;max-width:100%;min-width:0}}.battle-arts-card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:1rem}.battle-arts-card-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.battle-arts-card-header h3,.battle-arts-name-input{font-size:1.1rem;margin:0}.battle-arts-name-input{background:#0000;border:1px solid #0000;border-radius:4px;color:inherit;font-weight:600;max-width:160px;padding:.25rem .5rem;transition:border-color .2s ease,background .2s ease;width:100%}.battle-arts-name-input:hover{background:#2a2a2a;background:var(--surface-alt,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}.battle-arts-name-input:focus{border-color:#6cf;border-color:var(--accent-color,#6cf);outline:none}.battle-arts-name-input:focus,.battle-arts-type{background:#2a2a2a;background:var(--surface-alt,#2a2a2a)}.battle-arts-type{border-radius:4px;font-size:.75rem;letter-spacing:.05em;opacity:.7;padding:.25rem .5rem;text-transform:uppercase}.battle-arts-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.battle-arts-stat-row{display:flex;font-size:.875rem;justify-content:space-between}.battle-arts-stat-row span{opacity:.7}.battle-arts-progress{margin-bottom:1rem}.battle-arts-progress label{display:block;font-size:.75rem;margin-bottom:.25rem;opacity:.8}.battle-arts-progress-bar{background:#2a2a2a;background:var(--surface-alt,#2a2a2a);border-radius:4px;height:6px;margin-bottom:.25rem;overflow:hidden}.battle-arts-progress-fill{background:#6cf;background:var(--accent-color,#6cf);height:100%;transition:width .3s ease}.battle-arts-progress small{font-size:.75rem;opacity:.6}.battle-arts-primary-stat{margin-bottom:1rem}.battle-arts-primary-stat label{display:block;font-size:.75rem;margin-bottom:.25rem;opacity:.8}.battle-arts-primary-stat select{background:#1a1a1a;background:var(--input-bg,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:inherit;font-size:.875rem;padding:.5rem;width:100%}.battle-arts-invest label{display:block;font-size:.75rem;margin-bottom:.25rem;opacity:.8}.battle-arts-invest-row{display:flex;gap:.5rem}.battle-arts-invest-row input{background:#1a1a1a;background:var(--input-bg,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:inherit;flex:1 1;font-size:.875rem;padding:.5rem}.battle-arts-invest-row button{background:#6cf;background:var(--accent-color,#6cf);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.battle-arts-invest-row button:disabled{cursor:not-allowed;opacity:.5}.battle-arts-empty{opacity:.7;padding:2rem;text-align:center}.avatar-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;padding:24px 0 48px;width:min(1320px,96vw)}.avatar-page__tabs{align-self:flex-start;background:#0f172abf;border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:999px;display:inline-flex;gap:12px;padding:4px}.avatar-page__tab{background:#0000;border:none;border-radius:999px;color:#e2e8f0d1;cursor:pointer;font-weight:600;padding:8px 20px;transition:background .2s ease,color .2s ease}.avatar-page__tab.is-active{background:#60a5fa40;color:#e2e8f0fa}.avatar-page__tab:focus-visible{outline:2px solid #93c5fdbf;outline-offset:2px}.avatar-page__panel{width:100%}.avatar-panel{background:#0f172aa6;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:16px;padding:clamp(16px,2vw,24px)}.avatar-studio-layout{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:minmax(280px,340px) 1fr}.avatar-studio-layout__sidebar{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 48px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:24px}@media (max-width:1024px){.avatar-studio-layout{grid-template-columns:1fr}.avatar-studio-layout__sidebar{max-height:none;order:2;position:static}.avatar-studio-layout__main{order:1}}.avatar-studio-layout__sidebar>*{align-self:stretch;width:100%}.avatar-studio-layout__sidebar::-webkit-scrollbar{width:6px}.avatar-studio-layout__sidebar::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.avatar-studio-layout__main{align-items:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:16px;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:visible;padding:clamp(12px,1.5vw,16px);position:relative}.avatar-studio-layout__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media (max-width:768px){.avatar-studio-layout__main{order:1}}.avatar-dashboard{bottom:52px;display:flex;position:absolute;right:0}.avatar-dashboard__editor{height:100%}.avatar-dashboard__library-deck{display:flex;flex-direction:column;gap:16px}.avatar-editor-panel{display:flex;flex-direction:column;gap:12px;width:100%}.avatar-editor-panel__canvas{background:#1e293b99;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:12px;min-height:clamp(420px,55vh,580px);overflow:hidden;padding-bottom:60px;position:relative;width:100%}.avatar-canvas__toast{background:#0f172ad9;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 8px 24px #00000059;color:#e2e8f0f2;font-weight:600;left:12px;padding:12px 16px;pointer-events:none;position:absolute;top:12px;z-index:30}.avatar-editor-panel__canvas>*{height:100%}.avatar-canvas__actions{align-items:center;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;height:auto;left:16px;position:absolute;right:auto;transform:none;z-index:20}.avatar-canvas__actions .btn{border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:.85rem;font-weight:600;padding:8px 16px}.avatar-canvas__background-group{position:relative}.avatar-canvas__background-btn{align-items:center;background:#0f172ae6;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 8px 20px #00000059;color:#e2e8f0f2;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:12px 16px;white-space:nowrap}.avatar-canvas__background-btn:hover{background:#3b82f62e;border-color:#3b82f666}.avatar-canvas__background-picker{grid-gap:8px;background:#0f172aeb;border:1px solid #94a3b859;border-radius:12px;bottom:52px;box-shadow:0 12px 30px #00000073;display:grid;gap:8px;max-height:260px;overflow-y:auto;padding:12px;position:absolute;right:0;width:min(260px,40vw);z-index:30}.avatar-canvas__background-option{grid-gap:12px;align-items:center;background:#1e293ba6;border:1px solid #0000;border-radius:12px;color:#e2e8f0eb;cursor:pointer;display:grid;gap:12px;grid-template-columns:56px 1fr;padding:8px}.avatar-canvas__background-option:focus-visible,.avatar-canvas__background-option:hover{background:#3b82f626;border-color:#60a5fa99}.avatar-canvas__background-option img{border-radius:8px;height:56px;object-fit:cover;width:56px}.avatar-canvas__background-fallback{align-items:center;background:#33415580;border-radius:8px;display:inline-flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.avatar-canvas__background-name{font-weight:700;text-align:left}.avatar-canvas__background-empty{color:#94a3b8e6;font-size:.9rem;padding:8px 4px}.avatar-panel__header-main{display:flex;flex:1 1 auto;flex-direction:column;gap:12px}.avatar-panel__header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.avatar-editor-panel__notices{align-items:center;animation:avatarNoticeShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#15ba5c40,#22c55e59 50%,#15ba5c40);background-size:220% 220%;border:1px solid #5cffbc73;border-radius:999px;box-shadow:0 4px 16px #15ba5c40,inset 0 0 12px #5cffbc1a;display:flex;flex-direction:column;gap:4px;left:50%;padding:8px 20px;pointer-events:none;position:absolute;top:12px;transform:translateX(-50%);z-index:25}@keyframes avatarNoticeShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.avatar-editor-panel__notices .avatar-studio__status-message{color:#fffffff2;font-size:.8rem;font-weight:500;margin:0;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.avatar-editor-panel__listing{margin-top:.5rem}.avatar-panel__chip{align-items:center;background:#94a3b82e;border-radius:999px;color:#bfdbfeeb;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.avatar-panel__scene-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.avatar-panel__zoom-controls{align-items:center;display:flex;gap:.25rem}.avatar-panel__zoom-controls .btn-icon{align-items:center;background:#94a3b826;border:1px solid #94a3b840;border-radius:8px;color:#bfdbfee6;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;padding:0;transition:background .15s,border-color .15s;width:44px}.avatar-panel__zoom-controls .btn-icon:hover:not(:disabled){background:#94a3b840;border-color:#94a3b866}.avatar-panel__zoom-controls .btn-icon:disabled{cursor:not-allowed;opacity:.4}.avatar-panel__zoom-label{color:#bfdbfed9;font-size:.75rem;min-width:48px;text-align:center}.avatar-panel__zoom-controls .btn-sm{font-size:.75rem;margin-left:.25rem;padding:.25rem .5rem}.avatar-panel__background-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.avatar-panel__control-label{color:#94a3b8cc;font-size:.65rem;letter-spacing:.04em;min-width:24px;text-transform:uppercase}.avatar-panel__position-controls{align-items:center;display:flex;gap:.5rem}.avatar-panel__position-field{align-items:center;display:flex;gap:.25rem}.avatar-panel__position-slider{accent-color:#60a5fa;accent-color:var(--focus-ring,#60a5fa);cursor:pointer;height:4px;width:60px}.avatar-saved-list{grid-gap:16px;display:grid;gap:16px;max-height:clamp(320px,45vh,480px);overflow-y:auto;padding-right:4px}.avatar-saved-list::-webkit-scrollbar{width:6px}.avatar-saved-list::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.avatar-levelup-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px}.avatar-levelup-layout>.avatar-panel{flex:1 1 360px}@media (max-width:768px){.avatar-panel{padding:16px}}@media (max-width:1280px){.avatar-dashboard{gap:20px}}@media (max-width:1024px){.avatar-page__tabs{align-self:stretch;justify-content:center}.avatar-panel__header-actions{justify-content:flex-start}.avatar-editor-panel__canvas{min-height:clamp(300px,48vw,420px)}.avatar-canvas__actions{bottom:12px;gap:8px;left:12px}.avatar-canvas__actions .btn,.avatar-canvas__background-btn{font-size:.8rem;padding:8px 12px}}@media (max-width:768px){.avatar-editor-panel__canvas{min-height:clamp(260px,60vw,360px)}.avatar-canvas__actions{background:#0f172a80;border-radius:8px;bottom:auto;justify-content:center;left:auto;margin-top:8px;padding:12px;position:relative}.avatar-canvas__actions .btn{font-size:.8rem;padding:8px 16px}}.avatar-editor__workspace{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);position:relative}.avatar-editor__inspector{grid-gap:12px;align-self:start;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:16px}.avatar-editor__drawer{background:#0f172a99;border-radius:12px}.avatar-editor__drawer-header{background:#1e293b80;color:#e2e8f0f2;font-size:.9rem;padding:12px 16px}.avatar-editor__drawer-header:hover{background:#3b82f626}.avatar-editor__drawer-title{gap:8px}.avatar-editor__drawer-chevron{opacity:.7}.avatar-editor__drawer-body{display:flex;flex-direction:column;gap:12px;padding:12px 16px}.avatar-editor__drawer-controls{gap:8px}.avatar-editor__drawer-controls .btn{flex:1 1;font-size:.75rem;min-width:60px;padding:8px 12px}.avatar-editor__inspector-field{color:#e2e8f0d9;display:flex;flex-direction:column;font-size:.8rem;gap:8px}.avatar-editor__inspector-field input[type=range]{accent-color:#60a5fa;accent-color:var(--focus-ring,#60a5fa)}.avatar-editor__inspector-placeholder{background:#1e293b66;border-radius:8px;color:#94a3b8b3;font-size:.85rem;padding:12px;text-align:center}@media (max-width:1024px){.avatar-editor__workspace{gap:12px;grid-template-columns:1fr}.avatar-editor__inspector{display:flex;flex-wrap:wrap;gap:8px;max-height:none}.avatar-editor__drawer{flex:1 1 140px;min-width:140px}.avatar-editor__drawer-body{padding:12px}}@media (max-width:640px){.avatar-editor__inspector{flex-direction:column}.avatar-editor__drawer{flex:1 1 100%}}.avatar-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.75rem;justify-content:center;margin:0 auto;padding:1.5rem 0 2.5rem;width:min(1380px,98vw)}.avatar-layout__left{display:flex;flex:1 1 780px;flex-direction:column;gap:1.5rem;min-width:min(760px,100%)}.avatar-layout__right{align-self:flex-start;display:flex;flex:0 0 clamp(320px,28vw,420px);flex-direction:column;gap:1.5rem;position:-webkit-sticky;position:sticky;top:1.5rem}.avatar-card,.avatar-form-card,.avatar-levelup-card,.avatar-summary-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:.75rem;display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.25rem,2vw,1.75rem)}.avatar-card__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.avatar-workshop__top{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.avatar-card--options,.avatar-card--preview{grid-gap:1.25rem;display:grid;gap:1.25rem}.avatar-card--accessories{gap:1.25rem}.avatar-preview__info{grid-gap:1rem;display:grid;gap:1rem}.avatar-accessories__library{grid-gap:1.25rem;display:grid;gap:1.25rem}.avatar-accessories__library-header{display:flex;flex-direction:column;gap:.25rem}.avatar-accessories__forms{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.avatar-summary__header{align-items:center;display:flex;gap:1rem}.avatar-summary__thumb{background:#1e293b99;border:1px solid #94a3b859;border:1px solid var(--glass-border,#94a3b859);border-radius:50%;display:grid;font-size:2.1rem;height:76px;place-items:center;width:76px}.avatar-summary__thumb img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-summary__meta{grid-gap:.25rem;display:grid;gap:.25rem}.avatar-summary__name{color:#e2e8f0f2;font-weight:600}.avatar-summary__level{color:#94a3b8d9;font-size:.8rem}.avatar-summary__progress{grid-gap:.5rem;display:grid;gap:.5rem}.avatar-summary__totals{align-items:center;color:#94a3b8d9;display:flex;font-size:.85rem;justify-content:space-between}.avatar-summary__totals strong{color:#e2e8f0f2;font-size:1rem}.avatar-summary__current{align-items:center;border-top:1px solid #94a3b833;display:flex;gap:.75rem;padding-top:.75rem}.avatar-summary__current-thumb{background:#1e293ba6;border:1px solid #94a3b840;border:1px solid var(--glass-border,#94a3b840);border-radius:50%;display:grid;font-size:1.5rem;height:48px;place-items:center;width:48px}.avatar-summary__current-thumb img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-summary__current-name{color:#e2e8f0f2;font-weight:600}.avatar-levelup__summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-levelup__meta{grid-gap:.5rem;display:grid;gap:.5rem;margin-top:.75rem}.avatar-levelup__header-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.avatar-levelup__btn{-webkit-backdrop-filter:saturate(140%);backdrop-filter:saturate(140%);border:1px solid #0000;border-radius:999px;font-weight:600;padding:.5rem 1.25rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.avatar-levelup__btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.avatar-levelup__btn--apply{background:linear-gradient(140deg,#0b162ff2,#14223ff2);border-color:#3b82f673;box-shadow:0 12px 28px #0f172a59}.avatar-levelup__btn--apply:not(:disabled):focus-visible,.avatar-levelup__btn--apply:not(:disabled):hover{box-shadow:0 16px 36px #0f172a73;outline:none;transform:translateY(-1px)}.avatar-levelup__btn--reset{background:#0f172ab8;border-color:#94a3b859;color:#e2e8f0d9}.avatar-levelup__btn--reset:not(:disabled):focus-visible,.avatar-levelup__btn--reset:not(:disabled):hover{background:#1e293bc7;outline:none;transform:translateY(-1px)}.avatar-levelup__btn-label{display:inline-block}.avatar-levelup__btn-label--gold{color:#fcd34d;color:var(--reward-ep-glow,#fcd34d)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.avatar-levelup__btn-label--gold{animation:avatarLevelupGoldShimmer 3.6s linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(120deg,#fff1b9,#facc15 45%,#fde68a 70%,#fff1b9);background-size:220% auto;color:#0000}}.avatar-levelup__ep-balance{color:#d1fae5;color:var(--reward-ep,#d1fae5);font-weight:600}.avatar-levelup__summary-value{font-feature-settings:"tnum";color:#d1fae5;color:var(--reward-ep,#d1fae5);font-variant-numeric:tabular-nums}@supports ((-webkit-background-clip:text) or (background-clip:text)){.avatar-levelup__ep-balance,.avatar-levelup__summary-value{animation:avatarLevelupEmeraldShimmer 5s ease-in-out infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(130deg,#bbf7d0,#e2e8f0 50%,#bef3ce);background-size:200% auto;color:#0000}}.avatar-levelup__summary-value--total{font-size:1.35rem}@keyframes avatarLevelupGoldShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes avatarLevelupEmeraldShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.avatar-levelup__btn-label--gold,.avatar-levelup__ep-balance,.avatar-levelup__summary-value{animation:none!important;background-position:50% 50%!important}}.avatar-studio__meta-line{color:#bfdbfed9;font-size:.78rem}.avatar-levelup__summary div{grid-gap:.25rem;background:#1e293b8c;border:1px solid #94a3b82e;border-radius:.75rem;display:grid;gap:.25rem;padding:.75rem}.avatar-levelup__summary strong{color:#e2e8f0f2;font-size:1.3rem}.avatar-levelup__table{grid-gap:.75rem;display:grid;gap:.75rem}.avatar-levelup__row{grid-gap:.5rem;align-items:center;background:#1e293b80;border:1px solid #94a3b829;border-radius:.75rem;display:grid;gap:.5rem;grid-template-columns:minmax(120px,1fr) 60px 72px auto;padding:.75rem}.avatar-levelup__label{color:#e2e8f0f2;font-weight:600;text-transform:capitalize}.avatar-levelup__value{font-feature-settings:"tnum";color:#bfdbfef2;font-variant-numeric:tabular-nums}.avatar-levelup__cost{color:#94a3b8d9;font-size:.8rem}.avatar-levelup__controls{display:inline-flex;gap:.5rem}.avatar-studio__status-message{color:#fcd34de6;font-size:.8rem}.avatar-studio__preview-frame{aspect-ratio:1/1;background:radial-gradient(circle at 25% 25%,#ec48992e,#60a5fa14);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:.75rem;display:grid;font-size:2.75rem;margin:0 auto;max-width:clamp(360px,42vw,520px);overflow:hidden;place-items:center;width:100%}.avatar-preview__heading{grid-gap:.5rem;display:grid;gap:.5rem}.avatar-studio__preview-frame img{height:100%;object-fit:contain;width:100%}.avatar-studio__card-copy{color:#94a3b8d9;font-size:.8rem;margin:0}.avatar-studio__preview-tags{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-studio__tag{align-items:center;background:#60a5fa2e;border-radius:999px;color:#bfdbfef2;display:inline-flex;font-size:.75rem;gap:.25rem;letter-spacing:.04em;padding:.25rem .5rem;text-transform:uppercase}.avatar-studio__action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.avatar-studio__browser{margin-top:1.5rem}.avatar-studio__listing{grid-gap:.75rem;background:#1e293b8c;border:1px dashed #94a3b84d;border-radius:.75rem;display:grid;gap:.75rem;margin-top:1rem;padding:1rem}.avatar-studio__library-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.avatar-studio__library-card{grid-gap:.5rem;background:#1e293b80;border:1px solid #94a3b833;border:1px solid var(--glass-border,#94a3b833);border-radius:.75rem;display:grid;gap:.5rem;padding:1rem}.avatar-studio__library-thumb{aspect-ratio:1/1;background:#0f172a99;border-radius:.75rem;display:grid;font-size:2rem;overflow:hidden;place-items:center;width:100%}.avatar-studio__library-thumb img{height:100%;object-fit:contain;width:100%}.avatar-studio__library-meta{grid-gap:.25rem;display:grid;gap:.25rem}.avatar-studio__library-name{color:#e2e8f0f2;font-weight:500}.avatar-studio__library-time{color:#94a3b8bf;font-size:.75rem}.avatar-studio__library-actions{grid-gap:.5rem;display:grid;gap:.5rem}.avatar-form-card{gap:1rem}.avatar-form-card__summary{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;list-style:none}.avatar-form-card__summary::-webkit-details-marker{display:none}.avatar-form-card[open]{box-shadow:0 12px 35px -25px #0f172ae6}.avatar-form-card:not([open]){padding-bottom:1rem}.avatar-form-card:not([open]) .avatar-studio__form,.avatar-form-card:not([open]) .avatar-studio__status-message{display:none}.avatar-editor--compact{grid-gap:1rem;display:grid;gap:1rem}.avatar-editor__group-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.avatar-editor__group-tab{background:#1e293b8c;border:1px solid #94a3b840;border-radius:999px;color:#bfdbfed9;font-size:.8rem;padding:.25rem 1rem;transition:background .12s ease}.avatar-editor__group-tab.is-active{background:#60a5fa2e;color:#fffffff5}.avatar-editor__picker{grid-gap:.75rem;background:#0f172a8c;border:1px solid #94a3b833;border-radius:.75rem;display:grid;gap:.75rem;padding:1rem}.avatar-editor__picker-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.avatar-editor__picker-title{color:#e2e8f0eb;font-weight:600}.avatar-editor__picker-nav{align-items:center;color:#94a3b8d9;display:inline-flex;font-size:.75rem;gap:.5rem}.avatar-editor__palette-list{display:flex;flex-direction:column;gap:.25rem}.avatar-editor__option{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;color:inherit;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .75rem;text-align:left;transition:background .12s ease,border-color .12s ease}.avatar-editor__option:focus-visible,.avatar-editor__option:hover{background:#1e293b8c;border-color:#60a5fa59}.avatar-editor__option-label{color:#e2e8f0eb;font-size:.85rem;font-weight:600}.avatar-editor__option-chip{background:#f8717138;border-radius:999px;color:#fee2e2eb;font-size:.65rem;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.avatar-editor__empty{color:#94a3b8bf;font-size:.8rem;text-align:center}.avatar-editor__layers{grid-gap:.75rem;background:#0f172a8c;border:1px solid #94a3b833;border-radius:.75rem;display:grid;gap:.75rem;padding:1rem}.avatar-editor__layers-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.avatar-editor__layer-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.avatar-editor__layer{grid-gap:.5rem;align-items:center;background:#1e293b8c;border:1px solid #94a3b82e;border-radius:.75rem;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto;padding:.5rem .75rem}.avatar-editor__layer.is-active{border-color:#60a5fa66}.avatar-editor__layer-button{grid-gap:.25rem;background:none;border:none;color:#e2e8f0eb;cursor:pointer;display:grid;gap:.25rem;text-align:left}.avatar-editor__layer-name{font-size:.85rem;font-weight:500}.avatar-editor__layer-type{color:#94a3b8bf;font-size:.75rem;text-transform:capitalize}.avatar-editor__inspector{grid-gap:.75rem;display:grid;gap:.75rem}.avatar-editor__inspector-title{color:#e2e8f0eb;font-weight:600}.avatar-editor__inspector-field{grid-gap:.25rem;color:#bfdbfed9;display:grid;font-size:.75rem;gap:.25rem}.avatar-editor__inspector-field input[type=range]{width:100%}.avatar-editor__inspector-placeholder{background:#0f172a73;border:1px dashed #94a3b840;border-radius:.75rem;color:#94a3b8d9;font-size:.8rem;padding:.75rem}.avatar-editor__drawer{background:#0f172a8c;border:1px solid #94a3b833;border-radius:.75rem;overflow:hidden}.avatar-editor__drawer.is-collapsed{overflow:hidden}.avatar-editor__drawer-header{align-items:center;background:#0f172a66;border:none;color:#e2e8f0eb;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.75rem;text-align:left;width:100%}.avatar-editor__drawer-header:focus-visible{outline:2px solid #60a5faa6;outline-offset:2px}.avatar-editor__drawer-title{align-items:center;display:flex;gap:.5rem}.avatar-editor__drawer-chevron{font-size:1.1rem;line-height:1}.avatar-editor__drawer-body{grid-gap:.75rem;background:#0f172a59;border-top:1px solid #94a3b82e;display:grid;gap:.75rem;padding:.75rem .75rem 1rem}.avatar-editor__drawer-controls{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-editor__actions{display:flex;gap:.75rem;justify-content:center}.avatar-studio__library-remove{background:#f871711f;color:#fca5a5f2}.avatar-studio__form{grid-gap:.75rem;display:grid;gap:.75rem}.avatar-studio__checkbox{align-items:center;color:#94a3b8d9;display:flex;font-size:.8rem;gap:.5rem}.avatar-studio__checkbox input{accent-color:#fbbf24;accent-color:var(--reward-ep-glow,#fbbf24)}.avatar-studio__progress-track{background:#94a3b826;border-radius:999px;height:.6rem;overflow:hidden}.avatar-studio__progress-fill{background:linear-gradient(90deg,#fbbf24,#fde68a);border-radius:999px;height:100%;transition:width .2s ease}.avatar-studio__progress-range{color:#94a3b8bf;display:flex;font-size:.75rem;justify-content:space-between}.avatar-studio__status-chip{align-items:center;background:#60a5fa2e;border-radius:999px;color:#bfdbfef2;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.avatar-studio__icon-btn{line-height:1;min-height:44px;min-width:44px;padding:.25rem .5rem}@media (max-width:1280px){.avatar-layout__right{flex:1 1 100%;position:static}.avatar-layout__left{min-width:100%}.avatar-levelup-card--actions{padding:1.5rem}}@media (max-width:1024px){.avatar-workshop__top{grid-template-columns:1fr}}@media (max-width:640px){.avatar-card__header{align-items:flex-start;flex-direction:column}.avatar-levelup__summary{grid-template-columns:1fr}.avatar-levelup__row{gap:.5rem;grid-template-columns:minmax(0,1fr)}.avatar-levelup__controls{justify-self:start}.avatar-studio__action-buttons{width:100%}.avatar-studio__action-buttons .btn{flex:1 1 45%}}.btn-surprise{background:linear-gradient(135deg,#ec489940,#a78bfa40);border:1px solid #ec489966;color:#fbcfe8f2;overflow:hidden;position:relative;transition:all .3s ease}.btn-surprise:before{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.btn-surprise:hover{background:linear-gradient(135deg,#ec489959,#a78bfa59);border-color:#ec489999;box-shadow:0 4px 20px #ec489940;transform:translateY(-1px)}.btn-surprise:hover:before{transform:translateX(100%)}.btn-surprise:active{transform:translateY(0)}.btn-surprise span[aria-hidden]{animation:surpriseDice .6s ease infinite;animation-play-state:paused;font-size:1.1em;margin-right:4px}.btn-surprise:hover span[aria-hidden]{animation-play-state:running}@keyframes surpriseDice{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.avatar-canvas__surprise-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ec48994d,#a78bfa4d);border:1px solid #ec489980;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fbcfe8f2;cursor:pointer;display:flex;font-size:1.4rem;height:44px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .25s ease;width:44px;z-index:20}.avatar-canvas__surprise-btn:hover{background:linear-gradient(135deg,#ec489980,#a78bfa80);border-color:#ec4899cc;box-shadow:0 6px 20px #ec489959;transform:scale(1.08)}.avatar-canvas__surprise-btn:hover span{animation:surpriseDice .5s ease infinite}.avatar-canvas__surprise-btn:active{transform:scale(.95)}.avatar-editor-panel__empty-state{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.avatar-empty-state__content{align-items:center;animation:emptyStateFadeIn .5s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:12px;max-width:340px;padding:32px;pointer-events:auto;text-align:center}@keyframes emptyStateFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-empty-state__icon{filter:drop-shadow(0 4px 12px rgba(99,102,241,.3));font-size:3rem;line-height:1}.avatar-empty-state__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e7ff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#fffffff2;font-size:1.35rem;font-weight:700;margin:0}.avatar-empty-state__desc{color:#94a3b8f2;font-size:.85rem;line-height:1.5;margin:0}.avatar-empty-state__actions{display:flex;gap:12px;margin-top:8px}.avatar-empty-state__actions .btn{font-size:.9rem;padding:12px 20px}.avatar-eve-card{margin-top:1rem}.avatar-eve-inline{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.avatar-eve-inline__input{background:#1e293b99;border:1px solid #94a3b840;border-radius:.5rem;color:#fffffff2;font-size:.9rem;padding:.5rem .75rem;text-align:center;transition:border-color .2s ease,background .2s ease;width:120px}.avatar-eve-inline__input:hover{background:#1e293bcc;border-color:#60a5fa66}.avatar-eve-inline__input:focus{background:#1e293be6;border-color:#60a5fa99;outline:none}.avatar-eve-inline__input::placeholder{color:#94a3b880}.avatar-eve__form{display:flex;flex-direction:column;gap:1rem}.avatar-eve__field{display:flex;flex-direction:column;gap:.5rem}.avatar-eve__field-label{color:#bfdbfef2;font-size:.85rem;font-weight:600}.avatar-eve__name-input{background:#1e293b99;border:1px solid #94a3b840;border-radius:.75rem;color:#fffffff2;font-size:1rem;max-width:280px;padding:.75rem 1rem;transition:border-color .2s ease}.avatar-eve__name-input:focus{border-color:#60a5fa99;outline:none}.avatar-eve__name-input::placeholder{color:#94a3b880}.avatar-eve__hint{color:#94a3b8bf;font-size:.8rem;margin:0}.avatar-battle-arts-layout{padding:1rem 0}.article-detail-page{background:var(--secondary-bg);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.article-detail-header{align-items:center;border-bottom:2px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.article-header{margin-bottom:32px;text-align:center}.article-header h1{color:var(--text-primary);font-size:2.5rem;line-height:1.2;margin-bottom:12px}.article-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:400;line-height:1.3;margin-bottom:20px}.article-meta{align-items:center;display:flex;flex-direction:column;gap:16px}.article-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-badge{background:#17a2b8;background:var(--info-color,#17a2b8);letter-spacing:.5px}.category-badge,.status-badge.published{border-radius:24px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.published{background:#28a745;background:var(--success-color,#28a745)}.featured-badge{background:#ffc107;background:var(--warning-color,#ffc107);border-radius:24px;color:var(--text-primary);font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.article-info{color:var(--text-secondary);text-align:center}.article-info p{font-size:.9rem;margin:4px 0}.article-info strong{color:var(--text-primary)}.article-body,.article-detail-content{display:flex;flex-direction:column;gap:32px}.article-main{display:flex;flex-direction:column;gap:24px}.article-main section{background:var(--secondary-bg);border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;padding:32px}.article-engagement{display:flex;flex-direction:column;gap:clamp(12px,2vw,20px)}.article-engagement-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.article-rating-shell{display:flex;flex:1 1 260px;min-width:220px}.article-rating-inline .more-less-rating,.comment-rating .more-less-rating{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.article-rating-inline .rating-buttons-compact,.comment-rating .rating-buttons-compact{flex-wrap:wrap;gap:.25rem;justify-content:flex-start}.article-rating-inline .rating-btn,.comment-rating .rating-btn{border-width:1px;flex:1 1 clamp(96px,45%,180px);gap:.25rem;min-width:clamp(96px,45%,160px);padding:.25rem 1rem}.article-rating-inline .rating-btn.active,.comment-rating .rating-btn.active{border-color:#ffd780ad;box-shadow:0 0 18px #ffcc666b,0 8px 18px #060a1473;color:#fff;color:var(--text-primary,#fff)}.article-rating-inline .rating-btn.active .btn-text,.article-rating-inline .rating-btn.active .btn-total,.comment-rating .rating-btn.active .btn-text,.comment-rating .rating-btn.active .btn-total{color:#fff;color:var(--text-primary,#fff);text-shadow:0 0 8px #ffcc80b3}.article-rating-inline .btn-text,.comment-rating .btn-text{font-size:.75rem;font-weight:600}.article-rating-inline .btn-total,.comment-rating .btn-total{font-size:.65rem}.article-engagement-row .peer-review-btn{border-radius:999px;margin:0;padding:12px 20px}.article-engagement-row .peer-review-btn[disabled]{cursor:not-allowed;opacity:.65}.article-engagement-row .article-repost-btn,.article-engagement-row .gift-recognition-button{margin:0}.gift-recognition-button{background:linear-gradient(135deg,#1c3d87f2,#102b69f2);border:1px solid #244ea899;border-radius:999px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.88rem;font-weight:600;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gift-recognition-button:hover{border-color:#386cd0c7;box-shadow:0 12px 26px #14307052;transform:translateY(-1px)}.article-repost-btn{border-radius:999px;padding:12px 20px}.article-review-meta-inline{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:16px}.article-review-meta-inline strong{color:var(--text-primary)}.review-hint-inline{color:var(--text-secondary);font-size:.85rem;margin:0}.reviews-summary{display:flex;flex-direction:column;gap:12px}.review-item{background:#1216232e;border:1px solid var(--glass-border);border-radius:12px;padding:16px}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.review-type{font-weight:600;text-transform:capitalize}.review-status{background:#ffffff1f;border-radius:999px;font-size:.75rem;padding:4px 8px;text-transform:uppercase}.review-score{color:var(--text-primary);font-weight:600}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{background:#1216232e;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);padding:clamp(16px,2.5vw,24px)}.comment-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.comment-author{color:var(--text-primary);font-weight:600}.comment-composer textarea{background:#1216232e;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);color:var(--text-primary);min-height:120px;padding:12px;resize:vertical}.comment-composer textarea:focus{border-color:#17a2b8;border-color:var(--info-color,#17a2b8);box-shadow:0 0 0 2px #17a2b833;outline:none}.comment-submit{align-self:flex-start;background:#17a2b8;background:var(--info-color,#17a2b8);border:none;border-radius:8px;color:#fff;color:var(--text-inverse,#fff);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 16px;transition:transform .2s ease,background .2s ease}.comment-submit:disabled{cursor:not-allowed;opacity:.6}.comment-submit:not(:disabled):hover{background:#138496;background:var(--info-hover,#138496);transform:translateY(-1px)}.comment-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:12px}.comment-gift-btn{font-size:.85rem;padding:8px 16px}.comment-gift-btn[disabled]{cursor:not-allowed;opacity:.65}.article-main h3{border-bottom:2px solid #17a2b8;border-bottom:2px solid var(--info-color,#17a2b8);color:var(--text-primary);font-size:1.3rem;margin-bottom:16px;padding-bottom:8px}.article-excerpt p{color:var(--text-secondary);font-size:1.1rem;font-style:italic;line-height:1.6}.content-body{color:var(--text-primary);font-size:1.05rem;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}.content-body>*{max-width:100%}.content-body iframe,.content-body img,.content-body video{border-radius:8px;display:block;height:auto;margin:16px auto;max-width:100%}.content-body table{border-collapse:collapse;display:block;overflow-x:auto;width:100%}.content-body table td,.content-body table th{border:1px solid var(--glass-border);padding:8px 12px}.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{color:var(--text-primary);line-height:1.3;margin:20px 0 16px}.content-body p{margin-bottom:16px}.content-body ol,.content-body ul{margin:16px 0;padding-left:32px}.content-body li{margin-bottom:8px}.content-body blockquote{background:var(--tertiary-bg);border-left:4px solid #17a2b8;border-left:4px solid var(--info-color,#17a2b8);border-radius:0 4px 4px 0;font-style:italic;margin:20px 0;padding:16px 20px}.content-body code{font-family:var(--font-mono);font-size:.9em;padding:2px 8px}.content-body code,.content-body pre{background:var(--tertiary-bg);border-radius:4px}.content-body pre{margin:16px 0;overflow-x:auto;padding:16px}.content-body pre code{background:none;padding:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--tertiary-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 8px}.article-info-card{background:var(--secondary-bg);border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px}.article-info-card h3{border-bottom:2px solid #17a2b8;border-bottom:2px solid var(--info-color,#17a2b8);color:var(--text-primary);font-size:1.3rem;margin-bottom:20px;padding-bottom:8px}.peer-review-btn,.repost-btn{background:#17a2b8;background:var(--info-color,#17a2b8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:12px;margin-right:12px;padding:12px 20px;transition:all .3s}.peer-review-btn:hover{background:#138496;background:var(--info-hover,#138496);transform:translateY(-1px)}.repost-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.repost-btn:hover{background:var(--btn-secondary-hover-bg);transform:translateY(-1px)}.featured-image-card{background:var(--secondary-bg);border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:24px}.featured-image-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:16px}.featured-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;width:100%}.article-rate-section{background:#1216232e;border-radius:12px;border-radius:var(--radius-md,12px);margin-top:clamp(.75rem,4vw,1rem);margin-top:clamp(var(--spacing-md,.75rem),4vw,var(--spacing-lg,1rem));padding:clamp(.5rem,3vw,.75rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.article-review-overlay{padding:clamp(.75rem,5vw,2.75rem);padding:clamp(var(--spacing-md,.75rem),5vw,2.75rem)}.article-review-dialog{-webkit-overflow-scrolling:touch;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1rem);gap:clamp(var(--spacing-md,.75rem),3vw,var(--spacing-lg,1rem));margin:clamp(1.5rem,10vh,6rem) auto;max-height:min(85vh,760px);overflow-y:auto;padding:clamp(.75rem,4vw,1.75rem);padding:clamp(var(--spacing-md,.75rem),4vw,1.75rem);width:min(640px,calc(100vw - 2rem));width:min(640px,calc(100vw - var(--layout-gutter-inline, 1rem)*2))}.article-review-header{align-items:center;display:flex;gap:clamp(.5rem,2vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),2vw,var(--spacing-md,.75rem));justify-content:space-between}.article-review-title{margin:0}.article-review-body{display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1rem);gap:clamp(var(--spacing-md,.75rem),3vw,var(--spacing-lg,1rem))}.article-review-type{display:flex;flex-direction:column;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.article-review-options{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.article-review-option,.article-review-options{display:grid;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem))}.article-review-option{grid-gap:clamp(.5rem,3vw,.75rem);grid-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));align-items:flex-start;background:#12162338;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md,12px);grid-template-columns:auto 1fr;padding:clamp(.5rem,3vw,.75rem) clamp(.75rem,4vw,1.25rem);padding:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem)) clamp(var(--spacing-md,.75rem),4vw,1.25rem)}.article-review-option span{color:var(--text-primary);display:block;font-weight:600}.article-review-option small{color:var(--text-secondary);display:block;font-size:.85rem;line-height:1.4;margin-top:clamp(.25rem,2vw,.5rem);margin-top:clamp(var(--spacing-2xs,.25rem),2vw,var(--spacing-xs,.5rem))}.article-review-meta{grid-gap:clamp(.25rem,3vw,.5rem);grid-gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem));color:var(--text-secondary);display:grid;font-size:.95rem;gap:clamp(.25rem,3vw,.5rem);gap:clamp(var(--spacing-2xs,.25rem),3vw,var(--spacing-sm,.5rem))}.article-review-footer{display:flex;gap:clamp(.5rem,3vw,.75rem);gap:clamp(var(--spacing-sm,.5rem),3vw,var(--spacing-md,.75rem));justify-content:flex-end}@media (max-width:768px){.article-detail-page{padding:16px}.article-header h1{font-size:2rem}.article-subtitle{font-size:1.2rem}.article-body{gap:20px}.article-detail-header{flex-direction:column;gap:16px;text-align:center}.article-badges{justify-content:center}.article-info-card,.article-main section,.featured-image-card{padding:20px}.article-meta{align-items:center}.article-info{text-align:center}.article-review-dialog{gap:12px;padding:12px;width:min(96vw,520px)}.article-review-option{grid-template-columns:minmax(0,1fr)}.article-review-footer{align-items:stretch;flex-direction:column-reverse}.article-review-footer button{width:100%}}@media (max-width:480px){.article-detail-page{padding:12px}.article-header h1{font-size:1.5rem}.article-subtitle{font-size:1rem}.article-info-card,.article-main section,.featured-image-card{padding:16px}.peer-review-btn,.repost-btn{font-size:.9rem;margin-right:0;padding:12px 16px;width:100%}.article-rate-section{padding:8px}.content-body{font-size:1rem}.article-rating-shell{flex:1 1 100%;min-width:180px}}.user-suggestion-input{grid-gap:8px;display:grid;gap:8px;position:relative}.user-suggestion-input__label{color:#dfe8f8bd;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.user-suggestion-input__control{align-items:center;display:flex;position:relative}.user-suggestion-input__field{padding-right:36px}.user-suggestion-input__clear{background:none;border:none;color:#e8f0ffa6;cursor:pointer;font-size:20px;line-height:1;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.user-suggestion-input__clear:focus,.user-suggestion-input__clear:hover{color:#ffffffe6}.user-suggestion-input__helper{color:#d6e4ffb8;font-size:12px;margin:0}.user-suggestion-input__popover{grid-gap:2px;background:#091220f5;border:1px solid #7ebaff38;border-radius:12px;box-shadow:0 16px 32px #0409146b;display:grid;gap:2px;left:0;max-height:210px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.user-suggestion-input__status{color:#d6e4ffc7;font-size:13px;padding:8px}.user-suggestion-input__option{align-items:center;background:#0f182cad;border:none;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .12s ease,transform .12s ease;width:100%}.user-suggestion-input__option:focus,.user-suggestion-input__option:hover{background:#29497a61;transform:translateX(2px)}.user-suggestion-input__option:disabled{cursor:not-allowed;opacity:.5;transform:none}.user-suggestion-input__option-name{font-size:14px;font-weight:500}.user-suggestion-input__option-meta{color:#c1d6ffad;font-size:12px}.user-suggestion-multi__control{align-items:center;background:#0e182cbf;border:1px solid #ffffff14;border-radius:12px;cursor:text;display:flex;min-height:48px;padding:8px 12px}.user-suggestion-multi__chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.user-suggestion-multi__chip{align-items:center;background:#2977ff2e;border-radius:999px;color:#e3efffeb;display:inline-flex;font-size:13px;gap:8px;padding:8px 12px}.user-suggestion-multi__chip-remove{background:none;border:none;color:#e3efffb8;cursor:pointer;font-size:16px;line-height:1}.user-suggestion-multi__chip-remove:focus,.user-suggestion-multi__chip-remove:hover{color:#ffffffe6}.user-suggestion-multi__field{background:#0000;border:none;color:inherit;flex:1 1;font-size:14px;min-width:160px;outline:none;padding:8px}.user-suggestion-multi__field::placeholder{color:#c4d4f099}@media (max-width:768px){.user-suggestion-input__field{font-size:16px;padding:12px 40px 12px 12px}.user-suggestion-input__clear{align-items:center;display:flex;font-size:22px;justify-content:center;min-height:36px;min-width:36px;right:12px}.user-suggestion-input__popover{border-radius:12px;max-height:180px;padding:8px}.user-suggestion-input__option{border-radius:8px;min-height:44px;padding:12px}.user-suggestion-multi{gap:8px}.user-suggestion-multi__chip{font-size:14px;padding:8px 12px}.user-suggestion-multi__field{font-size:16px;min-width:120px;padding:8px}}@media (max-width:480px){.user-suggestion-input__popover{max-height:160px}.user-suggestion-multi__chip{font-size:13px;padding:8px 12px}}.article-builder{background:radial-gradient(circle at top,#1e365e26,#0000 55%),linear-gradient(180deg,#0e172a14,#0000);display:flex;justify-content:center;min-height:100%;padding:32px 16px 72px}.article-builder__surface{grid-gap:32px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a101cb8;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 18px 60px #04091473;color:#f5f7fb;display:grid;gap:32px;padding:32px clamp(16px,4vw,40px) 40px;width:min(960px,100%)}.article-builder__block-toolbar button{color:inherit;font-size:24px;font-weight:600;padding:16px 20px}.article-subtitle-input{font-size:18px;font-weight:400;opacity:.9}.article-builder__block-toolbar button:hover:not(:disabled){background:#5895e929;border-radius:12px}.article-builder__block-toolbar button:disabled{cursor:not-allowed;opacity:.45}.article-builder__block-toolbar button:focus-visible{outline:2px solid #7ebaffb3;outline-offset:3px}.article-builder__panels{grid-gap:16px;display:grid;gap:16px}.article-collapsible{background:#091220db;border:1px solid #ffffff14;border-radius:16px}.article-collapsible.open{border-color:#73baff73;transform:translateY(-2px)}.article-collapsible__header{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:16px;justify-content:space-between;padding:20px clamp(16px,4vw,24px) 16px;width:100%}.article-collapsible__header:hover{background:#ffffff0a}.article-collapsible__title{align-items:center;display:flex;gap:12px}.article-collapsible__icon{font-size:20px;opacity:.9}.article-collapsible__chevron{font-size:24px;line-height:1}.article-collapsible__description{color:#f1f6ffc7;font-size:14px;margin:0 24px 16px}.article-collapsible__body{grid-gap:16px;display:grid;gap:16px;padding:0 clamp(16px,4vw,28px) 24px}.article-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{grid-gap:8px;color:inherit;gap:8px}.form-group span{color:#dfe8f8bd;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.form-group.full-width{grid-column:1/-1}.form-group .form-input,.form-group .form-textarea{background:#0e182cbf;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 0 0 1px #3b7acd14;color:inherit}.article-access{grid-gap:16px;display:grid;gap:16px}.article-access__visibility{grid-gap:8px;background:#08101cb8;border:1px solid #ffffff1f;border-radius:12px;display:grid;gap:8px;padding:16px}.article-access__visibility legend{color:#dbe9ffb8;font-size:12px;letter-spacing:.16em;padding:0 4px;text-transform:uppercase}.article-access__visibility label{align-items:center;color:#edf3ffdb;display:flex;font-size:14px;gap:8px}.article-access__options{display:flex;flex-wrap:wrap;gap:12px}.article-access__checkbox{align-items:center;background:#3b7acd24;border-radius:999px;color:#d6e8ffeb;display:flex;gap:8px;padding:12px}.article-immersion{grid-gap:16px;display:grid;gap:16px}.article-immersion__mode{display:flex;flex-wrap:wrap;gap:16px}.article-immersion__mode label{align-items:center;background:#3b7acd2e;border-radius:999px;color:#dfecffe6;display:flex;gap:8px;padding:12px}.article-immersion__color{grid-gap:8px;display:grid;gap:8px;max-width:160px}.article-immersion__color input[type=color]{border:none;border-radius:12px;cursor:pointer;height:48px;width:100%}.article-immersion__slider{align-items:center;color:#d8e6fbcc;display:flex;gap:12px}.article-immersion__slider input[type=range]{flex:1 1}.article-immersion__slider-value{font-weight:600;min-width:48px;text-align:right}.article-builder__blocks{grid-gap:16px;display:grid;gap:16px}.article-builder__blocks-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.article-builder__blocks-header h3{font-size:20px;letter-spacing:.04em;margin:0;text-transform:uppercase}.article-builder__blocks-header p{color:#dce8f9b3;font-size:13px;margin:8px 0 0}.article-builder__block-toolbar{display:flex;flex-wrap:wrap;gap:12px}.article-block,.article-blocks{grid-gap:16px;display:grid;gap:16px}.article-block{background:#081222db;border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff05;padding:20px clamp(16px,4vw,28px) 24px}.article-block__insert{align-items:center;color:#d3e1f9bf;display:flex;font-size:13px;gap:12px;justify-content:center;margin:12px 0 8px}.article-block__insert-actions{display:inline-flex;gap:8px}.article-block__insert-actions button{background:#14223cb8;border:1px solid #7ebaff52;border-radius:999px;color:#e2eeffeb;cursor:pointer;font-size:12px;padding:8px 12px;transition:background .16s ease,transform .16s ease}.article-block__insert-actions button:focus-visible,.article-block__insert-actions button:hover{background:#4a81d147;outline:none;transform:translateY(-1px)}.article-block__insert-actions button:active{transform:translateY(0)}.article-block__header{align-items:center;color:#e5eefff0;display:flex;gap:12px;justify-content:space-between}.article-block__remove{background:none;border:none;color:#ff7777e0;cursor:pointer;font-size:14px}.article-block__text{grid-gap:12px;display:grid;gap:12px}.article-richtext-toolbar{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);display:flex;flex-wrap:wrap;gap:12px 12px;padding:12px}.article-richtext-toolbar__group{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:8px}.article-richtext-toolbar__group--secondary{flex-basis:100%;gap:12px;justify-content:flex-start;margin-top:2px}.article-richtext-toolbar select{background:linear-gradient(135deg,#0c1424eb,#121c2eeb);border:1px solid #94c5ff59;border-radius:12px;color:#e2e8f0;font-size:13px;min-width:120px;padding:8px 12px;transition:border-color .16s ease,box-shadow .16s ease}.article-richtext-toolbar__color{align-items:center;color:#e2ebfcb8;display:inline-flex;font-size:12px;gap:8px;letter-spacing:.12em;text-transform:uppercase}.article-richtext-toolbar__color input[type=color]{background:#0000;border:1px solid #94c5ff66;border-radius:12px;box-shadow:inset 0 0 0 1px #f8fafc0d;cursor:pointer;height:28px;padding:0;width:28px}.article-block__richtext{background:#0a1426b8;border:1px solid #ffffff14;border-radius:12px;color:inherit;line-height:1.65;min-height:180px;outline:none;padding:16px;white-space:pre-wrap;word-break:break-word}.article-block__richtext:focus{border-color:#7ebaff99;box-shadow:0 0 0 1px #7ebaff59}.article-block__richtext[data-placeholder][data-empty=true]:before{color:#d3e1f975;content:attr(data-placeholder);pointer-events:none}.article-block__richtext[data-placeholder][data-empty=true]:focus:before{color:#bccfee94}.article-block__images{grid-gap:16px;display:grid;gap:16px}.article-block__upload{align-items:center;background:#3b7acd29;border-radius:12px;color:#d8eaffe6;cursor:pointer;display:inline-flex;gap:12px;padding:12px 16px}.article-block__upload input[type=file]{display:none}.article-block__questionnaire{grid-gap:16px;display:grid;gap:16px}.article-question-card,.article-question-list{grid-gap:12px;display:grid;gap:12px}.article-question-card{background:#0d1626b3;border:1px dashed #ffffff29;border-radius:12px;padding:16px}.article-question-card__controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.article-question-card__controls select{background:#101c30db;border:1px solid #73b6ff47;border-radius:12px;color:#e5f0fff0;min-width:160px;padding:12px}.article-question-card__checkbox{align-items:center;display:flex;gap:8px}.article-question-card__hint{color:#c0d6f2a3;font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.article-question-card__free-text{color:#cee0f8c2;font-size:13px;margin:4px 0 0}.article-question-card__preview{grid-gap:12px;background:#0e182c99;border:1px solid #7ebaff2e;border-radius:12px;display:grid;gap:12px;margin-top:12px;padding:12px}.article-question-card__preview-label{color:#c7daf7b8;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.article-question-card__preview-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.article-question-card__preview-list label{align-items:center;background:#0c1424b3;border:1px solid #6eaaf529;border-radius:12px;color:#e2edffeb;display:flex;gap:12px;padding:8px 12px}.article-question-card__preview-list input{accent-color:#7bb6ff;pointer-events:none}.article-question-card__preview-text{background:#0c1424b3;border:1px solid #73b6ff3d;border-radius:12px;color:#cddcf7cc;padding:12px;resize:none;width:100%}.article-question-suggestions{grid-gap:8px;background:#16243acc;border:1px solid #7ebaff3d;border-radius:12px;display:grid;gap:8px;margin-top:8px;padding:12px}.article-question-suggestions__label{color:#cbddf8bd;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.article-question-suggestions__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.article-question-suggestions__list button{padding:8px 12px}.article-question-suggestions__button{align-items:flex-start;display:flex;flex-direction:column;gap:2px;line-height:1.3;max-width:clamp(220px,40vw,320px);min-width:0;text-align:left;white-space:normal}.article-question-suggestions__prompt{color:#ebf3fff2;font-weight:600}.article-question-suggestions__meta{color:#bed4f4d1;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:none}.article-question-card__remove{background:none;border:none;color:#ff9090db;cursor:pointer;justify-self:flex-start}.article-question-card__add{justify-self:start}.article-question-card__rewards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.article-builder__tags{grid-gap:8px;display:grid;gap:8px}.article-builder__actions{display:flex;gap:12px;justify-content:flex-end}.article-builder__actions button,.article-builder__block-toolbar button,.article-question-card__add,.article-question-suggestions__list button,.article-richtext-toolbar button{background:linear-gradient(135deg,#141c2eeb,#1c263ceb);border:1px solid #94c5ff61;border-radius:999px;box-shadow:inset 0 1px 0 #f8fafc0d;color:#e2e8f0;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .16s ease}.article-builder__actions button:hover:not(:disabled),.article-builder__block-toolbar button:hover:not(:disabled),.article-question-card__add:hover:not(:disabled),.article-question-suggestions__list button:hover:not(:disabled),.article-richtext-toolbar button:hover:not(:disabled){background:linear-gradient(135deg,#1a243afa,#22304efa);border-color:#facc1580;box-shadow:0 14px 32px #070b188c;transform:translateY(-1px)}.article-builder__actions button:disabled,.article-builder__block-toolbar button:disabled,.article-question-card__add:disabled,.article-question-suggestions__list button:disabled,.article-richtext-toolbar button:disabled{cursor:default;opacity:.45}.article-richtext-toolbar button[data-active=true]{background:linear-gradient(135deg,#202c4a,#2a385c);border-color:#facc15a6;box-shadow:0 0 0 1px #facc1573,0 18px 42px #070c1899;color:#fef9c3}.article-richtext-toolbar button[data-active=true]:hover:not(:disabled){border-color:#facc15bf;transform:translateY(-1px)}.article-builder__actions button:focus-visible,.article-builder__block-toolbar button:focus-visible,.article-question-card__add:focus-visible,.article-question-suggestions__list button:focus-visible,.article-richtext-toolbar button:focus-visible{outline:2px solid #facc15bf;outline-offset:3px}@media (max-width:768px){.article-builder__surface{gap:16px;padding:16px 12px 32px}.article-builder{padding:16px 12px 56px}.article-builder__blocks-header{align-items:flex-start;flex-direction:column;gap:8px}.article-form-grid{gap:12px;grid-template-columns:1fr}.article-builder__actions{flex-direction:column;gap:8px}.article-builder__actions button{min-height:44px;width:100%}.article-block__questionnaire,.article-immersion{gap:12px}}@media (max-width:480px){.article-builder__surface{gap:12px;padding:12px 8px 24px}.article-builder{padding:12px 8px 48px}}.data-lab{background:linear-gradient(160deg,#111827,#0f172a);color:#f8fafc;color:var(--text-inverse,#f8fafc);display:flex;flex-direction:column;min-height:100vh}.data-lab a,.data-lab button,.data-lab h1,.data-lab h2,.data-lab h3,.data-lab input,.data-lab li,.data-lab p,.data-lab span,.data-lab strong,.data-lab table,.data-lab ul{color:inherit}.data-lab__header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;padding:2.5rem 3rem}.data-lab__eyebrow{color:#f8fafca6;font-size:.875rem;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.data-lab__lede{color:#f8fafcb8;margin-top:.75rem;max-width:640px}.data-lab__header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-end;row-gap:.75rem}.data-lab__header-meta>div{background:#94a3b829;border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;min-width:120px;padding:1rem;text-align:center}.data-lab__header-meta span{color:#f8fafca6;font-size:.75rem}.data-lab__header-meta strong{font-size:1.25rem}.data-lab__grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:280px minmax(0,1fr) 320px;padding:0 3rem 3rem}.data-lab__catalog,.data-lab__toolkit,.data-lab__workspace{background:#0f172ae0;border-radius:1.25rem;box-shadow:0 25px 50px -12px #0f172a99;padding:1.75rem}.data-lab__section+.data-lab__section{border-top:1px solid #47556966;margin-top:1.75rem;padding-top:1.75rem}.data-lab__section h2{font-size:1rem;font-weight:600;margin-bottom:.75rem}.data-lab__section-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.data-lab__view-toggle{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.data-lab__view-toggle button{align-items:center;background:#4755691a;border:1px solid #0000;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s ease,background .2s ease;width:100%}.data-lab__view-toggle button .icon{height:1.25rem;width:1.25rem}.data-lab__view-toggle button.active{background:#818cf82e;border-color:#818cf873}.data-lab__view-toggle button:hover{border-color:#818cf833}.data-lab__filter-group{background:#1e293bb3;border:1px solid #47556959;border-radius:.75rem;margin:1rem 0 1.5rem;padding:1rem}.data-lab__filter-group legend{font-size:.9rem;font-weight:600;padding:0 .5rem}.data-lab__filter-group label{grid-gap:.75rem;align-items:center;border-radius:.5rem;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;padding:.5rem;transition:background .2s ease}.data-lab__filter-group label:hover{background:#47556926}.data-lab__filter-group label.active{background:#818cf82e}.data-lab__filter-group label .count{font-feature-settings:"tnum";color:#f8fafca6;font-size:.75rem;font-variant-numeric:tabular-nums}.data-lab__filter-group input{accent-color:#818cf8;accent-color:var(--accent-purple-light,#818cf8)}.data-lab__demographics,.data-lab__location-controls,.data-lab__measure-controls{background:#0f172a59;border:1px solid #47556959;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1.25rem}.data-lab__demographics h3,.data-lab__location-controls h3,.data-lab__measure-controls h3{font-size:.95rem;font-weight:600;margin:0}.data-lab__location-form{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:640px){.data-lab__location-form{align-items:end;grid-template-columns:1fr auto auto}}.data-lab__location-form .data-lab__pill-button{justify-self:start}.data-lab__location-form input[type=text]{background:#0f172a99;border:1px solid #47556973;border-radius:.75rem;color:inherit;padding:.5rem 1rem}.data-lab__location-radius{display:flex;flex-direction:column;gap:.25rem}.data-lab__location-radius label{color:#f8fafc99;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.data-lab__location-radius>div{align-items:center;background:#0f172a99;border:1px solid #47556973;border-radius:.75rem;display:inline-flex;gap:.25rem;padding:.5rem}.data-lab__location-radius input[type=number]{background:#0000;border:0;color:inherit;font-size:.9rem;text-align:right;width:72px}.data-lab__location-radius span{color:#f8fafc99;font-size:.8rem;text-transform:uppercase}.data-lab__field-error{color:#fca5a5;color:var(--error-light,#fca5a5);font-size:.8rem;margin:0}.data-lab__location-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.data-lab__location-list li{align-items:center;background:#1e293b73;border:1px solid #47556959;border-radius:.75rem;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem}.data-lab__location-list li strong{display:block;font-size:.9rem}.data-lab__location-list li span{color:#f8fafc99;font-size:.75rem}.data-lab__demographic-tags{display:flex;flex-direction:column;gap:.5rem}.data-lab__subheading{color:#f8fafc99;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.data-lab__chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.data-lab__chip-button{background:#0000;border:1px solid #818cf859;border-radius:999px;color:inherit;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:border-color .2s ease,background .2s ease}.data-lab__chip-button:hover{border-color:#818cf899}.data-lab__chip-button.active{background:#818cf838;border-color:#818cf8a6;color:#e0e7ff;color:var(--accent-purple-light,#e0e7ff)}.data-lab__filter-group--demographics label{align-items:flex-start;gap:.5rem;grid-template-columns:auto 1fr}.data-lab__filter-group--demographics label .data-lab__tag-hint{color:#f8fafc8c;font-size:.75rem;grid-column:2/span 1}.data-lab__hint{color:#f8fafca6;font-size:.85rem;line-height:1.5;margin-bottom:1rem}.data-lab__secondary{align-items:center;background:#4f46e52e;border:1px solid #818cf859;border-radius:.75rem;color:#c0c5ffe6;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.data-lab__secondary:disabled{cursor:not-allowed;opacity:.5}.data-lab__exit{align-items:center;background:#f8717126;border:1px solid #f8717166;border-radius:.75rem;color:#fee2e2e6;cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s ease,background .2s ease}.data-lab__exit:hover{background:#f8717138;border-color:#f87171b3}.data-lab__state{color:#f8fafcb3;text-align:center}.data-lab__state--error{color:#fda4af;color:var(--error-light,#fda4af)}.data-lab__refresh{align-items:center;background:#47556940;border:1px solid #47556980;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.data-lab__catalog-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.data-lab__catalog-search{display:flex;flex-direction:column;gap:.5rem}.data-lab__catalog-search label{color:#f8fafc99;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.data-lab__catalog-search>div{align-items:center;display:flex;gap:.5rem}.data-lab__catalog-search input{background:#0f172a99;border:1px solid #47556973;border-radius:.75rem;color:inherit;flex:1 1;padding:.5rem 1rem}.data-lab__catalog-search input:focus{border-color:#818cf88c;outline:none}.data-lab__catalog-clear{background:#47556959;border:0;border-radius:.75rem;color:#f8fafcd9;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:background .2s ease}.data-lab__catalog-clear:hover{background:#818cf859}.data-lab__catalog-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.data-lab__catalog-tabs button{background:#0f172a8c;border:1px solid #47556973;border-radius:999px;color:inherit;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:border-color .2s ease,background .2s ease}.data-lab__catalog-tabs button:hover{border-color:#818cf873}.data-lab__catalog-tabs button.active{background:#818cf838;border-color:#818cf8a6;color:#e0e7ff;color:var(--accent-purple-light,#e0e7ff)}.data-lab__refresh:disabled{cursor:not-allowed;opacity:.6}.data-lab__refresh .icon{height:1rem;width:1rem}.data-lab__refresh .spin{animation:spin 1s linear infinite}.data-lab__table-wrapper{background:#1e293bb3;border:1px solid #47556966;border-radius:1rem;overflow:hidden}.data-lab__table-wrapper table{border-collapse:collapse;min-width:640px;width:100%}.data-lab__table-wrapper td,.data-lab__table-wrapper th{border-bottom:1px solid #47556959;font-size:.9rem;padding:.75rem 1rem;text-align:left}.data-lab__table-wrapper th{background:#47556952;font-weight:600;letter-spacing:.01em}.data-lab__table-footnote{color:#f8fafca6;font-size:.8rem;padding:.75rem 1rem;text-align:right}.data-lab__chart{background:#1e293bb3;border:1px solid #47556966;border-radius:1rem;padding:1.5rem}.data-lab__chart ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:1rem 0 0;padding:0}.data-lab__chart li{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1.5fr 2fr auto}.data-lab__chart .bar{background:#47556959;border-radius:999px;overflow:hidden}.data-lab__chart .bar span{background:linear-gradient(90deg,#818cf880,#3b82f6d9);display:block;height:.6rem}.data-lab__chart .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-lab__regression{background:#1e293bb3;border:1px solid #47556966;border-radius:1rem;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.data-lab__regression header{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.data-lab__regression header .stats{display:flex;gap:1rem}.data-lab__regression header .stats>div{background:#94a3b829;border-radius:.75rem;padding:.75rem 1rem;text-align:center}.data-lab__regression .badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.data-lab__regression .badge--high{background:#3b82f640}.data-lab__regression .badge--medium{background:#818cf840}.data-lab__regression .badge--low{background:#ef444433}.data-lab__predictor-list{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:0;padding:0}.data-lab__predictor-list .predictor{align-items:center;display:flex;gap:1rem;justify-content:space-between}.data-lab__predictor-list p{color:#f8fafcb3;margin-top:.5rem}.data-lab__catalog{display:flex;flex-direction:column;gap:1rem}.data-lab__chip{align-items:center;background:#47556933;border:1px solid #94a3b859;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .75rem}.data-lab__chip:disabled{cursor:not-allowed;opacity:.5}.data-lab__article-actions{display:flex;flex-wrap:wrap;gap:.5rem}.data-lab__pill-button{align-items:center;background:#4f46e529;border:1px solid #818cf873;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.data-lab__library-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.data-lab__library-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1rem 0 0;padding:0}.data-lab__library-card{background:#1e293b80;border:1px solid #47556959;border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.data-lab__library-card strong{font-size:.95rem}.data-lab__library-meta{color:#f8fafc99;display:block;font-size:.78rem;margin-top:.25rem}.data-lab__library-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.data-lab__chip--danger{background:#f8717126;border-color:#f8717173}.data-lab__chip--danger:hover{border-color:#f87171bf}.data-lab__state--muted{color:#f8fafc8c}.data-lab__pill-button:hover:not(:disabled){box-shadow:0 10px 22px #818cf833;transform:translateY(-1px)}.data-lab__pill-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.data-lab__pill-button .icon{height:1rem;width:1rem}.data-lab__pinned-list{grid-gap:.5rem;color:#f8fafcbf;display:grid;font-size:.85rem;gap:.5rem;list-style:none;margin:.75rem 0 0;padding:0}.data-lab__workspace{overflow:hidden;position:relative}.data-lab__watermark{background-image:linear-gradient(120deg,#6366f114,#0ea5e91f 50%,#6366f114);display:grid;font-size:1.25rem;font-weight:600;inset:0;letter-spacing:.3em;mix-blend-mode:screen;opacity:.22;place-items:center;pointer-events:none;position:absolute;text-transform:uppercase}.data-lab__workspace-inner{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:clamp(820px,82%,1280px);position:relative;width:100%;z-index:1}@media (max-width:1024px){.data-lab__workspace-inner{max-width:100%}}.data-lab__workspace-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.data-lab__search{display:flex;flex-direction:column;gap:.5rem;min-width:240px}.data-lab__search label{color:#f8fafc99;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.data-lab__search input{background:#0f172a99;border:1px solid #47556973;border-radius:.75rem;color:inherit;padding:.5rem 1rem}.data-lab__workspace-meta{align-items:center;color:#f8fafcbf;display:inline-flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.data-lab__table-wrapper--sheet{overflow-x:auto}.data-lab__chart-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between}.data-lab__chart-mode{background:#0f172a99;border:1px solid #47556980;border-radius:999px;display:inline-flex;gap:.5rem;padding:.25rem}.data-lab__chart-mode button{align-items:center;background:#0000;border:none;border-radius:999px;color:#f8fafcb3;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .75rem}.data-lab__chart-mode button.active{background:#818cf838;color:#fff;color:var(--text-primary,#fff)}.data-lab__chart-mode button:disabled{cursor:not-allowed;opacity:.45}.data-lab__chart-line{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.data-lab__chart-line svg{stroke:#818cf8cc;fill:none;stroke-width:1.5;background:#1e293ba6;border:1px solid #47556966;border-radius:.75rem;height:240px;width:100%}.data-lab__chart-line svg circle{fill:#818cf8e6}.data-lab__chart-axis{grid-gap:.5rem;color:#f8fafcbf;display:grid;font-size:.85rem;gap:.5rem;list-style:none;margin:0;padding:0}.data-lab__chart-axis strong{color:#f8fafceb;display:block;font-size:.9rem}.data-lab__toast{background:#1e293bf2;border:1px solid #818cf866;border-radius:.75rem;bottom:1.5rem;box-shadow:0 18px 40px #0f172a59;color:#f8fafcd1;font-size:.9rem;padding:1rem 1.5rem;position:fixed;right:2rem}.data-lab__dataset-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.data-lab__dataset-list li button{grid-gap:.25rem;background:#94a3b81f;border:1px solid #0000;border-radius:.75rem;cursor:pointer;display:grid;gap:.25rem;padding:1rem;text-align:left;width:100%}.data-lab__dataset-list li.active button{background:#3b82f62e;border-color:#60a5fa80}.data-lab__dataset-list .dataset-name{font-weight:600}.data-lab__dataset-list .dataset-category{color:#f8fafc8c;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.data-lab__dataset-list .dataset-description{color:#f8fafcb3;font-size:.9rem}.data-lab__dataset-list .dataset-meta{color:#f8fafc99;font-size:.75rem}.data-lab__back-button{align-items:center;background:#818cf833;border:1px solid #818cf859;border-radius:.75rem;cursor:pointer;display:inline-flex;margin-top:1rem;padding:.75rem 1.25rem}.data-lab--restricted{align-items:center;display:flex;justify-content:center;padding:4rem 2rem}.data-lab__restricted-card{background:#0f172ae0;border-radius:1rem;box-shadow:0 25px 50px -12px #0f172a99;max-width:420px;padding:2rem;text-align:center}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ae0;border:1px solid #94a3b82e}@media (max-width:1280px){.data-lab__grid{grid-template-columns:260px minmax(0,1fr) 280px;grid-template-columns:minmax(0,1fr)}.data-lab__catalog,.data-lab__toolkit,.data-lab__workspace{padding:1.5rem}.data-lab__catalog{order:-1}}.desk-workspace{background:radial-gradient(circle at 15% 20%,#3d508c2e,#0000 55%),radial-gradient(circle at 80% 0,#8a5cf624,#0000 52%),#080c18f5;color:#e2e8f0;color:var(--text-primary,#e2e8f0);display:flex;flex-direction:column;min-height:100vh}.desk-workspace__header{align-items:center;background:#0c1222b8;border-bottom:1px solid #94a3b82e;border-bottom:1px solid var(--glass-border,#94a3b82e);display:flex;gap:clamp(.75rem,3vw,2rem);padding:clamp(1rem,3.5vw,2rem) clamp(1.25rem,3.6vw,2.5rem)}.desk-workspace__back{align-self:flex-start;background:#0000;border:1px solid #94a3b866;border-radius:999px;color:inherit;cursor:pointer;font-size:.9rem;padding:.25rem 1rem;transition:border-color .2s ease,background .2s ease}.desk-workspace__back:hover{background:#2dd4bf14;border-color:#5eead4a6}.desk-workspace__lede{color:#94a3b8;color:var(--text-secondary,#94a3b8);flex:1 1;font-size:clamp(.95rem,2vw,1.05rem);font-weight:500;line-height:1.6;margin:0;text-align:center}.desk-workspace__operating{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.desk-workspace__operating-label{align-items:center;display:flex;font-size:.9rem;gap:8px}.desk-workspace__operating-prefix{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:500}.desk-workspace__operating-select{-webkit-appearance:none;appearance:none;background:#0f172ab3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid #94a3b859;border-radius:8px;color:#f1f5f9;color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.9rem;font-weight:500;min-width:140px;padding:.5rem 2rem .5rem .75rem;transition:border-color .2s,background .2s}.desk-workspace__operating-select:hover{background-color:#0f172ad9;border-color:#60a5fa80}.desk-workspace__operating-select:focus{border-color:#60a5fab3;box-shadow:0 0 0 2px #60a5fa26;outline:none}.desk-workspace__operating-select option{background:#1e293b;background:var(--surface-2,#1e293b);color:#f1f5f9;color:var(--text-primary,#f1f5f9);padding:8px}.desk-workspace__operating-select optgroup{background:#0f172a;background:var(--surface-3,#0f172a);color:#94a3b8;color:var(--text-secondary,#94a3b8);font-weight:600}.desk-workspace__operating-badge{background:#facc1526;border:1px solid #facc154d;border-radius:999px;color:#facc15;color:var(--accent-gold,#facc15);font-size:.75rem;padding:.25rem .75rem;white-space:nowrap}.desk-workspace__action{background:#3b82f629;border:1px solid #3b82f673;border-radius:999px;color:#bfdbfe;color:var(--focus-ring,#bfdbfe);cursor:pointer;font-size:.9rem;padding:.5rem 1.25rem;transition:background .2s ease,border-color .2s ease}.desk-workspace__action:hover{background:#3b82f647;border-color:#60a5faa6}.desk-workspace__body{display:flex;flex:1 1;justify-content:center;overflow-x:hidden;padding:clamp(.5rem,2vw,1rem) clamp(.75rem,2.4vw,1.5rem)}.desk-workspace__body>*{width:100%}.desk-workspace__viewport{--role-shell-inline-offset:clamp(0.5rem,1.8vw,1.25rem);margin:0 auto;max-width:100%;padding-inline:clamp(.5rem,1.8vw,1.25rem);transform:none;width:min(1440px,100%)}@media (max-width:1024px){.desk-workspace__header{align-items:stretch;flex-direction:column}.desk-workspace__lede{text-align:left}.desk-workspace__operating{flex-wrap:wrap;justify-content:flex-start}.desk-workspace__body{padding:clamp(.5rem,2.5vw,1rem)}}@media (max-width:768px){.desk-workspace__viewport{--role-shell-inline-offset:0;padding-inline:0}.desk-workspace__body{padding:8px 2px}}@media (max-width:480px){.desk-workspace__header{gap:12px;padding:8px 10px}.desk-workspace__body{padding:4px 0}.desk-workspace__action,.desk-workspace__back{text-align:center;width:100%}.desk-workspace__operating,.desk-workspace__operating-label{align-items:stretch;flex-direction:column}.desk-workspace__operating-select{width:100%}.desk-workspace__operating-badge{text-align:center}.desk-workspace__lede{font-size:.95rem}}.event-details-page{margin:0 auto;max-width:900px;padding:1.5rem}.event-details-page--error,.event-details-page--loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.event-details-page--loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#6366f1;border:3px solid var(--glass-border,#ffffff14);border-radius:50%;border-top-color:var(--primary,#6366f1);height:40px;margin-bottom:1rem;width:40px}.event-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.btn-back{background:#0000;border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:8px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background .2s}.btn-back:hover{background:#16213e;background:var(--bg-tertiary,#16213e)}.event-category-badge{background:#6366f126;background:var(--primary-light,#6366f126);border-radius:24px;color:#6366f1;color:var(--primary,#6366f1);font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.event-content{display:flex;flex-direction:column;gap:2rem}.event-info{background:#1216238c;background:var(--glass-bg,#1216238c);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;padding:1.5rem}.event-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.event-datetime{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.event-date,.event-time{display:flex;flex-direction:column;gap:.25rem}.event-datetime .label{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.event-datetime .value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;font-weight:500}.event-allday .badge{background:#fef3c7;background:var(--accent-light,#fef3c7);border-radius:8px;color:#d97706;color:var(--accent,#d97706);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.event-location{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border,#ffffff14);margin-bottom:1.5rem;padding-bottom:1.5rem}.event-location .label{color:#ffffffa6;color:var(--text-muted,#ffffffa6);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.location-details{display:flex;flex-direction:column;gap:.25rem}.location-type{color:#f8fafc;color:var(--text-primary,#f8fafc);font-weight:500}.virtual-link{color:#6366f1;color:var(--primary,#6366f1);font-weight:500;text-decoration:none}.virtual-link:hover{text-decoration:underline}.event-description h2{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;font-weight:600;margin:0 0 .75rem}.event-description p{color:#94a3b8;color:var(--text-secondary,#94a3b8);line-height:1.6;margin:0}.event-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.event-tags .tag{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:16px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.75rem;padding:.25rem .75rem}.volunteer-positions{background:#1216238c;background:var(--glass-bg,#1216238c);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;padding:1.5rem}.volunteer-positions h2{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.volunteer-intro{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin:0 0 1.5rem}.positions-grid{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:640px){.positions-grid{grid-template-columns:repeat(2,1fr)}}.position-card{background:#16213e;background:var(--bg-tertiary,#16213e);border:2px solid #0000;border-radius:12px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.position-card:hover{border-color:#c7d2fe;border-color:var(--primary-light,#c7d2fe)}.position-card--active{background:#10b98126;background:var(--success-light,#10b98126);border-color:#10b981;border-color:var(--success,#10b981)}.position-card--unavailable{opacity:.7}.position-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.position-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;font-weight:600;margin:0}.position-status{color:#10b981;color:var(--success,#10b981);font-size:.75rem;font-weight:500;white-space:nowrap}.position-status.filled{color:#ffffffa6;color:var(--text-muted,#ffffffa6)}.position-description{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.position-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.position-reward,.position-shift,.position-slots{font-size:.875rem}.position-meta .label{color:#ffffffa6;color:var(--text-muted,#ffffffa6);margin-right:.5rem}.position-meta .value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-weight:500}.position-requirements{font-size:.875rem}.position-requirements ul{margin:.25rem 0 0 1rem;padding:0}.position-requirements li{color:#94a3b8;color:var(--text-secondary,#94a3b8);margin-bottom:.25rem}.slots-bar{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:4px;height:6px;margin-top:.5rem;overflow:hidden}.slots-filled{background:#6366f1;background:var(--primary,#6366f1);border-radius:4px;height:100%;transition:width .3s}.position-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border,#ffffff14);padding-top:1rem}.volunteering-status{align-items:center;display:flex;gap:1rem;justify-content:space-between}.status-badge{background:#10b981;background:var(--success,#10b981);border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.volunteer-confirm{text-align:center}.volunteer-confirm p{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;margin:0 0 .75rem}.confirm-buttons{display:flex;gap:.5rem;justify-content:center}.already-volunteering,.position-unavailable,.sign-in-prompt{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:.875rem;margin:0;text-align:center}.event-attendees{background:#1216238c;background:var(--glass-bg,#1216238c);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;padding:1.5rem}.event-attendees h2{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1rem;font-weight:600;margin:0 0 1rem}.attendees-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.attendee{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--glass-border,#ffffff0f);display:flex;justify-content:space-between;padding:.5rem 0}.attendee:last-child{border-bottom:none}.attendee-name{color:#f8fafc;color:var(--text-primary,#f8fafc);font-weight:500}.attendee-status{border-radius:12px;font-size:.75rem;padding:.25rem .5rem;text-transform:capitalize}.attendee-status.status-accepted{background:#10b98126;background:var(--success-light,#10b98126);color:#10b981;color:var(--success,#10b981)}.attendee-status.status-declined{background:#fee2e2;background:var(--error-light,#fee2e2);color:#ef4444;color:var(--error,#ef4444)}.attendee-status.status-tentative{background:#f59e0b26;background:var(--warning-light,#f59e0b26);color:#d97706;color:var(--warning,#d97706)}.attendee-status.status-invited,.attendee-status.status-no-response{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);color:#ffffffa6;color:var(--text-muted,#ffffffa6)}.attendee-more{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-size:.875rem;padding-top:.5rem}.btn{border:none;padding:.5rem 1rem;transition:background .2s,opacity .2s}.btn.primary{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.btn.primary:hover{background:#4f46e5;background:var(--primary-dark,#4f46e5)}.btn.subtle{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--glass-border,#ffffff1f);color:#94a3b8;color:var(--text-secondary,#94a3b8)}.btn.subtle:hover{background:#16213e;background:var(--bg-tertiary,#16213e)}.btn-sm{font-size:.875rem}.event-gift-recognition{background:linear-gradient(135deg,#1216238c,#fef9f3);background:linear-gradient(135deg,var(--glass-bg,#1216238c) 0,var(--reward-recognition,#fef9f3) 100%);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;padding:1.5rem}.event-gift-recognition h2{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.gift-intro{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;line-height:1.5;margin:0 0 1.25rem}.gift-intro .cancelled-note{color:#ef4444;color:var(--error,#ef4444);font-weight:500}.gift-wallet-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem}.wallet-stat{align-items:center;background:#1216238c;background:var(--glass-bg,#1216238c);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:.75rem 1.25rem}.wallet-stat .stat-value{color:#6366f1;color:var(--primary,#6366f1);font-size:1.5rem;font-weight:700}.wallet-stat .stat-value.distributed{color:#10b981;color:var(--success,#10b981)}.wallet-stat .stat-value.refunded{color:#fbbf24;color:var(--warning,#fbbf24)}.wallet-stat .stat-label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.user-gift-status{align-items:center;background:#16213e;background:var(--bg-tertiary,#16213e);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.user-gift-status p{font-size:.9rem;margin:0}.user-gift-status em{color:#ffffffa6;color:var(--text-muted,#ffffffa6);font-style:italic}.user-gift-status.distributed{background:#d1fae5;background:var(--success,#d1fae5);color:#10b981;color:var(--success,#10b981)}.user-gift-status.refunded{background:#fef3c7;background:var(--warning-light,#fef3c7);color:#b45309;color:var(--warning,#b45309)}.gift-btn{align-items:center;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.25rem}.gift-form{background:#1216238c;background:var(--glass-bg,#1216238c);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:12px;padding:1.25rem}.gift-form .form-group{margin-bottom:1rem}.gift-form label{color:#374151;color:var(--text-primary,#374151);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.gift-form input{border:1px solid #ffffff1f;border:1px solid var(--glass-border,#ffffff1f);border-radius:8px;font-size:.9rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.gift-form input:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.gift-form input:disabled{background:#16213e;background:var(--bg-tertiary,#16213e);cursor:not-allowed}.gift-form input[type=number]{max-width:150px}.gift-form-actions{display:flex;gap:.75rem;margin-top:1rem}.gift-note{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;line-height:1.5;margin:1rem 0 0}.gift-ended-note{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.875rem;font-style:italic;margin:.5rem 0 0}@media (max-width:768px){.event-details-page{padding:1rem}.event-header{align-items:flex-start;flex-direction:column;gap:.75rem}.btn-back{font-size:.8rem;padding:8px 16px}.event-info{border-radius:12px;padding:16px}.event-title{font-size:1.4rem;line-height:1.25}.event-datetime{flex-direction:column;gap:1rem;margin-bottom:1.25rem}.event-description{font-size:.9rem;line-height:1.65}.event-content{gap:1.5rem}.event-media-gallery{gap:.5rem}.event-media-item,.gift-form{border-radius:8px}.gift-form{padding:1rem}.gift-form label{font-size:.825rem}.gift-form input{font-size:16px;padding:8px 12px}.gift-form-actions{flex-direction:column;gap:.5rem}.gift-form-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.event-details-page{padding:.75rem}.event-info{padding:12px}.event-title{font-size:1.25rem}.event-category-badge{font-size:.75rem;padding:4px 8px}.event-date .value,.event-time .value{font-size:.95rem}}.mobile-content-page{display:flex;flex-direction:column;min-height:100vh}.mobile-content-page__tabs{backdrop-filter:blur(16px);backdrop-filter:var(--blur-surface,blur(16px));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:var(--blur-surface,blur(16px));background:linear-gradient(180deg,#0a0c18f2,#0a0c18d9);background:var(--mobile-surface-solid,linear-gradient(180deg,#0a0c18f2 0,#0a0c18d9 100%));border-bottom:1px solid #788cdc1f;box-shadow:0 2px 8px #00000026;position:-webkit-sticky;position:sticky;top:0;z-index:100;z-index:var(--z-raised,100)}.mobile-content-page__feed{-webkit-overflow-scrolling:touch;animation:mobileTabFadeIn .2s ease-out both;animation:mobileTabFadeIn var(--duration-fast,.2s) var(--ease-smooth,ease-out) both;flex:1 1;overflow-y:auto;padding:.5rem .75rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,.75rem)}@media (min-width:769px){.mobile-content-page{padding-bottom:0}}html[data-route=design-system]:after,html[data-route=design-system]:before{display:none}.ds-page{background:#060a08;background:var(--bg-primary,#060a08);color:#f0f4f2;color:var(--text-primary,#f0f4f2);font-family:var(--font-body);min-height:100dvh;padding-bottom:4rem}.ds-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.75rem clamp(1rem,4vw,3rem) 1.25rem}.ds-header__title{align-items:flex-start;display:flex;gap:.875rem}.ds-header__icon{flex-shrink:0;font-size:2.25rem;line-height:1}.ds-header__title h1{color:#f8fafc;color:var(--text-bright,#f8fafc);font-size:1.6rem;font-size:var(--font-size-2xl,1.6rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .2rem}.ds-header__title p{color:var(--text-muted);font-size:.8rem;font-size:var(--font-size-sm,.8rem);margin:0}.ds-header__site-link{border:1px solid #2dd4bf59;border-radius:8px;color:var(--primary-light);font-size:.85rem;font-weight:600;padding:.4rem .875rem;text-decoration:none;transition:background .18s ease}.ds-header__site-link:hover{background:#2dd4bf14}.ds-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:0;overflow-x:auto;padding:0 clamp(1rem,4vw,3rem);scrollbar-width:none}.ds-tabs::-webkit-scrollbar{display:none}.ds-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:600;padding:.875rem 1.25rem;transition:color .18s ease,border-color .18s ease;white-space:nowrap}.ds-tab:hover{color:var(--text-primary)}.ds-tab--active{border-bottom-color:var(--primary);color:var(--primary-light)}.ds-section{max-width:1400px;padding:2rem clamp(1rem,4vw,3rem)}.ds-section__intro{color:var(--text-secondary);font-size:.9rem;line-height:var(--line-relaxed);margin:0 0 1.5rem;max-width:700px}.ds-subheading{color:var(--text-bright);font-size:1.1rem;font-size:var(--font-size-lg,1.1rem);font-weight:700;margin:1.5rem 0 .75rem}.ds-swatch-group{margin-bottom:2.5rem}.ds-swatch-group__title{color:var(--text-secondary);font-size:.95rem;font-size:var(--font-size-md,.95rem);font-weight:700;letter-spacing:.08em;margin:0 0 .875rem;text-transform:uppercase}.ds-swatches{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}.ds-swatch{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;padding:.85rem;position:relative;text-align:left;transition:border-color .18s ease,transform .18s ease}.ds-swatch:hover{border-color:#2dd4bf59;transform:translateY(-1px)}.ds-swatch--copied{border-color:var(--primary)!important}.ds-swatch__color{border-radius:10px;box-shadow:0 2px 8px #00000059;display:block;height:52px;width:100%}.ds-swatch__label{color:var(--text-bright);font-size:.82rem;font-weight:700;margin-top:.15rem}.ds-swatch__token{color:var(--primary-light);font-family:var(--font-mono);font-size:.68rem;word-break:break-all}.ds-swatch__note{color:var(--text-muted);font-size:.75rem;line-height:1.35}.ds-swatch__copied{background:var(--primary);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;position:absolute;right:.5rem;top:.5rem}.ds-scaling-callout{background:#0d948814;border:1px solid #2dd4bf33;border-radius:14px;font-size:.88rem;margin-bottom:2rem;padding:1.25rem 1.5rem}.ds-scaling-callout strong{color:var(--primary-light);display:block;font-size:.95rem;margin-bottom:.6rem}.ds-scaling-callout ul{color:var(--text-secondary);line-height:2;margin:0;padding:0 0 0 1.25rem}.ds-scaling-callout code{background:#2dd4bf1a;border-radius:4px;color:var(--primary-light);font-size:.82em;padding:.1em .35em}.ds-grid-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;margin-bottom:2rem;overflow:hidden}.ds-grid-card__header{align-items:flex-start;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:1.25rem 1.5rem}.ds-grid-card__title{color:var(--text-bright);font-size:1.1rem;font-size:var(--font-size-lg,1.1rem);font-weight:800;margin:0 0 .2rem}.ds-grid-card__route{color:var(--accent-amber);font-family:var(--font-mono);font-size:.76rem}.ds-grid-card__desc{color:var(--text-secondary);font-size:.84rem;line-height:1.55;margin:0;max-width:500px}.ds-grid-bps{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.ds-grid-bps{grid-template-columns:1fr}}.ds-grid-bp{border-right:1px solid var(--border-color);padding:1.25rem}.ds-grid-bp:last-child{border-right:none}.ds-grid-bp__label{color:var(--primary-light);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.ds-grid-wireframe{display:flex;flex-direction:column;gap:6px}.ds-grid-region{border:1px solid #2dd4bf1f;border-radius:8px;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .75rem}.ds-grid-region__area{color:#ffffff73;font-size:.63rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ds-grid-region__label{color:var(--text-primary);font-size:.78rem;font-weight:600}.ds-grid-region__cols{color:var(--primary-light);font-family:var(--font-mono);font-size:.65rem;margin-top:.1rem;opacity:.8}.ds-grid-bp__note{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.ds-grid-scaling{background:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;padding:.875rem 1.5rem}.ds-grid-scaling strong{color:var(--text-secondary);margin-right:.4rem}.ds-type-scale{display:flex;flex-direction:column;gap:.5rem}.ds-type-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.ds-type-row--compact{font-size:.88rem}.ds-type-row__sample{color:var(--text-bright);font-weight:700;min-width:180px}.ds-type-row__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ds-type-row__size{color:var(--accent-amber);font-family:var(--font-mono);font-size:.75rem}.ds-type-row__use{color:var(--text-muted);font-size:.78rem}.ds-spacing-grid{display:flex;flex-direction:column;gap:.625rem}.ds-spacing-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;padding:.625rem 1rem}.ds-spacing-block{background:var(--primary);border-radius:4px;flex-shrink:0}.ds-spacing-px{color:var(--accent-amber);font-family:var(--font-mono);font-size:.8rem;min-width:40px}.ds-spacing-note{color:var(--text-muted);font-size:.8rem}.ds-elevation-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.ds-elevation-card{background:#0d1a14;background:var(--bg-card,#0d1a14);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.ds-elevation-card strong{color:var(--text-bright);font-size:.95rem}.ds-elevation-note{color:var(--text-muted);font-size:.78rem}.ds-elevation-card code{color:var(--primary-light);font-family:var(--font-mono);font-size:.75rem}.ds-zstack{display:flex;flex-direction:column;gap:4px}.ds-zstack__layer{grid-gap:1rem;align-items:center;border-left:4px solid;border-radius:10px;display:grid;gap:1rem;grid-template-columns:60px 120px 1fr 1fr;padding:.75rem 1.25rem;transition:border-color .18s ease}@media (max-width:640px){.ds-zstack__layer{grid-template-columns:60px 1fr;grid-template-rows:auto auto}}.ds-zstack__val{color:var(--accent-amber);font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-align:right}.ds-zstack__label{color:var(--text-bright);font-size:.88rem}.ds-zstack__token{color:var(--primary-light);font-family:var(--font-mono);font-size:.75rem}.ds-zstack__note{color:var(--text-muted);font-size:.78rem}.ds-content-types{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.ds-ct-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;overflow:hidden;position:relative;text-align:left;transition:border-color .18s ease,transform .18s ease}.ds-ct-card:hover{border-color:#2dd4bf59;transform:translateY(-1px)}.ds-ct-card__accent{flex-shrink:0;width:6px}.ds-ct-card__body{display:flex;flex-direction:column;gap:.3rem;padding:.875rem 1rem}.ds-ct-card__name{color:var(--text-bright);font-size:.95rem;font-weight:700}.ds-ct-card__token{color:var(--primary-light);font-family:var(--font-mono);font-size:.75rem}.ds-ct-card__note{color:var(--text-muted);font-size:.78rem;line-height:1.45}.ds-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.8rem;line-height:1.6;margin-top:3rem;padding:2rem clamp(1rem,4vw,3rem) 1rem}.ds-footer p{margin:0 0 .35rem}.ds-footer code{color:var(--primary-light)}.ds-footer strong{color:var(--accent-amber)}:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Cascadia Code","JetBrains Mono","Fira Code",monospace;--font-size-2xs:0.75rem;--font-size-xs:0.75rem;--font-size-sm:0.80rem;--font-size-md:0.95rem;--font-size-lg:1.10rem;--font-size-xl:1.30rem;--font-size-2xl:1.60rem;--font-size-3xl:2.00rem;--line-tight:1.15;--line-snug:1.25;--line-normal:1.40;--line-relaxed:1.55;--spacing-2xs:0.25rem;--spacing-2_5:0.5rem;--elevation-ambient:0 2px 4px #00000052;--elevation-float:0 4px 16px #00000061;--elevation-pop:0 6px 28px -4px #0000008c;--elevation-press:0 1px 2px #0006;--overlay-surface:#0a0c148c;--overlay-surface-strong:#0e101ab8;--z-background:0;--z-rain-effect:1;--z-content:10;--z-raised:100;--z-dropdown:4700;--z-sticky:4800;--z-fixed:4900;--z-nav:5000;--z-conversation-toolbar:5300;--z-health-banner:5300;--z-dialog-drawer:5400;--z-modal-backdrop:6000;--z-modal:6100;--z-popover:6200;--z-modal-draggable:6200;--z-tooltip:6300;--z-toast:6400;--z-drawer:9200;--z-fab:9990;--z-modal-overlay:9995;--z-max:9999;--z-floating-tools:var(--z-fixed);--z-immersion-overlay:var(--z-nav);--z-cart-overlay:var(--z-drawer);--z-cart-dropdown:var(--z-drawer);--z-quick-editor-overlay:var(--z-modal);--z-immersion-editor:var(--z-modal);--opacity-muted:0.65;--opacity-subtle:0.75;--opacity-disabled:0.45;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--duration-instant:0.1s;--duration-fast:0.2s;--duration-normal:0.3s;--duration-slow:0.5s;--duration-glacial:12s;--duration-cascade-step:60ms;--blur-subtle:blur(6px) saturate(120%);--blur-surface:blur(14px) saturate(160%);--blur-solid:blur(24px) saturate(140%);--event-color:#a78bfa;--xp-color:#d97706;--ep-color:#8b5cf6;--unlock-color:#10b981;--locked-color:#fff3;--badge-stamp:#c8b48c40;--badge-stamp-text:#d4c5a0;--recognition-color:#d97706;--recognition-glow:#fbbf24;--ep-primary:#8b5cf6;--ep-glow:#a78bfa;--reward-ep:#a8f0c0;--reward-recognition:#fed7aa;--reward-listing:#99f6e4;--reward-ep-glow:#8b5cf6;--reward-recognition-glow:#fbbf24;--success-bg:#d4edda;--info-bg:#cce7ff;--error-bg:#f8d7da;--success-light:#bbf7d0;--info-light:#bfdbfe;--rewardinfo-gap:var(--spacing-2xs);--rewardinfo-font-size-sm:var(--font-size-2xs);--rewardinfo-font-size-md:var(--font-size-sm);--rewardinfo-font-size-lg:var(--font-size-md);--rewardinfo-sub-opacity:var(--opacity-subtle);--layout-gutter-desktop:clamp(24px,5vw,56px);--layout-gutter-tablet:clamp(20px,4vw,32px);--layout-gutter-mobile:16px;--layout-grid-gap-desktop:1.5rem;--layout-grid-gap-tablet:1.25rem;--layout-grid-gap-mobile:1rem;--layout-column-min:280px;--mobile-page-pad:12px;--mobile-card-gap:8px;--mobile-section-gap:16px;--mobile-field-gap:12px;--mystuff-nav-surface:var(--glass-bg);--mystuff-nav-hover-border:#89bdff73;--menu-action-bg-start:#6a4c93f0;--menu-action-bg-stop:#2a9d8feb;--menu-action-border:#a0d2ff73;--menu-action-hover-start:#7c59aef7;--menu-action-hover-stop:#38b0a6f5;--menu-action-border-hover:#b6e2ff9e;--menu-action-text:#f6f8ff;--menu-action-danger-start:#802034f2;--menu-action-danger-stop:#521220f2;--menu-action-danger-hover-start:#96263cf7;--menu-action-danger-hover-stop:#5e1626f7;--menu-action-danger-border:#f871718c;--menu-action-danger-border-hover:#fca5a5b3;--circle-panel-bg-default:#1216239e;--circle-panel-border-default:#ffffff14;--circle-card-bg-default:#0c101bd1;--circle-card-border-default:#4a567873;--circle-card-bg-paper:#f4f7ff1f;--circle-card-border-paper:#ffffff2e;--circle-card-bg-accent:#527dff2e;--circle-card-border-accent:#527dff6b}[data-theme=high-contrast]{--overlay-surface:#ffffffd9;--overlay-surface-strong:#fffffff2;--opacity-muted:0.8}:root{--primary:#0d9488;--primary-light:#2dd4bf;--primary-dark:#0f766e;--secondary:#64748b;--secondary-light:#94a3b8;--secondary-dark:#475569;--accent-purple:#8b5cf6;--accent-coral:#f43f5e;--accent-warm:#f59e0b;--accent-mystic:#6d28d9;--accent-cool:#0d9488;--accent-amber:#d97706;--accent-amber-glow:#fbbf24;--accent-emerald:#059669;--quest-color:#f43f5e;--circle-color:#38bdf8;--shop-color:#f59e0b;--entertainment-color:#ec4899;--article-color:#10b981;--stream-color:#2dd4bf;--accent-purple-light:#c4b5fd;--accent-teal-light:#5eead4;--accent-secondary:#0f766e;--success-dark:#059669;--error-light:#f87171;--focus-ring:#2dd4bf;--bg-deep:#060a08;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0a0a0a;--primary-bg:var(--bg-primary);--secondary-bg:var(--bg-secondary);--tertiary-bg:var(--bg-tertiary);--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--gradient-mystic:linear-gradient(135deg,#0f766e,#065f46);--gradient-warm:linear-gradient(135deg,#92400e,#78350f);--gradient-cool:linear-gradient(135deg,#0c4a6e,#0f766e);--gradient-night:linear-gradient(135deg,#060a08,#0c1510);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--danger-color:var(--error);--info:#3b82f6;--surface-base:var(--bg-primary);--surface-alt:var(--bg-secondary);--surface-muted:var(--bg-tertiary);--surface-inverse:var(--bg-dark);--text-on-surface:var(--text-primary);--text-on-surface-secondary:var(--text-secondary);--text-on-accent:var(--text-inverse);--text-danger:var(--error);--text-warning:var(--warning);--text-success:var(--success);--text-subtle:#718096;--interactive-primary-bg:var(--primary);--interactive-primary-bg-hover:#14b8a6;--interactive-primary-text:var(--text-inverse);--interactive-secondary-bg:var(--secondary);--interactive-secondary-bg-hover:var(--secondary-dark);--interactive-secondary-text:var(--text-inverse);--interactive-outline:var(--primary);--interactive-danger-bg:var(--error);--interactive-danger-bg-hover:#b91c1c;--interactive-danger-text:var(--text-inverse);--primary-color:var(--primary);--border-strong:var(--border-dark);--border-subtle:var(--border-color);--shadow-color:#0003;--btn-primary-bg:var(--interactive-primary-bg);--btn-primary-bg-hover:var(--interactive-primary-bg-hover);--btn-primary-text:var(--interactive-primary-text);--btn-secondary-bg:var(--interactive-secondary-bg);--btn-secondary-bg-hover:var(--interactive-secondary-bg-hover);--btn-secondary-text:var(--interactive-secondary-text);--btn-danger-bg:var(--interactive-danger-bg);--btn-danger-bg-hover:var(--interactive-danger-bg-hover);--btn-danger-text:var(--interactive-danger-text);--glass-bg:#0c14109e;--glass-bg-hover:#0f1813ad;--glass-border:#2dd4bf14;--glass-shadow:0 10px 30px #0006,0 0 0 1px #2dd4bf0a;--surface-info-bg:#e0f2fe;--surface-info-border:#0284c7;--surface-info-text:#075985;--surface-success-bg:#ecfdf5;--surface-success-border:#059669;--surface-success-text:#065f46;--surface-warning-bg:#fffaeb;--surface-warning-border:#d97706;--surface-warning-text:#92400e;--surface-danger-bg:#fef2f2;--surface-danger-border:#dc2626;--surface-danger-text:#7f1d1d}:root[data-theme-mode=dark]{--primary:#0d9488;--primary-light:#2dd4bf;--primary-dark:#0f766e;--interactive-primary-bg:#0d9488;--interactive-primary-bg-hover:#14b8a6;--focus-ring:#2dd4bf;--bg-primary:#060a08;--bg-secondary:#0c1510;--bg-tertiary:#111e18;--bg-deep:#060a08;--bg-dark:#090d0b;--bg-medium:#0a1410;--bg-card:#0d1a14;--bg-elevated:#162819;--bg-overlay:#ffffff0a;--bg-overlay-hover:#ffffff14;--text-primary:#f0f4f2;--text-secondary:#c8d4cf;--text-muted:#8fa89f;--border-color:#1a2520;--border-light:#121c18;--border-dark:#243028;--border-subtle:#2dd4bf12;--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-light:#2dd4bf;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0891b2;--color-badge-conversion:#9333ea;--color-badge-navigation:#0d9488;--color-badge-activity:#059669;--recognition-color:#d97706;--recognition-glow:#fbbf24;--ep-color:#8b5cf6;--ep-glow:#a78bfa;--accent-mystic:#6d28d9;--accent-teal:#0d9488;--accent-gold:#d97706;--accent-amber:#d97706;--accent-amber-glow:#fbbf24;--quest-color:#fb7185;--circle-color:#38bdf8;--shop-color:#fbbf24;--entertainment-color:#f472b6;--article-color:#34d399;--stream-color:#2dd4bf;--gradient-mystic:linear-gradient(135deg,#0f766e,#065f46);--gradient-warm:linear-gradient(135deg,#92400e,#78350f);--gradient-cool:linear-gradient(135deg,#0c4a6e,#0f766e);--gradient-night:linear-gradient(135deg,#060a08,#0c1510);--glass-bg:#0c14109e;--glass-bg-hover:#0f1813ad;--glass-border:#2dd4bf14;--glass-shadow:0 10px 30px #00000073,0 0 0 1px #2dd4bf0a;--surface-info-bg:#0e4e4859;--surface-info-border:#0d9488;--surface-info-text:#5eead4;--surface-success-bg:#064e3b59;--surface-success-border:#059669;--surface-success-text:#86efac;--surface-warning-bg:#78350f59;--surface-warning-border:#d97706;--surface-warning-text:#fcd34d;--surface-danger-bg:#7f1d1d59;--surface-danger-border:#dc2626;--surface-danger-text:#fca5a5;--text-bright:#f8fafc;--text-light:#e2e8f0;--text-dim:#cbd5e1;--text-faint:#94a3b8;--success-light:#34d399;--success-bright:#4ade80;--danger-solid:#ef4444;--danger-light:#f87171;--danger-faint:#fecaca;--danger-bg:#fee2e2;--info-solid:#60a5fa;--info-bright:#7dd3fc;--gold:gold;--gold-warm:#fbd38d;--gold-soft:#fefcbf;--amber-light:#fcd34d;--pink-light:#f472b6;--purple-mid:#7c3aed;--purple-glow:#667eea}[data-theme=high-contrast]{--text-primary:#000;--text-secondary:#1a1a1a;--text-muted:#333;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f2f2f2;--bg-tertiary:#e6e6e6;--border-color:#1a1a1a;--border-light:#2a2a2a;--border-dark:#000;--primary:#03a;--primary-light:#195bd8;--primary-dark:#001e66;--secondary:#444;--secondary-light:#5c5c5c;--secondary-dark:#2d2d2d;--success:#036c3d;--warning:#8a4b00;--error:#a40000;--info:#004a9f;--focus-ring-color:#ffbf00}.on-dark,[data-surface=dark]{--text-on-surface:#fff;--text-on-surface-secondary:#f2f2f2;--text-muted:#d0d0d0}.alert{--_alert-bg:var(--surface-info-bg);--_alert-border:var(--surface-info-border);--_alert-text:var(--surface-info-text);background:var(--_alert-bg);border:2px solid var(--_alert-border);border-radius:8px;border-radius:var(--radius-sm);color:var(--_alert-text);font-size:.9rem;line-height:1.4;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);position:relative}.alert strong{font-weight:600}.alert+.alert{margin-top:.75rem;margin-top:var(--spacing-md)}.alert:focus{box-shadow:0 0 0 3px #00000040;outline:none}.alert-success{--_alert-bg:var(--surface-success-bg);--_alert-border:var(--surface-success-border);--_alert-text:var(--surface-success-text)}.alert-warning{--_alert-bg:var(--surface-warning-bg);--_alert-border:var(--surface-warning-border);--_alert-text:var(--surface-warning-text)}.alert-danger,.alert-error{--_alert-bg:var(--surface-danger-bg);--_alert-border:var(--surface-danger-border);--_alert-text:var(--surface-danger-text)}.alert-info{--_alert-bg:var(--surface-info-bg);--_alert-border:var(--surface-info-border);--_alert-text:var(--surface-info-text)}.error-message,.field-error{color:#7f1d1d;color:var(--surface-danger-text);font-size:.75rem;margin-top:4px}[data-theme=high-contrast] :focus-visible{box-shadow:0 0 0 3px #ffbf00,0 0 0 6px #000}:root{--focus-ring-color:#6366f18c;--focus-ring-offset:2px;--focus-ring-size:3px}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--focus,#3b82f6);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{background:#1e293b;border-radius:8px;color:#fff;font-weight:600;left:-1000px;line-height:1.2;min-height:44px;padding:.5rem 1rem;position:absolute;top:-1000px;transition:top .15s ease,left .15s ease;transition:top var(--transition-fast),left var(--transition-fast);z-index:var(--z-toast)}.skip-link:focus,.skip-link:focus-visible{left:8px;top:8px}.badge{--_badge-bg:var(--secondary-dark);--_badge-text:#fff;--_badge-shadow:0 2px 4px #00000026;align-items:center;background:var(--_badge-bg);border-radius:999px;box-shadow:var(--_badge-shadow);color:var(--_badge-text);display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;line-height:1;padding:4px 8px;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none}.badge+.badge{margin-left:8px}.badge.badge-outline{background:#ffffff14;border:1px solid #e2e8f0;border:1px solid var(--border-color);box-shadow:none;color:#1e293b;color:var(--text-primary)}.badge-success{--_badge-bg:var(--success)}.badge-warning{--_badge-bg:var(--warning);--_badge-text:#000}.badge-danger{--_badge-bg:var(--error)}.badge-info{--_badge-bg:var(--info)}.badge-popular{--_badge-bg:var(--accent-warm)}.badge-preview{--_badge-bg:var(--border-dark);--_badge-text:var(--text-primary);background:linear-gradient(145deg,#f1f5f9,#f8fafc);background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--border-color)}.badge-popular:after,.badge-preview:after{background:linear-gradient(120deg,#fff0 20%,#ffffff40 40%,#fff0 60%);border-radius:inherit;content:"";inset:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.badge-popular:hover:after,.badge-preview:hover:after{opacity:1}.badge-sm{font-size:10px;padding:4px 8px}.badge-lg{font-size:12px;padding:8px 16px}[data-theme=high-contrast] .badge.badge-preview{--_badge-text:#000}.hc-outline :focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #000}.visually-hidden-focusable:not(:focus):not(:active){clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-full:50%;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--shadow-xl:0 16px 48px #00000040;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.btn{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;line-height:1.4;min-height:44px;min-width:44px;overflow:hidden;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn:focus{box-shadow:0 0 0 3px #0d948859;outline:none}.btn-primary{background:#0d9488;background:var(--btn-primary-bg);border-color:#0d9488;border-color:var(--btn-primary-bg);color:#fff;color:var(--btn-primary-text);font-weight:600}.btn-primary:hover:not(:disabled){background:#14b8a6;background:var(--btn-primary-bg-hover);border-color:#14b8a6;border-color:var(--btn-primary-bg-hover);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#64748b;background:var(--btn-secondary-bg);border-color:#64748b;border-color:var(--btn-secondary-bg);color:#fff;color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:#475569;background:var(--btn-secondary-bg-hover);border-color:#475569;border-color:var(--btn-secondary-bg-hover);transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--btn-danger-bg);border-color:#ef4444;border-color:var(--btn-danger-bg);color:#fff;color:var(--btn-danger-text)}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--btn-danger-bg-hover);border-color:#b91c1c;border-color:var(--btn-danger-bg-hover);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-surface{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);background:#0c14109e;background:var(--glass-bg);border:1px solid #2dd4bf14;border:1px solid var(--glass-border);box-shadow:0 10px 30px #0006,0 0 0 1px #2dd4bf0a;box-shadow:var(--glass-shadow)}.glass-surface:hover{background:#0f1813ad;background:var(--glass-bg-hover)}@keyframes glassBreathe{0%,to{border-color:#2dd4bf14;border-color:var(--glass-border)}50%{border-color:#0d94881f}}.glass-surface{animation:glassBreathe 12s var(--ease-smooth) infinite;animation:glassBreathe var(--duration-glacial,12s) var(--ease-smooth) infinite}@media (prefers-reduced-motion:reduce){.glass-surface{animation:none}}.container-narrow{margin:0 auto;max-width:880px}.pad-md{padding:20px}.pad-sm{padding:8px}.pad-xs{padding:4px}.surface-faint{background:#ffffff0a}.surface-mid{background:#ffffff0d}.surface-strong{background:#ffffff14}.rounded-md,.rounded-sm{border-radius:8px}.rounded-lg{border-radius:12px}.gap-2{gap:4px}.gap-3,.gap-4{gap:8px}.gap-6{gap:12px}.wrap{flex-wrap:wrap}.mt-6{margin-top:24px}.mt-7{margin-top:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.no-underline{text-decoration:none}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#2dd4bf,#8b5cf6);background:linear-gradient(90deg,var(--primary-light),var(--accent-purple));border-radius:999px;height:6px;outline:none;transition:box-shadow .25s ease,background .3s ease;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--bg-primary);border:2px solid #0d9488;border:2px solid var(--primary);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;-webkit-transition:transform .2s ease,border-color .2s ease;transition:transform .2s ease,border-color .2s ease;width:18px}input[type=range]::-webkit-slider-thumb:hover,input[type=range]:focus::-webkit-slider-thumb{border-color:#8b5cf6;border-color:var(--accent-purple);transform:scale(1.07)}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#2dd4bf,#8b5cf6);background:linear-gradient(90deg,var(--primary-light),var(--accent-purple));border:none;border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:#fff;background:var(--bg-primary);border:2px solid #0d9488;border:2px solid var(--primary);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;-moz-transition:transform .2s ease,border-color .2s ease;transition:transform .2s ease,border-color .2s ease;width:18px}input[type=range]::-moz-range-thumb:hover,input[type=range]:focus::-moz-range-thumb{border-color:#8b5cf6;border-color:var(--accent-purple);transform:scale(1.07)}[data-theme=high-contrast] input[type=range]{background:#2dd4bf;background:var(--primary-light)}[data-theme=high-contrast] input[type=range]::-webkit-slider-thumb{background:#fff;border-color:#03a}[data-theme=high-contrast] input[type=range]::-moz-range-thumb{background:#fff;border-color:#03a}.justify-between{justify-content:space-between}.items-center{align-items:center}.font-xs{font-size:11px}.font-sm{font-size:13px}.font-md{font-size:14px}.font-xxs{font-size:10px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.text-accent-subtle{color:#64748b}.text-accent-faint{color:#94a3b8}.text-danger{color:#ef4444;color:var(--error)}.text-success{color:#10b981;color:var(--success)}.text-on-surface-primary{color:#1e293b;color:var(--text-on-surface)}.text-on-surface-secondary{color:#475569;color:var(--text-on-surface-secondary)}.text-on-surface-muted{color:#718096;color:var(--text-subtle)}.text-code-muted{color:#94a3b8}.logout-btn,.map-toggle-btn,.mystuff-link,.primary-btn,.secondary-btn,.upgrade-btn{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;line-height:1.4;min-height:44px;min-width:44px;overflow:hidden;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.primary-btn,.upgrade-btn{background:#0d9488;background:var(--btn-primary-bg);border-color:#0d9488;border-color:var(--btn-primary-bg);color:#fff;color:var(--btn-primary-text)}.primary-btn:hover:not(:disabled),.upgrade-btn:hover:not(:disabled){background:#14b8a6;background:var(--btn-primary-bg-hover);border-color:#14b8a6;border-color:var(--btn-primary-bg-hover);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-btn:active,.upgrade-btn:active{transform:translateY(0)}.logout-btn,.map-toggle-btn,.mystuff-link,.secondary-btn{background:#64748b;background:var(--btn-secondary-bg);border-color:#64748b;border-color:var(--btn-secondary-bg);color:#fff;color:var(--btn-secondary-text)}.logout-btn:hover:not(:disabled),.map-toggle-btn:hover:not(:disabled),.mystuff-link:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background:#475569;background:var(--btn-secondary-bg-hover);border-color:#475569;border-color:var(--btn-secondary-bg-hover);transform:translateY(-1px)}.btn-sm{font-size:.8rem;min-height:32px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1rem;min-height:48px;padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-icon{border-radius:8px;border-radius:var(--radius-sm);height:40px;padding:0;width:40px}.btn-icon.btn-sm{height:32px;width:32px}.btn-icon.btn-lg{height:48px;width:48px}.modal-backdrop{align-items:center;animation:modalBackdropFadeIn .3s ease;animation:modalBackdropFadeIn var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modal-backdrop)}.modal{animation:modalSlideIn .3s ease;animation:modalSlideIn var(--transition-normal);background:#f8fafc;background:var(--secondary-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000040;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow:hidden;width:90%;z-index:var(--z-modal)}.modal-large{max-width:800px}.modal-small{max-width:400px}.modal-header{align-items:center;background:linear-gradient(135deg,#0f766e,#065f46);background:var(--gradient-mystic);border-bottom:2px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-xl)}.modal-title{font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:44px}.modal-close:hover{background:#fff3;transform:scale(1.1)}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:2rem;padding:var(--spacing-2xl)}.modal-footer{background:#f1f5f9;background:var(--tertiary-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:flex-end;padding:1.5rem 2rem;padding:var(--spacing-xl) var(--spacing-2xl)}.form-field{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.form-label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs)}.form-label .required{color:#f43f5e;color:var(--accent-coral);font-size:1.1em}.form-input,.form-select,.form-textarea{background:#fff;background:var(--primary-bg);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#f8fafc;background:var(--secondary-bg);border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 0 0 3px #6a4c931a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{background:#e76f510d;border-color:#f43f5e;border-color:var(--accent-coral)}.form-helper,.form-hint,.helper-text{color:#718096;color:var(--text-subtle,var(--text-muted));font-size:.75rem;line-height:1.3;margin-top:4px}.form-textarea{min-height:100px;resize:vertical}.form-group{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg)}.form-group.two-column{grid-template-columns:1fr 1fr}.form-group.three-column{grid-template-columns:1fr 1fr 1fr}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),select,textarea{background-color:#f8fafc;background-color:var(--secondary-bg,#1a1a2e);color:#1e293b;color:var(--text-primary,#fff)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text-primary,#fff)!important;-webkit-box-shadow:inset 0 0 0 30px #f8fafc!important;-webkit-box-shadow:0 0 0 30px var(--secondary-bg,#1a1a2e) inset!important}.card{background:#f8fafc;background:var(--secondary-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{border-color:#8b5cf6;border-color:var(--accent-purple);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-lg)}.card-title{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.card-subtitle{color:#64748b;color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0;margin:var(--spacing-xs) 0 0 0}.card-body{line-height:1.6}.card-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.75rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:1rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-lg)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:.75rem;gap:var(--spacing-md)}.gap-lg{gap:1rem;gap:var(--spacing-lg)}.gap-xl{gap:1.5rem;gap:var(--spacing-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.skeleton{--_skeleton-bg:linear-gradient(110deg,#ffffff0f,#ffffff1f 18%,#ffffff0f 33%);animation:skeleton-shimmer 1.25s ease-in-out infinite;background:var(--_skeleton-bg);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-md)}@media (max-width:768px){.modal{margin:1rem;margin:var(--spacing-lg);width:95%}.modal-body,.modal-footer,.modal-header{padding:1rem;padding:var(--spacing-lg)}.form-group.three-column,.form-group.two-column,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.auth-form .btn,.form-actions .btn,.modal-footer .btn{justify-content:center;width:100%}.card{padding:1rem;padding:var(--spacing-lg)}}@media (max-width:480px){.container{padding:0 .75rem;padding:0 var(--spacing-md)}.modal-header{gap:.75rem;gap:var(--spacing-md);text-align:center}.modal-footer,.modal-header{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn-danger:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){box-shadow:none;transform:none}.alert,.card,.modal,.scan-line{animation:none!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.mb-0{margin-bottom:0}.mb-1,.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.mb-2,.mb-lg{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.mb-3,.mb-xl{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1,.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:.75rem;margin-top:var(--spacing-md)}.mt-2,.mt-lg{margin-top:1rem;margin-top:var(--spacing-lg)}.mt-3,.mt-xl{margin-top:1.5rem;margin-top:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:.75rem;padding:var(--spacing-md)}.p-lg{padding:1rem;padding:var(--spacing-lg)}.p-xl{padding:1.5rem;padding:var(--spacing-xl)}.page-enter{animation:fadeInUp .25s ease-out both}.page-enter--slide{animation:slideUp .28s cubic-bezier(.32,.72,0,1) both}.page-enter--slide-right{animation:slideIn-x .28s cubic-bezier(.32,.72,0,1) both}.page-exit{animation:fadeIn .18s ease-in reverse both}.tab-transition-enter{animation:fadeIn .18s ease-out both}.card-pressable{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease}.card-pressable:hover{box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.card-pressable:active{box-shadow:0 2px 8px #0003;transform:scale(.97);transition-duration:.06s}.glass-surface.card-pressable:active{background:#181f35d9;background:var(--glass-surface-hover,#181f35d9)}.skeleton--line,.skeleton--line-short{border-radius:4px;height:14px;margin-bottom:8px}.skeleton--line-short{width:60%}.skeleton--heading{border-radius:8px;height:22px;margin-bottom:12px;width:45%}.skeleton--circle{aspect-ratio:1;border-radius:50%}.skeleton--avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton--card{border-radius:16px;border-radius:var(--radius-lg,12px);height:180px}.skeleton--thumbnail{aspect-ratio:16/9;border-radius:12px;border-radius:var(--radius-md,8px)}.skeleton--button{border-radius:8px;height:40px;width:120px}.skeleton-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-stack{display:flex;flex-direction:column;gap:8px}.skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:480px){.skeleton-grid{grid-template-columns:1fr}}.empty-state-unified{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:240px;padding:3rem 1.5rem;text-align:center}.empty-state-unified__icon{font-size:3rem;line-height:1;margin-bottom:.25rem;opacity:.6}.empty-state-unified__title{color:#1e293b;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.empty-state-unified__description{color:#64748b;color:var(--text-muted,#ffffff80);font-size:.88rem;line-height:1.5;margin:0;max-width:320px}.empty-state-unified__action{background:#7c3aed1f;border:1px solid #8b5cf6;border:1px solid var(--accent-purple,#7c3aed);border-radius:8px;color:#8b5cf6;color:var(--accent-purple,#c084fc);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.5rem 1.5rem;transition:background .15s,transform .1s}.empty-state-unified__action:hover{background:#7c3aed33}.empty-state-unified__action:active{transform:scale(.96)}.empty-state-unified--quest .empty-state-unified__icon{color:#f43f5e;color:var(--quest-color,#fb7185)}.empty-state-unified--circle .empty-state-unified__icon{color:#38bdf8;color:var(--circle-color,#38bdf8)}.empty-state-unified--shop .empty-state-unified__icon{color:#f59e0b;color:var(--shop-color,#fbbf24)}.empty-state-unified--entertainment .empty-state-unified__icon{color:#ec4899;color:var(--entertainment-color,#f472b6)}.empty-state-unified--community .empty-state-unified__icon{color:#10b981;color:var(--article-color,#34d399)}.empty-state-unified--stream .empty-state-unified__icon{color:#2dd4bf;color:var(--stream-color,#2dd4bf)}.empty-state-unified--form .empty-state-unified__icon{color:#8b5cf6;color:var(--accent-purple,#c084fc)}@media (prefers-reduced-motion:reduce){.page-enter,.page-enter--slide,.page-enter--slide-right,.page-exit,.tab-transition-enter{animation:none}.card-pressable{transition:none}.card-pressable:hover{box-shadow:none;transform:none}.card-pressable:active{transform:none}.skeleton,.skeleton--avatar,.skeleton--button,.skeleton--card,.skeleton--circle,.skeleton--heading,.skeleton--line,.skeleton--line-short,.skeleton--thumbnail{animation:none;background:#ffffff14}}.empty-state,.no-items,.no-roles,.no-suggestions,.quest-reports-drawer__empty,.quest-reports-empty{overflow:hidden;position:relative}.empty-state:before,.no-items:before,.no-roles:before{background:radial-gradient(circle,#6366f114 0,#0000 70%);border-radius:50%;content:"";height:280px;left:50%;pointer-events:none;position:absolute;top:-40%;transform:translateX(-50%);width:280px;z-index:0}.empty-state>*,.no-items>*,.no-roles>*{position:relative;z-index:1}.article-grid>*,.circle-grid>*,.quest-grid>*,.roles-grid>*,.ticket-list>*{animation:cardEnter .35s ease-out both}.article-grid>:first-child,.circle-grid>:first-child,.quest-grid>:first-child,.roles-grid>:first-child{animation-delay:0s}.article-grid>:nth-child(2),.circle-grid>:nth-child(2),.quest-grid>:nth-child(2),.roles-grid>:nth-child(2){animation-delay:.05s}.article-grid>:nth-child(3),.circle-grid>:nth-child(3),.quest-grid>:nth-child(3),.roles-grid>:nth-child(3){animation-delay:.1s}.article-grid>:nth-child(4),.circle-grid>:nth-child(4),.quest-grid>:nth-child(4),.roles-grid>:nth-child(4){animation-delay:.15s}.article-grid>:nth-child(5),.circle-grid>:nth-child(5),.quest-grid>:nth-child(5),.roles-grid>:nth-child(5){animation-delay:.2s}.article-grid>:nth-child(n+6),.circle-grid>:nth-child(n+6),.quest-grid>:nth-child(n+6),.roles-grid>:nth-child(n+6){animation-delay:.25s}.quest-card:hover{box-shadow:0 8px 32px #f4a2611f,0 0 0 1px #f4a26126}.article-card:hover{box-shadow:0 8px 32px #6a4c9326,0 0 0 1px #6a4c932e}.circle-card:hover{box-shadow:0 8px 32px #2a9d8f1f,0 0 0 1px #2a9d8f26}.role-card:hover{box-shadow:0 8px 32px #6366f126,0 0 0 1px #6366f12e}.status-badge{transition:box-shadow .2s ease}.stat-value{transition:color .3s ease,transform .3s ease}.stat-item:hover .stat-value{transform:scale(1.05)}.approval-queue .spinner,.loading-spinner .spinner{box-shadow:0 0 12px #6366f14d}.finances-tabs .tab-button,.form-manager-tabs .tab-button,.quest-manager-tabs .tab-button{overflow:hidden;position:relative}.form-manager-tabs .tab-button:after,.quest-manager-tabs .tab-button:after{background:radial-gradient(circle at center,#ffffff0f,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.form-manager-tabs .tab-button:hover:after,.quest-manager-tabs .tab-button:hover:after{opacity:1}.ticket-row{transition:all .2s ease,border-color .2s ease}.ticket-row:hover{border-color:#6366f14d;box-shadow:0 2px 12px #0003}.create-article-btn:active,.create-circle-btn:active,.create-quest-btn:active,.create-role-btn:active,.create-shop-btn:active,.ticket-create-btn:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-x{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn-scale{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #6366f14d}50%{box-shadow:0 0 20px #6366f199}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:root{--mobile-tab-bar-height:64px;--mobile-top-bar-height:48px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-top:env(safe-area-inset-top,0px);--mobile-chrome-bottom:calc(var(--mobile-tab-bar-height) + var(--mobile-safe-bottom));--layout-gutter:var(--layout-gutter-mobile,16px);--layout-grid-gap:var(--layout-grid-gap-mobile,1rem);--mobile-glow-mystic:#6a4c931f;--mobile-glow-teal:#2a9d8f14;--mobile-active-glow:#2a9d8f80;--mobile-accent-mystic:#6a4c93;--mobile-accent-teal:#2a9d8f;--mobile-hover-subtle:#ffffff0a;--mobile-hover-light:#ffffff0f;--mobile-hover-medium:#ffffff14;--mobile-surface-deep:#0a0e18d9;--mobile-surface-solid:#0a0e18f2;--blur-subtle:blur(8px) saturate(1.2);--blur-surface:blur(16px) saturate(1.4);--blur-solid:blur(24px) saturate(1.3);--mobile-border-faint:#6a4c930f;--mobile-border-subtle:#6a4c931a;--mobile-border-medium:#6a4c9326;--glow-text-mystic:0 0 30px #6a4c931f;--glow-teal-soft:0 0 24px #2a9d8f1f;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--touch-target-min:44px;--mobile-card-bg:#0e121ec7;--mobile-card-border:#6a4c9324;--mobile-card-radius:12px;--mobile-card-shadow:0 4px 16px #0000004d,0 0 0 1px var(--mobile-border-faint);--mobile-card-shadow-pressed:0 1px 4px #0006;--primary-nav-offset:0px}body{font-family:var(--font-body)}.app-footer,.primary-nav{display:none!important}.routes-container{-webkit-overflow-scrolling:touch;flex:1 1!important;height:calc(100dvh - 48px);height:calc(100dvh - var(--mobile-topbar-height, 48px));min-height:0!important;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:var(--mobile-chrome-bottom)}.App:after{background:radial-gradient(ellipse 90% 100% at 50% 100%,var(--mobile-glow-mystic) 0,var(--mobile-glow-teal) 50%,#0000 100%);bottom:0;content:"";height:100px;left:0;opacity:.7;pointer-events:none;position:fixed;right:0;z-index:200;z-index:var(--z-raised,200)}.glass-surface{backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid)}.mobile-top-bar{box-shadow:0 1px 0 #2a9d8f0f;padding-top:var(--mobile-safe-top)}.mobile-top-bar__action-btn,.mobile-top-bar__user{transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.mobile-top-bar__action-btn:active,.mobile-top-bar__user:active{background:var(--mobile-hover-light);transform:scale(.96)}}@media (max-width:320px){.mobile-top-bar__user-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-counter,.mobile-top-bar__ep{display:none}}@media (max-width:768px){.mobile-tab-bar__tab.active:before{background:linear-gradient(90deg,#0000,#2a9d8f99,#6a4c9366,#0000);border-radius:1px;content:"";height:2px;left:25%;pointer-events:none;position:absolute;right:25%;top:-1px}.mobile-tab-bar__label{transition:color var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth)}.mobile-tab-bar__tab{transition:transform var(--duration-fast) var(--ease-spring)}.mobile-tab-bar__tab:active{transform:scale(.96)}.mobile-tab-bar__tab.active{animation:tabBounceIn var(--duration-normal) var(--ease-spring)}}@media (max-width:320px){.mobile-tab-bar__label{display:none}.mobile-tab-bar__tab.active .mobile-tab-bar__label{display:block;font-size:9px;font-size:var(--font-size-2xs,9px)}.mobile-tab-bar__icon{font-size:22px}}@media (max-width:768px){.content-receptacle-wrapper{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.content-receptacle{padding:8px 12px 12px}.location-controls{flex-wrap:wrap;gap:8px;margin-bottom:12px}.location-btn{font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:8px 12px}.filters-container{border-radius:var(--radius-md);overflow:hidden}.filters-container--collapsed .filters{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-default),opacity var(--duration-fast) var(--ease-smooth)}.filters-container:not(.filters-container--collapsed) .filters{max-height:600px;opacity:1;transition:max-height var(--duration-slow) var(--ease-default),opacity var(--duration-normal) var(--ease-smooth)}.filters-toggle{border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:8px 12px;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.filters-toggle:active{background:var(--mobile-hover-light);transform:scale(.96)}.filters-toggle__badge{font-size:var(--font-size-2xs)}.filters__search{width:100%}.filters__control{font-size:var(--font-size-sm)}.filters-chip{align-items:center;border-radius:var(--radius-lg);display:inline-flex;font-size:var(--font-size-xs);gap:4px;min-height:28px;padding:4px 8px;transition:transform var(--duration-fast) var(--ease-spring)}.filters-chip:active{opacity:.8;transform:scale(.94)}.filters-chip__clear{align-items:center;display:flex;justify-content:center;min-height:20px;min-width:20px}.content-grid{grid-gap:var(--layout-grid-gap);display:grid;gap:var(--layout-grid-gap);grid-template-columns:1fr}.content-grid>.circle-card,.content-grid>.content-card,.content-grid>.quest-card,.content-grid>.shop-card{animation:cardEnter var(--duration-normal) var(--ease-smooth) both}.content-grid>:first-child{animation-delay:0s}.content-grid>:nth-child(2){animation-delay:.04s}.content-grid>:nth-child(3){animation-delay:.08s}.content-grid>:nth-child(4){animation-delay:.12s}.content-grid>:nth-child(5){animation-delay:.16s}.content-grid>:nth-child(n+6){animation-delay:.2s}.section-title{font-size:var(--font-size-lg);margin-bottom:12px;padding:0 4px;text-shadow:var(--glow-text-mystic)}.out-of-area-toggle{margin:16px 0}}@media (max-width:480px){.content-receptacle{padding:4px 8px 8px}.content-grid{gap:12px;grid-template-columns:1fr}.section-title{font-size:var(--font-size-md)}}@media (min-width:481px) and (max-width:768px){.content-grid{gap:var(--layout-grid-gap);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.desk-workspace{min-height:100vh;min-height:100dvh;padding:0;padding-bottom:var(--mobile-chrome-bottom)}.desk-workspace__header{backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border-bottom:1px solid var(--mobile-border-subtle);contain:layout paint;flex-direction:column;gap:8px;padding:12px 10px;position:-webkit-sticky;position:sticky;top:0;transform:translateZ(0);z-index:4800;z-index:var(--z-sticky,4800)}.desk-workspace__action,.desk-workspace__back{border-radius:var(--radius-md);font-size:var(--font-size-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:8px 12px}.desk-workspace__operating{width:100%}.desk-workspace__operating-select{border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:var(--touch-target-min);width:100%}.desk-workspace__body{padding:8px 2px}.desk-area{--desk-inline-gutter:0;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.desk-area,.desk-content{background:#0000;border:none;border-radius:0}.desk-content{box-shadow:none;padding:0}.desk-area .content-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:0 8px;scrollbar-width:none}.desk-area .content-tabs::-webkit-scrollbar{display:none}.desk-area .content-tabs .tab-btn{border-radius:var(--radius-sm);flex-shrink:0;font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:8px 12px;white-space:nowrap}.desk-area .tab-content{animation:mobileTabFadeIn var(--duration-fast) var(--ease-smooth)}.desk-overview__subtabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:8px;scrollbar-width:none}.desk-overview__subtabs::-webkit-scrollbar{display:none}.desk-overview__subtab{border-radius:var(--radius-sm);flex-shrink:0;font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:8px 12px;transition:background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring);white-space:nowrap}.desk-overview__subtab:active{background:var(--mobile-hover-light);transform:scale(.96)}.desk-content-subtabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.desk-content-subtabs::-webkit-scrollbar{display:none}.desk-content-subtab{flex-shrink:0;font-size:var(--font-size-sm);min-height:var(--touch-target-min);transition:background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring);white-space:nowrap}.desk-content-subtab:active{background:var(--mobile-hover-light);transform:scale(.96)}.desk-ticket-panel{border-radius:var(--radius-md);margin:8px 0}.desk-trades-panel{padding:8px 0}.desk-trades-create-btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:8px 0;min-height:var(--touch-target-min);width:100%}}@media (max-width:480px){.desk-workspace__header{padding:8px 12px}.desk-workspace__body{padding:4px 0}.desk-workspace__action{justify-content:center;width:100%}}@keyframes mobileTabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tabBounceIn{0%{transform:scale(.92)}50%{transform:scale(1.06)}75%{transform:scale(.98)}to{transform:scale(1)}}@keyframes eveSheetSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.eve-floating{bottom:calc(var(--mobile-chrome-bottom) + 12px);right:16px}.eve-floating__fab{animation:eveFabBreathe 3s var(--ease-smooth) infinite;border-radius:50%;box-shadow:0 0 12px #2a9d8f4d,0 0 24px #6a4c9326,0 4px 12px #0000004d;height:52px;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth);width:52px}.eve-floating__fab:active{box-shadow:0 0 8px #2a9d8f80,0 0 16px #6a4c9340,0 2px 8px #0006;transform:scale(.9)}.eve-floating__panel{animation:eveSheetSlideUp var(--duration-normal) var(--ease-spring) both;backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border:1px solid var(--mobile-border-medium);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;box-shadow:0 -8px 32px #00000080,0 0 0 1px #2a9d8f0f;height:calc(100dvh - var(--mobile-top-bar-height) - 20px);left:0;max-height:calc(100dvh - var(--mobile-top-bar-height) - 20px);max-width:100%;position:fixed;right:0;top:auto;width:100%}.eve-floating__header:before{background:#ffffff26;border-radius:var(--radius-xs);content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:36px}.eve-floating__header{border-bottom:1px solid var(--mobile-border-subtle);min-height:56px;padding-top:20px;position:relative}.eve-floating__header-btn{align-items:center;border-radius:var(--radius-md);display:flex;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:background var(--duration-fast) var(--ease-smooth)}.eve-floating__header-btn:active{background:var(--mobile-hover-medium)}.eve-floating__messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior-y:contain;padding:12px var(--layout-gutter)}.eve-floating__message-bubble{border-radius:var(--radius-lg);font-size:var(--font-size-md);line-height:var(--line-normal);max-width:85%;padding:12px}.eve-floating__input-area{background:#080a1299;border-top:1px solid var(--mobile-border-faint);gap:8px;padding:8px var(--layout-gutter);padding-bottom:calc(8px + var(--mobile-safe-bottom))}.eve-floating__text-input{border-radius:var(--radius-pill);font-size:16px;min-height:var(--touch-target-min);padding:12px 16px}.eve-floating__attach-btn,.eve-floating__mic-btn,.eve-floating__send-btn{align-items:center;border-radius:50%;display:flex;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:transform var(--duration-fast) var(--ease-spring)}.eve-floating__attach-btn:active,.eve-floating__mic-btn:active,.eve-floating__send-btn:active{transform:scale(.9)}.eve-floating__panel--voice-mode .eve-floating__voice-input{padding-bottom:calc(16px + var(--mobile-safe-bottom))}.eve-floating__ambient-controls{border-bottom:1px solid var(--mobile-border-faint);padding:8px var(--layout-gutter)}.eve-floating__ambient-option{border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:36px;padding:4px 12px;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.eve-floating__ambient-option:active{background:var(--mobile-hover-light);transform:scale(.95)}.eve-floating--hidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px));transition:transform var(--duration-normal) var(--ease-default),opacity var(--duration-fast) var(--ease-smooth)}.notification-dot{animation:notifPulse 3s var(--ease-smooth) infinite;background:#f43f5e;background:var(--quest-color,#f43f5e);border-radius:var(--radius-pill);box-shadow:0 0 8px #f43f5e66;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:16px;min-width:16px;position:absolute;right:4px;text-align:center;top:4px}.map-page{flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:0}.map-container{border-radius:0;flex:1 1;min-height:45dvh;position:relative;transition:min-height var(--duration-normal) var(--ease-default)}.map-container.collapsed{flex:none;height:44px;min-height:0}.map-mobile-toolbar{align-items:center;backdrop-filter:var(--blur-surface);-webkit-backdrop-filter:var(--blur-surface);background:var(--mobile-surface-deep);border-bottom:1px solid var(--mobile-border-faint);display:flex;gap:8px;padding:8px 12px}.map-mobile-toolbar__btn{border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:36px;min-width:var(--touch-target-min);padding:4px 12px;transition:background var(--duration-fast) var(--ease-smooth)}.map-mobile-toolbar__btn:active{background:var(--mobile-hover-medium);transform:scale(.96)}.map-controls-unified{bottom:16px;flex-direction:column;gap:8px;left:12px;right:auto}.map-control-btn{backdrop-filter:var(--blur-surface);-webkit-backdrop-filter:var(--blur-surface);background:var(--mobile-surface-deep);border:1px solid var(--mobile-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000004d;min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:transform var(--duration-fast) var(--ease-spring)}.map-control-btn:active{transform:scale(.9)}.map-drag-handle{animation:handleBreathe 3s var(--ease-smooth) infinite;background:#fff3;border-radius:var(--radius-xs);cursor:grab;height:4px;margin:8px auto;touch-action:none;transition:background var(--duration-fast) var(--ease-smooth),width var(--duration-fast) var(--ease-spring);width:36px}.map-drag-handle:active{background:#2a9d8f80;cursor:grabbing;width:48px}.map-page .content-area{-webkit-overflow-scrolling:touch;background:var(--mobile-surface-solid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--mobile-border-subtle);box-shadow:0 -4px 20px #0000004d;margin:0;overflow-y:auto;overscroll-behavior-y:contain;padding:12px var(--layout-gutter);padding-bottom:var(--mobile-chrome-bottom);transition:flex var(--duration-normal) var(--ease-default),min-height var(--duration-normal) var(--ease-default)}.map-page .content-area.expanded{flex:1 1;min-height:55dvh}.leaflet-marker-icon,.map-marker{min-height:32px;min-width:32px}}@media (max-width:480px){.map-container{min-height:40dvh}.map-controls-unified{bottom:12px;left:8px}}@media (max-width:768px){.quest-detail-page{animation:questReveal .5s var(--ease-smooth) both;animation:questReveal var(--duration-slow,.5s) var(--ease-smooth) both;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:0}.quest-start-card{backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border:none;border-radius:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.quest-start-card__media{border-radius:0;max-height:45vh;max-height:45dvh;overflow:hidden;position:relative;width:100%}.quest-start-card__media img{height:100%;object-fit:cover;width:100%}.quest-start-card__media:after{background:linear-gradient(180deg,#0000 50%,#0a0c1499 75%,#0a0c14f2);content:"";inset:0;pointer-events:none;position:absolute}.quest-start-card__title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em;line-height:var(--line-tight);padding:24px var(--layout-gutter) 8px;text-shadow:0 0 40px #6a4c9326}.quest-start-card__body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior-y:contain;padding:0 var(--layout-gutter)}.quest-start-card__description{color:var(--text-secondary);margin-bottom:16px}.quest-start-card__description,.quest-start-card__description .formatted-content{font-size:var(--font-size-md);line-height:var(--line-relaxed)}.formatted-heading--h1{font-size:var(--font-size-xl)}.formatted-heading--h2{font-size:var(--font-size-lg)}.formatted-heading--h3{font-size:var(--font-size-md);font-weight:600}.quest-start-card__meta{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:8px;padding:8px 12px}.quest-start-card__meta--warning{background:#f59e0b1a;border:1px solid #f59e0b40;color:var(--warning)}.quest-start-card__actions{background:linear-gradient(180deg,#0000 0,#0a0c14cc 20%,#0a0c14f2);bottom:0;display:flex;flex-direction:column;gap:12px;padding:16px var(--layout-gutter);padding-bottom:calc(16px + var(--mobile-chrome-bottom));position:-webkit-sticky;position:sticky}.quest-start-card__begin{-webkit-tap-highlight-color:transparent;animation:beginGlow 2.5s var(--ease-smooth) infinite;background:linear-gradient(135deg,var(--mobile-accent-mystic),var(--mobile-accent-teal));border:none;border-radius:var(--mobile-card-radius);box-shadow:0 0 20px var(--mobile-glow-teal),0 4px 12px #0000004d;color:#fff;font-size:var(--font-size-lg);font-weight:600;letter-spacing:.02em;min-height:52px;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth);width:100%}.quest-start-card__begin:active{box-shadow:0 0 24px #2a9d8f99,0 0 8px #6a4c9359,0 2px 6px #0006;filter:brightness(1.1);transform:scale(.97)}.quest-start-card__cancel{background:var(--mobile-hover-light);border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-md);min-height:var(--touch-target-min);transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth);width:100%}.quest-start-card__cancel:active{background:#ffffff1a;transform:scale(.97)}.quest-replay-banner{font-size:var(--font-size-sm);padding:12px var(--layout-gutter)}.circle-card,.content-card,.quest-card,.shop-card{background:var(--mobile-card-bg);border:1px solid var(--mobile-card-border);border-left:2px solid #0000;border-radius:var(--mobile-card-radius);box-shadow:var(--mobile-card-shadow);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth)}.circle-card:active,.content-card:active,.quest-card:active,.shop-card:active{border-left-color:var(--mobile-active-glow);box-shadow:var(--mobile-card-shadow-pressed),inset 0 0 16px #2a9d8f1a,inset 2px 0 8px #2a9d8f1f,0 0 12px #2a9d8f26;filter:brightness(1.08);transform:scale(.96)}.content-grid>.content-card{animation:cardEnter .3s var(--ease-smooth) both;animation:cardEnter var(--duration-normal,.3s) var(--ease-smooth) both}.content-grid>.content-card:first-child{animation-delay:0s}.content-grid>.content-card:nth-child(2){animation-delay:.04s}.content-grid>.content-card:nth-child(3){animation-delay:.08s}.content-grid>.content-card:nth-child(4){animation-delay:.12s}.content-grid>.content-card:nth-child(5){animation-delay:.16s}.content-grid>.content-card:nth-child(n+6){animation-delay:.2s}.article-card,.circle-card,.community-card,.entertainment-card,.event-card,.listing-card,.quest-card,.shop-card{border-left-style:solid;border-left-width:3px}.quest-card{border-left-color:#f43f5e;border-left-color:var(--quest-color,#f43f5e)}.circle-card{border-left-color:#38bdf8;border-left-color:var(--circle-color,#38bdf8)}.shop-card{border-left-color:#f59e0b;border-left-color:var(--shop-color,#f59e0b)}.article-card,.community-card{border-left-color:#10b981;border-left-color:var(--article-color,#10b981)}.listing-card{border-left-color:#f59e0b;border-left-color:var(--shop-color,#f59e0b)}.event-card{border-left-color:#a78bfa;border-left-color:var(--event-color,#a78bfa)}.entertainment-card{border-left-color:#ec4899;border-left-color:var(--entertainment-color,#ec4899)}.quest-card:active{border-left-color:var(--quest-color)}.circle-card:active{border-left-color:var(--circle-color)}.shop-card:active{border-left-color:var(--shop-color)}.article-card:active{border-left-color:#10b981;border-left-color:var(--article-color,#10b981)}.event-card:active{border-left-color:#a78bfa;border-left-color:var(--event-color,#a78bfa)}.entertainment-card:active{border-left-color:#ec4899;border-left-color:var(--entertainment-color,#ec4899)}.card-preview{aspect-ratio:16/9;border-radius:0;overflow:hidden}.preview-fallback{border-radius:0;position:relative}.badge-overlay{display:flex;flex-wrap:wrap;gap:4px;left:8px;position:absolute;top:8px}.badge-overlay .badge{backdrop-filter:var(--blur-subtle);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--mobile-hover-medium);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase}.card-header{border-bottom:none;margin-bottom:0;padding:12px 12px 4px}.card-header__title{font-size:var(--font-size-md);font-weight:600;line-height:var(--line-snug)}.card-header__title a{color:inherit;text-decoration:none}.card-header__metadata{flex-wrap:wrap;gap:4px}.content-badges span,.difficulty-badge,.distance-badge,.service-area-badge,.virtual-badge{background:var(--mobile-hover-light);border:1px solid var(--mobile-hover-medium);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:500;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.card-header__menu-button{border-radius:var(--radius-sm);min-height:var(--touch-target-min);min-width:var(--touch-target-min);transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.card-header__menu-button:active{background:var(--mobile-hover-light);transform:scale(.92)}.description-block{padding:0 12px 8px}.description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-normal)}.view-more-btn{color:#2a9d8f;color:var(--accent-cool,#2a9d8f);font-size:var(--font-size-xs);min-height:36px;padding:4px 0;transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) var(--ease-smooth)}.view-more-btn:active{opacity:.7;transform:scale(.97)}.quest-reward-banner{border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:0 12px 8px;padding:8px 12px}.quest-capacity-info{font-size:var(--font-size-xs);padding:0 12px 8px}.content-card-footer{align-items:center;border-top:1px solid #ffffff0a;display:flex;gap:8px;justify-content:space-between;padding:8px 12px 12px}.action-btn,.quest-btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;min-height:var(--touch-target-min);padding:8px 16px;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.action-btn:active,.quest-btn:active{box-shadow:0 0 10px #2a9d8f40;filter:brightness(1.12);transform:scale(.96)}.creator-line{font-size:var(--font-size-xs);padding:0 12px 8px}.detail-row{display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:8px;padding:0 12px 8px}.content-card.out-of-area,.quest-card.out-of-area{opacity:.65}.service-area-warning{border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin:0 12px 8px;padding:8px 12px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border-radius:var(--radius-md);font-size:16px;min-height:var(--touch-target-min);padding:12px}textarea{min-height:80px}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M6 8 1 3h10z' fill='%23999'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.btn,[role=button],button{-webkit-tap-highlight-color:transparent;min-height:var(--touch-target-min)}.filters-menu-dropdown,.menu-dropdown,.quest-menu{-webkit-overflow-scrolling:touch;backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:#0e121ef2;border:1px solid var(--mobile-border-subtle);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:var(--mobile-chrome-bottom);box-shadow:0 -8px 32px #00000080;left:var(--layout-gutter);max-height:60vh;overflow-y:auto;padding:12px 0;position:fixed;right:var(--layout-gutter);top:auto;z-index:6100;z-index:var(--z-modal,6100)}.menu-dropdown button,.quest-menu button,.quest-menu__action{font-size:var(--font-size-md);min-height:var(--touch-target-min);padding:12px 20px;text-align:left;transition:background var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-spring);width:100%}.menu-dropdown button:active,.quest-menu button:active,.quest-menu__action:active{background:var(--mobile-hover-light);transform:scale(.98)}.quest-menu__divider{border-color:#ffffff0f;margin:4px 20px}.menu-meta,.quest-menu__meta{color:var(--text-muted);font-size:var(--font-size-xs);padding:8px 20px}.modal-content,.modal-overlay .modal{animation:eveSheetSlideUp var(--duration-normal) var(--ease-spring) both;backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;margin:0;max-height:75dvh;position:fixed;right:0;top:auto;transform:none}.modal-content:before,.modal-overlay .modal:before{background:linear-gradient(90deg,#ffffff1a,#ffffff40,#ffffff1a);border-radius:var(--radius-xs);content:"";display:block;height:4px;margin:12px auto 8px;transition:width .2s var(--ease-spring),background .2s var(--ease-smooth);width:36px}.modal-content:active:before,.modal-overlay .modal:active:before{background:#2a9d8f66;width:48px}.modal-body,.modal-content__body,.modal__body{-webkit-overflow-scrolling:touch;max-height:calc(75dvh - 80px);overflow-y:auto;overscroll-behavior-y:contain}.modal--full .modal-content,.modal-overlay .modal--full{max-height:95dvh}[role=button],a,button{transition:transform var(--duration-fast) var(--ease-spring)}[role=button]:active,a:active,button:active{transform:scale(.97)}.routes-container>*{animation:mobilePageEnter var(--duration-fast) var(--ease-smooth)}.route-loading{animation:mobilePageEnter .3s var(--ease-smooth) both;animation:mobilePageEnter var(--duration-normal,.3s) var(--ease-smooth) both;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md,.75rem);min-height:40vh;padding:1.25rem;padding:var(--spacing-lg,1.25rem)}.route-loading .skeleton-card{background:#12162329;background:var(--glass-bg,#12162329);border:1px solid #788cdc1f;border:1px solid var(--border-color,#788cdc1f);border-radius:12px;border-radius:var(--mobile-card-radius,12px);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm,.5rem);min-height:96px;padding:.75rem;padding:var(--spacing-md,.75rem)}.route-loading .skeleton-line{animation:cosmicShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#6a4c9314,#2a9d8f1f 50%,#6a4c9314);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-sm,4px);height:12px}.route-loading .skeleton-line:first-child{height:14px;width:60%}.route-loading .skeleton-line:nth-child(2){width:90%}.route-loading .skeleton-line:nth-child(3){width:45%}.loading-skeleton,.skeleton{animation:cosmicShimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#6a4c930f,#2a9d8f14 50%,#6a4c930f);background-size:200% 100%;border-radius:var(--radius-sm)}.empty-state{animation:emptyStateFloat 6s var(--ease-smooth) 3;background:radial-gradient(ellipse 60% 50% at 50% 40%,#6a4c930f 0,#0000 70%);border-radius:var(--radius-lg);padding:48px var(--layout-gutter);text-align:center}.empty-state h2,.empty-state h3{font-size:var(--font-size-lg);margin-bottom:8px;text-shadow:var(--glow-text-mystic)}.empty-state p{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-relaxed)}}@keyframes mobilePageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cosmicShimmer{0%{background-position:200% 0;opacity:.7}40%{opacity:1}60%{opacity:1}to{background-position:-200% 0;opacity:.7}}@keyframes questReveal{0%{filter:brightness(1.3) blur(4px);opacity:0;transform:scale(1.03)}60%{filter:brightness(1.1) blur(1px);opacity:1}to{filter:brightness(1) blur(0);transform:scale(1)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes eveFabBreathe{0%,to{box-shadow:0 0 12px #2a9d8f4d,0 0 24px #6a4c9326,0 4px 12px #0000004d}50%{box-shadow:0 0 18px #2a9d8f66,0 0 32px #6a4c9333,0 4px 12px #0000004d}}@keyframes beginGlow{0%,to{box-shadow:0 0 20px var(--mobile-glow-teal),0 4px 12px #0000004d}50%{box-shadow:0 0 28px #2a9d8f4d,0 0 40px #6a4c931f,0 4px 12px #0000004d}}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px) scale(.92)}70%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes markerPulse{0%,to{box-shadow:0 0 0 0 #2a9d8f66}50%{box-shadow:0 0 0 8px #2a9d8f00}}@keyframes detailSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes radarRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes handleBreathe{0%,to{opacity:.5;width:36px}50%{opacity:.7;width:44px}}@keyframes emptyStateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes progressComplete{0%,to{box-shadow:0 0 24px #2a9d8f1f,0 0 12px #2a9d8f66}50%{box-shadow:0 0 24px #2a9d8f1f,0 0 20px #2a9d8f80,0 0 6px #6a4c9359}}@media (max-width:768px){.eve-floating__messages::-webkit-scrollbar,.map-page .content-area::-webkit-scrollbar,.quest-start-card__body::-webkit-scrollbar,.routes-container::-webkit-scrollbar,.swipe-drawer__content::-webkit-scrollbar{width:3px}.eve-floating__messages::-webkit-scrollbar-track,.map-page .content-area::-webkit-scrollbar-track,.quest-start-card__body::-webkit-scrollbar-track,.routes-container::-webkit-scrollbar-track,.swipe-drawer__content::-webkit-scrollbar-track{background:#0000}.eve-floating__messages::-webkit-scrollbar-thumb,.map-page .content-area::-webkit-scrollbar-thumb,.quest-start-card__body::-webkit-scrollbar-thumb,.routes-container::-webkit-scrollbar-thumb,.swipe-drawer__content::-webkit-scrollbar-thumb{background:#6a4c9340;border-radius:var(--radius-xs)}.eve-floating__messages,.map-page .content-area,.quest-start-card__body,.routes-container,.swipe-drawer__content{scrollbar-color:#6a4c9340 #0000;scrollbar-width:thin}body,html{overscroll-behavior:none}.filters-menu-dropdown,.menu-dropdown,.quest-menu{overscroll-behavior-y:contain}}.scroll-to-top{display:none}@media (max-width:768px){.scroll-to-top{-webkit-tap-highlight-color:transparent;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e121ec7;background:var(--mobile-card-bg,#0e121ec7);border:1px solid #ffffff14;border:1px solid var(--glass-border,#ffffff14);border-radius:50%;bottom:76px;bottom:calc(var(--mobile-chrome-bottom, 64px) + var(--spacing-md, 12px));box-shadow:0 2px 12px #00000059;color:#2a9d8f;color:var(--mobile-accent-teal,#2a9d8f);cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:12px;right:var(--spacing-md,12px);transform:translateY(16px) scale(.85);transition:opacity .25s ease,transform .25s ease;width:44px;z-index:9980;z-index:calc(var(--z-fab, 9990) - 10)}.scroll-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scroll-to-top:active{background:#0a0e18f2;background:var(--mobile-surface-solid,#0a0e18f2);transform:scale(.92)}.scroll-to-top svg{height:20px;width:20px}}.scroll-indicator{display:none}@media (max-width:768px){.scroll-indicator{align-items:center;bottom:72px;bottom:calc(var(--mobile-chrome-bottom, 64px) + var(--spacing-sm, 8px));color:#ffffff59;display:flex;justify-content:center;left:50%;opacity:0;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(8px);transition:opacity .4s ease,transform .4s ease;z-index:9980;z-index:calc(var(--z-fab, 9990) - 10)}.scroll-indicator--visible{animation:scroll-hint-bob 1.8s ease-in-out infinite;opacity:1;transform:translateX(-50%) translateY(0)}.scroll-indicator svg{filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));height:24px;width:24px}@keyframes scroll-hint-bob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}}@media (max-width:768px){:focus-visible{border-radius:var(--radius-xs);outline:2px solid #2a9d8f99;outline-offset:2px}.circle-card:focus-within,.content-card:focus-within,.quest-card:focus-within,.shop-card:focus-within{outline:2px solid #2a9d8f66;outline-offset:1px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.App:after,.mobile-tab-bar__tab.active:before{display:none}.loading-skeleton,.routes-container>*,.skeleton{animation:none}.quest-detail-page{filter:none}.article-page,.circle-detail-page,.listing-detail-page,.quest-detail-page,.shop-detail-page{animation:none;opacity:1}.scroll-indicator--visible{animation:none;transform:translateX(-50%) translateY(0)}.scroll-to-top{transition:none}}@media (forced-colors:active){.mobile-tab-bar{border-top:2px solid CanvasText}.mobile-top-bar{border-bottom:2px solid CanvasText}.circle-card,.content-card,.quest-card,.shop-card{border:2px solid CanvasText}}@media (max-width:768px) and (max-height:480px) and (orientation:landscape){:root{--mobile-tab-bar-height:48px}.mobile-tab-bar__label{display:none}.quest-start-card__media{max-height:30vh}.eve-floating__panel{height:calc(100dvh - 52px);max-height:calc(100dvh - 52px)}.mobile-top-bar{height:40px}}@media (max-width:768px){.mystuff-page{padding-bottom:var(--mobile-chrome-bottom)}.profile-page,.settings-page{padding:var(--layout-gutter);padding-bottom:var(--mobile-chrome-bottom)}.data-table-wrapper,.table-responsive{-webkit-overflow-scrolling:touch;margin:0 calc(var(--layout-gutter)*-1);overflow-x:auto;padding:0 var(--layout-gutter)}table{min-width:500px}td,th{font-size:var(--font-size-sm);padding:8px 12px;white-space:nowrap}.Toastify__toast-container,.toast-container{bottom:calc(var(--mobile-chrome-bottom) + 8px);left:var(--layout-gutter);right:var(--layout-gutter);width:auto}.Toastify__toast,.toast{animation:toastEnter var(--duration-fast) var(--ease-spring) both;backdrop-filter:var(--blur-surface);-webkit-backdrop-filter:var(--blur-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{display:none}}@media print{.App:after,.eve-floating,.mobile-tab-bar,.mobile-tab-bar__glow-line,.mobile-top-bar{display:none!important}.routes-container{padding-bottom:0}}@media (max-width:768px){.swipe-drawer{backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border:1px solid var(--mobile-border-subtle);bottom:0;box-shadow:0 0 40px #00000080;display:flex;flex-direction:column;max-width:360px;overflow:hidden;position:fixed;top:0;transition:transform var(--duration-normal) cubic-bezier(.34,1.56,.64,1);transition:transform var(--duration-normal) var(--ease-spring,cubic-bezier(.34,1.56,.64,1));width:85vw;z-index:9200;z-index:var(--z-drawer,9200)}.swipe-drawer--left{border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;left:0;right:auto;transform:translateX(-100%)}.swipe-drawer--right{border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none;left:auto;right:0;transform:translateX(100%)}.swipe-drawer--open{transform:translateX(0)}.swipe-drawer__handle{background:#ffffff26;border-radius:var(--radius-xs);flex-shrink:0;height:4px;margin:12px auto 8px;width:36px}.swipe-drawer__header{align-items:center;border-bottom:1px solid var(--mobile-border-faint);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px 12px}.swipe-drawer__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;transition:background var(--duration-fast) var(--ease-smooth)}.swipe-drawer__close:active{background:var(--mobile-hover-medium);transform:scale(.94)}.swipe-drawer__content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior-y:contain;padding:12px 16px;padding-bottom:calc(12px + var(--mobile-safe-bottom))}.swipe-drawer__backdrop{background:#03061499;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-normal) var(--ease-smooth);z-index:9199;z-index:calc(var(--z-drawer, 9200) - 1)}.swipe-drawer__backdrop--visible{opacity:1;pointer-events:auto}.drawer-edge-toggle{align-items:center;background:var(--mobile-surface-deep);border:1px solid var(--mobile-border-medium);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-xs);height:48px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:background var(--duration-fast) var(--ease-smooth);width:24px;z-index:9198;z-index:calc(var(--z-drawer, 9200) - 2)}.drawer-edge-toggle:active{background:#2a9d8f1f}.drawer-edge-toggle--left{border-left:none;border-radius:0 8px 8px 0;left:0}.drawer-edge-toggle--right{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;right:0}.routes-container .grid-2,.routes-container .grid-3,.routes-container .grid-4,[class*=grid-2].grid-2,[class*=grid-3].grid-3,[class*=grid-4].grid-4{grid-template-columns:1fr}.form-group.three-column,.form-group.two-column,.form-row{flex-direction:column;grid-template-columns:1fr}.form-field{margin-bottom:12px}.form-actions{flex-direction:column;gap:8px}.form-actions .btn,.form-actions button{width:100%}.action-buttons,.btn-group,.button-group{flex-direction:column;gap:8px}.action-buttons>.btn,.action-buttons>button,.btn-group>.btn,.btn-group>button,.button-group>.btn,.button-group>button{width:100%}.surface-panel{border-radius:var(--radius-md);padding:12px}.mb-xl{margin-bottom:24px}.mt-xl{margin-top:24px}.p-xl{padding:16px}.mb-lg{margin-bottom:16px}.mt-lg{margin-top:16px}.p-lg{padding:12px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.fixed-bottom-bar,.safe-area-bottom{padding-bottom:var(--mobile-safe-bottom)}.skeleton-card{border-radius:var(--mobile-card-radius);min-height:120px;padding:12px}.skeleton-line{border-radius:var(--radius-sm);height:12px;margin-bottom:8px}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.loading-spinner{height:32px;width:32px}.list-item{min-height:var(--touch-target-min);padding:12px;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.list-item:active{background:var(--mobile-hover-subtle);transform:scale(.985)}.content-tabs,.desk-content-subtabs,.desk-overview__subtabs,.tabs-container{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:2px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px,#000 calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 12px,#000 calc(100% - 12px),#0000);overflow-x:auto;scrollbar-width:none}}@media (max-width:768px){.content-tabs::-webkit-scrollbar,.tabs-container::-webkit-scrollbar{display:none}.content-tabs .tab-btn,.tabs-container .tab{flex-shrink:0;min-height:var(--touch-target-min);transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth);white-space:nowrap}.content-tabs .tab-btn:active,.tabs-container .tab:active{background:var(--mobile-hover-light);transform:scale(.95)}.skip-link:focus{background:var(--bg-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);left:8px;padding:8px 16px;position:fixed;top:8px;z-index:9999;z-index:var(--z-max,9999)}.article-page,.circle-detail-page,.listing-detail-page,.shop-detail-page{animation:detailSlideUp var(--duration-normal) var(--ease-spring) both;min-height:100dvh;padding-bottom:var(--mobile-chrome-bottom)}.article-page,.circle-detail-page,.listing-detail-page,.quest-detail-page,.shop-detail-page{color:#ffffffeb}body.keyboard-open .mobile-tab-bar{pointer-events:none;transform:translateY(100%);transition:transform var(--duration-fast) var(--ease-default)}body.keyboard-open .routes-container{padding-bottom:0}body:not(.keyboard-open) .mobile-tab-bar{transition:transform var(--duration-normal) var(--ease-spring)}body.builder-mode .mobile-tab-bar{pointer-events:none;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-default)}body.builder-mode .routes-container{padding-bottom:0}.builder-toolbar{align-items:center;backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:var(--mobile-surface-solid);border-bottom:1px solid var(--mobile-border-subtle);display:flex;justify-content:space-between;min-height:var(--touch-target-min);padding:8px var(--layout-gutter);position:-webkit-sticky;position:sticky;top:0;z-index:4800;z-index:var(--z-sticky,4800)}.fc .fc-toolbar{flex-wrap:wrap;gap:4px;padding:8px 0}.fc .fc-toolbar-title{font-size:var(--font-size-md)!important}.fc .fc-button{border-radius:var(--radius-sm);font-size:var(--font-size-xs);min-height:36px;padding:4px 12px}.fc-event.calendar-event--quest{background:#f43f5e1f;border-left:3px solid #f43f5e;border-left:3px solid var(--quest-color,#f43f5e)}.fc-event.calendar-event--circle{background:#38bdf81f;border-left:3px solid #38bdf8;border-left:3px solid var(--circle-color,#38bdf8)}.fc-event.calendar-event--shop{background:#f59e0b1f;border-left:3px solid #f59e0b;border-left:3px solid var(--shop-color,#f59e0b)}.fc-event.calendar-event--event{background:#a78bfa1f;border-left:3px solid #a78bfa;border-left:3px solid var(--event-color,#a78bfa)}.fc .fc-daygrid-day-events{min-height:auto}.fc .fc-daygrid-event{margin:0}}@media (max-width:480px){.fc .fc-col-header-cell-cushion{font-size:10px;font-size:var(--font-size-2xs,10px);padding:4px}.fc .fc-daygrid-day-number{font-size:var(--font-size-xs);padding:4px}.data-lab__workspace-inner{padding:8px}.data-lab__header h1,.data-lab__header h2{font-size:var(--font-size-lg)}.data-lab__location-form{gap:8px;grid-template-columns:1fr}.data-lab__grid{gap:12px}.data-lab__card{padding:12px}.thread-view-toolbar{gap:8px;padding:8px 12px}.thread-card{padding:12px}.thread-title{font-size:var(--font-size-lg)}.thread-body{font-size:var(--font-size-sm);line-height:var(--line-relaxed)}.comment-card{margin-bottom:8px;padding:12px}.comment-card--nested{margin-left:12px}.comment-body{font-size:var(--font-size-sm)}.comment-actions{gap:8px}.comment-actions button{font-size:var(--font-size-xs);min-height:32px}.post-footer{flex-wrap:wrap;gap:8px}.gift-recognition-button{font-size:var(--font-size-xs);padding:4px 8px}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:768px){.quest-builder,.quest-builder-page{padding:var(--layout-gutter);padding-bottom:var(--mobile-chrome-bottom)}.quest-builder__steps,.quest-step-list{flex-direction:column;gap:12px}.quest-step{border-radius:var(--radius-md);padding:12px}.quest-step__header{flex-direction:column;gap:8px}.quest-step__actions{flex-direction:row;flex-wrap:wrap;gap:8px}.quest-step__actions button{flex:1 1;min-height:var(--touch-target-min);min-width:100px}.quest-desk-builder .react-flow,.quest-desk-builder .reactflow-wrapper,.quest-desk-builder__canvas{display:none}.quest-step-list-mobile{display:flex;flex-direction:column;gap:0;padding:0 1rem;padding:0 var(--layout-gutter,1rem)}.quest-step-mobile{background:#121623b3;background:var(--mobile-surface-solid,#121623b3);border:1px solid #ffffff14;border:1px solid var(--mobile-border-subtle,#ffffff14);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:2px;padding:12px 12px 12px 40px;position:relative;transition:border-color .15s,background .15s}.quest-step-mobile:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.quest-step-mobile:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.quest-step-mobile:before{align-items:center;background:#ff6b6b26;border:2px solid #ff6b6b;border:2px solid var(--accent-quest,#ff6b6b);border-radius:50%;color:#ff6b6b;color:var(--accent-quest,#ff6b6b);content:attr(data-step-number);display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;left:8px;line-height:24px;position:absolute;text-align:center;top:12px;width:24px}.quest-step-mobile:not(:last-child):after{background:linear-gradient(180deg,#ff6b6b,#ff6b6b33);background:linear-gradient(to bottom,var(--accent-quest,#ff6b6b),#ff6b6b33);bottom:-4px;content:"";left:20px;position:absolute;top:40px;width:2px}.quest-step-mobile--completed:before{background:#34d39926;border-color:#10b981;border-color:var(--unlock-color,#10b981);color:#10b981;color:var(--unlock-color,#10b981);content:"✓"}.quest-step-mobile__header{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:44px;min-height:var(--touch-target-min,44px)}.quest-step-mobile__title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.9rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-step-mobile__type{background:#94a3b826;border-radius:4px;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.quest-step-mobile__meta{align-items:center;color:#ffffffa6;color:var(--text-secondary,#ffffffa6);display:flex;font-size:.78rem;gap:8px;margin-top:4px}.quest-step-mobile__detail{max-height:0;overflow:hidden;transition:max-height .3s ease}.quest-step-mobile--expanded .quest-step-mobile__detail{max-height:500px}.quest-step-mobile__detail-inner{border-top:1px solid var(--mobile-border-subtle);margin-top:8px;padding-top:12px}.quest-step-mobile__actions{display:flex;gap:8px;padding-top:8px}.quest-step-mobile__action{align-items:center;background:#ffffff0a;background:var(--mobile-hover-light,#ffffff0a);border:1px solid #ffffff0f;border:1px solid var(--mobile-border-faint,#ffffff0f);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.78rem;font-weight:600;justify-content:center;min-height:36px;transition:transform .1s,background .15s}.quest-step-mobile__action:active{background:var(--mobile-hover-medium);transform:scale(.95)}.quest-step-add{align-items:center;background:#0000;border:2px dashed var(--mobile-border-subtle);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;min-height:var(--touch-target-min);padding:12px;transition:border-color .15s,color .15s}}@media (max-width:768px){.quest-step-add:focus-visible,.quest-step-add:hover{border-color:#ff6b6b;border-color:var(--accent-quest,#ff6b6b);color:#ff6b6b;color:var(--accent-quest,#ff6b6b)}.quest-builder-mobile__footer{backdrop-filter:var(--blur-solid);-webkit-backdrop-filter:var(--blur-solid);background:#121623f2;background:var(--mobile-surface-solid,#121623f2);border-top:1px solid var(--mobile-border-subtle);bottom:0;display:flex;gap:8px;padding:12px 1rem;padding:12px var(--layout-gutter,1rem);position:-webkit-sticky;position:sticky}.quest-builder-mobile__footer button{border-radius:8px;flex:1 1;font-size:.85rem;font-weight:600;min-height:var(--touch-target-min)}.workflow-builder__canvas,.workflow-manager .react-flow,.workflow-manager .reactflow-wrapper{display:none}.workflow-step-list-mobile{display:flex;flex-direction:column;gap:0;padding:0 1rem;padding:0 var(--layout-gutter,1rem)}.workflow-step-mobile{background:#121623b3;background:var(--mobile-surface-solid,#121623b3);border:1px solid #ffffff14;border:1px solid var(--mobile-border-subtle,#ffffff14);border-radius:0;margin-bottom:0;padding:12px 12px 12px 40px;position:relative}.workflow-step-mobile:first-child{border-radius:12px 12px 0 0}.workflow-step-mobile:last-child{border-radius:0 0 12px 12px}.workflow-step-mobile:before{align-items:center;background:#38bdf81f;border:2px solid #2a9d8f;border:2px solid var(--mobile-accent-teal,#2a9d8f);border-radius:50%;color:#2a9d8f;color:var(--mobile-accent-teal,#2a9d8f);content:attr(data-step-number);display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;left:8px;line-height:24px;position:absolute;text-align:center;top:12px;width:24px}.workflow-step-mobile:not(:last-child):after{bottom:-12px;color:#2a9d8f;color:var(--mobile-accent-teal,#2a9d8f);content:"↓";font-size:.8rem;left:12px;position:absolute;z-index:1}.workflow-step-mobile__header{align-items:center;display:flex;gap:8px;min-height:36px}.workflow-step-mobile__icon{flex:0 0 auto;font-size:1.1rem}.workflow-step-mobile__title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.9rem;font-weight:600;min-width:0}.workflow-step-mobile__description{color:var(--text-secondary);font-size:.78rem;margin-top:4px;padding-left:0}.workflow-step-mobile__branches{border-left:2px solid var(--mobile-border-subtle);margin-top:8px;padding-left:8px}.workflow-step-mobile__branch{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;gap:8px;padding:4px 0}.workflow-step-mobile__branch:before{background:var(--mobile-border-subtle);content:"";flex:0 0 auto;height:2px;width:12px}.workflow-step-mobile__branch--success{color:#10b981;color:var(--unlock-color,#10b981)}.workflow-step-mobile__branch--failure{color:#ff6b6b;color:var(--accent-quest,#ff6b6b)}.form-card-mobile,.form-manager-list{display:flex;flex-direction:column;gap:8px}.form-card-mobile{background:#121623b3;background:var(--mobile-surface-solid,#121623b3);border:1px solid var(--mobile-border-subtle);border-radius:12px;padding:12px;transition:border-color .15s}.form-card-mobile:active{border-color:#c084fc;border-color:var(--accent-purple,#c084fc)}.form-card-mobile__header{align-items:center;display:flex;gap:8px;justify-content:space-between}.form-card-mobile__title{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-card-mobile__status{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.form-card-mobile__status--active{background:#34d39926;color:#6ee7b7}.form-card-mobile__status--draft{background:#94a3b81f;color:#94a3b8}.form-card-mobile__meta{color:var(--text-secondary);display:flex;font-size:.78rem;gap:12px}.form-card-mobile__field-count,.form-card-mobile__submissions{align-items:center;display:flex;gap:4px}.profile-header{align-items:center;flex-direction:column;gap:12px;text-align:center}.profile-avatar-container{margin:0 auto}.profile-avatar{background-clip:padding-box;border:2px solid #0000;box-shadow:0 0 0 2px #6a4c934d,0 0 20px #6a4c9326,0 0 40px #2a9d8f14;height:100px;width:100px}.profile-info{text-align:center}.profile-name{font-size:var(--font-size-xl);text-shadow:var(--glow-text-mystic)}.profile-title{color:var(--text-muted);font-size:var(--font-size-sm)}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:12px 0;text-align:center}.profile-stat__value{font-size:var(--font-size-lg);font-weight:600}.profile-stat__label{color:var(--text-muted);font-size:var(--font-size-xs)}.profile-actions{flex-direction:column;gap:8px}.profile-actions .btn,.profile-actions button{min-height:var(--touch-target-min);width:100%}.settings-section{background:var(--mobile-card-bg);border:1px solid var(--mobile-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;margin-bottom:12px;padding:16px}.settings-section__title{font-size:var(--font-size-md);font-weight:600;margin-bottom:12px;text-shadow:var(--glow-text-mystic)}.settings-row{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:12px 0;transition:background var(--duration-fast) var(--ease-smooth)}.settings-row:active{background:#ffffff08}.settings-row__label{font-size:var(--font-size-sm)}.settings-row__control{width:100%}.settings-toggle{min-height:28px;min-width:48px;transition:transform var(--duration-fast) var(--ease-spring)}.settings-toggle:active{transform:scale(.92)}}@media (hover:none){.circle-card:hover,.content-card:hover,.list-item:hover,.quest-card:hover,.shop-card:hover{box-shadow:var(--mobile-card-shadow);transform:none}.circle-card:active,.content-card:active,.quest-card:active,.shop-card:active{transform:scale(.975)}}@media (max-width:768px){.stat-counter-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-counter{align-items:center;background:var(--mobile-card-bg);border:1px solid var(--mobile-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #0003,0 0 0 1px var(--mobile-border-faint);display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:12px}.stat-counter__value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--mobile-accent-mystic),var(--mobile-accent-teal));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:700}.stat-counter__label{color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.ep-counter{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,var(--mobile-accent-mystic));background:linear-gradient(90deg,var(--ep-color,#8b5cf6),var(--mobile-accent-mystic));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xs);font-weight:600}.card-progress{background:var(--mobile-hover-light);border-radius:var(--radius-pill);height:3px;margin:0 12px 8px;overflow:hidden}.card-progress__fill{background:linear-gradient(90deg,var(--mobile-accent-teal),var(--mobile-accent-mystic));border-radius:var(--radius-pill);box-shadow:var(--glow-teal-soft);height:100%;transition:width var(--duration-normal) var(--ease-smooth)}.card-progress__fill.complete,.card-progress__fill[style*="100%"]{animation:progressComplete 2s var(--ease-smooth) infinite;box-shadow:var(--glow-teal-soft),0 0 12px #2a9d8f66,0 0 4px #6a4c934d}.status-badge{backdrop-filter:var(--blur-subtle);-webkit-backdrop-filter:var(--blur-subtle);border:1px solid var(--mobile-hover-medium);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.status-badge--live{background:#10b98126;border-color:#10b9814d;box-shadow:0 0 8px #10b98133;color:#10b981;color:var(--unlock-color,#10b981)}.status-badge--draft{background:var(--mobile-hover-medium);color:var(--text-muted)}.status-badge--paused{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b;color:var(--xp-color,#f59e0b)}.status-badge--closed{background:#f43f5e1f;border-color:#f43f5e4d;color:#f43f5e;color:var(--quest-color,#f43f5e)}.preview-fallback--quest{background:linear-gradient(135deg,#f43f5e26,#6a4c931a)}.preview-fallback--circle{background:linear-gradient(135deg,#38bdf826,#2a9d8f1a)}.preview-fallback--shop{background:linear-gradient(135deg,#f59e0b26,#f43f5e0d)}.preview-fallback--article{background:linear-gradient(135deg,#10b98126,#2a9d8f1a)}.preview-fallback--event{background:linear-gradient(135deg,#a78bfa26,#6a4c931a)}.preview-fallback--entertainment{background:linear-gradient(135deg,#ec489926,#f43f5e0d)}.difficulty-badge--easy{border-color:#10b9814d;color:#10b981;color:var(--unlock-color,#10b981)}.difficulty-badge--medium{border-color:#f59e0b4d;color:#f59e0b;color:var(--xp-color,#f59e0b)}.difficulty-badge--hard{border-color:#f43f5e4d}.difficulty-badge--hard,.map-marker--quest{color:#f43f5e;color:var(--quest-color,#f43f5e)}.map-marker--circle{color:#38bdf8;color:var(--circle-color,#38bdf8)}.map-marker--shop{color:#f59e0b;color:var(--shop-color,#f59e0b)}.map-marker--user{animation:markerPulse 2s var(--ease-smooth) infinite;color:var(--mobile-accent-teal);position:relative}.map-marker--user:before{animation:radarRing 3s var(--ease-smooth) infinite;border:1px solid #2a9d8f66;border-radius:50%;content:"";inset:-4px;pointer-events:none;position:absolute}.map-control-btn--locate.gps-active{border-color:#2a9d8f66;box-shadow:0 0 12px #2a9d8f4d,0 2px 8px #0000004d}.map-container.detent-mini{flex:none;min-height:25dvh}.map-container.detent-default{min-height:45dvh}.map-container.detent-expanded{min-height:70dvh}.capacity-bar{background:var(--mobile-hover-light);border-radius:var(--radius-pill);height:4px;margin:4px 0;overflow:hidden}.capacity-bar__fill{background:var(--mobile-accent-teal);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-normal) var(--ease-smooth)}.capacity-bar__fill--warning{background:#f59e0b;background:var(--xp-color,#f59e0b)}.capacity-bar__fill--full{background:#f43f5e;background:var(--quest-color,#f43f5e)}.content-card.locked,.quest-card.locked{filter:grayscale(.3);opacity:.5;pointer-events:none}.skeleton-avatar,.skeleton-card,.skeleton-line{animation:cosmicShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,var(--mobile-border-faint) 0,#2a9d8f14 50%,var(--mobile-border-faint) 100%);background-size:200% 100%}.badge--achievement,.badge--verified,.status-badge--verified{background:var(--badge-stamp);border-color:#c8b48c59;color:#d4c5a0;color:var(--badge-stamp-text,#d4c5a0);text-shadow:0 0 6px #c8b48c26}.preview-fallback--article:after,.preview-fallback--circle:after,.preview-fallback--entertainment:after,.preview-fallback--event:after,.preview-fallback--quest:after,.preview-fallback--shop:after{bottom:8px;font-size:14px;opacity:.35;pointer-events:none;position:absolute;right:8px}.preview-fallback--quest:after{content:"\1F9ED"}.preview-fallback--circle:after{content:"\1F6E1"}.preview-fallback--shop:after{content:"\1F3EA"}.preview-fallback--article:after{content:"\1F4DD"}.preview-fallback--event:after{content:"\1F3AA"}.preview-fallback--entertainment:after{content:"\1F3AC"}.workflow-step{padding-left:32px;position:relative}.workflow-step:before{align-items:center;background:var(--mobile-hover-medium);border:2px solid var(--mobile-border-subtle);border-radius:50%;color:var(--text-muted);content:attr(data-step);display:flex;font-size:var(--font-size-2xs);font-weight:700;height:22px;justify-content:center;left:0;line-height:22px;position:absolute;text-align:center;top:2px;width:22px;z-index:1}.workflow-step:not(:last-child):after{background:linear-gradient(to bottom,var(--mobile-border-subtle),var(--mobile-border-faint));bottom:-2px;content:"";left:12px;position:absolute;top:24px;width:2px}.workflow-step.active:before{background:#2a9d8f33;border-color:var(--mobile-accent-teal);color:var(--mobile-accent-teal)}.workflow-step.completed:before{background:#10b98133;border-color:#10b981;border-color:var(--unlock-color,#10b981);color:#10b981;color:var(--unlock-color,#10b981);content:"✓"}.workflow-step.completed:after{background:#10b981;background:var(--unlock-color,#10b981)}.workflow-step--branch{margin-left:24px}.workflow-step--branch:after{left:-12px;width:2px}.management-card__actions{border-top:1px solid var(--mobile-hover-subtle);display:flex;gap:8px;padding:8px 12px 12px}.management-card__action{align-items:center;background:var(--mobile-hover-light);border:1px solid var(--mobile-border-faint);border-radius:var(--radius-sm);display:flex;flex:1 1;font-size:var(--font-size-xs);font-weight:500;justify-content:center;min-height:36px;text-align:center;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) var(--ease-smooth)}.management-card__action:active{background:var(--mobile-hover-medium);transform:scale(.94)}}body,html{box-sizing:border-box!important;margin:0!important;padding:0!important}.app-footer{font-size:.75rem;opacity:.5;padding:.5rem 1rem;pointer-events:none;position:relative;text-align:center;z-index:0}.react-flow,.react-flow__renderer,.react-flow__selectionpane,.react-flow__zoompane{pointer-events:auto!important}.react-flow__panel{pointer-events:none!important}.react-flow__controls,.react-flow__panel>*{pointer-events:auto!important}:root{--immersive-blur:16px;--immersive-tint:#0a0a0fa6;--ambient-hue-shift:0;--ambient-droplet-intensity:0;--ambient-refraction-strength:0.28;--rain-video-opacity:0.33;--layout-gutter-inline:var(--layout-gutter-desktop,32px);--layout-grid-gap:var(--layout-grid-gap-desktop,1.5rem);--primary-nav-offset:clamp(68px,9vw,84px)}@media (max-width:1024px){:root{--layout-gutter-inline:var(--layout-gutter-tablet,24px);--layout-grid-gap:var(--layout-grid-gap-tablet,1.25rem)}}@media (max-width:768px){:root{--layout-gutter-inline:var(--layout-gutter-mobile,0px);--layout-grid-gap:var(--layout-grid-gap-mobile,1rem)}}*{box-sizing:border-box!important}body,html{background:#060a08!important;background:var(--bg-deep,#060a08)!important;height:100%!important;overflow-x:hidden!important;width:100%!important}:root[data-theme-mode=dark] html:after,:root[data-theme-mode=dark] html:before{content:"";inset:0;pointer-events:none;position:fixed;will-change:transform,opacity;z-index:0}:root[data-theme-mode=dark] html:before{animation:lw-drift-sky 45s ease-in-out infinite alternate;background:radial-gradient(ellipse 80% 55% at 68% 15%,rgba(13,148,136,.055) 0,#0000 70%)}:root[data-theme-mode=dark] html:after{animation:lw-drift-ember 65s ease-in-out infinite alternate;background:radial-gradient(ellipse 65% 42% at 28% 88%,rgba(217,119,6,.042) 0,#0000 65%)}@keyframes lw-drift-sky{0%{opacity:1;transform:translate(0) scale(1)}33%{opacity:.82;transform:translate(3%,2%) scale(1.04)}66%{opacity:.94;transform:translate(-2%,3%) scale(.97)}to{opacity:.88;transform:translate(4%,-1%) scale(1.02)}}@keyframes lw-drift-ember{0%{opacity:1;transform:translate(0) scale(1)}40%{opacity:.78;transform:translate(-3%,-2%) scale(1.06)}80%{opacity:.88;transform:translate(2%,1%) scale(.95)}to{opacity:.83;transform:translate(-1%,3%) scale(1.03)}}html[data-route=design-system]:after,html[data-route=design-system]:before,html[data-route=map]:after,html[data-route=map]:before{display:none}#root{overflow-x:hidden!important;width:100%!important}#root,.App{background:#0000!important;color:#fff!important;color:var(--text-primary,#fff)!important}.App{display:flex!important;flex-direction:column!important}html[data-route=map],html[data-route=map] #root,html[data-route=map] .App,html[data-route=map] .routes-container,html[data-route=map] body{background:radial-gradient(circle at 35% 28%,#0c1812,#060a08 70%),linear-gradient(180deg,#0a120e,#060a08)!important;background-attachment:fixed!important}html[data-route=mystuff]{--layout-gutter-inline:0px}.app-shell{display:flex;min-height:100vh}.routes-container{background:#0000!important;display:flex!important;flex:1 1!important;flex-direction:column!important;margin:0!important;padding:0 32px!important;padding:0 var(--layout-gutter-inline)!important;transition:padding .25s ease;width:100%!important}html[data-route=mystuff] .routes-container{padding-left:0!important;padding-right:0!important}@media (max-width:1024px){.routes-container{padding-left:32px!important;padding-left:var(--layout-gutter-inline)!important;padding-right:32px!important;padding-right:var(--layout-gutter-inline)!important}.primary-nav__center,.primary-nav__links{display:none}}html[data-route=map] .routes-container{padding:0 max(env(safe-area-inset-right,0px),0px) 0 max(env(safe-area-inset-left,0px),0px)!important}@media (max-width:768px){.primary-nav__inner{flex-wrap:wrap;gap:.75rem}.primary-nav__segment--actions,.primary-nav__segment--brand{flex-wrap:wrap;justify-content:space-between;width:100%}.primary-nav__status{order:3;width:100%}.primary-nav__actions{flex-wrap:wrap;justify-content:space-between;width:100%}}.map-page{background:#0000!important;display:flex!important;flex:1 1!important;flex-direction:column!important}html:not(:has(.unified-background-layer)){background:var(--bg-primary)!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;color:#e5e5e7!important;color:var(--text-primary,#e5e5e7)!important;font-family:var(--font-body)!important;line-height:1.6!important;margin:0!important;min-height:100vh!important;padding:0!important}body:not(:has(.unified-background-layer)){background:#0a0a0f!important;background:var(--bg-deep,#0a0a0f)!important}body:has(.unified-background-layer){background:#0000!important}#root:not(:has(.unified-background-layer)){background:var(--bg-primary)!important}#root{color:var(--text-primary)!important;min-height:100vh!important}.App:not(:has(.unified-background-layer)){background:var(--bg-primary)!important}.App{color:var(--text-primary)!important;margin:0!important;min-height:100vh!important;padding:0!important;position:relative!important;width:100%!important}body:has(.unified-background-layer) #root,body:has(.unified-background-layer) .App,body:has(.unified-background-layer) .routes-container{background:#0000!important}.app-header{margin-top:0!important}.ambient-glass-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ambient-glass-canvas{display:block;height:100%;mix-blend-mode:normal;width:100%}.ambient-glass-vignette{background:radial-gradient(circle at 50% 50%,#0000 0,#00000059 80%);inset:0;pointer-events:none;position:absolute}.no-video{background:#0b1220;background:var(--fallback-hero-bg,#0b1220)}.rain-video-overlay{opacity:.33;opacity:var(--rain-video-opacity,.33)}:root[data-rain-video-ready=true] .ambient-glass{display:none!important}.App>:not(.ambient-glass-layer):not(.skip-link):not(.visually-hidden-focusable){position:relative;z-index:10}.App>.primary-nav,.App>header:has(.primary-nav){z-index:5000;z-index:var(--z-nav,5000)}.App>.map-page,.App>[class*=page],.App>main{z-index:1}body:not(:has(.ambient-glass-layer)) .App{background:radial-gradient(circle at 35% 28%,#282c3c59,#0c0e18d9 70%),linear-gradient(180deg,#181a26e6,#0a0c14f2);background-attachment:fixed}.App>.ambient-glass-layer{inset:0;position:fixed;z-index:0}.surface-panel{backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);background:#14162094;background:var(--surface-panel-bg,#14162094)}.content-receptacle-wrapper,.surface-panel{border:1px solid #ffffff0d;border-radius:16px}.content-receptacle-wrapper{backdrop-filter:blur(8px) saturate(135%);-webkit-backdrop-filter:blur(8px) saturate(135%);background:#12141e29;padding:1rem}.content-receptacle-wrapper .surface-panel{background:#191c2899}.surface-panel+.surface-panel{margin-top:1.5rem;margin-top:var(--layout-grid-gap,1.25rem)}.surface-grid{grid-gap:1.5rem;grid-gap:var(--layout-grid-gap,1.25rem);display:grid;gap:1.5rem;gap:var(--layout-grid-gap,1.25rem);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));grid-template-columns:repeat(auto-fit,minmax(min(var(--layout-column-min,280px),100%),1fr))}@media (max-width:768px){.surface-grid{grid-template-columns:1fr}}.stack-sm>*+*{margin-top:.5rem}.stack-md>*+*{margin-top:1rem}.stack-lg>*+*{margin-top:1.5rem}.section-heading{font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem}.glow{box-shadow:0 0 20px var(--shadow-color);transition:box-shadow .3s ease}.glow:hover{box-shadow:0 0 30px var(--hover-shadow),0 0 50px var(--hover-shadow)}:where(button){background:var(--gradient-mystic);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:44px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}:where(button:hover){box-shadow:0 4px 20px #6a4c9366;transform:translateY(-2px)}:where(button:active){transform:translateY(0)}:where(button:disabled){cursor:not-allowed;opacity:.6;transform:none}a{color:var(--accent-teal);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-gold)}.text-muted{color:var(--text-muted)}#root{position:relative!important;z-index:1!important}.calendar-container,.circle-calendar-view,.payment-modal,.recognition-wallet{isolation:isolate;position:relative}[data-ad-block],[data-adblock-key]{display:block!important;opacity:1!important;visibility:visible!important}.calendar-header,.create-event-button,.payment-form,.purchase-button{display:block!important;pointer-events:auto!important;visibility:visible!important}style[data-styled-version]{position:relative;z-index:10}.app-protected{contain:layout style paint}.calendar-error-fallback{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.calendar-error-fallback h3{color:#dc3545;margin-bottom:1rem}.calendar-error-fallback p{color:var(--text-muted);line-height:1.6}@media (max-width:768px){.calendar-error-fallback{border-radius:12px;min-height:250px;padding:1.5rem}.calendar-error-fallback h3{font-size:1.1rem}.calendar-error-fallback p{font-size:.9rem}}@media (max-width:480px){.calendar-error-fallback{border-radius:8px;min-height:200px;padding:1.25rem}.calendar-error-fallback h3{font-size:1rem}.calendar-error-fallback p{font-size:.85rem}}.cosmic-forest-atmo{inset:0;isolation:isolate;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.cfa-layer{background-position:0 0;background-repeat:repeat;background-size:auto;inset:-8%;position:absolute}.cfa-layer.cfa-motion{background:none;height:100%;inset:0;object-fit:cover;object-position:center;width:100%}.cfa-deepfield{background-position:50%}.cfa-deepfield,.cfa-silhouette{background-repeat:no-repeat;background-size:cover;inset:0}.cfa-silhouette{background-position:bottom;mix-blend-mode:normal;opacity:.22}.cfa-fog-a{animation:cfaDriftA 120s linear infinite;opacity:.1}.cfa-fog-a,.cfa-fog-b{mix-blend-mode:screen;will-change:transform}.cfa-fog-b{animation:cfaDriftB 160s linear infinite;filter:blur(1px);opacity:.07}.cfa-motes{animation:cfaDriftMotes 200s linear infinite;mix-blend-mode:screen;opacity:.06;will-change:transform}.cfa-motion.cfa-motes{animation:none}.cfa-bloom,.cfa-motion.cfa-motes{mix-blend-mode:screen;opacity:.04}.cfa-bloom{animation:cfaDriftBloom 260s linear infinite;will-change:transform}.cfa-motion.cfa-bloom{animation:none;mix-blend-mode:screen;opacity:.03}.cfa-rift{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .7s ease}.cfa-rift.cfa-rift--active{animation:cfaRiftPulse 2.2s ease forwards;opacity:.1}.cfa-grain{background-size:512px 512px;mix-blend-mode:overlay;opacity:.08}.cfa-vignette{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;opacity:.55}.cfa-motion.cfa-fog-a{animation:none;mix-blend-mode:screen;opacity:.07}.cfa-motion.cfa-fog-b{animation:none;filter:blur(1px);mix-blend-mode:screen;opacity:.05}@keyframes cfaDriftA{0%{transform:translateZ(0)}to{transform:translate3d(140px,-60px,0)}}@keyframes cfaDriftB{0%{transform:translateZ(0)}to{transform:translate3d(-120px,-90px,0)}}@keyframes cfaDriftMotes{0%{transform:translateZ(0)}to{transform:translate3d(40px,-220px,0)}}@keyframes cfaDriftBloom{0%{transform:translateZ(0)}to{transform:translate3d(60px,-20px,0)}}@keyframes cfaRiftPulse{0%{opacity:0}20%{opacity:.1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cfa-bloom,.cfa-fog-a,.cfa-fog-b,.cfa-motes{animation:none!important;transform:none!important}}.nav-stat-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;min-height:32px;min-width:32px;padding:.25rem .5rem;transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-stat-card:focus-visible,.nav-stat-card:hover{background:#ffffff14;border-color:#fff3}.nav-stat-card .value{font-size:.8rem;font-weight:700}.nav-stat-letter{animation:letterPulse 2s ease-in-out infinite;display:inline-block;font-family:var(--font-body);font-size:.95rem;font-weight:900;position:relative;text-shadow:0 0 8px currentColor}.nav-stat-letter--gold{-webkit-text-fill-color:#0000;animation:goldShimmer 2.5s linear infinite,goldGlow 1.8s ease-in-out infinite alternate;background:linear-gradient(90deg,#fbbf24,#fef08a 25%,#fbbf24 50%,#f59e0b 75%,#fbbf24);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#fbbf24;text-shadow:0 0 6px #fbbf24cc,0 0 12px #fbbf2480,0 0 20px #fbbf244d}.nav-stat-letter--green{-webkit-text-fill-color:#0000;animation:greenShimmer 2.5s linear infinite,greenGlow 1.8s ease-in-out infinite alternate;background:linear-gradient(90deg,#34d399,#6ee7b7 25%,#34d399 50%,#10b981 75%,#34d399);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:#34d399;text-shadow:0 0 6px #34d399cc,0 0 12px #34d39980,0 0 20px #34d3994d}.nav-stat-letter--gold:after,.nav-stat-letter--green:after{animation:sparkle 2s ease-in-out infinite;content:"✦";font-size:.5rem;opacity:0;position:absolute;right:-8px;top:-4px}.nav-stat-letter--gold:after{animation-delay:.5s;color:#fef08a;text-shadow:0 0 4px #fef08ae6}.nav-stat-letter--green:after{animation-delay:1s;color:#6ee7b7;text-shadow:0 0 4px #6ee7b7e6}@keyframes goldShimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes greenShimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes goldGlow{0%{filter:drop-shadow(0 0 3px rgba(251,191,36,.6))}to{filter:drop-shadow(0 0 8px rgba(251,191,36,.9))}}@keyframes greenGlow{0%{filter:drop-shadow(0 0 3px rgba(52,211,153,.6))}to{filter:drop-shadow(0 0 8px rgba(52,211,153,.9))}}@keyframes sparkle{0%,40%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%,60%{opacity:1;transform:scale(1) rotate(15deg)}70%{opacity:.5;transform:scale(.8) rotate(-5deg)}}@keyframes letterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.nav-stat-card--ep:hover .nav-stat-letter--green,.nav-stat-card--recognition:hover .nav-stat-letter--gold{animation-duration:1.5s,1s}@media (max-width:768px){.nav-stat-cards{gap:.25rem}.nav-stat-card{border-radius:8px;min-height:28px;min-width:28px;padding:4px 8px}.nav-stat-card,.nav-stat-card .value{font-size:.75rem}.nav-stat-letter{font-size:.85rem}}@media (max-width:480px){.nav-stat-card{min-height:24px;min-width:24px;padding:4px}.nav-stat-card,.nav-stat-card .value{font-size:.75rem}.nav-stat-letter{font-size:.8rem}}.mobile-nav-dropdown{z-index:100;z-index:var(--z-raised,100)}.mobile-nav-dropdown,.mobile-nav-dropdown__trigger{align-items:center;display:flex;overflow:visible;position:relative}.mobile-nav-dropdown__trigger{background:#ffffff14;border:1px solid #fff3;border-radius:12px;cursor:pointer;height:44px;justify-content:center;transition:background .18s ease,transform .18s ease;width:44px;z-index:1}.mobile-nav-dropdown__trigger:focus-visible,.mobile-nav-dropdown__trigger:hover{background:#ffffff29;outline:none;transform:translateY(-1px)}.mobile-nav-dropdown__trigger--open{background:#ffffff29}.mobile-nav-dropdown__hamburger{display:flex;flex-direction:column;gap:4px;pointer-events:none;width:20px}.mobile-nav-dropdown__hamburger span{background:#f8fafc;border-radius:1px;display:block;height:2px;pointer-events:none;transition:transform .2s ease,opacity .2s ease;width:100%}.mobile-nav-dropdown__trigger--open .mobile-nav-dropdown__hamburger span:first-child{transform:translateY(6px) rotate(45deg)}.mobile-nav-dropdown__trigger--open .mobile-nav-dropdown__hamburger span:nth-child(2){opacity:0}.mobile-nav-dropdown__trigger--open .mobile-nav-dropdown__hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-dropdown__menu{animation:mobile-nav-slide-in .18s ease forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff26;border:1px solid var(--glass-border,#ffffff26);border-radius:16px;box-shadow:0 16px 48px #020617a6,0 0 0 1px #0003;max-width:280px;min-width:200px;padding:.5rem;z-index:4700;z-index:var(--z-dropdown,4700)}.mobile-nav-dropdown__menu,.mobile-nav-dropdown__menu.glass-surface,.mobile-nav-dropdown__menu.glass-surface:hover{background:#0f1220fa!important}@keyframes mobile-nav-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-nav-dropdown__item{align-items:center;background:#0000;border:none;border-radius:12px;color:#f8fafce6;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .15s ease,color .15s ease;width:100%}.mobile-nav-dropdown__item:focus-visible,.mobile-nav-dropdown__item:hover{background:#ffffff2e;color:#fff;outline:none}.mobile-nav-dropdown__item--active{background:#3b82f626;color:#60a5fa}.mobile-nav-dropdown__item--active:hover{background:#3b82f638;color:#93c5fd}.mobile-nav-dropdown__item--primary{background:linear-gradient(135deg,#2a9d8f33,#6a4c9333);color:#2dd4bf}.mobile-nav-dropdown__item--primary:hover{background:linear-gradient(135deg,#2a9d8f59,#6a4c9359)}.mobile-nav-dropdown__item--logout{color:#f87171e6}.mobile-nav-dropdown__item--logout:hover{background:#f871711f;color:#fca5a5}.mobile-nav-dropdown__item-icon{flex-shrink:0;font-size:1.1rem}.mobile-nav-dropdown__item-label{flex:1 1}.mobile-nav-dropdown__divider{background:#ffffff1a;height:1px;margin:.5rem .75rem}.mobile-nav-dropdown__badge{animation:cosmicBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#c2410c,#9a3412 50%,#7c2d12);border:2px solid #0c0e18f2;border-radius:12px;box-shadow:0 0 10px #c2410cb3,0 0 20px #9a341280,inset 0 1px 2px #fff3,0 2px 8px #0006;color:#fff;font-size:.75rem;font-weight:700;height:22px;line-height:18px;min-width:22px;overflow:hidden;padding:0 8px;position:absolute;right:-8px;text-align:center;text-shadow:0 0 6px #a855f7e6,0 0 12px #8b5cf699,0 1px 1px #0000004d;top:-8px}.mobile-nav-dropdown__badge:before{animation:badgeShimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a855f766 45%,#c084fc80 50%,#a855f766 55%,#0000);background-size:300% 100%;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes cosmicBadgePulse{0%,to{box-shadow:0 0 10px #c2410cb3,0 0 20px #9a341280,inset 0 1px 2px #fff3,0 2px 8px #0006;transform:scale(1)}50%{box-shadow:0 0 14px #c2410ce6,0 0 28px #9a341299,0 0 10px #a855f780,inset 0 1px 2px #ffffff4d,0 2px 8px #0006;transform:scale(1.08)}}@keyframes badgeShimmer{0%{background-position:300%}to{background-position:-100%}}.mobile-nav-dropdown__item-badge{background:linear-gradient(135deg,#c2410c,#9a3412);border-radius:12px;box-shadow:0 0 6px #c2410c66;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;line-height:20px;min-width:20px;padding:0 8px;text-align:center;text-shadow:0 0 3px #a855f799}.primary-nav{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#080e0bf0;border-bottom:1px solid var(--border-color);isolation:isolate;overflow:visible;padding-left:max(24px,env(safe-area-inset-left,0));padding-left:max(var(--layout-gutter-inline,24px),env(safe-area-inset-left,0));padding-right:max(24px,env(safe-area-inset-right,0));padding-right:max(var(--layout-gutter-inline,24px),env(safe-area-inset-right,0));padding-top:env(safe-area-inset-top,0);position:-webkit-sticky;position:sticky;top:0;transition:padding .25s ease;width:100%;z-index:5000;z-index:var(--z-nav,5000)}.primary-nav.glass-surface{animation:none!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;background:#080e0bf0!important;box-shadow:none!important}.primary-nav__inner{grid-column-gap:1.25rem;grid-column-gap:var(--layout-grid-gap,1.25rem);grid-row-gap:clamp(4px,3vw,20px);align-items:center;column-gap:1.25rem;column-gap:var(--layout-grid-gap,1.25rem);display:grid;grid-template-areas:"left center right";grid-template-columns:1fr auto 1fr;min-height:clamp(60px,7vw,76px);overflow:visible;padding:clamp(8px,1.5vw,12px) 0;row-gap:clamp(4px,3vw,20px);width:100%}.primary-nav__identity{align-items:center;display:flex;flex:0 1 auto;gap:clamp(.5rem,1.5vw,.75rem);grid-area:left;justify-self:start;min-width:0;position:relative;z-index:2}.primary-nav__avatar{align-items:center;background:#0000;border:0;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-flex;height:56px;justify-content:center;min-height:56px;min-width:56px;overflow:visible;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:56px;z-index:5}.primary-nav__avatar:before{background:#0000;border:1px solid #fff3;border-radius:50%;box-shadow:none;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.primary-nav__avatar:focus-visible,.primary-nav__avatar:hover{box-shadow:0 0 0 1px #2dd4bf99,0 0 0 4px #2dd4bf2e;outline:none;transform:translateY(-1px)}.primary-nav__avatar-image{background:#0000;border-radius:50%;box-shadow:0 6px 14px #0000003d;display:block;height:110%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:110%;z-index:6}.primary-nav__avatar-icon{font-size:1.2rem}.primary-nav__user{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;min-width:0}.primary-nav__user-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.primary-nav__username{color:var(--text-primary);font-size:.95rem;font-weight:700;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav__role{color:var(--text-muted);font-size:.8rem;opacity:.8}.primary-nav__title{color:var(--text-primary);font-size:.78rem;font-weight:600;opacity:.85}.primary-nav__title--interactive{border-bottom:1px dashed #ffffff59;cursor:pointer;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.primary-nav__title--interactive:focus-visible,.primary-nav__title--interactive:hover{border-bottom-color:#fff9;color:#fff;outline:none}.primary-nav__title.is-disabled{cursor:default;opacity:.65}.primary-nav__center{align-items:center;display:flex;gap:.5rem;grid-area:center;justify-content:center}.primary-nav__nav-link{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#f8fafcd9;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.primary-nav__nav-link:focus-visible,.primary-nav__nav-link:hover{background:#ffffff1a;border-color:#ffffff29;color:#fff;outline:none;transform:translateY(-1px)}.primary-nav__nav-link--active{background:#0d948826;border-color:#0d948859;color:#2dd4bf}.primary-nav__nav-link--active:hover{background:#0d948838;border-color:#0d948873;color:#5eead4}.primary-nav__desktop-only{display:inline-flex}.primary-nav__spacer{display:none}.primary-nav__balances{align-items:center;display:flex}.primary-nav__actions{gap:.75rem;gap:var(--spacing-2_5,.75rem);grid-area:right;justify-self:end;margin-left:0;overflow:visible;z-index:10}.primary-nav__actions,.primary-nav__cart{align-items:center;display:flex;position:relative}.primary-nav__cart-button{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fdfdff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;min-height:44px;padding:.5rem 1rem;transition:background .18s ease,transform .18s ease}.primary-nav__cart-button:focus-visible,.primary-nav__cart-button:hover{background:#ffffff29;outline:none;transform:translateY(-1px)}.primary-nav__cart-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-nav__cart-label{white-space:nowrap}.primary-nav__cart-badge{align-items:center;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:999px;box-shadow:0 6px 18px #f4a26159;color:#0a0a0f;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0 .5rem}.primary-nav__cart-layer{inset:0;pointer-events:none;position:fixed;z-index:9200;z-index:var(--z-cart-overlay,9200)}.primary-nav__cart-backdrop{background:#040a0759;border:none;cursor:default;inset:0;margin:0;padding:0;pointer-events:auto;position:absolute}.primary-nav__cart-backdrop:focus-visible{outline:2px solid #94a3b880}.primary-nav__cart-dropdown{animation:primary-nav-cart-in .18s ease forwards;background:#0a100cf5;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 48px #0208058c;display:flex;flex-direction:column;gap:.75rem;padding:1rem;pointer-events:auto;position:fixed;transform-origin:top right;width:min(380px,92vw);z-index:9200;z-index:var(--z-cart-dropdown,9200)}@keyframes primary-nav-cart-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.primary-nav__cart-dropdown-header{align-items:center;color:#f8fafc;display:flex;font-weight:700;justify-content:space-between}.primary-nav__cart-clear{background:#0000;border:none;color:#f8fafcb3;cursor:pointer;font-size:.85rem;transition:color .18s ease}.primary-nav__cart-clear:focus-visible,.primary-nav__cart-clear:hover{color:#fff;outline:none}.primary-nav__cart-dropdown-body{display:flex;flex-direction:column;gap:.75rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.primary-nav__cart-empty{color:#f8fafccc;font-size:.9rem;padding:.5rem 0}.primary-nav__cart-line{grid-gap:.75rem;background:#ffffff0a;border:1px solid #94a3b82e;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;padding:.5rem}.primary-nav__cart-line-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.primary-nav__cart-line-title{color:#f8fafc;font-weight:600}.primary-nav__cart-line-price{color:#f1f5f9e6;display:flex;font-size:.85rem;gap:.5rem}.primary-nav__cart-line-total{color:#94a3b8d9;font-size:.8rem}.primary-nav__cart-line-controls{align-items:center;display:inline-flex;gap:.5rem}.primary-nav__cart-line-controls>button{background:#ffffff14;border:1px solid #fff3;border-radius:8px;color:#f8fafc;cursor:pointer;font-weight:700;height:28px;transition:background .18s ease,transform .18s ease;width:28px}.primary-nav__cart-line-controls>button:focus-visible,.primary-nav__cart-line-controls>button:hover{background:#ffffff2e;outline:none;transform:translateY(-1px)}.primary-nav__cart-line-controls span{color:#f8fafc;font-weight:700;min-width:1.5rem;text-align:center}.primary-nav__cart-line-remove{background:#0000;border:none;color:#f87171d9;cursor:pointer;font-size:.8rem;transition:color .18s ease}.primary-nav__cart-line-remove:focus-visible,.primary-nav__cart-line-remove:hover{color:#fca5a5;outline:none}.primary-nav__cart-dropdown-footer{display:flex;flex-direction:column;gap:.75rem}.primary-nav__cart-breakdown,.primary-nav__cart-modal-breakdown{color:#e2e8f0e0;display:flex;flex-direction:column;font-size:.85rem;gap:.5rem}.primary-nav__cart-summary-line,.primary-nav__cart-total{align-items:center;display:flex;justify-content:space-between}.primary-nav__cart-total{color:#f8fafc;font-weight:700}.primary-nav__cart-balance{color:#94a3b8e6;font-size:.85rem}.primary-nav__cart-warning{background:#f871711f;border:1px solid #f8717173;border-radius:12px;color:#fecaca;font-size:.8rem;padding:.5rem .75rem}.primary-nav__cart-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.primary-nav__cart-proceed,.primary-nav__cart-wallet{border:1px solid #fff3;border-radius:999px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background .18s ease,transform .18s ease}.primary-nav__cart-wallet{background:#f8fafc14;color:#f8fafc}.primary-nav__cart-wallet:focus-visible,.primary-nav__cart-wallet:hover{background:#f8fafc2e;outline:none;transform:translateY(-1px)}.primary-nav__cart-proceed{background:linear-gradient(135deg,#0f766e,#0d9488);border:none;box-shadow:0 8px 24px #0d948859;color:#fff}.primary-nav__cart-proceed:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.primary-nav__cart-proceed:not(:disabled):focus-visible,.primary-nav__cart-proceed:not(:disabled):hover{outline:none;transform:translateY(-1px)}.primary-nav__cart-modal-backdrop{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#070b18b8;display:flex;inset:0;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem);position:fixed;z-index:6000;z-index:var(--z-modal-backdrop,6000)}.primary-nav__cart-modal{background:#0c101ef2;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;max-height:min(85vh,720px);overflow:hidden;position:relative;width:min(520px,100%);z-index:1}.primary-nav__cart-modal-header{align-items:center;border-bottom:1px solid #94a3b82e;display:flex;justify-content:space-between;padding:1rem 1.25rem}.primary-nav__cart-modal-header h3{color:#f8fafc;font-size:1.1rem;margin:0}.primary-nav__cart-modal-close{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;color:#f8fafc;cursor:pointer;padding:.25rem 1rem;transition:background .18s ease}.primary-nav__cart-modal-close:focus-visible,.primary-nav__cart-modal-close:hover{background:#ffffff2e;outline:none}.primary-nav__cart-modal-body{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.25rem}.primary-nav__cart-modal-line{background:#ffffff08;border:1px solid #94a3b833;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.primary-nav__cart-modal-line-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.primary-nav__cart-modal-line-header h4{color:#f8fafc;font-size:.98rem;font-weight:600;margin:0}.primary-nav__cart-modal-line-quantity{color:#94a3b8e6;font-size:.82rem}.primary-nav__cart-modal-line-pricing{align-items:center;color:#e2e8f0e6;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem}.primary-nav__cart-modal-line-total{color:#f8fafc;font-weight:600;margin-left:auto}.primary-nav__cart-modal-line-controls{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem}.primary-nav__cart-modal-line-controls>button{background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;color:#f8fafc;cursor:pointer;font-weight:700;height:32px;transition:background .18s ease,transform .18s ease;width:32px}.primary-nav__cart-modal-line-controls>button:focus-visible,.primary-nav__cart-modal-line-controls>button:hover{background:#ffffff2e;outline:none;transform:translateY(-1px)}.primary-nav__cart-modal-line-controls span{color:#f8fafc;font-weight:700;min-width:1.75rem;text-align:center}.primary-nav__cart-modal-remove{background:#f871711f!important;border:1px solid #f8717159!important;border-radius:999px!important;color:#fecaca!important;font-size:.78rem!important;font-weight:600;padding:.5rem .75rem;width:auto!important}.primary-nav__cart-modal-remove:focus-visible,.primary-nav__cart-modal-remove:hover{background:#f8717138!important;border-color:#f871718c!important;color:#fee2e2!important;outline:none}.primary-nav__cart-delivery-form{background:#2dd4bf0f;border:1px solid #2dd4bf38;border-radius:12px;margin-top:.5rem;padding:1rem}.primary-nav__cart-delivery-form input,.primary-nav__cart-delivery-form textarea{box-sizing:border-box;width:100%}.primary-nav__cart-delivery-form input::placeholder,.primary-nav__cart-delivery-form textarea::placeholder{color:#fff6}.primary-nav__cart-delivery-form input:focus,.primary-nav__cart-delivery-form textarea:focus{outline:2px solid #2dd4bf80;outline-offset:-1px}.primary-nav__cart-modal-footer{border-top:1px solid #94a3b82e;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem 1.25rem}.primary-nav__cart-modal-summary{align-items:center;color:#e2e8f0eb;display:flex;font-weight:600;justify-content:space-between}.primary-nav__cart-modal-warning{background:#f871711f;border:1px solid #f8717173;border-radius:12px;color:#fecaca;font-size:.82rem;padding:.5rem .75rem}.primary-nav__cart-modal-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.primary-nav__cart-cancel,.primary-nav__cart-submit{border-radius:999px;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:background .18s ease,transform .18s ease}.primary-nav__cart-cancel{background:#94a3b82e;border:1px solid #94a3b847;color:#e2e8f0}.primary-nav__cart-cancel:focus-visible,.primary-nav__cart-cancel:hover{background:#94a3b847;outline:none;transform:translateY(-1px)}.primary-nav__cart-submit{background:linear-gradient(135deg,#f4a261,#e76f51);border:none;box-shadow:0 10px 24px #e76f5159;color:#0a0a0f}.primary-nav__cart-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.primary-nav__cart-submit:not(:disabled):focus-visible,.primary-nav__cart-submit:not(:disabled):hover{outline:none;transform:translateY(-1px)}.nav-stat-cards{align-items:center;display:inline-flex;gap:.25rem}.nav-stat-cards--compact{gap:.25rem}.nav-stat-card{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 0 10px #fbbf2440;color:#fff;display:inline-flex;font-size:.86rem;font-weight:700;gap:.25rem;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:.5rem .75rem;transition:transform .18s ease,box-shadow .18s ease}.nav-stat-card--compact{border-radius:8px;box-shadow:0 0 6px #fbbf2433;font-size:.82rem;gap:.25rem;min-height:36px;min-width:36px;padding:.5rem}.nav-stat-card--compact .icon{font-size:.9rem}.nav-stat-card--compact .value{font-size:.8rem;font-weight:600}.nav-stat-cards--loading{display:inline-flex;gap:.25rem;gap:var(--spacing-2xs,.25rem)}.nav-stat-card--placeholder{animation:navStatPulse 1.2s ease-in-out infinite;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;display:inline-block;height:44px;width:86px}@keyframes navStatPulse{0%,to{opacity:.35}50%{opacity:.7}}@keyframes primaryNavShimmer{0%{background-position:200%}50%{background-position:100%}to{background-position:-200%}}.nav-stat-card:focus-visible,.nav-stat-card:hover{box-shadow:0 8px 24px #fbbf2459;outline:none;transform:translateY(-1px)}.nav-stat-card .icon{filter:drop-shadow(0 0 4px rgba(251,191,36,.9));font-size:1rem}.nav-stat-card .label{opacity:.9}.nav-stat-card .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.primary-nav__action{align-items:center;border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:.5rem 1rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-nav__action:focus-visible{outline:2px solid #6a4c938c;outline-offset:2px}.primary-nav__action--link{background:#ffffff14;border:1px solid #ffffff2e;color:#fdfdff}.primary-nav__action--link:hover{background:#ffffff29}.primary-nav__action--primary{background:linear-gradient(135deg,#f4a261,#e9c46a);border:none;box-shadow:0 10px 24px #f4a26159;color:#0a0a0f}.primary-nav__action--primary:hover{box-shadow:0 14px 30px #f4a26173;transform:translateY(-1px)}.primary-nav__action--secondary{background:linear-gradient(135deg,#0f766e,#0d9488);border:none;box-shadow:0 10px 24px #0d948859;color:#fff}.primary-nav__action--secondary:hover{box-shadow:0 14px 30px #0d948873;transform:translateY(-1px)}.primary-nav__action--ghost{background:#0000;border:1px solid #ffffff40;color:#ffffffd9}.primary-nav__action--ghost:hover{background:#ffffff14}.primary-nav__survey-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#04060cb8;display:grid;inset:0;padding:clamp(1.75rem,4vw,3.5rem);place-items:center;position:fixed;z-index:9999;z-index:var(--z-max,9999)}.primary-nav__survey-backdrop--ranked{padding:clamp(1rem,2vw,2rem)}.primary-nav__survey-backdrop--ranked .primary-nav__survey-surface{width:min(1300px,96vw)}.primary-nav__survey-surface{border:1px solid var(--glass-border);border-radius:16px;max-height:min(85vh,720px);overflow:auto;padding:clamp(1.25rem,2vw,1.75rem);width:min(640px,100%)}@media (max-width:640px){.primary-nav__survey-backdrop{align-items:flex-start;overflow-y:auto;padding:.75rem}.primary-nav__survey-backdrop--ranked{padding:.75rem}.primary-nav__survey-backdrop--ranked .primary-nav__survey-surface{max-height:none;width:100%}}.primary-nav__survey-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.primary-nav__survey-header h3{color:#fff;font-size:1.2rem;margin:0}.primary-nav__survey-close{background:#ffffff14;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .18s ease}.primary-nav__survey-close:focus-visible,.primary-nav__survey-close:hover{background:#ffffff2e;outline:none}.survey-loading{color:var(--text-primary);font-size:.95rem;padding:1.25rem;text-align:center}.primary-nav__shimmer{--primary-nav-shimmer-base:#fff;--primary-nav-shimmer-highlight:#f2ce68;--primary-nav-shimmer-glow:#f2ce6873;--primary-nav-shimmer-duration:3.8s;color:var(--primary-nav-shimmer-base);position:relative;text-shadow:0 0 8px var(--primary-nav-shimmer-glow);transition:text-shadow .3s ease}.primary-nav__shimmer::selection{background:#f2ce6859;color:var(--primary-nav-shimmer-base)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.primary-nav__shimmer{animation:primaryNavShimmer var(--primary-nav-shimmer-duration) linear infinite;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(120deg,#fff3 0,#fffaebf2 30%,var(--primary-nav-shimmer-highlight) 48%,#fffaebf2 66%,#fff3 100%);background-size:220% auto;color:#0000}}@media (prefers-reduced-motion:reduce){.primary-nav__shimmer{animation:none!important;background-position:50%!important}}.shimmer-min{--primary-nav-shimmer-duration:4.6s;--primary-nav-shimmer-glow:#f2ce6840}.shimmer-mid{--primary-nav-shimmer-duration:3.9s;--primary-nav-shimmer-glow:#f2ce6866}.shimmer-max{--primary-nav-shimmer-duration:3.2s;--primary-nav-shimmer-glow:#f2ce6899;text-shadow:0 0 12px var(--primary-nav-shimmer-glow)}@media (max-width:1024px){.primary-nav__inner{column-gap:clamp(.5rem,3vw,1.25rem);column-gap:clamp(var(--spacing-sm,.5rem),3vw,var(--layout-grid-gap,1.25rem));grid-template-areas:"left center right";grid-template-columns:auto 1fr auto;row-gap:0}.primary-nav__actions,.primary-nav__identity{width:auto}.primary-nav__actions{gap:clamp(.25rem,2.5vw,.5rem);gap:clamp(var(--spacing-3xs,.25rem),2.5vw,var(--spacing-sm,.5rem));justify-content:flex-end;margin-left:0}.primary-nav__nav-link{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:768px){.primary-nav__inner{grid-template-areas:"left right";grid-template-columns:minmax(0,1fr) auto;padding:clamp(8px,4vw,12px) 0;row-gap:clamp(4px,4vw,8px)}.primary-nav__center{display:none}.primary-nav__actions{flex-wrap:nowrap;gap:.25rem;gap:var(--spacing-3xs,.25rem);justify-content:flex-end;min-width:0}.primary-nav__username{font-size:.85rem;max-width:120px}.primary-nav__title{font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav__role{font-size:.75rem}.primary-nav__action{min-width:0;padding:8px 12px}.primary-nav__cart,.primary-nav__desktop-only{display:none}}@media (max-width:480px){.primary-nav__username{font-size:.8rem;max-width:100px}.primary-nav__title{font-size:.65rem;max-width:100px}.primary-nav__role{font-size:.65rem}.primary-nav__actions{gap:.25rem;gap:var(--spacing-4xs,.25rem)}.primary-nav__action{font-size:.82rem;padding:8px 12px}.primary-nav__inner{min-height:60px;padding:8px 0}.primary-nav__avatar{height:48px;min-height:48px;min-width:48px;width:48px}.primary-nav__inner{min-height:52px;padding:4px 0}.primary-nav__avatar{height:40px;min-height:40px;min-width:40px;width:40px}.primary-nav__title,.primary-nav__username{font-size:.75rem;max-width:80px}.primary-nav__role{font-size:.75rem}.primary-nav__action{font-size:.78rem;padding:4px 8px}.primary-nav__user-row{gap:.25rem}}.primary-nav__notifications-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999;z-index:var(--z-max,9999)}.primary-nav__notifications-panel{animation:notifications-slide-in .2s ease-out;background:#1a1a1a;background:var(--bg-secondary,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:420px;min-width:320px}@keyframes notifications-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.primary-nav__notifications-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:1rem 1.25rem}.primary-nav__notifications-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:600;margin:0}.primary-nav__notifications-header-actions{align-items:center;display:flex;gap:.75rem}.primary-nav__notifications-clear{background:#0000;border:none;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:color .15s}.primary-nav__notifications-clear:hover{color:#fff;color:var(--text-primary,#fff)}.primary-nav__notifications-close{background:#0000;border:none;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .15s}.primary-nav__notifications-close:focus-visible,.primary-nav__notifications-close:hover{color:#fff;color:var(--text-primary,#fff)}.primary-nav__notifications-body{flex:1 1;max-height:400px;overflow-y:auto;padding:0}.primary-nav__notifications-list{list-style:none;margin:0;padding:0}.primary-nav__notification-item{align-items:flex-start;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;transition:background .15s}.primary-nav__notification-item:last-child{border-bottom:none}.primary-nav__notification-item--unread{background:#0d94881a}.primary-nav__notification-item:hover{background:#ffffff0d}.primary-nav__notification-link{align-items:flex-start;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:.75rem;padding:.75rem 1rem;text-align:left}.primary-nav__notification-icon{flex-shrink:0;font-size:1.25rem;margin-top:.25rem}.primary-nav__notification-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.primary-nav__notification-title{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-nav__notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;color:var(--text-secondary,#999);display:-webkit-box;font-size:.8rem;overflow:hidden}.primary-nav__notification-time{color:#666;color:var(--text-muted,#666);font-size:.75rem}.primary-nav__notification-dismiss{background:#0000;border:none;color:#666;color:var(--text-muted,#666);cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;padding:.75rem;transition:color .15s}.primary-nav__notification-dismiss:hover{color:#fff;color:var(--text-primary,#fff)}.primary-nav__notifications-empty{color:#999;color:var(--text-secondary,#999);font-size:.95rem;margin:0;padding:2rem 1.25rem;text-align:center}.primary-nav__notifications-footer{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;justify-content:center;padding:1rem 1.25rem}.primary-nav__notifications-view-all{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:background .15s,transform .1s;width:100%}.primary-nav__notifications-view-all:focus-visible,.primary-nav__notifications-view-all:hover{background:#1e3a8a;transform:translateY(-1px)}.primary-nav__notifications-view-all:active{transform:translateY(0)}