@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:80px;z-index:90;display:flex;align-items:center;gap:16px;padding:0 32px;background:transparent;transition:all var(--duration-normal) var(--ease-out)}.topbar-brand{display:flex;align-items:center}.topbar-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--label-primary);box-shadow:var(--glass-shadow-sm);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.topbar-back-btn:hover{background:var(--glass-bg-strong);transform:translate(-2px);box-shadow:var(--glass-shadow-md)}.topbar-spacer{flex:1}.topbar-access-trigger{display:flex;align-items:center;gap:-8px;padding:6px;background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow-sm);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.topbar-access-trigger:hover{background:var(--glass-bg-strong);transform:translateY(-1px);box-shadow:var(--glass-shadow-md)}.access-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:var(--shadow-xs);transition:transform .2s ease;overflow:hidden}.access-avatar:not(:first-child){margin-left:-12px}.access-avatar img{width:100%;height:100%;object-fit:cover}.access-count{width:32px;height:32px;border-radius:50%;background:var(--neutral-100);border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--label-secondary);margin-left:-12px}.access-popup-dropdown,.navbar-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-lg);min-width:240px;z-index:1000;animation:dropdownIn var(--duration-normal) var(--ease-spring);overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-profile-btn{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow-sm);transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.navbar-profile-btn:hover{background:var(--glass-bg-strong);transform:translateY(-1px);box-shadow:var(--glass-shadow-md)}.navbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden}.navbar-avatar img{width:100%;height:100%;object-fit:cover}.navbar-dropdown-header{padding:16px;background:#0f172a08;border-bottom:1px solid var(--separator)}.navbar-dropdown-name{display:block;font-weight:700;font-size:var(--text-sm);color:var(--label-primary)}.navbar-dropdown-role{font-size:var(--text-xs);color:var(--label-tertiary)}.navbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;text-align:left;font-size:var(--text-sm);color:var(--label-secondary);transition:all .2s}.navbar-dropdown-item:hover{background:#0f172a0a;color:var(--label-primary)}.navbar-dropdown-item.danger{color:var(--color-red)}.navbar-dropdown-item.danger:hover{background:var(--color-red-fill)}.profile-modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:flex-start;justify-content:center;padding:clamp(104px,14vh,150px) 24px 32px;z-index:2000;animation:fadeIn .3s ease}.profile-modal-content{background:var(--bg-secondary);width:100%;max-width:480px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--separator);overflow:hidden;animation:slideUp .4s var(--ease-spring)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-modal-header{padding:24px;border-bottom:1px solid var(--separator);display:flex;align-items:center;justify-content:space-between}.profile-modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.profile-image-section{display:flex;align-items:center;gap:20px}.profile-avatar-large{width:80px;height:80px;border-radius:var(--radius-md);background:var(--neutral-100);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--separator)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.topbar-hamburger{display:none}@media(max-width:768px){.topbar{left:0;height:60px;padding:0 16px;gap:10px}.topbar-access{display:none}.topbar-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow-sm);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.topbar-hamburger:hover{background:var(--glass-bg-strong)}.topbar-hamburger-line{display:block;width:100%;height:2px;background:var(--label-primary);border-radius:2px;transition:all .3s cubic-bezier(.23,1,.32,1);transform-origin:center}.topbar-hamburger.active .topbar-hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.topbar-hamburger.active .topbar-hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.topbar-hamburger.active .topbar-hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-profile-btn{padding:4px 10px 4px 4px;gap:6px}.navbar-avatar{width:30px;height:30px}.navbar-chevron{display:none}.navbar-dropdown{right:0;left:auto;min-width:200px}.profile-modal-content{max-width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0}.profile-modal-overlay{align-items:flex-end}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border-right:1px solid var(--separator);z-index:100;display:flex;flex-direction:column;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.sidebar-top{padding:32px 20px 20px;display:flex;flex-direction:column;gap:24px}.workspace-selector{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:var(--radius-md);background:#fff6;border:1px solid var(--separator);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.workspace-selector:hover{background:#ffffffb3;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.workspace-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.workspace-name{flex:1;font-weight:700;font-size:var(--text-base);color:var(--label-primary);text-align:left;letter-spacing:-.02em}.workspace-caret{color:var(--label-quaternary)}.sidebar-nav{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:0 16px 32px}.sidebar-section{display:flex;flex-direction:column;gap:2px}.sidebar-section-divider{height:1px;background:var(--separator);margin:20px 8px;opacity:.5}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--label-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out);position:relative}.sidebar-item-icon{color:var(--label-tertiary);transition:color var(--duration-fast) var(--ease-out)}.sidebar-item:hover{background:#0f172a0a;color:var(--label-primary)}.sidebar-item:hover .sidebar-item-icon{color:var(--label-primary)}.sidebar-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-item.active .sidebar-item-icon{color:var(--accent)}.sidebar-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:4px;background:var(--accent);border-radius:0 4px 4px 0;box-shadow:2px 0 8px var(--accent-glow)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:10px}@media(max-width:768px){.sidebar{top:60px;height:calc(100% - 60px);height:calc(100dvh - 60px);width:min(280px,82vw);background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid rgba(0,0,0,.08);transform:translate(-100%);z-index:600;box-shadow:none;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.sidebar.mobile-open{transform:translate(0);box-shadow:6px 0 32px #00000024}.sidebar-top{padding:20px 16px 14px}.sidebar-nav{padding:0 12px 24px}.sidebar-mobile-overlay{position:fixed;inset:60px 0 0;background:#0000006b;z-index:599;animation:overlayFadeIn .25s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:1rem}.events-section-title{margin-top:32px;margin-bottom:24px}.events-section-title.separated{margin-top:64px;padding-top:32px;border-top:1px solid var(--separator)}.events-section-title h2{font-size:24px;font-weight:700;color:var(--label-primary);letter-spacing:-.02em}.event-card-public{position:relative;display:flex;flex-direction:column;height:100%;border-radius:24px;background:#fff;box-shadow:0 8px 30px #0000000a;transition:all .5s ease;text-decoration:none;cursor:pointer;overflow:visible}.event-card-public:hover{box-shadow:0 20px 40px #00000014}.ec-image-wrapper{position:relative;width:100%}.ec-image-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease}.event-card-public:hover .ec-image-bg{transform:scale(1.1)}.ec-image-wrapper{aspect-ratio:4 / 3;overflow:hidden;border-radius:24px 24px 0 0;position:relative}.ec-image-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#0006,#0000 50%);opacity:.6}.ec-cutout{position:absolute;bottom:-12px;width:24px;height:24px;background:#f2f2f6;border-radius:50%;z-index:10}.ec-cutout-left{left:-12px}.ec-cutout-right{right:-12px}.ec-body{display:flex;flex-direction:column;flex-grow:1;padding:32px 24px 24px;gap:12px}.ec-title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#111827;line-height:1.2;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.ec-info{display:flex;align-items:center;gap:8px;color:#4b5563;font-weight:500}.ec-info.ec-location{color:#6b7280}.ec-info span{font-size:14px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f3f4f6;margin-top:auto}.ec-status{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.ec-arrow{color:#f93;opacity:0;transform:translate(-10px);transition:all .3s ease;font-size:18px}.event-card-public:hover .ec-arrow{opacity:1;transform:translate(0)}.empty-state{grid-column:1 / -1;text-align:center;padding:80px 0}.empty-icon{margin-bottom:1rem;opacity:.3}.status-pill{font-size:14px;font-weight:600;white-space:nowrap;display:flex;align-items:center}.status-finished{color:#6b7280}.status-inprogress{color:#16a34a}.status-soon{color:#2563eb}.status-tickets,.status-presales{color:#ea580c}.status-unpublished{font-size:12px;background:#f3f4f6;color:#4b5563;padding:2px 6px;border-radius:12px;margin-left:6px}.edit-container{max-width:960px;margin:0 auto;padding-bottom:80px}.edit-card{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-md);border:1px solid var(--separator);box-shadow:var(--shadow-xs);margin-bottom:16px}.edit-section-title{font-size:var(--text-sm);font-weight:700;margin-bottom:16px;color:var(--label-primary);letter-spacing:-.01em;text-transform:uppercase;font-size:var(--text-xs);color:var(--label-tertiary);letter-spacing:.06em}.form-group{margin-bottom:16px}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--label-secondary);margin-bottom:6px}.form-input{width:100%;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--fill-primary);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--label-primary);transition:all var(--duration-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--accent-subtle)}.top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;font-family:var(--font-sans)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--fill-primary);color:var(--label-primary)}.btn-ghost:hover{background:var(--fill-secondary)}.user-card{transition:all var(--duration-fast) var(--ease-out)}.user-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.surveys-page{padding:0}.surveys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.surveys-header h1{font-size:2rem;font-weight:700;color:var(--color-text)}.btn-create-survey{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all var(--transition-fast);border:none;cursor:pointer}.btn-create-survey:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.surveys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.survey-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:.75rem}.survey-card:hover{box-shadow:var(--shadow-md);border-color:#0000001f;transform:translateY(-2px)}.survey-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.survey-card-title{font-size:1.05rem;font-weight:600;color:var(--color-text);margin:0;line-height:1.3}.survey-card-desc{font-size:.82rem;color:var(--color-text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.survey-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--color-text-muted);flex-wrap:wrap;margin-top:.25rem}.survey-card-meta span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.survey-author-info{max-width:150px;overflow:hidden;text-overflow:ellipsis}.survey-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.025em}.survey-badge.open{background:#ecfdf5;color:#10b981}.survey-badge.closed{background:#fef2f2;color:#ef4444}.survey-badge.private{background:#f1f5f9;color:#64748b}.survey-badge.public{background:#fff7ed;color:#f97316}.survey-card-actions{display:flex;align-items:center;gap:.4rem;margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--color-border-light);flex-wrap:wrap}.survey-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:500;color:var(--color-text-light);transition:all var(--transition-fast);border:1px solid transparent;background:none;cursor:pointer}.survey-action-btn:hover{background:#0000000a;color:var(--color-text)}.survey-action-btn.primary{color:var(--color-primary)}.survey-action-btn.primary:hover{background:var(--color-primary-light)}.survey-action-btn.danger{color:#dc2626}.survey-action-btn.danger:hover{background:#ef444414}.survey-empty-state{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.survey-empty-state svg{margin-bottom:1rem;opacity:.3}.survey-empty-state h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text)}.survey-empty-state p{font-size:.875rem;margin-bottom:1.5rem}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:var(--transition-fast);border-radius:22px}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-fast);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.survey-edit-page{max-width:900px;margin:0 auto}.survey-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.survey-edit-header-left{display:flex;align-items:center;gap:.75rem}.btn-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-light);transition:all var(--transition-fast);cursor:pointer}.btn-back:hover{background:#0000000a;color:var(--color-text)}.survey-edit-actions{display:flex;gap:.5rem}.btn-save{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;transition:all var(--transition-fast);border:none;cursor:pointer}.btn-save:hover{background:var(--color-primary-dark)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;font-size:.85rem;transition:all var(--transition-fast);cursor:pointer}.btn-secondary:hover{background:#00000008;border-color:#00000026}.survey-info-card{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:2.5rem}.survey-info-card .form-group{margin-bottom:1rem}.survey-info-card .form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--color-text-light);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-input,.form-textarea,.form-select{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid var(--color-border);border-radius:0;font-family:inherit;font-size:1.1rem;color:var(--color-text);background:transparent;transition:border-color var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#a0aab2;font-weight:300}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-bottom-color:var(--color-primary);box-shadow:none}.form-input.title-input{font-size:1.5rem;font-weight:700;border:none;background:transparent;padding:0;color:var(--color-text)}.form-input.title-input:focus{box-shadow:none}.form-input.title-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:1rem;align-items:center}.form-row .form-group{flex:1}.survey-pages-nav{display:flex;align-items:center;gap:.35rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.page-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--color-text-light);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.page-tab:hover{background:#00000008}.page-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-tab-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.7rem;opacity:0;transition:opacity var(--transition-fast);background:#ffffff4d;border:none;cursor:pointer;color:inherit}.page-tab:hover .page-tab-remove{opacity:1}.page-tab-add{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:none}.page-tab-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.page-content-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1rem}.page-header-inputs{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.page-header-inputs .form-input{font-weight:600;font-size:1.1rem}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:.75rem;transition:all var(--transition-fast);position:relative}.question-card:hover{border-color:#0000001f;box-shadow:var(--shadow-sm)}.question-card.dragging{opacity:.5;box-shadow:var(--shadow-lg)}.question-card-top{display:flex;gap:.75rem;margin-bottom:.75rem}.question-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;color:var(--color-text-muted);cursor:grab;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.question-card:hover .question-drag-handle{opacity:1}.question-card-fields{flex:1;display:flex;flex-direction:column;gap:.5rem}.question-label-input{font-size:.95rem;font-weight:500;border:none;border-bottom:2px solid transparent;background:transparent;padding:.3rem 0;color:var(--color-text);width:100%;transition:border-color var(--transition-fast);font-family:inherit}.question-label-input:focus{outline:none;border-bottom-color:var(--color-primary)}.question-label-input::placeholder{color:var(--color-text-muted)}.question-type-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-light);background:var(--color-bg);cursor:pointer;font-family:inherit;min-width:160px}.question-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--color-border-light);margin-top:.75rem}.question-controls{display:flex;align-items:center;gap:.75rem}.question-required-toggle{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-text-light)}.question-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.question-remove-btn:hover{background:#ef444414;color:#dc2626}.options-editor{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.option-row{display:flex;align-items:center;gap:.5rem}.option-indicator{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0}.option-indicator.checkbox{border-radius:3px}.option-input{flex:1;border:none;border-bottom:1px solid var(--color-border-light);padding:.3rem 0;font-size:.85rem;color:var(--color-text);background:transparent;font-family:inherit}.option-input:focus{outline:none;border-bottom-color:var(--color-primary)}.option-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.option-row:hover .option-remove-btn{opacity:1}.option-remove-btn:hover{background:#ef444414;color:#dc2626}.add-option-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem 0;font-size:.82rem;color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:500;margin-top:.25rem}.add-option-btn:hover{text-decoration:underline}.scale-editor{display:flex;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.scale-editor label{font-size:.82rem;color:var(--color-text-light);display:flex;align-items:center;gap:.35rem}.scale-editor input[type=number]{width:60px;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;text-align:center;font-family:inherit}.scale-editor input[type=text]{width:120px;padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;font-family:inherit}.question-preview{margin-top:.5rem;padding:.5rem 0}.preview-short-text{border:none;border-bottom:1px solid var(--color-border);padding:.35rem 0;width:50%;font-size:.85rem;color:var(--color-text-muted);background:transparent;font-family:inherit}.preview-long-text{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;width:100%;min-height:60px;font-size:.85rem;color:var(--color-text-muted);resize:none;background:var(--color-bg);font-family:inherit}.preview-scale{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.preview-scale-label{font-size:.78rem;color:var(--color-text-muted)}.preview-scale-options{display:flex;gap:.75rem}.preview-scale-dot{width:32px;height:32px;border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-light)}.preview-rating{display:flex;gap:.25rem}.preview-star{color:#d1d5db;cursor:default}.preview-star.filled{color:#fbbf24}.add-question-section{display:flex;justify-content:center;padding:1rem 0}.add-question-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-lg);border:2px dashed var(--color-border);color:var(--color-text-light);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);background:none}.add-question-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.question-type-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;z-index:100;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem;min-width:300px;animation:fadeIn .15s ease-out}.question-type-option{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;font-family:inherit;font-size:.82rem;color:var(--color-text);text-align:left;width:100%}.question-type-option:hover{background:var(--color-primary-light);color:var(--color-primary)}.question-type-option svg{flex-shrink:0}.add-question-wrapper{position:relative;display:flex;justify-content:center}.image-upload-area{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.image-upload-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:.78rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:none}.image-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.image-preview{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border)}.image-preview-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#dc2626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;cursor:pointer;border:2px solid #fff}.results-page{max-width:900px;margin:0 auto}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.result-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.5rem;flex:1;max-width:200px}.result-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary)}.result-stat-label{font-size:.78rem;color:var(--color-text-light);margin-top:.1rem}.result-question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1rem}.result-question-label{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.result-question-type{font-size:.75rem;color:var(--color-text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.result-bar-chart{display:flex;flex-direction:column;gap:.5rem}.result-bar-row{display:flex;align-items:center;gap:.75rem}.result-bar-label{font-size:.82rem;color:var(--color-text);min-width:120px;text-align:right}.result-bar-track{flex:1;height:24px;background:var(--color-bg);border-radius:12px;overflow:hidden;position:relative}.result-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#f59e0b);border-radius:12px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:2px}.result-bar-count{font-size:.78rem;color:var(--color-text-light);min-width:40px;font-weight:600}.result-text-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.result-text-item{padding:.6rem .85rem;background:var(--color-bg);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-text);border:1px solid var(--color-border-light)}.result-rating-summary{display:flex;align-items:center;gap:1.5rem}.result-rating-avg{text-align:center}.result-rating-avg-value{font-size:2.5rem;font-weight:700;color:var(--color-text);line-height:1}.result-rating-stars{display:flex;gap:.15rem;margin-top:.35rem}.result-rating-stars svg.filled{color:#fbbf24}.result-rating-stars svg{color:#d1d5db}.result-rating-distribution{flex:1}.result-scale-chart{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:0 .5rem}.result-scale-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end}.result-scale-bar-fill{width:100%;max-width:50px;background:linear-gradient(180deg,var(--color-primary),#f59e0b);border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1);min-height:2px}.result-scale-label{font-size:.72rem;color:var(--color-text-light);font-weight:500}.result-scale-count{font-size:.68rem;color:var(--color-text-muted)}.survey-public-container{min-height:100vh;background:#fff;display:flex;justify-content:center;padding:120px 1rem 3rem;font-family:Quicksand,sans-serif}.survey-public-inner{width:100%;max-width:800px}.survey-public-header{background:transparent;padding:0 0 2rem;margin-bottom:2rem;border:none;box-shadow:none}.survey-public-title{font-size:2.25rem;font-weight:300;color:#a0aab2;margin-bottom:.5rem;border-bottom:1px solid #f0f0f0;padding-bottom:1.5rem}.survey-public-desc{font-size:.92rem;color:#6b7280;line-height:1.6}.survey-public-progress{background:#fff;border-radius:12px;padding:.75rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f}.progress-bar-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:.4rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#f59e0b);border-radius:3px;transition:width .4s ease}.progress-text{font-size:.75rem;color:#9ca3af;text-align:right}.survey-public-page{background:transparent;padding:0;margin-bottom:2rem;border:none;box-shadow:none}.survey-public-page-title{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.survey-public-page-desc{font-size:.85rem;color:#6b7280;margin-bottom:1rem}.survey-public-page-image{width:100%;max-height:300px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.survey-public-question{margin-bottom:1.5rem}.survey-public-question:last-child{margin-bottom:0}.public-question-label{font-size:1.5rem;font-weight:400;color:#111827;margin-bottom:1.5rem;display:flex;align-items:baseline;gap:.3rem}.required-star{color:#dc2626;font-weight:400}.public-input{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;font-size:1.1rem;color:#111827;background:transparent;transition:border-color .15s ease;font-family:inherit}.public-input::placeholder{color:#a0aab2;font-weight:300}.public-input:focus{outline:none;border-bottom-color:var(--color-primary);box-shadow:none}.public-textarea{width:100%;padding:.8rem 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;font-size:1.1rem;color:#111827;background:transparent;min-height:40px;resize:vertical;transition:border-color .15s ease;font-family:inherit}.public-textarea::placeholder{color:#a0aab2;font-weight:300}.public-textarea:focus{outline:none;border-bottom-color:var(--color-primary);box-shadow:none}.public-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.public-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem 1.5rem;border:1px solid #a0aab2;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:center;background:#fff;min-height:140px}.public-option:hover{border-color:var(--color-primary)}.public-option.selected{background:var(--color-primary);border-color:var(--color-primary)}.public-option.selected label{color:#fff;font-weight:600}.public-option input[type=radio],.public-option input[type=checkbox]{display:none}.public-option label{font-size:1.1rem;color:#6b7280;cursor:pointer;font-weight:500}.public-scale{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;flex-wrap:wrap}.public-scale-label{font-size:.8rem;color:#9ca3af}.public-scale-options{display:flex;gap:.5rem}.public-scale-option{width:40px;height:40px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;background:#fff}.public-scale-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.public-scale-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.public-rating{display:flex;gap:.35rem}.public-star{cursor:pointer;color:#d1d5db;transition:color .15s ease,transform .15s ease}.public-star:hover{transform:scale(1.15)}.public-star.filled{color:#fbbf24}.public-star.hovered{color:#fcd34d}.survey-public-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.btn-nav{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s ease;border:none}.btn-nav.prev{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-nav.prev:hover{background:#f3f4f6}.btn-nav.next,.btn-nav.submit{background:var(--color-primary);color:#fff}.btn-nav.next:hover,.btn-nav.submit:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f3702140}.btn-nav:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.survey-public-closed{text-align:center;padding:3rem}.survey-public-closed svg{color:var(--color-text-muted);margin-bottom:1rem}.survey-public-closed h2{font-size:1.25rem;color:#111827;margin-bottom:.5rem}.survey-public-closed p{color:#6b7280}.survey-public-success{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 2px 8px #0000000f}.survey-public-success svg{color:#22c55e;margin-bottom:1rem}.survey-public-success h2{font-size:1.3rem;color:#111827;margin-bottom:.5rem}.survey-public-success p{color:#6b7280;font-size:.9rem}.copy-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:.6rem 1.25rem;border-radius:999px;font-size:.82rem;font-weight:500;box-shadow:var(--shadow-lg);animation:fadeIn .2s ease-out;z-index:9999}.survey-loading{display:flex;justify-content:center;align-items:center;padding:4rem;color:var(--color-text-muted);font-size:.9rem}.access-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.access-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.access-card:hover{border-color:var(--color-primary)}.access-card.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.access-card svg{color:#6b7280;transition:color .2s ease}.access-card.selected svg{color:#fff}.access-card h4{font-size:1.25rem;font-weight:600;margin:0}.access-card p{font-size:.85rem;opacity:.8;line-height:1.5;margin:0}@media(max-width:640px){.surveys-grid{grid-template-columns:1fr}.question-type-menu{grid-template-columns:1fr;min-width:200px}.result-rating-summary{flex-direction:column;align-items:flex-start}.survey-public-container{padding:1rem .5rem}.survey-public-header,.survey-public-page{padding:1.5rem}.access-options{grid-template-columns:1fr}}.public-site-header{position:fixed;top:0;left:0;width:100%;background:#fff;color:#000;z-index:200;box-shadow:0 1px #0000000f;height:68px;font-family:Plus Jakarta Sans,sans-serif;box-sizing:border-box}.public-header-bar{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 28px;max-width:1400px;margin:0 auto;box-sizing:border-box}@media(max-width:480px){.public-site-header{height:58px}.public-header-bar{padding:0 16px}}.public-logo-container{display:flex;align-items:center}.public-header-logo{height:36px;width:auto}@media(max-width:480px){.public-header-logo{height:30px}}.public-header-actions{display:flex;align-items:center;gap:14px}@media(max-width:480px){.public-header-actions{gap:10px}}.public-lang-container{display:flex;align-items:center}.public-lang-select{background:transparent;border:1px solid rgba(0,0,0,.18);color:inherit;padding:4px 8px;border-radius:6px;font-weight:600;font-size:.8rem;opacity:.65;font-family:inherit;appearance:none;cursor:not-allowed}.public-action-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;text-decoration:none;transition:opacity .2s}.public-action-icon:hover{opacity:.6}.public-burger-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:7px 6px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s;flex-shrink:0}.public-burger-btn:hover{background:#0000000d}.public-burger-line{display:block;width:100%;height:2px;background:#111;border-radius:2px}.public-nav-drawer{position:fixed;top:0;left:0;height:100%;height:100dvh;width:min(95vw,420px);background:#fff;z-index:3000;display:flex;flex-direction:column;overflow:hidden;box-shadow:8px 0 48px #00000024;transform:translate(-100%);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.public-nav-drawer.open{transform:translate(0)}.public-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:68px;border-bottom:1px solid rgba(0,0,0,.07);flex-shrink:0}@media(max-width:480px){.public-drawer-header{height:58px;padding:0 16px}}.public-drawer-logo{display:flex;align-items:center;text-decoration:none}.public-drawer-logo img{height:34px;width:auto}@media(max-width:480px){.public-drawer-logo img{height:28px}}.public-drawer-header-actions{display:flex;align-items:center;gap:6px}.public-drawer-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#111;text-decoration:none;transition:background .15s,color .15s;flex-shrink:0}.public-drawer-icon-btn:hover{background:#0000000f}.public-drawer-close:hover{color:#ff6b00}.public-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.public-drawer-body::-webkit-scrollbar{width:4px}.public-drawer-body::-webkit-scrollbar-track{background:transparent}.public-drawer-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.public-drawer-category{border-bottom:1px solid rgba(0,0,0,.05)}.public-drawer-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 20px;height:56px;background:none;border:none;cursor:pointer;text-align:left;font-family:Plus Jakarta Sans,sans-serif;transition:background .15s;gap:12px}.public-drawer-cat-btn:hover,.public-drawer-category.open .public-drawer-cat-btn{background:#00000006}@media(max-width:480px){.public-drawer-cat-btn{padding:0 16px;height:52px}}.public-drawer-cat-label{display:flex;flex-direction:column;gap:1px;font-size:.9rem;font-weight:700;color:#111;letter-spacing:-.01em;line-height:1.3}.public-drawer-cat-sub{font-style:normal;font-size:.72rem;font-weight:500;color:#f93;display:block}.public-drawer-cat-chevron{color:#9ca3af;flex-shrink:0;transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s}.public-drawer-category.open .public-drawer-cat-chevron{transform:rotate(180deg);color:#ff6b00}.public-drawer-cat-links{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1)}.public-drawer-category.open .public-drawer-cat-links{grid-template-rows:1fr}.public-drawer-cat-links-inner{overflow:hidden;display:flex;flex-direction:column}.public-drawer-cat-links-inner a{display:block;padding:11px 28px;font-size:.875rem;color:#374151;text-decoration:none;font-weight:500;border-left:2px solid transparent;transition:color .15s,border-color .15s,padding-left .15s,background .15s;line-height:1.4}.public-drawer-cat-links-inner a:last-child{padding-bottom:14px}.public-drawer-cat-links-inner a:first-child{padding-top:6px}.public-drawer-cat-links-inner a:hover{color:#ff6b00;border-left-color:#ff6b00;background:#ff6b000a;padding-left:34px}.public-drawer-cat-links-inner a.highlight{font-weight:700;color:#ff6b00}@media(max-width:480px){.public-drawer-cat-links-inner a{padding:10px 24px}.public-drawer-cat-links-inner a:hover{padding-left:28px}}.public-drawer-footer{padding:14px 20px;border-top:1px solid rgba(0,0,0,.07);flex-shrink:0}.public-lang-select-drawer{background:transparent;border:1px solid rgba(0,0,0,.15);color:#374151;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;font-family:inherit;opacity:.7;cursor:not-allowed;appearance:none}.public-drawer-backdrop{position:fixed;inset:0;z-index:2999;opacity:0;pointer-events:none;transition:opacity .42s ease;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:#0000;transition:opacity .42s ease,backdrop-filter .42s ease,background .42s ease}.public-drawer-backdrop.open{opacity:1;pointer-events:auto}@media(min-width:768px){.public-drawer-backdrop.open{background:#00000061;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}@media(max-width:767px){.public-drawer-backdrop{left:min(95vw,420px);right:0;top:0;bottom:0;inset:unset;position:fixed}.public-drawer-backdrop.open{background:#00000026;backdrop-filter:blur(6px) brightness(.85);-webkit-backdrop-filter:blur(6px) brightness(.85)}}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;padding-top:1.5rem;padding-bottom:2rem}.album-card-wrapper{position:relative;cursor:pointer;perspective:1000px;height:100%;text-decoration:none;display:block;-webkit-user-select:none;user-select:none}.album-card-wrapper:hover .album-card-bg1{transform:rotate(7deg) scale(.92)}.album-card-wrapper:hover .album-card-bg2{transform:rotate(-5deg) scale(.96)}.album-card-wrapper:hover .album-card-main{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.album-card-bg1{position:absolute;inset:0;background:#ffffff80;border:1px solid var(--separator);border-radius:var(--radius-md);transform:rotate(5deg) scale(.9);transform-origin:bottom right;transition:transform var(--duration-slow) var(--ease-out);z-index:1}.album-card-bg2{position:absolute;inset:0;background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-md);transform:rotate(-3deg) scale(.95);transform-origin:bottom left;transition:transform var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-sm);z-index:2}.album-card-main{position:relative;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--separator);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out);display:flex;flex-direction:column;height:100%;z-index:3}.album-image-container{padding:10px 10px 0}.album-image-inner{width:100%;aspect-ratio:1 / 1;position:relative;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--bg-tertiary)}.album-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.album-card-wrapper:hover .album-image{transform:scale(1.04)}.album-overlay{position:absolute;inset:0;background:#0000;opacity:0;transition:opacity var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);pointer-events:none}.album-card-wrapper:hover .album-overlay{background:#00000059;opacity:1}.album-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:10;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.album-card-wrapper:hover .album-actions{opacity:1;pointer-events:auto}.album-action-btn{background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);color:var(--label-primary);transition:all var(--duration-fast) var(--ease-out)}.album-action-btn:hover{background:#fff;transform:scale(1.08)}.album-action-btn.delete{color:var(--color-red)}.album-action-btn.delete:hover{background:var(--color-red-fill)}.album-external-badge{position:absolute;top:10px;right:10px;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-spring);transform:translateY(4px);display:flex;align-items:center;justify-content:center;z-index:20}.album-card-wrapper:hover .album-external-badge{opacity:1;transform:translateY(0)}.album-meta{padding:14px 16px 16px;display:flex;flex-direction:column;flex-grow:1;background:var(--bg-secondary)}.album-date{color:var(--accent);font-weight:500;font-size:var(--text-xs);margin-bottom:3px;display:block;text-transform:uppercase;letter-spacing:.04em}.album-title{font-size:var(--text-base);font-weight:700;color:var(--label-primary);margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--duration-fast) var(--ease-out);letter-spacing:-.01em}.album-card-wrapper:hover .album-title{color:var(--accent)}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:clamp(104px,14vh,150px) 24px 32px;background:transparent;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:overlayIn var(--duration-normal) var(--ease-out)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:480px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;animation:sheetUp var(--duration-normal) var(--ease-spring);border:1px solid var(--separator)}@keyframes sheetUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 20px;border-bottom:1px solid var(--separator);display:flex;align-items:center;gap:12px}.modal-icon{width:36px;height:36px;border-radius:var(--radius-sm);background-color:var(--accent-fill);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.modal-header h2{font-size:var(--text-lg);font-weight:600;margin:0;letter-spacing:-.01em;color:var(--label-primary)}.modal-header p{font-size:var(--text-xs);color:var(--label-tertiary);margin:2px 0 0}.modal-form{padding:20px;display:flex;flex-direction:column;gap:16px}.cover-upload-area{border:2px dashed var(--separator);border-radius:var(--radius-md);height:130px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);background-color:var(--fill-primary)}.cover-upload-area:hover{border-color:var(--accent);background-color:var(--accent-subtle)}.cover-upload-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--label-tertiary)}.cover-upload-overlay{position:absolute;inset:0;background:#0000004d;z-index:5}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--separator);background:var(--fill-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s var(--ease-spring) forwards;opacity:0}.projects-page{display:flex;flex-direction:column;gap:0;min-height:100%}.projects-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}.projects-header-left h1{font-size:var(--text-2xl);font-weight:800;color:var(--label-primary);letter-spacing:-.03em;margin:0 0 4px}.projects-header-left p{font-size:var(--text-sm);color:var(--label-tertiary);margin:0}.projects-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.projects-search{position:relative;flex:1;min-width:200px;max-width:360px}.projects-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--label-tertiary);pointer-events:none}.projects-search input{width:100%;padding:9px 14px 9px 36px;background:var(--glass-bg-medium);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-out);box-sizing:border-box}.projects-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.filter-tabs{display:flex;gap:4px;background:var(--glass-bg-base);border:1px solid var(--separator);border-radius:var(--radius-sm);padding:3px}.filter-tab{padding:6px 14px;border:none;background:transparent;border-radius:8px;font-size:var(--text-xs);font-weight:600;color:var(--label-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.filter-tab.active{background:var(--bg-secondary);color:var(--label-primary);box-shadow:var(--shadow-xs)}.filter-tab:hover:not(.active){color:var(--label-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.project-card{background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--project-color, var(--accent));opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.project-card:hover{border-color:var(--separator-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card:hover:before{opacity:1}.project-card-header{display:flex;align-items:flex-start;gap:12px}.project-color-dot{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.project-card-meta{flex:1;min-width:0}.project-card-name{font-size:var(--text-base);font-weight:700;color:var(--label-primary);letter-spacing:-.02em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-desc{font-size:var(--text-xs);color:var(--label-tertiary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.project-status-badge.active{background:#10b9811a;color:#059669}.project-status-badge.draft{background:#94a3b81f;color:var(--label-tertiary)}.project-status-badge.archived{background:#ef444414;color:#dc2626}.project-card-dates{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--label-tertiary)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--separator)}.project-members-stack{display:flex;align-items:center}.project-member-avatar{width:26px;height:26px;border-radius:50%;background:var(--glass-bg-medium);border:2px solid var(--bg-secondary);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--label-secondary);overflow:hidden}.project-member-avatar:first-child{margin-left:0}.project-member-avatar img{width:100%;height:100%;object-fit:cover}.project-last-opened{font-size:var(--text-2xs);color:var(--label-quaternary)}.project-open-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-subtle);color:var(--accent);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);text-decoration:none}.project-open-btn:hover{background:var(--accent);color:#fff}.projects-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:var(--label-tertiary);text-align:center}.projects-empty svg{opacity:.3}.projects-empty h3{font-size:var(--text-lg);font-weight:700;color:var(--label-secondary);margin:0}.projects-empty p{font-size:var(--text-sm);margin:0}.modal-overlay{position:fixed;inset:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:clamp(104px,14vh,150px) 24px 32px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:slideUp .22s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h2{font-size:var(--text-lg);font-weight:800;letter-spacing:-.03em;color:var(--label-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;color:var(--label-tertiary);transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{background:var(--separator-strong);color:var(--label-primary)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:var(--text-xs);font-weight:600;color:var(--label-secondary);text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-out);width:100%;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-picker-row{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.color-swatch.selected{border-color:var(--label-primary);transform:scale(1.15);box-shadow:var(--shadow-sm)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--separator)}.btn-cancel{padding:9px 20px;background:var(--bg-tertiary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--label-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans)}.btn-cancel:hover{background:var(--separator)}.btn-primary{padding:9px 20px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-add-project{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);white-space:nowrap}.btn-add-project:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.project-detail{display:flex;flex-direction:column;height:100%;min-height:0}.project-detail-header{display:flex;align-items:flex-start;gap:20px;padding:0 0 20px;border-bottom:1px solid var(--separator);margin-bottom:20px;flex-wrap:wrap}.project-detail-title-area{flex:1;min-width:0}.project-name-input{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;color:var(--label-primary);border:none;background:transparent;padding:0;width:100%;font-family:var(--font-sans);outline:none;transition:background var(--duration-fast);border-radius:var(--radius-xs)}.project-name-input:hover{background:#0f172a08}.project-name-input:focus{background:#0f172a0a;box-shadow:0 0 0 2px var(--accent-glow)}.project-detail-sub{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.project-date-range{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--label-tertiary)}.project-detail-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--glass-bg-base);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--label-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);white-space:nowrap}.toolbar-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.toolbar-btn.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.toolbar-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-btn.primary:hover{background:var(--accent-dark);color:#fff}.project-status-mini{padding:3px 10px;background:var(--bg-tertiary);border:1px solid var(--separator);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;color:var(--label-tertiary);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all var(--duration-fast) var(--ease-out)}.project-status-mini:focus{outline:none;border-color:var(--accent)}.project-status-mini:hover{border-color:var(--separator-strong);color:var(--label-secondary)}.toolbar-separator{width:1px;height:24px;background:var(--separator-strong);flex-shrink:0}.project-detail-body{display:flex;gap:20px;flex:1;min-height:0;overflow:hidden}.project-main-content{flex:1;min-width:0;overflow-y:auto;padding-right:4px}.project-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.project-sidebar-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--label-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);width:100%;text-align:left}.project-sidebar-tab svg{color:var(--label-tertiary);flex-shrink:0;transition:color var(--duration-fast) var(--ease-out)}.project-sidebar-tab:hover{background:#0f172a0a;color:var(--label-primary)}.project-sidebar-tab:hover svg{color:var(--label-primary)}.project-sidebar-tab.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.project-sidebar-tab.active svg{color:var(--accent)}.planning-container{display:flex;flex-direction:column;gap:0}.planning-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.planning-nav-center{font-size:var(--text-base);font-weight:700;color:var(--label-primary);letter-spacing:-.02em;flex:1;text-align:center;min-width:0}.planning-nav-arrows{display:flex;gap:4px;flex-shrink:0}.planning-nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.planning-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--label-secondary);transition:all var(--duration-fast) var(--ease-out)}.planning-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.planning-view-switcher{display:flex;background:var(--glass-bg-base);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);padding:3px;gap:2px}.view-switcher-btn{padding:5px 12px;border:none;background:transparent;border-radius:7px;font-size:var(--text-xs);font-weight:600;color:var(--label-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);white-space:nowrap}.view-switcher-btn:hover:not(.active){color:var(--label-secondary);background:#0f172a0a}.view-switcher-btn.active{background:var(--bg-secondary);color:var(--label-primary);box-shadow:var(--shadow-xs)}.planning-item-chip{display:block;padding:3px 7px;border-radius:6px;font-size:var(--text-2xs);font-weight:600;margin-bottom:3px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid transparent}.planning-item-chip:hover{filter:brightness(.92);transform:translate(1px)}.week-grid{display:grid;grid-template-columns:56px repeat(7,1fr);gap:0;border:1px solid var(--separator);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.week-header-empty{background:var(--bg-tertiary);border-bottom:1px solid var(--separator);border-right:1px solid var(--separator)}.week-day-header{background:var(--bg-tertiary);padding:10px 8px;text-align:center;border-bottom:1px solid var(--separator);border-right:1px solid var(--separator);transition:background var(--duration-fast)}.week-day-header:last-child{border-right:none}.week-day-header:hover{background:var(--accent-subtle)}.week-day-name{font-size:var(--text-2xs);font-weight:700;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.06em}.week-day-number{font-size:var(--text-lg);font-weight:800;color:var(--label-primary);letter-spacing:-.03em;line-height:1;margin-top:2px}.week-day-header.today .week-day-number,.week-day-header.today .week-day-name{color:var(--accent)}.week-time-col{background:var(--bg-tertiary);border-right:1px solid var(--separator);border-bottom:1px solid var(--separator);display:flex;align-items:flex-start;justify-content:center;padding:6px 4px 0}.week-time-label{font-size:var(--text-2xs);color:var(--label-quaternary);font-weight:600}.week-cell{border-right:1px solid var(--separator);border-bottom:1px solid var(--separator);min-height:80px;padding:4px;position:relative;transition:background var(--duration-fast);cursor:pointer}.week-cell:last-child{border-right:none}.week-cell:hover{background:#0f172a04}.week-cell.today-col{background:#ff6b0004}.day-view{display:flex;flex-direction:column;border:1px solid var(--separator);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.day-view-header{background:var(--bg-tertiary);border-bottom:1px solid var(--separator);padding:12px 16px}.day-view-title{font-size:var(--text-base);font-weight:700;color:var(--label-primary);letter-spacing:-.02em}.day-view-title.today{color:var(--accent)}.day-allday-row{display:flex;align-items:flex-start;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--separator)}.day-allday-label{font-size:var(--text-2xs);font-weight:700;color:var(--label-quaternary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding-top:3px;min-width:80px}.day-allday-chips{display:flex;flex-wrap:wrap;gap:4px;flex:1}.day-hours-scroll{overflow-y:auto;max-height:calc(100vh - 280px);min-height:400px}.day-hour-row{display:flex;align-items:stretch;min-height:60px;border-bottom:1px solid var(--separator);cursor:pointer;transition:background var(--duration-fast);position:relative}.day-hour-row:last-child{border-bottom:none}.day-hour-row:hover{background:#0f172a04}.day-hour-label{width:56px;flex-shrink:0;padding:6px 8px 0;font-size:var(--text-2xs);font-weight:600;color:var(--label-quaternary);border-right:1px solid var(--separator);background:var(--bg-tertiary);-webkit-user-select:none;user-select:none;text-align:right}.day-hour-cell{flex:1;position:relative;padding:4px 6px;min-height:60px}.day-now-line{position:absolute;left:0;right:0;height:2px;background:var(--accent);opacity:.8;z-index:2;pointer-events:none}.day-now-line:before{content:"";position:absolute;left:-1px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.day-timed-item{position:absolute;left:4px;right:4px;border-radius:6px;padding:4px 8px;border-left:3px solid transparent;cursor:pointer;transition:filter var(--duration-fast);z-index:1;overflow:hidden}.day-timed-item:hover{filter:brightness(.93)}.day-timed-title{display:block;font-size:var(--text-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-timed-time{display:block;font-size:var(--text-2xs);opacity:.75;margin-top:1px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid var(--separator);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary)}.month-day-header{background:var(--bg-tertiary);padding:8px;text-align:center;border-bottom:1px solid var(--separator);border-right:1px solid var(--separator);font-size:var(--text-2xs);font-weight:700;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.06em}.month-day-header:last-child{border-right:none}.month-cell{border-right:1px solid var(--separator);border-bottom:1px solid var(--separator);min-height:110px;padding:6px;cursor:pointer;transition:background var(--duration-fast);position:relative}.month-cell:nth-child(7n){border-right:none}.month-cell:hover{background:#0f172a04}.month-cell.other-month{background:var(--bg-tertiary);opacity:.5}.month-cell.today{background:#ff6b0008}.month-cell.selected{background:var(--accent-subtle)}.month-day-num{font-size:var(--text-xs);font-weight:700;color:var(--label-tertiary);margin-bottom:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all var(--duration-fast)}.month-day-num.dot{background:var(--accent);color:#fff}.month-more{font-size:10px;color:var(--label-tertiary);margin-top:2px}.event-modal-overlay{position:fixed;inset:0;z-index:900;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:flex-start;justify-content:center;padding:clamp(104px,14vh,150px) 24px 32px;animation:fadeIn .15s ease}.event-modal{background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp .2s var(--ease-out);overflow:hidden;border:1px solid var(--separator)}.event-modal-colorbar{height:4px;flex-shrink:0;transition:background .2s}.event-modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--separator);flex-shrink:0}.event-modal-title-input{flex:1;font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;color:var(--label-primary);border:none;background:transparent;padding:0;font-family:var(--font-sans);outline:none;min-width:0}.event-modal-title-input::placeholder{color:var(--label-quaternary);font-weight:500}.event-modal-error{margin:12px 20px 0;padding:8px 12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#dc2626;flex-shrink:0}.event-modal-body{flex:1;overflow-y:auto;padding:8px 0}.event-modal-section{display:flex;align-items:flex-start;gap:14px;padding:10px 20px}.event-modal-section-icon{width:20px;flex-shrink:0;margin-top:10px;color:var(--label-tertiary);display:flex;align-items:center;justify-content:center}.event-modal-section-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.event-allday-toggle{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--label-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0}.event-allday-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.event-date-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.event-date-row .event-field-arrow{font-size:var(--text-sm);color:var(--label-tertiary);padding-bottom:10px;flex-shrink:0}.event-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-field-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.event-field-group label{font-size:var(--text-2xs);font-weight:700;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.05em}.event-field-group .optional{font-weight:400;opacity:.6;text-transform:none;letter-spacing:0}.event-field-group input,.event-field-group select{padding:8px 10px;background:var(--bg-primary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);transition:border-color var(--duration-fast);width:100%;box-sizing:border-box}.event-field-group input:focus,.event-field-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.event-input{width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid var(--separator-strong);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);outline:none;box-sizing:border-box;transition:border-color var(--duration-fast)}.event-input:focus{border-color:var(--accent)}.event-input::placeholder{color:var(--label-quaternary)}.event-textarea{width:100%;padding:8px 10px;background:transparent;border:none;border-bottom:1px solid var(--separator-strong);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);outline:none;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color var(--duration-fast);line-height:1.5}.event-textarea:focus{border-color:var(--accent)}.event-textarea::placeholder{color:var(--label-quaternary)}.event-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.event-color-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.event-color-dot{width:22px;height:22px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:all var(--duration-fast);flex-shrink:0}.event-color-dot:hover{transform:scale(1.15)}.event-color-dot.active{border-color:var(--label-primary);transform:scale(1.2);box-shadow:var(--shadow-sm)}.event-modal-footer{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--separator);flex-shrink:0}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:#dc2626;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans)}.btn-danger:hover{background:#ef444426}.checklist-container{display:flex;flex-direction:column;gap:20px}.checklist-group{background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-md);overflow:hidden}.checklist-group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--separator);gap:10px}.checklist-group-title{font-size:var(--text-sm);font-weight:700;color:var(--label-primary);flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);cursor:text}.checklist-group-title:focus{background:#0f172a0a;border-radius:4px;padding:2px 6px}.checklist-progress{font-size:var(--text-xs);color:var(--label-tertiary);font-weight:600;white-space:nowrap}.checklist-items{padding:8px 0}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:8px 18px;transition:background var(--duration-fast);cursor:grab}.checklist-item:hover{background:#0f172a05}.checklist-item:active{cursor:grabbing}.checklist-check{width:18px;height:18px;border:2px solid var(--separator-strong);border-radius:5px;flex-shrink:0;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center;margin-top:1px}.checklist-check.checked{background:#10b981;border-color:#10b981}.checklist-item-content{flex:1;min-width:0}.checklist-item-title{font-size:var(--text-sm);color:var(--label-primary);font-weight:500;line-height:1.4;transition:color var(--duration-fast)}.checklist-item-title.done{text-decoration:line-through;color:var(--label-tertiary)}.checklist-item-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.priority-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.priority-badge.low{background:#94a3b81f;color:var(--label-tertiary)}.priority-badge.medium{background:#fbbf241f;color:#b45309}.priority-badge.high{background:#f973161f;color:#c2410c}.priority-badge.urgent{background:#ef44441f;color:#dc2626}.checklist-deadline{font-size:var(--text-2xs);color:var(--label-tertiary)}.checklist-deadline.overdue{color:#dc2626}.checklist-add-item{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid var(--separator)}.checklist-add-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans);padding:4px 0}.checklist-add-input::placeholder{color:var(--label-quaternary)}.checklist-add-btn-inline{display:flex;align-items:center;gap:8px;padding:8px 18px;border:none;background:transparent;color:var(--label-tertiary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:color var(--duration-fast);font-family:var(--font-sans);border-top:1px solid var(--separator);width:100%;text-align:left}.checklist-add-btn-inline:hover{color:var(--accent)}.add-checklist-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:transparent;border:2px dashed var(--separator-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--label-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-sans);width:100%;justify-content:center}.add-checklist-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.moodboard-container{display:flex;flex-direction:column;gap:20px}.moodboard-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.moodboard-grid{columns:3;column-gap:14px}@media(max-width:1200px){.moodboard-grid{columns:2}}@media(max-width:700px){.moodboard-grid{columns:1}}.moodboard-item{break-inside:avoid;margin-bottom:14px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--separator);background:var(--bg-secondary);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative}.moodboard-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--separator-strong)}.moodboard-item-img{width:100%;display:block;object-fit:cover}.moodboard-item-body{padding:12px 14px}.moodboard-item-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--label-tertiary);margin-bottom:6px}.moodboard-item-title{font-size:var(--text-sm);font-weight:600;color:var(--label-primary);margin:0 0 4px}.moodboard-item-content{font-size:var(--text-xs);color:var(--label-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.moodboard-item-url{font-size:var(--text-xs);color:var(--accent);margin-top:6px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moodboard-color-block{height:80px;border-radius:var(--radius-sm);margin-bottom:0}.moodboard-item-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0f172a99;border:none;border-radius:var(--radius-sm);cursor:pointer;color:#fff;opacity:0;transition:opacity var(--duration-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.moodboard-item:hover .moodboard-item-delete{opacity:1}.permissions-container{display:flex;flex-direction:column;gap:24px}.permissions-section-title{font-size:var(--text-xs);font-weight:700;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.permission-member-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--separator)}.permission-member-row:last-child{border-bottom:none}.permission-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--label-secondary);flex-shrink:0;overflow:hidden}.permission-avatar img{width:100%;height:100%;object-fit:cover}.permission-member-info{flex:1;min-width:0}.permission-member-name{font-size:var(--text-sm);font-weight:600;color:var(--label-primary)}.permission-member-sub{font-size:var(--text-xs);color:var(--label-tertiary)}.permission-role-select{padding:5px 10px;background:var(--bg-tertiary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:var(--label-primary);font-family:var(--font-sans);cursor:pointer}.permission-role-select:focus{outline:none;border-color:var(--accent)}.permission-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--label-quaternary);transition:all var(--duration-fast)}.permission-remove-btn:hover{background:#ef444414;color:#dc2626}.add-member-form{display:flex;gap:8px;margin-top:10px}.add-member-form select,.add-member-form input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--label-primary);font-family:var(--font-sans)}.add-member-form select:focus,.add-member-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.projects-loading{display:flex;align-items:center;justify-content:center;padding:60px;gap:10px;color:var(--label-tertiary);font-size:var(--text-sm)}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.project-detail-body{flex-direction:column}.project-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:4px}.project-sidebar-tab{white-space:nowrap}.moodboard-grid{columns:2}.week-grid{font-size:11px}}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}.projects-header{flex-direction:column}.project-detail-toolbar{flex-wrap:wrap}.task-drawer{width:100%}.moodboard-grid{columns:1}}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.white-square{width:100%;max-width:420px;background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg);padding:48px;display:flex;flex-direction:column;gap:32px;animation:slideUp .6s var(--ease-spring);position:relative;z-index:10}.logo-section{display:flex;justify-content:center}.cs-logo-large{height:60px;width:auto}.text-section{text-align:center}.login-h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;color:var(--label-primary);margin-bottom:8px}.login-italic{font-size:var(--text-sm);color:var(--label-secondary)}.form-section{display:flex;flex-direction:column;gap:20px}.direct-form{display:flex;flex-direction:column;gap:16px}.split-input{height:52px;background:#ffffff80;border:1px solid var(--separator);border-radius:var(--radius-sm);padding:0 16px;font-size:var(--text-base);transition:all .2s}.split-input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle);outline:none}.solvay-btn{width:100%;height:52px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:700;box-shadow:0 4px 12px var(--accent-glow);transition:all .2s;cursor:pointer}.solvay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--accent-glow)}.solvay-btn:disabled{opacity:.7;cursor:not-allowed}.login-error-msg{background:var(--color-red-fill);color:var(--color-red);padding:12px;border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:500;text-align:center}.password-input-container{position:relative;display:flex;align-items:center}.password-input{width:100%;padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--label-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.password-toggle-btn:hover{color:var(--label-primary)}:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 32px;--text-3xl: 42px;--text-4xl: 56px;--accent: #ff6b00;--accent-dark: #e65a00;--accent-light: #ff8c33;--accent-subtle: rgba(255, 107, 0, .08);--accent-glow: rgba(255, 107, 0, .25);--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #eeeeee;--neutral-300: #e0e0e0;--neutral-400: #bdbdbd;--neutral-500: #9e9e9e;--neutral-600: #757575;--neutral-700: #424242;--neutral-800: #212121;--neutral-900: #121212;--label-primary: #0f172a;--label-secondary: #475569;--label-tertiary: #94a3b8;--label-quaternary: #cbd5e1;--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--bg-canvas: #fafafa;--separator: rgba(15, 23, 42, .06);--separator-strong: rgba(15, 23, 42, .12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .45s;--glass-bg-base: rgba(255, 255, 255, .45);--glass-bg-medium: rgba(255, 255, 255, .65);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-blur-sm: blur(10px);--glass-blur-md: blur(20px);--glass-blur-lg: blur(40px);--glass-border: rgba(255, 255, 255, .7);--glass-shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--glass-shadow-md: 0 12px 32px rgba(0, 0, 0, .06);--glass-shadow-lg: 0 32px 64px rgba(0, 0, 0, .08);--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;max-width:100%;overflow-x:hidden}#root{overflow-x:hidden;width:100%;max-width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:#fafafa;color:var(--label-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-sans)}::selection{background:var(--accent-fill);color:var(--label-primary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#0003}.glass-card{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-md);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none}.glass-card-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-lg);-webkit-backdrop-filter:var(--glass-blur-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg)}.mesh-bg{position:fixed;inset:0;z-index:-1;background-color:#fafafa;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:40px 40px;background-position:center center;mask-image:radial-gradient(circle at calc(50% + var(--sidebar-width) / 2) 50%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at calc(50% + var(--sidebar-width) / 2) 50%,black 0%,transparent 70%)}@keyframes meshRotate{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-container{display:block;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;position:relative;z-index:1}.app-container:before{display:none}.page-wrapper{padding-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background:transparent}.main-content{flex:1;padding:72px 1.25rem 2.5rem .5rem;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden}.page-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.022em;color:var(--label-primary);line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--label-secondary);line-height:1.5;letter-spacing:-.005em}.section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--label-tertiary)}.h1{font-size:var(--text-xl);font-weight:700;margin-bottom:1.5rem;letter-spacing:-.022em;color:var(--label-primary)}.h2{font-size:var(--text-lg);font-weight:600;margin-bottom:1rem;letter-spacing:-.015em;color:var(--label-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:var(--btn-height-md);padding:0 var(--btn-px-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:-.008em;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1;outline:none;position:relative}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-sm{height:var(--btn-height-sm);padding:0 var(--btn-px-sm);font-size:var(--text-xs);border-radius:var(--radius-xs);gap:4px}.btn-lg{height:var(--btn-height-lg);padding:0 var(--btn-px-lg);font-size:var(--text-base);border-radius:var(--radius-md);gap:6px}.btn-primary{background:linear-gradient(160deg,#ff7a1a,#ff6b00 55%,#e85e00);color:#fff;border:none;box-shadow:inset 0 1px #ffffff38,0 2px 8px #ff6b0052,0 1px 2px #00000024;text-shadow:0 .5px 1.5px rgba(0,0,0,.18)}.btn-primary:hover{background:linear-gradient(160deg,#ff8a2a,#ff7410 55%,#f06800);box-shadow:inset 0 1px #ffffff47,0 4px 14px #ff6b006b,0 1px 3px #00000024;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff2e,0 1px 4px #ff6b0040}.btn-secondary{background:#ffffffad;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.72);color:var(--label-primary);box-shadow:inset 0 1px #ffffffeb,0 2px 6px #0000000f,0 1px 2px #0000000a}.btn-secondary:hover{background:#ffffffe0;box-shadow:inset 0 1px #fffffff5,0 4px 12px #00000014,0 1px 3px #0000000d}.btn-ghost{background:transparent;color:var(--label-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--fill-primary);color:var(--label-primary);border-color:var(--separator)}.btn-destructive{background:var(--color-red-fill);color:var(--color-red);border:1px solid rgba(255,59,48,.2)}.btn-destructive:hover{background:#ff3b302e}.btn-icon{width:var(--btn-height-md);height:var(--btn-height-md);padding:0;border-radius:var(--radius-sm);color:var(--label-secondary);background:transparent}.btn-icon:hover{background:var(--fill-primary);color:var(--label-primary)}.btn:disabled,.btn[disabled]{opacity:.38;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1.5px);box-shadow:0 6px 20px var(--accent-glow)}.btn-secondary{background:var(--glass-bg-base);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);color:var(--label-primary);box-shadow:var(--glass-shadow-sm)}.btn-secondary:hover{background:var(--glass-bg-medium);transform:translateY(-1.5px);box-shadow:var(--glass-shadow-md)}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;height:44px;padding:0 16px;background:#ffffff80;border:1px solid var(--separator);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--label-primary);transition:all .2s}input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle);outline:none}.card{background:var(--glass-bg-medium);-webkit-backdrop-filter:var(--glass-blur-md);backdrop-filter:var(--glass-blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-md);transition:all .3s var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-lg)}.table-wrapper{background:var(--glass-bg-base);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{padding:16px;background:#0f172a08;text-align:left;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--label-tertiary);letter-spacing:.05em}tbody tr{border-bottom:1px solid var(--separator);transition:background .2s}tbody tr:hover{background:#0f172a05}tbody td{padding:16px;font-size:var(--text-sm);color:var(--label-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--ease-out) forwards}@media(max-width:768px){:root{--sidebar-width: 0px}.page-wrapper{padding-left:0}.main-content{padding:72px 1rem 2rem}.topbar{left:0!important}}@media(max-width:390px){.main-content{padding:68px .75rem 1.5rem}}.modal-overlay,.event-modal-overlay,.profile-modal-overlay,.admin-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:clamp(104px,14vh,150px) 24px 32px;background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:adminModalOverlayIn .14s ease-out}.modal-content,.event-modal,.profile-modal-content,.admin-modal-panel{width:min(100%,520px);max-height:calc(100vh - 48px);overflow:hidden auto;background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;border-radius:16px!important;box-shadow:0 24px 60px #0f172a29,0 2px 10px #0f172a14!important;animation:adminModalPanelIn .17s ease-out}.modal-header,.admin-modal-header{display:flex;align-items:center;gap:12px;padding:22px 24px 18px!important;border-bottom:1px solid rgba(15,23,42,.08)!important;background:#fff!important}.modal-icon,.admin-modal-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ff6b001a!important;color:var(--accent)!important}.modal-header h2,.admin-modal-header h2{margin:0;color:var(--label-primary);font-size:18px;font-weight:750;line-height:1.2}.modal-header p,.admin-modal-header p{margin:3px 0 0;color:var(--label-secondary);font-size:13px;line-height:1.4}.modal-form,.admin-modal-form{display:flex;flex-direction:column;gap:18px;padding:22px 24px 24px!important;background:#fff!important}.modal-footer,.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px!important;border-top:1px solid rgba(15,23,42,.08)!important;background:#fff!important}.modal-content .form-label,.admin-modal-panel .form-label{margin-bottom:7px;color:var(--label-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.modal-content .form-input,.admin-modal-panel .form-input,.modal-content input,.modal-content textarea,.modal-content select,.admin-modal-panel input,.admin-modal-panel textarea,.admin-modal-panel select{background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:10px;box-shadow:none}.modal-content .form-input:focus,.admin-modal-panel .form-input:focus,.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus,.admin-modal-panel input:focus,.admin-modal-panel textarea:focus,.admin-modal-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6b0024}@keyframes adminModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes adminModalPanelIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}