:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #1e40af;--color-primary-light: #3b82f6;--color-primary-dark: #1e3a8a;--color-secondary: #10b981;--color-secondary-light: #34d399;--color-background-gradient: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #2563eb 100%);--color-background: #1e40af;--color-surface: rgba(255, 255, 255, .08);--color-surface-solid: #ffffff;--color-text: #ffffff;--color-text-dark: #1f2937;--color-text-light: #bfdbfe;--color-text-muted: #cbd5e1;--color-border: rgba(255, 255, 255, .15);--color-glass: rgba(255, 255, 255, .08);--button-background: rgba(255, 255, 255, .15);--button-background-hover: rgba(255, 255, 255, .25);--button-text: white;--button-border: rgba(255, 255, 255, .5);--button-danger-text: #ff6b6b;--button-danger-bg: transparent;--button-danger-bg-hover: rgba(255, 107, 107, .1)}.btn{background:var(--button-background)!important;border:1.5px solid var(--button-border)!important;border-radius:8px!important;color:var(--button-text)!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important;padding:.47rem 1.5rem!important;line-height:1!important}.btn:hover:not(:disabled){background:var(--button-background-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--button-background);border:1.5px solid var(--button-border);color:var(--button-text)}.btn-primary:hover:not(:disabled){background:var(--button-background-hover);transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-muted)}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-danger{display:flex;align-items:center;gap:.5rem;background:var(--button-danger-bg);border:1px solid var(--button-danger-text);color:var(--button-danger-text)}.btn-danger:hover:not(:disabled){background:var(--button-danger-bg-hover)}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}html{background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);background-attachment:fixed;min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);background-attachment:fixed;color:var(--color-text);position:relative;overflow-x:hidden}#root{min-height:100vh;width:100%;position:relative;z-index:1}.glass-background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.bubble{position:absolute;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.bubble.tiny{width:10px;height:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 3px #ffffff4d}.bubble.small{width:30px;height:30px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 5px #ffffff40}.bubble.medium{width:60px;height:60px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 8px #ffffff40}.bubble.large{width:120px;height:120px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 12px #ffffff40}.bubble.xlarge{width:200px;height:200px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 20px #ffffff40}.bubble-1{bottom:-20px;left:20%;animation:riseUpFast 8s infinite linear;animation-delay:0s}.bubble-2{bottom:-20px;left:80%;animation:riseUpFast 7s infinite linear;animation-delay:1s}.bubble-3{bottom:-20px;left:50%;animation:riseUpFast 9s infinite linear;animation-delay:2s}.bubble-4{bottom:-30px;left:65%;animation:riseUpMedium 15s infinite linear;animation-delay:.5s}.bubble-5{bottom:-30px;left:10%;animation:riseUpMedium 18s infinite linear;animation-delay:3s}.bubble-6{bottom:-60px;left:30%;animation:riseUpSlow 25s infinite linear;animation-delay:1.5s}.bubble-7{bottom:-60px;left:85%;animation:riseUpSlow 28s infinite linear;animation-delay:4s}.bubble-8{bottom:-120px;left:70%;animation:riseUpSlower 35s infinite linear;animation-delay:2.5s}.bubble-9{bottom:-200px;left:5%;animation:riseUpSlowest 45s infinite linear;animation-delay:0s}.bubble-10{bottom:-20px;left:45%;animation:riseUpFast 6s infinite linear;animation-delay:3.5s}.bubble-11{bottom:-20px;left:60%;animation:riseUpFast 7.5s infinite linear;animation-delay:5s}.bubble-12{bottom:-30px;left:35%;animation:riseUpMedium 16s infinite linear;animation-delay:2s}.glass-background-effects:before,.glass-background-effects:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 20px #ffffff40}.glass-background-effects:before{width:200px;height:200px;bottom:-200px;left:10%;animation:riseUpSlowest 38s infinite linear;animation-delay:6s}.glass-background-effects:after{width:150px;height:150px;bottom:-150px;right:15%;animation:riseUpSlower 32s infinite linear;animation-delay:8s}body:before,body:after{content:"";position:fixed;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 25px #ffffff40;pointer-events:none;z-index:0}body:before{width:300px;height:300px;bottom:-300px;left:25%;animation:riseUpSlowest 50s infinite linear;animation-delay:10s}body:after{width:100px;height:100px;bottom:-100px;right:30%;animation:riseUpSlow 22s infinite linear;animation-delay:4.5s}@keyframes float{0%{transform:translate(0) scale(1)}20%{transform:translate(200px,-300px) scale(1.1)}40%{transform:translate(-150px,-500px) scale(.9)}60%{transform:translate(-350px,200px) scale(1.05)}80%{transform:translate(300px,400px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes floatAlt{0%{transform:translate(0) scale(1)}15%{transform:translate(-400px,300px) scale(1.2)}30%{transform:translate(500px,-200px) scale(.8)}45%{transform:translate(200px,600px) scale(1.1)}60%{transform:translate(-600px,-100px) scale(.9)}75%{transform:translate(350px,-400px) scale(1.15)}90%{transform:translate(-200px,150px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes floatWide{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(800px,-200px) scale(.8) rotate(90deg)}50%{transform:translate(600px,400px) scale(1.3) rotate(180deg)}75%{transform:translate(-200px,300px) scale(.9) rotate(270deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes floatDiagonal{0%{transform:translate(0) scale(1)}20%{transform:translate(-500px,-500px) scale(1.4)}40%{transform:translate(-300px,300px) scale(.7)}60%{transform:translate(400px,-400px) scale(1.2)}80%{transform:translate(200px,500px) scale(.85)}to{transform:translate(0) scale(1)}}@keyframes riseUpFast{0%{transform:translateY(0) translate(0);opacity:0}5%{opacity:1}25%{transform:translateY(-25vh) translate(10px)}50%{transform:translateY(-50vh) translate(-5px)}75%{transform:translateY(-75vh) translate(8px)}95%{opacity:1}to{transform:translateY(-105vh) translate(-3px);opacity:0}}@keyframes riseUpMedium{0%{transform:translateY(0) translate(0);opacity:0}3%{opacity:.9}25%{transform:translateY(-25vh) translate(15px)}50%{transform:translateY(-50vh) translate(-10px)}75%{transform:translateY(-75vh) translate(12px)}97%{opacity:.9}to{transform:translateY(-105vh) translate(-5px);opacity:0}}@keyframes riseUpSlow{0%{transform:translateY(0) translate(0) scale(.9);opacity:0}2%{opacity:.8}25%{transform:translateY(-25vh) translate(20px) scale(1)}50%{transform:translateY(-50vh) translate(-15px) scale(1.05)}75%{transform:translateY(-75vh) translate(18px) scale(1)}98%{opacity:.8}to{transform:translateY(-110vh) translate(-8px) scale(.95);opacity:0}}@keyframes riseUpSlower{0%{transform:translateY(0) translate(0) scale(.95);opacity:0}2%{opacity:.7}25%{transform:translateY(-25vh) translate(25px) scale(1)}50%{transform:translateY(-50vh) translate(-20px) scale(1.02)}75%{transform:translateY(-75vh) translate(22px) scale(1)}98%{opacity:.7}to{transform:translateY(-115vh) translate(-10px) scale(.98);opacity:0}}@keyframes riseUpSlowest{0%{transform:translateY(0) translate(0) scale(1);opacity:0}2%{opacity:.6}25%{transform:translateY(-25vh) translate(30px) scale(1.02)}50%{transform:translateY(-50vh) translate(-25px) scale(1.01)}75%{transform:translateY(-75vh) translate(28px) scale(1)}98%{opacity:.6}to{transform:translateY(-120vh) translate(-12px) scale(1);opacity:0}}.cert-badge-compact{position:relative;background:var(--bg-glass-strong);border:1px solid var(--button-border);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;display:inline-block}.cert-level-badge{position:absolute;top:-6px;right:-6px;font-size:.6rem;font-weight:700;padding:.1rem .25rem;border-radius:3px;line-height:1}.cert-level-badge.cert-level-n2{background:linear-gradient(135deg,#e8e8e8,#b8b8b8);color:#333;border:1px solid #999}.cert-level-badge.cert-level-n3{background:linear-gradient(135deg,gold,#b8860b);color:#333;border:1px solid #b8860b}:root{--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .08);--bg-glass-light: rgba(255, 255, 255, .03);--bg-glass-strong: rgba(255, 255, 255, .1);--color-primary: rgba(96, 165, 250, 1);--bg-primary: rgba(96, 165, 250, .1);--bg-primary-hover: rgba(96, 165, 250, .15);--bg-primary-strong: rgba(96, 165, 250, .2);--border-primary: rgba(96, 165, 250, .3);--border-primary-hover: rgba(96, 165, 250, .5);--border-default: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .3);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-placeholder: rgba(255, 255, 255, .4);--color-success: #10b981;--bg-success: rgba(16, 185, 129, .15);--border-success: rgba(16, 185, 129, .3);--color-warning: #fbbf24;--bg-warning: rgba(251, 191, 36, .15);--border-warning: rgba(251, 191, 36, .3);--color-error: #ef4444;--bg-error: rgba(239, 68, 68, .1);--border-error: rgba(239, 68, 68, .3);--text-error: #fca5a5;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 12px rgba(96, 165, 250, .15);--ring-primary: 0 0 0 3px rgba(96, 165, 250, .1);--transition-fast: all .2s ease;--transition-normal: all .3s ease;--dialog-overlay: rgba(30, 58, 138, .75);--dialog-bg: rgba(30, 58, 138, .4);--dialog-border: rgba(255, 255, 255, .15);--dialog-shadow: 0 20px 60px rgba(0, 0, 0, .5)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.inline-flex{display:inline-flex}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-0{padding-right:0}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.m-auto{margin:auto}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-0{margin-left:0;margin-right:0}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-auto{width:auto}.w-fit{width:fit-content}.h-auto{height:auto}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-400{min-height:400px}.min-h-200{min-height:200px}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-900{max-width:900px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1200px}.max-w-full{max-width:100%}.bg-transparent{background:transparent}.bg-glass{background:var(--bg-glass)}.bg-glass-light{background:var(--bg-glass-light)}.bg-glass-strong{background:var(--bg-glass-strong)}.bg-primary{background:var(--bg-primary)}.bg-primary-strong{background:var(--bg-primary-strong)}.bg-success{background:var(--bg-success)}.bg-warning{background:var(--bg-warning)}.bg-error{background:var(--bg-error)}.border{border:1px solid var(--border-default)}.border-0{border:none}.border-medium{border:1px solid var(--border-medium)}.border-strong{border:1px solid var(--border-strong)}.border-primary{border:1px solid var(--border-primary)}.border-success{border:1px solid var(--border-success)}.border-warning{border:1px solid var(--border-warning)}.border-error{border:1px solid var(--border-error)}.border-t{border-top:1px solid var(--border-default)}.border-t-medium{border-top:1px solid var(--border-medium)}.border-b{border-bottom:1px solid var(--border-default)}.border-b-medium{border-bottom:1px solid var(--border-medium)}.border-l{border-left:1px solid var(--border-default)}.border-r{border-right:1px solid var(--border-default)}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--text-error)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.no-underline{text-decoration:none}.underline{text-decoration:underline}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.05em}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-primary{box-shadow:var(--shadow-primary)}.transition{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-normal)}.transition-none{transition:none}.hover\:lift:hover{transform:translateY(-1px)}.hover\:lift-2:hover{transform:translateY(-2px)}.cursor-default{cursor:default}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.card{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px}.card-hover{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.card-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-primary);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.card-prominent{border-color:var(--border-strong)}.btn,.btn-create{background:var(--button-background)!important;border:1px solid var(--button-border)!important;border-radius:8px!important;color:#fff!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;padding:.47rem 1.5rem!important;line-height:1!important}.btn svg,.btn-create svg{display:inline-block;vertical-align:middle;margin-right:.5rem}.btn:hover:not(:disabled),.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn:disabled,.btn-create:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--button-background);border-color:var(--button-border)}.btn-secondary{background:var(--bg-glass);color:var(--text-secondary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--border-strong);color:var(--text-primary)}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.btn-text-danger{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-text-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.btn-text-danger:disabled{opacity:.5;cursor:not-allowed}.btn-add-dashed{width:100%;background:transparent;border:2px dashed var(--border-medium);color:var(--text-secondary);padding:.65rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-dashed:hover:not(:disabled){background:var(--bg-glass);border-color:var(--border-strong);color:var(--text-primary)}.btn-add-dashed:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.btn-lg{padding:1rem 1.5rem;font-size:1rem}.back-button{display:flex;align-items:center;gap:.5rem;margin:0;padding:.75rem 1.25rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ffffff1a;border-color:#ffffff4d}.page-header{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.add-button{display:flex;align-items:center;gap:.5rem;margin:0!important;padding:.75rem 1.25rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease}.add-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.secondary-button{display:flex;align-items:center;gap:.5rem;margin:0!important;padding:.75rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-weight:500;font-size:.9rem;line-height:1;cursor:pointer;transition:all .2s ease}.secondary-button:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;color:#ffffffe6}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.page-subtitle{position:absolute;top:.5rem;left:2rem;font-size:.875rem;color:var(--text-muted);font-weight:400}@media (max-width: 768px){.page-subtitle{left:1rem}}.data-table{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.data-table-header{display:grid;gap:1rem;padding:1rem 1.5rem;background:var(--bg-glass);border-bottom:1px solid var(--border-default)}.data-table-header-cell{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.data-table-body{display:flex;flex-direction:column}.data-table-row{display:grid;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast);align-items:center}.data-table-row:last-child{border-bottom:none}.data-table-row:nth-child(2n){background:#ffffff0a;border-top:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium)}.data-table-row:hover{background:var(--bg-glass)}.data-table-row-clickable{cursor:pointer}.data-table-row-clickable:hover{background:#667eea1a}.data-table-row.selected{background:#667eea26;border-left:3px solid var(--color-accent)}.data-table-row.checked{background:#667eea14}.officials-table{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.officials-table-header{display:grid;gap:1rem;padding:1rem 1.5rem;background:var(--bg-glass-strong);border-bottom:1px solid var(--border-default);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.officials-table-row{display:grid;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast);align-items:center}.officials-table-row:last-child{border-bottom:none}.officials-table-row:nth-child(2n){background:#ffffff0a;border-top:1px solid var(--border-medium);border-bottom:1px solid var(--border-medium)}.officials-table-row:hover{background:var(--bg-glass)}.data-table-cell{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.95rem}.data-table-action-btn{padding:.5rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.data-table-action-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-default)}.data-table-action-btn.delete:hover{background:var(--bg-error);border-color:#ef44444d;color:var(--text-error)}.grid-cols-4{grid-template-columns:minmax(200px,1fr) minmax(300px,2fr) minmax(150px,.75fr) 120px}@media (max-width: 1024px){.grid-cols-4{grid-template-columns:minmax(180px,1fr) minmax(250px,1.5fr) minmax(120px,.6fr) 100px}}@media (max-width: 768px){.data-table-header{display:none}.data-table-row{grid-template-columns:1fr;gap:.5rem;padding:1rem;position:relative}.data-table-row .data-table-cell:last-child{position:absolute;top:1rem;right:1rem}.data-table-action-btn{padding:.4rem}}.deleting{opacity:0;transform:scale(.95);transition:all .3s ease}.deleting-collapse{opacity:0;transform:scale(.8);max-height:0!important;margin:0!important;padding:0!important;border:none!important;pointer-events:none;overflow:hidden;transition:all .3s ease-out}.tabs-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--border-default)}.tabs{display:flex;gap:0;margin-bottom:-1px}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-glass);border:1px solid var(--border-default);border-bottom:1px solid var(--border-default);border-radius:0;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);margin-left:-1px}.tab:first-child{border-radius:8px 0 0;margin-left:0}.tab:last-child{border-radius:0 8px 0 0}.tab:only-child{border-radius:8px 8px 0 0}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border-medium);border-bottom-color:transparent}@media (max-width: 768px){.tabs-header{flex-direction:column;align-items:stretch;gap:1.5rem}.tabs{width:100%;overflow-x:auto}.tab{padding:.75rem 1rem;font-size:.9rem;white-space:nowrap}}.list-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:visible}.list-row:hover{background:var(--bg-glass-strong);border-color:var(--border-medium);transform:translate(4px)}.list-row.menu-open{z-index:50}.list-row-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.list-row-item{display:flex;align-items:center;gap:.5rem}.list-row-divider{color:var(--text-muted);opacity:.5}@media (max-width: 768px){.list-row{padding:.875rem 1rem}.list-row-info{flex-direction:column;align-items:flex-start;gap:.5rem}.list-row-divider{display:none}}.cards-row{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:nowrap}.card-clickable{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;min-height:200px;overflow:visible}.card-clickable:hover{background:var(--bg-glass-strong);border-color:var(--border-medium);transform:translateY(-2px)}.card-clickable.menu-open{z-index:50}.info-row{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.info-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.7;flex-shrink:0}.row-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.7;flex-shrink:0}.menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;line-height:1;transition:var(--transition-fast)}.menu-btn:hover{background:var(--bg-glass-strong)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;min-width:160px;overflow:hidden}.dropdown-menu-above{top:auto;bottom:100%;margin-top:0;margin-bottom:.5rem}.dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;text-align:left;transition:var(--transition-fast)}.dropdown-menu button:hover{background:var(--bg-glass-strong)}.dropdown-menu button.menu-delete{color:var(--text-error)}.dropdown-menu button.menu-delete:hover{background:var(--bg-error)}.menu-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge{background:var(--bg-glass-strong);border:1px solid var(--button-border);color:var(--text-primary);font-size:1rem;font-weight:500;padding:.375rem .75rem;border-radius:8px;min-width:36px;text-align:center;line-height:1.2}.badge-sm{font-size:.875rem;padding:.25rem .625rem;min-width:28px}.cert-badge-wrapper{position:relative;display:inline-block}.cert-badge{display:inline-flex;align-items:center;background:var(--bg-glass-strong);border:1px solid var(--button-border);color:var(--text-primary);font-size:.8rem;font-weight:500;padding:.25rem .5rem;border-radius:6px}.cert-badge-sm .cert-badge{font-size:.6rem;padding:.1rem .25rem;border-radius:3px}.cert-badge-sm .cert-level{top:-3px;right:-3px;font-size:.45rem;padding:.025rem .1rem}.cert-level{position:absolute;top:-6px;right:-6px;font-size:.6rem;font-weight:700;padding:.1rem .25rem;border-radius:3px;line-height:1}.cert-level-n2{background:linear-gradient(135deg,#e8e8e8,#b8b8b8);color:#333;border:1px solid #999}.cert-level-n3{background:linear-gradient(135deg,gold,#b8860b);color:#333;border:1px solid #b8860b}.empty-divider{width:240px;height:2px;background:var(--border-medium);margin:2rem auto;border-radius:2px}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-glass);border-bottom:1px solid var(--border-default)}.table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr{transition:var(--transition-fast)}.table tbody tr:hover{background:var(--bg-glass)}.list-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-strong);border-radius:15px}.list-table td{padding:1.5rem;vertical-align:middle;border-bottom:1px solid var(--border-strong)}.list-table tr:last-child td{border-bottom:none}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:var(--transition-fast);margin-bottom:1.5rem}.back-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.form-section{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.form-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;text-align:left}.form-content{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.form-group .required{color:var(--color-error)}.form-row{display:grid;grid-template-columns:1fr 150px 150px;gap:1rem}.form-group-sm{max-width:150px}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;border:none!important;background:transparent!important;padding:0!important}@media (max-width: 768px){.form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-group-sm{max-width:none}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.input,.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;background:var(--bg-glass-strong);border:1px solid var(--border-strong);border-radius:8px!important;color:#fff;font-size:1rem;font-family:inherit;transition:var(--transition-fast);width:100%}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center!important;padding:.5rem 2.5rem .5rem 1rem!important;cursor:pointer}.input::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-placeholder)}.input:focus,.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background:var(--bg-glass-hover);border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.input:disabled,.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group select option,.input option{background:#1a1a2ef2;color:#fff}.form-group input[type=date],.form-group input[type=datetime-local],.form-group input[type=time]{padding:.5rem 1rem!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.7;transition:opacity .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-readonly,.input:read-only,.form-group input:read-only,.form-group textarea:read-only{padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:8px;cursor:default}.input-with-clear{position:relative;display:flex;align-items:center}.input-with-clear input{width:100%;padding-right:2.5rem}.input-clear-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.input-clear-btn:hover{color:var(--text-primary)}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;min-width:18px;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:4px;cursor:pointer;transition:var(--transition-fast);position:relative;flex-shrink:0}input[type=checkbox]:hover{border-color:var(--button-border);background:var(--bg-glass-strong)}input[type=checkbox]:checked{background:var(--button-background);border-color:var(--button-border)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #8b5cf64d}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-row{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-row span{-webkit-user-select:none;user-select:none}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.badge-primary{background:var(--bg-primary);color:var(--color-primary);border:1px solid var(--border-primary)}.badge-success{background:var(--bg-success);color:var(--color-success);border:1px solid var(--border-success)}.badge-warning{background:var(--bg-warning);color:var(--color-warning);border:1px solid var(--border-warning)}.badge-error{background:var(--bg-error);color:var(--text-error);border:1px solid var(--border-error)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-primary-strong);color:var(--text-primary);font-weight:600;border:2px solid var(--border-primary);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:48px;height:48px;font-size:1rem}.avatar-lg{width:64px;height:64px;font-size:1.25rem;letter-spacing:1px}.sec-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem;text-align:left}.divider{border:none;border-top:1px solid var(--border-medium);margin:0}.dialog-overlay{position:fixed;inset:0;background:var(--dialog-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.dialog{border:1px solid var(--dialog-border);border-radius:12px;display:flex;flex-direction:column;box-shadow:var(--dialog-shadow)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-default)}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.dialog-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.dialog-close-btn:hover{color:var(--text-primary)}.dialog-content{flex:1;overflow-y:auto;padding:1.5rem}.dialog-content::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-track{background:var(--bg-glass);border-radius:3px}.dialog-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.dialog-content::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.error-box{padding:1rem 1.5rem;background:var(--bg-error);border:1px solid var(--border-error);border-radius:8px;color:var(--text-error);font-size:.95rem}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-spinner:after{content:"";display:block;width:40px;height:40px;aspect-ratio:1 / 1;border:3px solid var(--border-default);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite;flex-shrink:0}@keyframes loading-spin{to{transform:rotate(360deg)}}.animate-spin{animation:loading-spin 1s linear infinite}.page{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.page-narrow{max-width:800px;margin:0 auto;padding:2rem}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.col-span-full{grid-column:1 / -1}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:p-4{padding:1rem}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:gap-4{gap:1rem}.md\:gap-3{gap:.75rem}.md\:text-lg{font-size:1.1rem}.md\:text-xl{font-size:1.25rem}.md\:w-full{width:100%}.md\:items-start{align-items:flex-start}.grid-2,.grid-3{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr;gap:1rem}.page{padding:1.5rem}}@media (max-width: 480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:w-full{width:100%}.page{padding:1rem}.avatar-lg{width:56px;height:56px;font-size:1.1rem}}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--button-border);color:var(--text-primary)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon-danger:hover:not(:disabled){background:#ef444426;border-color:var(--color-error);color:var(--color-error)}.btn-icon-warning{color:#d97706}.btn-icon-warning:hover:not(:disabled){background:#d9770626;border-color:#d97706;color:#d97706}.btn-icon-round{border-radius:50%}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#1e1e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:var(--text-primary)}.modal-lg{max-width:800px}.modal-body{overflow-y:auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}}.officials-grid-cols{grid-template-columns:2fr 1.5fr 2fr 1.5fr 1fr 80px}@media (max-width: 1024px){.officials-grid-cols{grid-template-columns:1.5fr 1fr 2fr 1.5fr 1fr 70px}}@media (max-width: 768px){.officials-grid-cols{grid-template-columns:1fr}}.search-results-grid{grid-template-columns:2.5fr 1fr 2fr 3fr}@media (max-width: 768px){.search-results-grid{grid-template-columns:1fr}}.wizard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wizard-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.wizard-step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;transition:var(--transition-normal);cursor:pointer}.wizard-step:hover:not(.active){background:var(--bg-glass)}.wizard-step-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:var(--bg-glass);border:2px solid var(--border-medium);color:var(--text-muted);transition:var(--transition-normal);flex-shrink:0}.wizard-step.active .wizard-step-number{background:var(--button-background);border-color:var(--button-border);color:#fff;box-shadow:0 2px 8px #667eea66}.wizard-step.completed .wizard-step-number{background:#667eea4d;border-color:#667eea;color:#667eea}.wizard-step-label{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:var(--transition-normal);white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--text-primary);font-weight:600}.wizard-step.completed .wizard-step-label{color:var(--text-secondary)}.wizard-step-arrow{font-size:1rem;color:var(--text-muted);margin:0 .25rem;opacity:.5}@media (max-width: 768px){.wizard-steps{gap:.25rem}.wizard-step{padding:.5rem .75rem}.wizard-step-number{width:24px;height:24px;font-size:.75rem}.wizard-step-label{font-size:.8rem}.wizard-step-arrow{font-size:.85rem;margin:0 .125rem}}.compose-layout{display:flex;gap:2rem;align-items:flex-start}.compose-layout>*:first-child{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-width:0}.sidebar-card{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;padding:1.5rem;overflow-y:auto;max-height:971px;width:350px;flex-shrink:0;transition:width .3s ease-out,padding .3s ease-out,opacity .3s ease-out,border-width .3s ease-out}.sidebar-card.collapsed{width:0;padding:0;opacity:0;overflow:hidden;border-width:0;pointer-events:none}.sidebar-expand-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.sidebar-expand-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-medium)}@media (max-width: 1024px){.compose-layout{flex-direction:column}.sidebar-card{order:-1;width:100%;max-height:none}.sidebar-card.collapsed{width:100%}.sidebar-expand-btn{display:none}}.selected-chips-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem}.chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-glass-strong);border:1px solid var(--border-medium);border-radius:20px;color:var(--text-primary);font-size:.9rem;font-weight:500}.chip-remove{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.chip-remove:hover{background:var(--bg-glass-strong);color:var(--text-primary)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;right:1rem;opacity:.4;color:var(--text-primary);pointer-events:none}.search-clear-btn{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.search-clear-btn:hover{color:var(--text-primary)}.search-input{width:100%;padding:.875rem 1.25rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:.95rem;transition:var(--transition-fast)}.search-input:focus{outline:none;background:var(--bg-glass-hover);border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:var(--text-placeholder)}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-dropdown{position:relative}.filter-dropdown>button{padding:.625rem 1.25rem;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.5rem}.filter-dropdown>button:hover{background:var(--bg-glass-strong);border-color:var(--border-strong)}.filter-dropdown>button.active{background:#667eea4d;border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea40}.dropdown-arrow{font-size:.7rem;opacity:.7}.filter-dropdown .dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:#1e293bfa;border:1px solid var(--border-medium);border-radius:12px;padding:.75rem;min-width:200px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-lg)}.dropdown-header{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-default)}.dropdown-items{display:flex;flex-direction:column;gap:.5rem}.checkbox-item,.radio-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.checkbox-item:hover,.radio-item:hover{background:var(--bg-glass)}.checkbox-item span,.radio-item span{flex:1;color:var(--text-primary);font-size:.9rem}.recipients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1rem}.recipient-card{display:flex;flex-direction:column;transition:var(--transition-fast)}.recipient-card:hover{background:var(--bg-glass-hover);border-color:var(--border-medium);transform:translateY(-2px)}.btn-remove-sm{padding:.25rem .625rem;background:#ff52524d;border:1px solid rgba(255,82,82,.5);border-radius:6px;color:#ff5252;font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-remove-sm:hover{background:#ff525280;color:#fff}@media (max-width: 768px){.recipients-grid{grid-template-columns:1fr}}.review-recipients-table{max-height:300px;overflow-y:auto;border-radius:8px}.send-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.send-option-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-glass);border:2px solid var(--border-default);border-radius:12px;cursor:pointer;transition:var(--transition-fast)}.send-option-card:hover{background:var(--bg-glass-strong);border-color:var(--border-medium);transform:translateY(-2px)}.send-option-card.selected{background:var(--bg-primary);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.send-option-card svg{flex-shrink:0;margin-top:.25rem;color:var(--text-secondary)}.send-option-card.selected svg{color:#667eea}@media (max-width: 768px){.send-options-grid{grid-template-columns:1fr}}.preview-subject{padding:1rem 1.5rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;margin-bottom:1.5rem;color:var(--text-primary);font-size:.95rem}.preview-subject strong{font-weight:600;margin-right:.5rem}.preview-email-content{background:#fff;border-radius:8px;padding:2rem;color:#1a1a1a;box-shadow:var(--shadow-md)}.preview-email-content p{margin:0 0 1rem;line-height:1.6}.preview-email-content p:last-child{margin-bottom:0}.manual-add-panel{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;animation:slideDown .25s ease-out}.manual-add-panel.closing{animation:slideUp .25s ease-out forwards}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.page-wide{max-width:1600px;margin:0 auto;padding:0 2rem 2rem}@media (max-width: 768px){.page-wide{padding:0 1rem 1rem}}.section-header{margin-bottom:2rem}.section-date{margin:0;color:var(--text-secondary);font-size:1rem}.glass-container{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.glass-container-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.btn-configure{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-configure:hover{background:var(--bg-glass-strong)}.info-item{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.95rem}.info-label{font-weight:500}.select-compact{padding:.5rem 2rem .5rem .75rem;background:var(--bg-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right .5rem center;border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select-compact:focus{outline:none;border-color:var(--border-primary)}.officials-pool-header{margin-bottom:1.5rem}.officials-pool-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.officials-count{margin:0 0 .25rem;color:var(--text-secondary);font-size:.9rem}.drag-instruction{margin:0;color:var(--text-muted);font-size:.85rem;font-style:italic}.officials-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem}@media (min-width: 1400px){.officials-groups{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.officials-groups{grid-template-columns:1fr}}.official-group{background:var(--bg-glass);border:1px solid var(--border-default);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.group-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-default)}.group-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.group-count{padding:.05rem .5rem;background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-primary)}.officials-grid{display:flex;flex-direction:column;gap:.75rem}.official-card{padding:.75rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;cursor:grab;transition:var(--transition-fast)}.official-card:hover{background:var(--bg-glass-strong);transform:translate(4px)}.official-card:active{cursor:grabbing}.official-name{font-weight:600;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.official-prefs{font-size:.85rem;color:var(--text-muted)}.selection-dropdown-overlay{position:fixed;inset:0;background:#1e3a8abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.selection-dropdown-content{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;max-width:600px;width:100%;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.dropdown-search{margin-bottom:1.5rem}.dropdown-search-input{width:100%;padding:1rem 1.25rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:var(--transition-fast)}.dropdown-search-input::placeholder{color:var(--text-placeholder)}.dropdown-search-input:focus{outline:none;background:var(--bg-glass-strong);border-color:var(--border-medium)}.dropdown-list{display:flex;flex-direction:column;gap:.5rem}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.dropdown-item:hover{background:var(--bg-glass-strong);transform:translate(4px)}.dropdown-item-name{font-size:1rem;font-weight:500;color:var(--text-primary)}.dropdown-item-info{font-size:.9rem;color:var(--text-secondary)}.config-form{display:flex;flex-direction:column;gap:1.5rem}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.config-row{grid-template-columns:1fr}}.config-field{display:flex;flex-direction:column;gap:.5rem}.config-field label{font-size:.95rem;font-weight:500;color:var(--text-primary);text-align:left}.config-field input,.config-field select{padding:.75rem 1rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:var(--transition-fast);width:100%}.config-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--bg-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;padding-right:2.5rem;cursor:pointer}.config-field input:focus,.config-field select:focus{outline:none;background:var(--bg-glass-hover);border-color:var(--border-primary);box-shadow:var(--ring-primary)}.config-field select option{background:#1a1a2ef2;color:#fff}.field-hint{font-size:.85rem;color:var(--text-muted)}.config-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-default)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted);font-size:1.1rem}.error-state button{margin-top:1rem}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state p{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-secondary)}.empty-state-hint{font-size:.95rem;margin-top:0!important;color:var(--text-muted);max-width:280px;line-height:1.5}.status-pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-in-progress{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.status-completed{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-not-started{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.toast{display:flex;align-items:center;gap:12px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px 20px;border-radius:60px;box-shadow:inset 0 0 15px #ffffff40;border:1px solid rgba(255,255,255,.22);min-width:300px;max-width:500px;animation:riseAndFloat 25s linear;animation-fill-mode:forwards;position:relative}.toast-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);box-shadow:inset 0 0 15px #10b98140}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);box-shadow:inset 0 0 15px #ef444440}.toast-warning{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);box-shadow:inset 0 0 15px #fbbf2440}.toast-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);box-shadow:inset 0 0 15px #3b82f640}.toast-exiting{animation:riseAndFloat 25s linear,burstFade .3s ease-out forwards!important}.toast-icon{flex-shrink:0;display:flex;align-items:center;color:#ffffffe6}.toast-message{flex:1;font-size:14px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:500}.toast-close{flex-shrink:0;background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{color:#fff;background:#ffffff1a}@keyframes riseAndFloat{0%{transform:translateY(100px) translate(0);opacity:1}33%{transform:translateY(-8vh) translate(15px)}66%{transform:translateY(-17vh) translate(-10px)}95%{opacity:.9}to{transform:translateY(-25vh) translate(8px);opacity:0}}@keyframes burstFade{0%{opacity:1;filter:blur(0px) brightness(1)}30%{opacity:.8;filter:blur(2px) brightness(1.3)}to{opacity:0;filter:blur(8px) brightness(1.5)}}.dialog-backdrop{position:fixed;inset:0;background:var(--dialog-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.dialog{border:1px solid var(--dialog-border);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:var(--dialog-shadow);animation:slideUp .3s ease-out;display:flex;flex-direction:column;gap:1.5rem}.dialog-icon{display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--color-text)}.dialog-danger .dialog-icon{color:#ef4444}.dialog-warning .dialog-icon{color:#f59e0b}.dialog-info .dialog-icon{color:#3b82f6}.dialog-content{text-align:center}.dialog-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.dialog-message{font-size:1rem;color:var(--color-text-muted);line-height:1.5;margin:0}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.dialog-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:100px}.dialog-btn-cancel{background:#ffffff1a;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.dialog-btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.dialog-btn-confirm{color:#fff;border:1px solid transparent}.dialog-btn-danger{background:#ef4444}.dialog-btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.dialog-btn-warning{background:#f59e0b}.dialog-btn-warning:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66}.dialog-btn-info{background:#3b82f6}.dialog-btn-info:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}@media (max-width: 640px){.dialog{width:95%;padding:1.5rem}.dialog-actions{flex-direction:column-reverse}.dialog-btn{width:100%}}.global-target-picker{position:fixed;inset:0;z-index:10000;pointer-events:none}.global-picker-panel{position:fixed;top:20px;right:20px;width:340px;max-height:calc(100vh - 40px);background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(59,130,246,.4);border-radius:12px;padding:16px;pointer-events:auto;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 30px #3b82f633}.picker-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#3b82f6}.picker-panel-header h3{flex:1;margin:0;font-size:1rem;font-weight:600;color:#fffffff2}.picker-close-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.picker-close-btn:hover{background:#ffffff1a;color:#fffffff2}.picker-nav-hint{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:12px;color:#3b82f6;font-size:.8rem;font-weight:500}.picker-nav-hint.select-mode-hint{background:#eab30826;border-color:#eab3084d;color:#eab308}.picker-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff9;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6}.mode-btn.active{background:#3b82f633;border-color:#3b82f680;color:#3b82f6}.picker-instructions{font-size:.85rem;color:#ffffffb3;margin:0 0 12px;line-height:1.5}.picker-current-page{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;background:#ffffff08;border-radius:6px}.current-page-label{font-size:.75rem;color:#ffffff80}.current-page-path{flex:1;font-size:.8rem;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-selection{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:12px;margin-bottom:12px}.picker-selection-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.picker-selection-value{display:block;font-size:.85rem;color:#22c55e;background:#0000004d;padding:8px 10px;border-radius:6px;margin-bottom:10px;word-break:break-all}.picker-confirm-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.picker-confirm-btn:hover{background:#22c55e4d;border-color:#22c55e99}.picker-target-list{flex:1;min-height:0;display:flex;flex-direction:column}.picker-target-list-header{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.picker-no-targets{font-size:.8rem;color:#fff6;font-style:italic;text-align:center;padding:16px}.picker-target-list-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;max-height:200px}.picker-target-item{display:flex;align-items:center;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fffc;font-size:.8rem;text-align:left;cursor:pointer;transition:all .15s}.picker-target-item:hover,.picker-target-item.hovered{background:#3b82f61a;border-color:#3b82f64d}.picker-target-item.selected{background:#22c55e33;border-color:#22c55e80;color:#fffffff2}.target-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-target-highlight{position:fixed;border:2px dashed rgba(59,130,246,.4);background:transparent;border-radius:4px;pointer-events:none;transition:all .15s;z-index:9999}.global-target-highlight.interactive{pointer-events:auto;cursor:pointer;border-color:#eab30899;background:#eab3081a}.global-target-highlight.hovered{border-color:#3b82f6;background:#3b82f626}.global-target-highlight.interactive:hover,.global-target-highlight.interactive.hovered{border-color:#eab308;background:#eab30833;box-shadow:0 0 20px #eab3084d}.global-target-highlight.selected{border-style:solid;border-color:#22c55e;background:#22c55e26;box-shadow:0 0 20px #22c55e4d}.target-highlight-label{position:absolute;top:-24px;left:0;padding:2px 8px;background:#3b82f6e6;color:#fff;font-size:.7rem;font-weight:500;border-radius:4px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:all .15s}.global-target-highlight:hover .target-highlight-label,.global-target-highlight.hovered .target-highlight-label{opacity:1;transform:translateY(0)}.global-target-highlight.selected .target-highlight-label{background:#22c55ee6;opacity:1;transform:translateY(0)}@media (max-width: 768px){.global-picker-panel{inset:auto 0 0;width:100%;border-radius:16px 16px 0 0;max-height:50vh}.picker-target-list-scroll{max-height:120px}}.avatar-container{position:relative}.avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.avatar-button:hover{opacity:.8}.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.avatar-button:hover .avatar-circle{transform:scale(1.05);box-shadow:0 3px 6px #00000026}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid var(--color-border);min-width:220px;z-index:1100;animation:dropdownSlide .2s ease;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;background:var(--color-glass);border-bottom:1px solid var(--color-border)}.dropdown-user-info{text-align:left}.dropdown-user-name{font-weight:600;color:var(--color-text);font-size:14px;margin-bottom:4px}.dropdown-user-email{font-size:12px;color:var(--color-text-light);word-break:break-all}.dropdown-divider{height:1px;background:var(--color-border);margin:0}.dropdown-menu{padding:.5rem 0}.dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--color-text);font-size:14px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease,color .2s ease}.dropdown-item:hover{background-color:var(--color-glass);color:var(--color-secondary)}.dropdown-icon{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.avatar-circle{width:32px;height:32px;font-size:12px}.avatar-dropdown{right:-8px;min-width:200px}}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);padding:0 1rem;box-shadow:0 4px 6px #0000001a;z-index:1000;border-bottom:1px solid var(--color-border)}.top-bar-left{display:flex;align-items:center;gap:1rem}.logo{height:40px;width:auto;margin-right:.5rem}.hamburger-button{background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px;border-radius:4px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--color-glass)}.hamburger-button{position:relative}.hamburger-button svg{width:24px;height:24px;position:absolute;top:50%;left:50%;transition:opacity .3s ease,transform .3s ease}.hamburger-button svg.icon-base{opacity:1;transform:translate(-50%,calc(-50% + 1.5px))}.hamburger-button svg.icon-bar{opacity:0;transform:translate(calc(-50% - 8.25px),calc(-50% + 1.5px))}.hamburger-button.icons svg.icon-bar{opacity:1;transform:translate(calc(-50% - 2px),calc(-50% + 1.5px))}.hamburger-button.open svg.icon-bar{opacity:1;transform:translate(-50%,calc(-50% + 1.5px))}.app-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text);letter-spacing:.02em}.top-bar-center{display:flex;justify-content:center;align-items:center}.page-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text)}.top-bar-right{display:flex;align-items:center;gap:1rem;justify-content:flex-end}.user-info{font-size:.9rem;opacity:.9;color:var(--color-text-light)}@media (max-width: 768px){.app-title{font-size:1rem}.page-title{font-size:1.25rem}.user-info{display:none}.logo{height:35px}}.sidebar{position:fixed;top:92px;left:1rem;height:calc(100vh - 108px);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:12px;transition:transform .3s ease;z-index:1000;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow-x:hidden}.sidebar.sidebar-closed{width:50px;transform:translate(calc(-100% - 1rem));transition:transform .3s ease,width 0s ease .3s}.sidebar.sidebar-icons{width:50px;transform:translate(0);transition:transform .3s ease,width .3s ease}.sidebar.sidebar-open{width:250px;transform:translate(0);transition:transform .3s ease,width .3s ease}.sidebar.sidebar-closed.sidebar-hover-overlay,.sidebar.sidebar-icons.sidebar-hover-overlay{z-index:1001;width:250px;transform:translate(0);transition:transform .3s ease,width 0s ease}.sidebar-nav{padding:1rem 0;overflow:hidden}.nav-divider{height:1px;background:var(--color-border);margin:.5rem 1rem}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.25rem}.nav-link{display:flex;align-items:center;padding:.75rem 1rem .75rem calc(1rem - 4px);color:var(--color-text);text-decoration:none;transition:background-color .2s ease,color .2s ease;border-left:3px solid transparent}.nav-link:hover{background-color:#ffffff1a;color:#ffffffe6}.nav-link.active{background-color:#ffffff26;color:#fff;border-left-color:#fff;font-weight:500}.nav-icon{margin-right:calc(.75rem + 4px);width:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:.9rem;white-space:nowrap}@media (max-width: 768px){.sidebar{position:fixed;z-index:1001}.sidebar.sidebar-open,.sidebar.sidebar-icons{width:250px!important;transform:translate(0)!important}.sidebar.sidebar-closed{width:250px!important;transform:translate(calc(-100% - 1rem))!important}}.tasks-divider{height:2px;background:var(--color-border);margin:1rem 0}.tasks-section{padding:0;max-height:40vh;overflow-y:auto}.tasks-header{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;padding:0 1rem 0 calc(1rem - 4px);transition:opacity .2s ease}.sidebar.sidebar-icons .tasks-header,.sidebar.sidebar-closed .tasks-header{opacity:0}.sidebar.sidebar-hover-overlay .tasks-header{opacity:1}.tasks-list{list-style:none;padding:0;margin:0}.task-item{margin-bottom:.25rem}.task-link{display:flex;align-items:center;padding:.75rem 1rem .75rem calc(1rem - 4px);color:var(--color-text);text-decoration:none;transition:background-color .2s ease,color .2s ease;border-left:3px solid transparent}.task-icon{margin-right:calc(.75rem + 4px);width:20px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-link:hover{background-color:#ffffff1a;color:#ffffffe6}.task-link.completed .task-title{text-decoration:line-through;opacity:.6}.task-title{font-size:.9rem;white-space:nowrap;flex:1}.task-dismiss{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease;flex-shrink:0}.task-dismiss:hover{color:#f44336}.task-dismiss:disabled{opacity:.5;cursor:not-allowed}.sidebar-footer{margin-top:auto;padding:0;border-top:1px solid var(--color-border)}.sign-out-button{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.75rem 1rem .75rem calc(1rem - 4px);background:transparent;border:none;border-left:3px solid transparent;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.sign-out-button:hover{background-color:#ffffff1a;color:#ffffffe6}.sign-out-icon{width:20px;min-width:20px;height:20px;margin-right:calc(.75rem + 4px);flex-shrink:0}.sign-out-label{white-space:nowrap}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.375rem 2rem 0;font-size:.875rem;color:#fffc}.breadcrumb-link{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;font-size:.875rem;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#fff;text-decoration:underline}.breadcrumb-separator{color:#fff6;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#fff;font-weight:500}@media (max-width: 768px){.breadcrumb{padding:.5rem 1rem;font-size:.8125rem}.breadcrumb-link{font-size:.8125rem}}.saga-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.saga-card{z-index:10001;max-width:320px;min-width:260px;background:linear-gradient(135deg,#fef9c3,#fef08a);border:none;border-radius:4px;box-shadow:2px 4px 12px #00000040,0 1px 3px #00000026,inset 0 1px #ffffff80;overflow:visible;pointer-events:auto;animation:saga-card-enter .3s ease-out;position:relative}.saga-card:before{content:"";position:absolute;top:0;right:0;width:24px;height:24px;background:linear-gradient(135deg,transparent 50%,#e9d95a 50%);border-bottom-left-radius:4px;box-shadow:-1px 1px 2px #0000001a}.saga-card:after{content:"";position:absolute;width:0;height:0}.saga-card--right:after{left:-12px;top:60px;transform:translateY(-50%);border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #fef9c3}.saga-card--left:after{right:-12px;top:60px;transform:translateY(-50%);border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #fef9c3}.saga-card--bottom:after{top:-12px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fef9c3}.saga-card--top:after{bottom:-12px;left:50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fef9c3}@keyframes saga-card-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes saga-card-transition{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.saga-card__header{display:flex;align-items:flex-start;gap:10px;padding:14px 36px 10px 14px}.saga-card__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ca8a0433;border:2px solid rgba(202,138,4,.4);border-radius:50%;color:#854d0e}.saga-card__title-wrapper{flex:1;min-width:0}.saga-card__title{margin:0;font-size:.95rem;font-weight:700;color:#713f12;line-height:1.3;font-family:Segoe UI,system-ui,sans-serif}.saga-card__progress{display:inline-block;margin-top:2px;font-size:.7rem;color:#92400e;font-weight:500}.saga-card__close{position:absolute;top:8px;right:28px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:50%;color:#92400e;cursor:pointer;transition:all .2s ease;opacity:.6}.saga-card__close:hover{background:#92400e26;opacity:1}.saga-card__image{width:calc(100% - 16px);margin:0 8px;max-height:140px;overflow:hidden;border-radius:4px;border:1px solid rgba(146,64,14,.2)}.saga-card__image img{width:100%;height:auto;display:block;object-fit:cover}.saga-card__content{padding:10px 14px 14px}.saga-card__content p{margin:0;font-size:.875rem;color:#78350f;line-height:1.5;font-family:Segoe UI,system-ui,sans-serif}.saga-card__content p strong{color:#713f12}.saga-card__content a{color:#b45309;text-decoration:underline}.saga-card__content a:hover{color:#92400e}.saga-card__actions{display:flex;align-items:center;gap:8px;padding:10px 14px 14px}.saga-card__btn{display:flex;align-items:center;gap:4px;padding:7px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,system-ui,sans-serif}.saga-card__btn--primary{background:#ca8a04;border:none;color:#fff;box-shadow:0 2px 4px #00000026}.saga-card__btn--primary:hover{background:#a16207;transform:translateY(-1px);box-shadow:0 3px 6px #0003}.saga-card__btn--action{background:#92400e26;border:1px solid rgba(146,64,14,.3);color:#92400e}.saga-card__btn--action:hover{background:#92400e40}.saga-card__custom-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.saga-card__auto-advance-hint{font-size:.75rem;color:#92400e;font-style:italic}.saga-card__dots{display:flex;justify-content:center;gap:5px;padding:0 14px 12px}.saga-card__dot{width:7px;height:7px;border-radius:50%;background:#92400e40;transition:all .2s ease}.saga-card__dot--active{background:#ca8a04;width:18px;border-radius:4px}.saga-card__dot--completed{background:#ca8a0499}.saga-target-highlight{position:fixed;pointer-events:none;z-index:9998;border:3px solid #ca8a04;border-radius:6px;box-shadow:0 0 0 4px #ca8a0433,0 0 20px #ca8a044d;animation:target-pulse 2s ease-in-out infinite}@keyframes target-pulse{0%,to{box-shadow:0 0 0 4px #ca8a0433,0 0 20px #ca8a044d}50%{box-shadow:0 0 0 8px #ca8a0426,0 0 30px #ca8a0466}}@media (max-width: 480px){.saga-card{max-width:calc(100vw - 32px);min-width:240px}.saga-card__header{padding:12px 32px 8px 12px}.saga-card__content,.saga-card__actions{padding:8px 12px 12px}.saga-card__btn{padding:6px 12px;font-size:.75rem}}.saga-card{animation:saga-card-enter .3s ease-out,saga-float 3s ease-in-out infinite .3s}@keyframes saga-float{0%,to{margin-top:0}50%{margin-top:-3px}}.saga-card--transitioning{animation:saga-card-transition .3s ease-out}.dashboard{display:flex;flex-direction:column;height:100vh;background:var(--color-background-gradient)}.dashboard-content{display:flex;flex:1;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s ease}.content-wrapper{flex:1;padding:2rem;overflow-y:auto;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:.25rem 1rem 1rem;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 8px 32px #0000001a;color:var(--color-text)}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}.sidebar-hover-trigger{position:fixed;top:92px;left:0;width:20px;height:calc(100vh - 92px);z-index:999}@media (max-width: 768px){.content-wrapper{margin:.5rem;padding:1rem}.sidebar-overlay{display:block}.main-content.sidebar-open,.main-content.sidebar-icons,.main-content.sidebar-closed{margin-left:0!important}}@media (min-width: 769px){.main-content.sidebar-open{margin-left:266px}.main-content.sidebar-icons{margin-left:66px}.main-content.sidebar-closed{margin-left:0}}.certification-path-selection{padding:0 0 2rem}.certification-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:0 0 2rem}.certification-option{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:2rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.certification-option:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.certification-option.selected{border-color:#ffffff4d;background:#ffffff1a}.option-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.option-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.option-icon .icon-svg{width:40px;height:40px;filter:brightness(0) invert(1)}.option-header h3{margin:0;color:#fff;font-size:1.35rem}.option-description{flex:1;color:#ffffffb3;line-height:1.6}.option-description p{margin:0 0 .75rem}.option-description strong{color:#ffffffe6}.option-description ul{margin:.5rem 0 1.5rem 1.25rem;padding:0}.option-description li{margin:.5rem 0}.option-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.selection-indicator{font-weight:600;color:#ffffff80;font-size:1rem}.certification-option.selected .selection-indicator{color:#ffffffe6}@media (max-width: 768px){.certification-options{grid-template-columns:1fr}.certification-option{padding:1.5rem}.option-icon{font-size:2rem;width:50px;height:50px}.option-header h3{font-size:1.2rem}}.dashboard-home{max-width:1400px}.dashboard-widget{margin-bottom:2rem;position:relative;overflow:hidden}.widget-header{display:flex;align-items:center;gap:1rem;margin:-1.25rem -1.25rem 1.5rem;padding:1rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);border-radius:15px 15px 0 0}.widget-icon{font-size:2rem;line-height:1}.widget-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.widget-content{color:#ffffffe6;line-height:1.6}.welcome-message-widget{background:linear-gradient(135deg,#60a5fa1a,#10b9811a);border:1px solid rgba(96,165,250,.3);padding:1.5rem}.welcome-message-widget .widget-header{background:none;border-bottom:1px solid rgba(255,255,255,.1);padding:0 0 1rem;margin-bottom:1.5rem}.welcome-message-widget .widget-content{padding:0}.dismiss-button{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3}.dismiss-button:hover{background:#fff3;border-color:#fff6;color:#fff}.welcome-message-widget .widget-content p{font-size:1.1rem;margin-bottom:1.5rem}.welcome-message-widget h4{color:#fff;font-size:1.2rem;margin:1.5rem 0 1rem;font-weight:600}.welcome-message-widget ol{margin:0;padding-left:1.5rem}.welcome-message-widget li{margin-bottom:1rem;color:#ffffffd9}.welcome-message-widget li:last-child{margin-bottom:0}.welcome-message-widget strong{color:#fff;font-weight:600}.welcome-message-widget a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.welcome-message-widget a:hover{color:#93c5fd;text-decoration:underline}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dashboard-widget.card-with-header .card-header{min-height:70px;padding:1rem 1.25rem;display:flex;align-items:center}.dashboard-widget .card-content{padding:0 1.25rem 1.25rem}.dashboard-widget.card-with-header .card-header .widget-icon{font-size:1.5rem}.dashboard-widget.card-with-header .card-header .widget-icon img{width:1.5rem!important;height:1.5rem!important}.dashboard-widget.card-with-header .card-header h3{font-size:1.2rem;font-weight:500;color:#ffffffe6}.task-list{list-style:none;padding:0;margin:0}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;transition:background .2s ease}.task-item:hover{background:#ffffff0d}.task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-item label{cursor:pointer;color:#ffffffe6;flex:1}.task-list-new{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.task-card{position:relative;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease}.task-card:hover{background:#ffffff0d;border-color:#60a5fa4d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.task-card-dismiss{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fff6;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;z-index:10}.task-card:hover .task-card-dismiss{opacity:1}.task-card-dismiss:hover{background:#ffffff1a;color:#fffc}.task-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.75rem}.task-card-icon{font-size:1.5rem;line-height:1;flex-shrink:0;opacity:.9}.task-card-info{flex:1;min-width:0}.task-card-title{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:#fffffff2;line-height:1.4}.task-card-description{margin:0;font-size:.875rem;color:#ffffff8c;line-height:1.5}.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-time{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#fff9}.task-time svg{opacity:.7}.task-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.task-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.task-badge.in_progress{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.task-badge.completed{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.view-all-tasks-button{margin-top:.5rem;width:100%;padding:.75rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-tasks-button:hover{background:#ffffff0d;border-color:#ffffff40;color:#ffffffe6}.empty-state:before{content:"";width:80px;height:80px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;border:2px dashed rgba(255,255,255,.15)}.tasks-widget .empty-state:before{background-image:url(/images/tick.svg);background-size:40px;background-position:center;background-repeat:no-repeat;filter:brightness(0) invert(1) opacity(.2)}.meets-widget .empty-state:before{background-image:url(/images/calendar.svg);background-size:40px;background-position:center;background-repeat:no-repeat;filter:brightness(0) invert(1) opacity(.2)}@media (max-width: 968px){.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.dashboard-widget{padding:1rem}.widget-header{flex-direction:column;align-items:flex-start;gap:.5rem}.widget-header h3{font-size:1.25rem}.welcome-message-widget .widget-content p{font-size:1rem}.welcome-message-widget h4{font-size:1.1rem}}.journeys-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.journeys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.journey-card{display:flex;flex-direction:column;gap:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.journey-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.journey-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.journey-card-title-section{flex:1}.journey-card-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .5rem}.journey-card-description{font-size:.9rem;color:#ffffffb3;margin:0;line-height:1.5}.journey-status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.journey-status-badge.in_progress{background:#3b82f633;color:#60a5fa}.journey-status-badge.completed{background:#10b98133;color:#34d399}.journey-status-badge.not_started{background:#9ca3af33;color:#9ca3af}.journey-card-progress{display:flex;flex-direction:column;gap:.75rem}.journey-progress-header{display:flex;justify-content:space-between;align-items:center}.journey-progress-text{font-size:.875rem;color:#ffffffb3}.journey-progress-percentage{font-size:1.125rem;font-weight:600;color:#3b82f6}.journey-progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.journey-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s ease}.journey-card-next-task{background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.next-task-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:.5rem}.next-task-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:transparent;border:none;padding:0;color:#fff;font-size:.95rem;cursor:pointer;transition:color .2s ease}.next-task-button:hover{color:#3b82f6}.next-task-button:hover svg{transform:translate(4px)}.next-task-title{flex:1;text-align:left;font-weight:500}.next-task-button svg{flex-shrink:0;transition:transform .2s ease}.journey-card-footer{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.view-journey-button{width:100%;padding:.75rem 1.5rem;background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-journey-button:hover{background:#3b82f633;transform:translateY(-1px)}@media (max-width: 768px){.journeys-grid{grid-template-columns:1fr}}.meets-list{display:flex;flex-direction:column;gap:1rem}.meet-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;transition:all .2s ease}.meet-card:hover{background:#ffffff14;border-color:#60a5fa4d;transform:translateY(-1px)}.meet-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.meet-card-title{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.meet-rsvp-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.meet-rsvp-badge.rsvp-yes,.meet-rsvp-badge.rsvp-official{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.meet-rsvp-badge.rsvp-referee{background:#a855f733;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.meet-rsvp-badge.rsvp-maybe{background:#fb923c33;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.meet-rsvp-badge.rsvp-pending{background:#60a5fa33;color:#93c5fd;border:1px solid rgba(96,165,250,.3)}.meet-card-details{display:flex;flex-direction:column;gap:.5rem}.meet-card-date,.meet-card-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3}.meet-card-date svg,.meet-card-location svg{flex-shrink:0;color:#ffffff80}.certifications-container{max-width:100%}.certifications-header{margin-bottom:.5rem}.certifications-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.certifications-header h3{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.certifications-subtitle{color:#fff9;font-size:.95rem;margin:0}.certifications-header-buttons{display:flex;gap:.75rem;white-space:nowrap}.edit-button{background:#ffffff26!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important;padding:.5rem 1.5rem!important;border-radius:8px!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.edit-button:hover{background:#ffffff40!important;border-color:#fff9!important;transform:translateY(-2px)!important}.edit-button:active{transform:translateY(0)!important}.loading{text-align:center;padding:3rem;color:#fff9;font-size:1.1rem}.error-message{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.success-message{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.certifications-table-wrapper{overflow-x:auto;overflow-y:hidden}.certifications-table-wrapper .officials-table-header,.certifications-table-wrapper .officials-table-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important;flex-wrap:nowrap!important;min-width:fit-content!important}.certifications-table-wrapper .officials-table-row.row-dimmed{opacity:.3!important}.cert-position{display:flex!important;align-items:center!important;gap:.5rem!important;min-width:280px!important;width:280px!important;flex-shrink:0!important;flex-grow:0!important}.cert-position-name{font-weight:500!important;color:#ffffffe6!important;font-size:.9rem!important}.cert-levels{display:flex!important;flex-direction:row!important;gap:.75rem!important;align-items:center!important;min-width:340px!important;width:340px!important;flex-shrink:0!important;flex-grow:0!important}.radio-label{display:inline-flex!important;align-items:center!important;gap:.3rem!important;cursor:pointer!important;font-size:.85rem!important;color:#ffffffe6!important;white-space:nowrap!important}.radio-label input[type=radio]{cursor:pointer!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0!important;flex-shrink:0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:50%!important;background-color:#ffffff0d!important;position:relative!important;transition:all .2s ease!important}.radio-label input[type=radio]:checked{background-color:#60a5fa!important;border-color:#ffffff4d!important}.radio-label input[type=radio]:disabled{cursor:default!important}.radio-label input[type=radio]:hover:not(:disabled):not(.radio-input-dimmed){border-color:#ffffff80!important}.radio-text{-webkit-user-select:none!important;user-select:none!important;font-weight:500!important}.radio-label-dimmed,.radio-label-dimmed .radio-text,.radio-input-dimmed{opacity:.75!important}.cert-expiry{display:flex!important;margin-left:auto!important;min-width:150px!important;width:150px!important;flex-shrink:0!important;flex-grow:0!important}.expiry-date-input{width:150px!important;min-width:150px!important;padding:.5rem .75rem!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px!important;font-size:.85rem!important;color:#fff!important;background:#ffffff1a!important;flex-shrink:0!important}.expiry-date-input:disabled{background:#ffffff0d!important;color:#fff6!important;cursor:default!important;opacity:.5!important}.expiry-date-input.has-value:disabled{color:#ffffffe6!important;opacity:1!important}.expiry-date-input:focus{outline:none!important;border-color:#fff6!important;background:#ffffff1f!important}.certifications-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.certifications-header-buttons .save-button,.certifications-header-buttons .cancel-button{padding:.5rem 1.5rem!important;border-radius:8px!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important}.certifications-header-buttons .save-button{background:#ffffff26!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}.certifications-header-buttons .save-button:hover:not(:disabled){background:#ffffff40!important;border-color:#fff9!important;transform:translateY(-2px)!important}.certifications-header-buttons .save-button:active:not(:disabled){transform:translateY(0)!important}.certifications-header-buttons .save-button:disabled{opacity:.5!important;cursor:not-allowed!important}.certifications-header-buttons .cancel-button{background:#ef444426!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.5)!important}.certifications-header-buttons .cancel-button:hover:not(:disabled){background:#ef444440!important;border-color:#ef444499!important;transform:translateY(-2px)!important}.certifications-header-buttons .cancel-button:active:not(:disabled){transform:translateY(0)!important}.certifications-header-buttons .cancel-button:disabled{opacity:.5!important;cursor:not-allowed!important}@media (max-width: 1024px){.cert-row{gap:1rem;padding:.75rem 1rem}.cert-position{min-width:180px;font-size:.875rem}.cert-levels{gap:.75rem}.radio-label{font-size:.8rem}}@media (max-width: 768px){.certifications-container{padding:1rem}.cert-row{flex-wrap:wrap;gap:.75rem;padding:.75rem}.cert-position{min-width:100%;font-size:.9rem}.cert-levels{gap:.75rem}.cert-expiry{margin-left:0;width:100%}.expiry-date-input{width:100%}}.pursue-upgrade-container{padding:2rem;max-width:100%;margin:0 auto}.pursue-upgrade-header{margin-bottom:.5rem}.pursue-upgrade-header h3{font-size:2rem;font-weight:600;color:#fff;margin:0 0 .5rem}.pursue-upgrade-subtitle{color:#fff9;font-size:.95rem;margin:0}.no-upgrades{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem 1.5rem;text-align:center}.no-upgrades p{color:#fffc;font-size:1.1rem;margin:0 0 .5rem}.no-upgrades-subtitle{color:#ffffff80!important;font-size:.95rem!important}.upgrade-form-wrapper{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.upgrade-form{display:flex;flex-direction:column;gap:0}.upgrade-info{margin-bottom:0}.upgrade-info h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#fff}.upgrade-path-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px}.path-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:120px}.path-step.current{opacity:.7}.path-step.next{background:#60a5fa1a;border-color:#60a5fa4d}.path-label{color:#ffffffe6;font-size:.8rem;font-weight:500;text-align:center}.level-badge{background:#ffffff26;color:#fffc;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.path-arrow{color:#fff6;font-size:1.25rem;font-weight:700}.form-group{display:flex;flex-direction:column;gap:0;margin-bottom:0!important}.form-label{color:#ffffffe6;font-size:.95rem;font-weight:500}.required{color:#fca5a5}.form-select{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.95rem;color:#fff;background:#ffffff1a;transition:all .2s}.form-select:disabled{background:#ffffff0d;color:#fff6;cursor:not-allowed;opacity:.6}.form-select:focus{outline:none;border-color:#fff6;background:#ffffff1f}.form-select option{background:#1a1a2e;color:#fff}.form-hint{color:#ffffff80;font-size:.85rem;margin:0!important;padding:0!important}.error-hint{color:#fca5a5!important;margin-bottom:0}.checkbox-label{display:flex!important;align-items:center!important;gap:.75rem!important;margin-top:.75rem;margin-bottom:0!important;cursor:pointer!important;color:#ffffffe6!important}.form-checkbox{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0 .25rem 0 0!important;padding:0!important;cursor:pointer!important;accent-color:#60a5fa!important;flex-shrink:0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:3px!important;background-color:#ffffff0d!important;position:relative!important;transition:all .2s ease!important}.form-checkbox:checked{background-color:#60a5fa!important;border-color:#60a5fa!important}.form-checkbox:checked:after{content:""!important;position:absolute!important;left:3px!important;top:0!important;width:5px!important;height:9px!important;border:solid white!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}.form-checkbox:hover:not(:disabled){border-color:#ffffff80}.form-checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{font-size:.95rem;-webkit-user-select:none;user-select:none}.upgrade-summary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:1rem;margin-top:.5rem}.upgrade-summary h4{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row:last-child{border-bottom:none}.summary-label{color:#fff9;font-size:.9rem}.summary-value{color:#ffffffe6;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.form-actions{display:flex;flex-direction:column;gap:0;margin:0;padding:0}@media (max-width: 768px){.pursue-upgrade-container{padding:1rem}.upgrade-form-wrapper{padding:0}.summary-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.calendar-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:1.5rem;text-align:center}.page-header h2{color:#fffffff2;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.page-header p{color:#fff9;font-size:.9rem;margin:0}.calendar-container{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:2rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-button{background:#60a5fa1a;color:#60a5fae6;border:1px solid rgba(96,165,250,.3);border-radius:8px;width:40px;height:40px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.nav-button:hover{background:#60a5fa26;border-color:#60a5fa80;transform:translateY(-1px)}.month-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.weekday{padding:.75rem;text-align:center;font-weight:600;color:#fff9;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:100px;gap:.5rem}.calendar-day{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;height:100px;padding:.75rem;position:relative;transition:all .2s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}.calendar-day:hover{background:#ffffff0d;border-color:#60a5fa4d}.calendar-day.empty{background:transparent;border-color:transparent}.calendar-day.today{background:#60a5fa1a;border-color:#60a5fa80}.day-number{font-weight:600;color:#ffffffe6;font-size:.9rem;display:block;margin-bottom:.5rem;flex-shrink:0}.events{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;overflow-x:hidden;min-width:0}.events::-webkit-scrollbar{width:4px}.events::-webkit-scrollbar-track{background:transparent}.events::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.events::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.event{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:0;flex-shrink:0}.event:hover{transform:translateY(-1px)}.event-rsvp-yes{background:#22c55e26;color:#86efac;border-color:#22c55e4d}.event-rsvp-yes:hover{background:#22c55e40;border-color:#22c55e80}.event-rsvp-maybe{background:#fb923c26;color:#fdba74;border-color:#fb923c4d}.event-rsvp-maybe:hover{background:#fb923c40;border-color:#fb923c80}.event-rsvp-pending{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa4d}.event-rsvp-pending:hover{background:#60a5fa40;border-color:#60a5fa80}.event-rsvp-no{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.event-rsvp-no:hover{background:#ef444440;border-color:#ef444480}.event-rsvp-none{background:#94a3b826;color:#cbd5e1;border-color:#94a3b84d}.event-rsvp-none:hover{background:#94a3b840;border-color:#94a3b880}.calendar-legend{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.calendar-legend h4{margin:0 0 1rem;color:#fffffff2;font-size:.95rem;font-weight:600}.legend-items{display:flex;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:20px;border-radius:4px;border:1px solid transparent}.legend-item span{font-size:.85rem;color:#ffffffb3}@media (max-width: 768px){.calendar-page,.calendar-container{padding:1.5rem}.page-header h2{font-size:1.25rem}.page-header p{font-size:.85rem}.month-title{font-size:1.1rem}.nav-button{width:36px;height:36px}.nav-button svg{width:18px;height:18px}.calendar-grid{grid-auto-rows:80px}.calendar-day{height:80px;padding:.5rem}.weekday{padding:.5rem;font-size:.75rem}.day-number{font-size:.85rem}.event{font-size:.65rem;padding:.2rem .4rem}.legend-items{gap:1rem}}@media (max-width: 480px){.calendar-page,.calendar-container{padding:1rem}.calendar-grid{gap:.25rem;grid-auto-rows:60px}.calendar-weekdays{gap:.25rem}.calendar-day{height:60px;padding:.25rem}.weekday{font-size:.65rem;padding:.25rem}}.dynamic-form-task{padding:1.5rem}.dynamic-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-weight:600;font-size:.95rem;color:#ffffffe6}.required-mark{color:#ff6b6b;margin-left:.25rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;font-size:1rem;font-family:inherit;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#fff6;background:#ffffff14}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input-error{border-color:#ff6b6b!important}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-select option{background:#1a1a1a;color:#fff}.form-field-checkbox{flex-direction:row;align-items:center}.form-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#ffffffe6}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:rgba(255,255,255,.8)}.form-help-text{font-size:.85rem;color:#fff9;margin:0;margin-top:-.25rem}.form-error{font-size:.85rem;color:#ff6b6b;margin:0;margin-top:-.25rem}.form-actions{display:flex;flex-direction:row;gap:1rem;margin-top:1.5rem;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.form-actions .btn{margin-bottom:0;display:inline-block}.task-detail-new{min-height:100vh;padding:2rem;max-width:1000px;margin:0 auto}.task-error{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:3rem;text-align:center}.task-error h2{margin:0 0 1.5rem;color:#fff}.task-container{margin-bottom:2rem}.task-icon-large{font-size:2rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-icon-large img{width:2.5rem;height:2.5rem;object-fit:contain}.task-created-date{position:absolute;bottom:1rem;right:1.25rem;color:#ffffff80;font-size:.85rem}.task-description-section{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.task-description-section p{margin:0 0 1rem;color:#fffc;font-size:.95rem;line-height:1.7;text-align:left}.task-description-section p:last-child{margin-bottom:0}.task-description-section strong{color:#fffffff2;font-weight:600}.task-description-section a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.task-description-section a:hover{color:#93c5fd;text-decoration:underline}.task-description-section a.saga-link{color:#fbbf24;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}.task-description-section a.saga-link:before{content:"▶";font-size:.7em}.task-description-section a.saga-link:hover{color:#fcd34d}.task-description-section ul{margin:.75rem 0;padding-left:1.5rem}.task-description-section li{margin:.5rem 0;color:#fffc;line-height:1.6}.task-description-section h1,.task-description-section h2,.task-description-section h3,.task-description-section h4,.task-description-section h5,.task-description-section h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.task-description-section h1{font-size:2rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.task-description-section h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.task-description-section h3{font-size:1.25rem}.task-description-section h4{font-size:1.1rem}.task-description-section h5,.task-description-section h6{font-size:1rem}.task-description-section code{background-color:#ffffff1a;color:#93c5fd;padding:.2em .4em;border-radius:3px;font-family:Courier New,Monaco,monospace;font-size:.9em}.task-description-section pre{background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.task-description-section pre code{background-color:transparent;color:#ffffffe6;padding:0}.task-description-section blockquote{border-left:4px solid rgba(30,144,255,.5);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#ffffffb3;font-style:italic}.task-description-section hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1.5rem 0}.task-description-section table{width:100%;border-collapse:collapse;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15)}.task-description-section table th,.task-description-section table td{padding:.75rem;border:1px solid rgba(255,255,255,.15);text-align:left}.task-description-section table th{background-color:#1e90ff1a;font-weight:600;color:#fff}.task-description-section table tr:nth-child(2n){background-color:#ffffff05}.task-description-section img{max-width:100%;height:auto;border-radius:6px;margin-bottom:1rem}.task-description-section ol{padding-left:1.5rem}.task-description-section ul ul,.task-description-section ol ol,.task-description-section ul ol,.task-description-section ol ul{margin-top:.25rem;margin-bottom:.25rem}.task-description-section ul{list-style-type:disc}.task-description-section ol{list-style-type:decimal}.task-description-section ul ul{list-style-type:circle}.task-description-section ol ol{list-style-type:lower-alpha}.task-content{padding:0}.task-completed-message{text-align:center;padding:3rem 2rem}.completed-icon{width:80px;height:80px;color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem}.task-completed-message h2{margin:0 0 .75rem;color:#fff;font-size:1.75rem}.task-completed-message p{margin:0;color:#ffffffb3;font-size:1.05rem}.completed-task-data{margin-top:2rem;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:left}.completed-task-data h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.completed-task-data pre{margin:0;padding:1rem;background:#0003;border-radius:6px;overflow-x:auto;font-size:.9rem;color:#fffc}.data-list{margin:0;display:flex;flex-direction:column;gap:.75rem}.data-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:.75rem;background:#ffffff08;border-radius:6px}.data-label{font-weight:600;color:#ffffffe6;margin:0}.data-value{color:#ffffffb3;margin:0;word-break:break-word}.markdown-content{color:#ffffffe6;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content h1{font-size:2rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.1rem}.markdown-content h5,.markdown-content h6{font-size:1rem}.markdown-content p{margin:0 0 1rem;color:#ffffffd9;line-height:1.7}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{color:#fffffff2;font-weight:600}.markdown-content em{font-style:italic;color:#fffc}.markdown-content a{color:#60a5fa;text-decoration:none;transition:color .2s ease}.markdown-content a:hover{color:#93c5fd;text-decoration:underline}.markdown-content ul,.markdown-content ol{margin:.75rem 0;padding-left:1.5rem;list-style-position:outside}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin:.5rem 0;color:#ffffffd9;line-height:1.7;padding-left:.25rem}.markdown-content ul ul{list-style-type:circle;margin-top:.25rem;margin-bottom:.25rem}.markdown-content ol ol{list-style-type:lower-alpha;margin-top:.25rem;margin-bottom:.25rem}.markdown-content code{background-color:#ffffff1a;color:#93c5fd;padding:.2em .4em;border-radius:3px;font-family:Courier New,Monaco,monospace;font-size:.9em}.markdown-content pre{background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.markdown-content pre code{background-color:transparent;color:#ffffffe6;padding:0}.markdown-content blockquote{border-left:4px solid rgba(30,144,255,.5);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#ffffffb3;font-style:italic}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1.5rem 0}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15)}.markdown-content table th,.markdown-content table td{padding:.75rem;border:1px solid rgba(255,255,255,.15);text-align:left}.markdown-content table th{background-color:#1e90ff1a;font-weight:600;color:#fff}.markdown-content table tr:nth-child(2n){background-color:#ffffff05}.markdown-content img{max-width:100%;height:auto;border-radius:6px;margin-bottom:1rem}@media (max-width: 768px){.task-detail-new{padding:1rem}.task-title{font-size:1.25rem}.task-icon-large{width:2rem;height:2rem;font-size:1.5rem}.task-icon-large img{width:2rem;height:2rem}.task-meta-info{font-size:.75rem;gap:.5rem}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.session-header .back-btn{margin-bottom:0}.session-date{color:var(--text-secondary);font-size:.95rem}.pool-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.pool-visual{position:relative;padding:4rem 2rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:12px}.starter-box{position:absolute;background:#ffc10733;border:2px solid rgba(255,193,7,.4);border-radius:8px;padding:1rem;text-align:center}.starter-box-start-left-top,.starter-box-start-left-bottom{top:-56px;left:calc(32px + 1rem);width:100px;height:48px}.starter-box-start-right-top,.starter-box-start-right-bottom{bottom:-56px;left:calc(32px + 1rem);width:100px;height:48px}.starter-box-finish-right-top,.starter-box-finish-right-bottom{top:-56px;right:calc(32px + 1rem);width:100px;height:48px}.starter-box-finish-left-top,.starter-box-finish-left-bottom{bottom:-56px;right:calc(32px + 1rem);width:100px;height:48px}.starter-box-label{font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;display:flex;align-items:center;justify-content:center;height:100%}.pool-wrapper{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:stretch}.pool-side-label{display:flex;align-items:center;justify-content:center}.side-label-vertical{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.15em;writing-mode:vertical-rl;text-orientation:mixed;padding:2rem .5rem}.side-label-left{transform:rotate(180deg)}.pool-center-area{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:stretch}.lane-numbers-column{display:flex;flex-direction:column;gap:.5rem;justify-content:space-around;padding:.5rem 0}.lane-number-item{width:32px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:4px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.pool-area{position:relative;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.lane-row{position:relative;display:flex;align-items:center;gap:.5rem}.lane-visual{flex:1;height:50px;background:var(--bg-primary-strong);border:1px solid var(--border-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary);font-size:.95rem}.lane-official-box{position:absolute;background:transparent;border:2px dashed var(--border-strong);border-radius:6px;padding:0 1.25rem;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;z-index:10;justify-content:center;width:120px;text-align:center}.lane-official-box-left{left:.5rem}.lane-official-box-right{right:.5rem}@media (max-width: 768px){.pool-visual{padding:2rem 1rem}.starter-box{position:static;width:auto;margin-bottom:1rem}.starter-box-label{writing-mode:horizontal-tb}}.official-select-dialog{max-width:500px;width:100%;max-height:70vh}.official-search{margin-bottom:1rem}.official-search input{width:100%;padding:.875rem 1rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:var(--transition-fast)}.official-search input::placeholder{color:var(--text-placeholder)}.official-search input:focus{outline:none;background:var(--bg-glass-strong);border-color:var(--border-medium)}.official-list{display:flex;flex-direction:column;gap:.5rem}.official-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:var(--transition-fast)}.official-item:hover{background:var(--bg-glass-strong);border-color:var(--border-medium)}.official-item-name{font-weight:500;color:var(--text-primary)}.official-item-cert{font-size:.85rem;color:var(--text-secondary)}.official-item.assigned .official-item-name{opacity:.5}.official-item.current-occupant .official-item-name{opacity:1}.official-item-actions{display:flex;align-items:center;gap:.75rem}.btn-remove-assignment{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;font-size:.8rem;font-weight:500;padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-remove-assignment:hover{background:#ef444440;border-color:#ef444499}.pool-config-dialog{max-width:600px;width:100%}.officials-pool-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.officials-pool-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.officials-pool-count{font-size:.9rem;color:var(--text-secondary)}.officials-pool-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border:1px solid var(--border-default);border-radius:8px;overflow:hidden}@media (min-width: 1400px){.officials-pool-groups{grid-template-columns:repeat(4,1fr)}}.officials-pool-group{display:flex;flex-direction:column;border-right:1px solid var(--border-default)}.officials-pool-group:last-child{border-right:none}.officials-pool-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-glass);border-bottom:1px solid var(--border-default)}.officials-pool-group-title{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.officials-pool-group-count{background:var(--bg-glass-strong);border:1px solid var(--button-border);color:var(--text-primary);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:6px;min-width:24px;text-align:center}.officials-pool-list{display:flex;flex-direction:column}.officials-pool-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;border-bottom:1px solid var(--border-default);cursor:grab;transition:background .2s ease}.officials-pool-item:last-child{border-bottom:none}.officials-pool-item:hover{background:var(--bg-glass)}.officials-pool-item:active{cursor:grabbing}.officials-pool-item-name{font-weight:500;color:var(--text-primary)}.officials-pool-item.assigned .officials-pool-item-name{opacity:.5}.officials-pool-item-pref{font-size:.85rem;color:var(--text-muted)}.assigned-badge-wrapper{position:relative;display:inline-flex;align-items:center}.assigned-position-badge{display:inline-flex;align-items:center;background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e;font-size:.75rem;font-weight:500;padding:.2rem .4rem;border-radius:4px;white-space:nowrap}.assigned-remove-btn{position:absolute;top:-6px;right:-6px;background:var(--bg-primary);border:none;color:#ef4444;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .15s ease}.assigned-badge-wrapper:hover .assigned-remove-btn{opacity:1}.rich-text-editor{width:100%;display:flex;flex-direction:column;gap:0;box-sizing:border-box}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;position:relative;z-index:10;box-shadow:0 4px 16px #0000004d}.toolbar-group{display:flex;gap:.25rem;align-items:center;padding-right:.5rem;border-right:1px solid rgba(255,255,255,.2)}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group-right{margin-left:auto}.toolbar-divider{width:1px;height:28px;background:#fff3;margin:0 .5rem}.editor-toolbar button{padding:.5rem;background:transparent;border:none;color:#ffffffb3;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center;height:36px}.editor-toolbar button:hover:not(:disabled){color:#fffffff2;background:#ffffff26;transform:translateY(-1px)}.editor-toolbar button:active:not(:disabled){transform:translateY(0)}.editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.editor-toolbar button.is-active{color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.5)}.color-picker-wrapper{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.color-preview{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:2px solid rgba(255,255,255,.3);border-radius:6px;transition:all .2s ease;cursor:pointer}.color-picker-wrapper:hover .color-preview{border-color:#ffffff80;transform:scale(1.05)}.color-letter{color:#ffffffe6;font-weight:700;font-size:1rem;text-shadow:0 0 2px rgba(0,0,0,.5);pointer-events:none;mix-blend-mode:difference}.color-picker-wrapper input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.editor-content{position:relative;min-height:650px;max-height:800px;overflow-y:auto;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d;margin-top:1rem}.editor-content .ProseMirror{outline:none;color:#fffffff2;font-size:1rem;line-height:1.7}.editor-content .ProseMirror p{margin:0 0 1rem}.editor-content .ProseMirror p:last-child{margin-bottom:0}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2,.editor-content .ProseMirror h3,.editor-content .ProseMirror h4{margin:1.5rem 0 1rem;font-weight:600;color:#fff}.editor-content .ProseMirror h1:first-child,.editor-content .ProseMirror h2:first-child,.editor-content .ProseMirror h3:first-child,.editor-content .ProseMirror h4:first-child{margin-top:0}.editor-content .ProseMirror h1{font-size:2rem}.editor-content .ProseMirror h2{font-size:1.5rem}.editor-content .ProseMirror h3{font-size:1.25rem}.editor-content .ProseMirror h4{font-size:.875rem}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{padding-left:2rem;margin:0 0 1rem}.editor-content .ProseMirror ul li,.editor-content .ProseMirror ol li{margin:.25rem 0}.editor-content .ProseMirror strong{font-weight:700}.editor-content .ProseMirror em{font-style:italic}.editor-content .ProseMirror s{text-decoration:line-through}.editor-content .ProseMirror u{text-decoration:underline}.editor-content .ProseMirror a{color:#2563eb;text-decoration:underline;cursor:pointer}.editor-content .ProseMirror a:hover{color:#1d4ed8}.editor-content .ProseMirror button,.editor-content .ProseMirror .invitation-button{cursor:pointer!important;padding:12px 24px!important;border-radius:6px!important;font-size:14.4px!important;font-weight:500!important;background:#667eea!important;color:#fff!important;border:none!important;transition:all .2s ease!important}.editor-content .ProseMirror button:hover,.editor-content .ProseMirror .invitation-button:hover{background:#764ba2!important;opacity:.95!important}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#fff6;pointer-events:none;height:0}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.editor-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.button-modal-overlay{position:fixed;inset:0;background:#1e3a8abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:auto}.button-modal{background:#1e1e32f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:2rem;max-width:500px;width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000080}.button-modal h3{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;font-weight:600}.modal-field{margin-bottom:1.5rem}.modal-field label{display:block;color:#fffc;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.modal-field input[type=text]{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}.modal-field input[type=text]:focus{outline:none;background:#ffffff26;border-color:#ffffff4d}.color-input-wrapper{display:flex;gap:.75rem;align-items:center}.color-input-wrapper input[type=color]{width:60px;height:42px;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;background:transparent}.color-input-wrapper input[type=text]{flex:1}.modal-preview{margin-bottom:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:8px;text-align:center}.modal-preview label{display:block;color:#fffc;font-size:.95rem;font-weight:500;margin-bottom:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-modal-cancel,.btn-modal-insert{padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-modal-cancel{background:transparent;color:#ffffffb3;border:2px solid rgba(255,255,255,.2)}.btn-modal-cancel:hover{color:#fff;border-color:#ffffff4d;background:#ffffff0d}.btn-modal-insert{background:var(--button-background);border:1px solid var(--button-border);color:#fff}.btn-modal-insert:hover:not(:disabled){background:var(--button-background-hover);border:1px solid var(--button-border)}.btn-modal-insert:disabled{opacity:.5;cursor:not-allowed}.heading-dropdown-wrapper{position:relative;z-index:1000}.heading-dropdown-trigger{min-width:110px!important;padding:.5rem .875rem!important;justify-content:space-between!important;gap:.5rem}.heading-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#1e1e32fa;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;min-width:140px;overflow:hidden;pointer-events:auto;cursor:pointer}.heading-dropdown-menu button{display:block!important;width:100%;padding:.75rem 1rem!important;text-align:left;background:transparent!important;border:none!important;border-radius:0!important;color:#ffffffe6;font-size:.95rem;min-width:auto!important;justify-content:flex-start!important;cursor:pointer!important;-webkit-user-select:none;user-select:none}.heading-dropdown-menu button:hover{background:#ffffff1a!important}.heading-dropdown-menu button.is-active{background:#667eea33!important;color:#667eea}.ai-menu-wrapper{position:relative;z-index:1000}.ai-menu-trigger{padding:.5rem .875rem!important}.ai-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1e1e32fa;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;min-width:240px;overflow:hidden;pointer-events:auto;cursor:pointer}.ai-dropdown-menu button{display:flex!important;align-items:center;width:100%;padding:.875rem 1rem!important;text-align:left;background:transparent!important;border:none!important;border-radius:0!important;color:#ffffffe6;font-size:.95rem;min-width:auto!important;justify-content:flex-start!important;transition:all .2s ease;cursor:pointer!important;-webkit-user-select:none;user-select:none}.ai-dropdown-menu button:hover:not(:disabled){background:#ffffff1a!important}.ai-dropdown-menu button:disabled{opacity:.5;cursor:not-allowed}.image-upload-btn{padding:.5rem .875rem!important}.image-upload-btn svg{opacity:.9}.editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:4px;margin:.5rem 0}.editor-content.loading .ProseMirror{filter:blur(4px);transition:filter .3s ease;-webkit-user-select:none;user-select:none}.editor-content.loading{pointer-events:none}.editor-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;z-index:100}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:#667eea;font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.2)}.admin-landing-page{padding:15px 2rem 2rem;max-width:1200px;margin:0 auto;animation:slideInFromRight .3s ease-out}.admin-landing-page.slide-back{animation:slideInFromLeft .3s ease-out}.admin-landing-page.slide-out{animation:slideOutToLeft .3s ease-out forwards}.admin-landing-page.slide-out-back{animation:slideOutToRight .3s ease-out forwards}.admin-sections{display:flex;flex-direction:column;gap:0;background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-section-card{display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;position:relative}.admin-section-card:last-child{border-bottom:none}.admin-section-card:hover{background:#ffffff14}.admin-section-card:active{background:#ffffff1f}.section-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;color:#fff}.section-icon svg{width:20px;height:20px}.section-content{flex:1;min-width:0}.section-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .125rem}.section-description{font-size:.8125rem;color:#fff9;margin:0;line-height:1.3}.section-arrow{flex-shrink:0;color:#fff6;transition:all .2s ease}.admin-section-card:hover .section-arrow{color:#fffc;transform:translate(4px)}.admin-section-card:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}@media (max-width: 768px){.admin-landing-page{padding:0 1.5rem 1.5rem}.admin-section-card{padding:1.25rem;gap:1rem}.section-icon{width:40px;height:40px}.section-icon svg{width:20px;height:20px}.section-title{font-size:1rem}.section-description{font-size:.8125rem}}@media (max-width: 480px){.admin-landing-page{padding:0 1rem 1rem}.admin-section-card{padding:1rem}}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:-4px;margin-top:-2px}.detail-header .btn-create{padding:.5rem 1rem;font-size:.9rem;line-height:1;margin-top:-14px}.admin-page{padding:2rem;max-width:100%;margin:0;position:relative;animation:slideInFromRight .3s ease-out}.admin-page.slide-back{animation:slideInFromLeft .3s ease-out}.admin-page.slide-out{animation:slideOutToLeft .3s ease-out forwards}.admin-page.slide-out-back{animation:slideOutToRight .3s ease-out forwards}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;margin-bottom:.5rem;color:var(--color-text);font-weight:600}.admin-subtitle{color:var(--color-textSecondary);font-size:1rem;margin:0}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error);padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-banner button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-error);padding:0 .5rem;opacity:.7;transition:opacity .2s}.admin-content{background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.15);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-section{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:300px;padding:.75rem 1rem;font-size:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text);outline:none;transition:all .2s}.search-input::placeholder{color:var(--color-textSecondary);opacity:.7}.search-input:focus{background:#ffffff26;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.bulk-actions{display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.selection-count{color:var(--color-text);font-size:.875rem;font-weight:500}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.users-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table th.checkbox-column,.users-table td.checkbox-column{width:50px;text-align:center;padding:1rem .75rem}.users-table .checkbox-column input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.users-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text)}.users-table tbody tr{transition:background-color .2s}.users-table tbody tr:hover{background:#ffffff0d}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;color:var(--color-text);font-size:.95rem}.user-name-link{cursor:pointer;transition:color .2s}.user-name-link:hover{color:var(--color-primary);text-decoration:underline}.user-email{font-size:.875rem;color:var(--color-textSecondary);font-family:Monaco,Menlo,Courier New,monospace}.roles-cell{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{display:inline-flex;align-items:center;gap:.25rem;background:#3b82f666;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid rgba(59,130,246,.6);box-shadow:0 2px 4px #0003}.remove-role-btn{background:none;border:none;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem;opacity:.8;transition:all .2s}.remove-role-btn:hover{opacity:1;transform:scale(1.1)}.remove-role-btn:disabled{cursor:not-allowed;opacity:.3}.no-roles{color:var(--color-textSecondary);font-style:italic;font-size:.875rem}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#ffffff40;transform:translateY(-1px)}.btn-primary:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5;transform:none}.btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef44444d;border-color:#ef444499;color:#fecaca;transform:translateY(-1px)}.btn-danger:disabled{background:#ef44441a;cursor:not-allowed;opacity:.5;transform:none}.no-results{text-align:center;padding:3rem;color:var(--color-textSecondary);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#1e3a8abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.modal-content{background:#1e293bf2;border:1px solid rgba(255,255,255,.2);border-radius:16px;max-width:550px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-header h2{margin:0 0 .25rem;font-size:1.5rem;color:var(--color-text);font-weight:600}.modal-user-subtitle{font-size:.875rem;color:var(--color-textSecondary);margin-top:.25rem}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;flex-shrink:0}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.roles-list{display:flex;flex-direction:column;gap:.5rem}.role-row{border-radius:10px;transition:all .2s}.role-checkbox-wrapper{display:flex;align-items:flex-start;gap:1rem;padding:1rem;cursor:pointer;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;transition:all .2s}.role-checkbox-wrapper:hover{background:#ffffff0f;border-color:#3b82f64d}.role-checkbox-wrapper input[type=checkbox]{width:20px;height:20px;margin-top:.125rem;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.role-checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.role-details{flex:1;min-width:0}.role-name{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.role-description{font-size:.875rem;color:var(--color-textSecondary);line-height:1.5}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;flex-shrink:0}.btn-modal-close{padding:.75rem 2rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:#3b82f6;color:#fff;min-width:100px}.btn-modal-close:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.admin-page{padding:0}.admin-header h1{font-size:1.5rem}.users-table th,.users-table td{padding:.75rem 1rem;font-size:.875rem}.modal-content{max-height:95vh;border-radius:12px}.modal-header h2{font-size:1.25rem}}.import-export-buttons{display:flex;gap:.5rem}.import-export-buttons button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.import-export-buttons .export-button{background:#3b82f633;color:#93c5fd}.import-export-buttons .export-button:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f666}.import-export-buttons .import-button{background:#22c55e33;color:#86efac}.import-export-buttons .import-button:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e66}.import-export-buttons button:disabled{opacity:.5;cursor:not-allowed}.conflict-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conflict-dialog{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;max-width:480px;width:90%;box-shadow:0 25px 50px -12px #00000080}.conflict-dialog h3{margin:0 0 .5rem;font-size:1.25rem;color:#f1f5f9}.conflict-dialog>p{margin:0 0 1.25rem;color:#fff9;font-size:.95rem}.conflict-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.conflict-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.conflict-option:hover{background:#ffffff0f;border-color:#ffffff26}.conflict-option input[type=radio]{margin-top:.25rem;accent-color:#3b82f6;width:16px;height:16px}.conflict-option-content{display:flex;flex-direction:column;gap:.25rem}.conflict-option-content strong{color:#f1f5f9;font-weight:500}.conflict-option-content span{color:#ffffff80;font-size:.85rem}.conflict-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.conflict-dialog-actions button{padding:.625rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.conflict-dialog-actions .cancel-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.conflict-dialog-actions .cancel-button:hover{background:#ffffff0d;border-color:#ffffff4d}.conflict-dialog-actions .confirm-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.conflict-dialog-actions .confirm-button:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.journeys-landing-page{padding:2rem;max-width:1200px;margin:0 auto;animation:slideInFromRight .3s ease-out}.journeys-landing-page.slide-back{animation:slideInFromLeft .3s ease-out}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#ffffffb3}.empty-state svg{margin-bottom:1.5rem;color:#ffffff4d}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fffffff2}.empty-state p{margin:0 0 2rem}.journeys-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.journey-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;transition:all .2s ease}.journey-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.journey-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.journey-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.journey-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffe6;flex-shrink:0}.journey-info h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:#fffffff2}.journey-category{display:inline-block;padding:.25rem .75rem;background:#60a5fa26;color:#60a5fae6;border:1px solid rgba(96,165,250,.3);border-radius:12px;font-size:.75rem;font-weight:500}.journey-actions{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.icon-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.delete-button:hover{background:#ef444433;border-color:#ef4444;color:#fca5a5}.journey-description{margin:0 0 1.25rem;color:#fff9;font-size:.9rem;line-height:1.5}.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.journey-meta{display:flex;gap:1.5rem;font-size:.8rem;color:#ffffff80;flex-wrap:wrap}.delete-confirm{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.delete-confirm p{margin:0 0 1rem;color:#fca5a5;font-size:.9rem}.delete-confirm-actions{display:flex;gap:.75rem}.danger-button{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.danger-button:hover{background:#dc2626}@media (max-width: 768px){.journeys-landing-page{padding:1.5rem}.journeys-list{grid-template-columns:1fr;gap:1rem}.journey-card{padding:1.25rem}.journey-details h3{font-size:1rem}.journey-footer{flex-direction:column;align-items:flex-start}.journey-meta{gap:1rem}}@media (max-width: 480px){.journeys-landing-page,.journey-card{padding:1rem}.journey-icon{width:40px;height:40px}}.templates-list-page{padding:2rem;max-width:1400px;margin:0 auto;animation:slideInFromRight .3s ease-out}.templates-list-page.slide-back{animation:slideInFromLeft .3s ease-out}.templates-list-page.slide-out{animation:slideOutToLeft .3s ease-out forwards}.templates-list-page.slide-out-back{animation:slideOutToRight .3s ease-out forwards}.loading,.no-templates{text-align:center;padding:3rem;color:#ffffffb3;font-size:1.1rem}.error-banner{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;color:#fca5a5}.error-banner button{background:none;border:none;color:#fca5a5;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.error-banner button:hover{opacity:1}.templates-content{margin-top:2rem}.edit-button{background:#1e90ff26;border:1px solid rgba(30,144,255,.3);color:#60a5fa;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.edit-button:hover{background:#1e90ff40;border-color:#1e90ff80;color:#93c5fd}.icon-picker-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-height:500px;background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 32px #0009;z-index:99999;display:flex;flex-direction:column;overflow:hidden}.icon-picker-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.icon-picker-search{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.icon-picker-search:focus{background:#ffffff26;border-color:#fff6}.icon-picker-search::placeholder{color:#fff6}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;padding:1rem;overflow-y:auto;max-height:400px}.icon-picker-grid::-webkit-scrollbar{width:8px}.icon-picker-grid::-webkit-scrollbar-track{background:#ffffff0d}.icon-picker-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.icon-picker-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;padding:.75rem;min-height:60px}.icon-picker-item svg{width:24px!important;height:24px!important;stroke:#fff!important;fill:none!important;stroke-width:2!important;display:block!important;opacity:1!important;visibility:visible!important}.icon-picker-item:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.icon-picker-item.selected{background:#fff3;border-color:#fff6;color:#fff;box-shadow:0 0 0 2px #ffffff4d}.icon-picker-empty{grid-column:1 / -1;padding:2rem;text-align:center;color:#ffffff80}.markdown-toolbar{display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.5rem;box-shadow:0 4px 16px #0000004d;position:sticky;top:-32px;z-index:50;transition:all .3s ease}.markdown-toolbar.stuck{background-color:#7f9ad8!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 32px #0009;border-color:#ffffff80}.markdown-editor-container{display:flex;flex-direction:column;border-radius:12px;overflow:visible;border:1px solid rgba(255,255,255,.15);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d;margin-top:1rem}.toolbar-buttons{display:flex;gap:.25rem;align-items:center;padding-right:.5rem;border-right:1px solid rgba(255,255,255,.2)}.toolbar-button{padding:.5rem;background:transparent;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toolbar-button:hover{background:#ffffff26;color:#fffffff2;transform:translateY(-1px)}.toolbar-button:active{transform:translateY(0)}.toolbar-button.active{background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff}.toolbar-actions{display:flex;gap:.25rem;align-items:center;padding-left:.25rem}.view-toggle{padding:.5rem;background:transparent;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-toggle:hover{background:#ffffff26;color:#fffffff2;transform:translateY(-1px)}.view-toggle:active{transform:translateY(0)}.view-toggle.active{background:#ffffff26;border:1px solid rgba(255,255,255,.5);color:#fff}.markdown-content{position:relative;flex:1}.wysiwyg-editor{width:100%;height:100%;min-height:inherit;padding:1.5rem;background:transparent;border:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;outline:none;overflow-y:auto}.wysiwyg-editor:empty:before{content:attr(data-placeholder);color:#fff6;pointer-events:none}.wysiwyg-editor h1,.wysiwyg-editor h2,.wysiwyg-editor h3,.wysiwyg-editor h4,.wysiwyg-editor h5,.wysiwyg-editor h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3}.wysiwyg-editor h1{font-size:2rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.wysiwyg-editor h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.wysiwyg-editor h3{font-size:1.25rem}.wysiwyg-editor p{margin-bottom:1rem}.wysiwyg-editor strong,.wysiwyg-editor b{font-weight:600;color:#fff}.wysiwyg-editor em,.wysiwyg-editor i{font-style:italic;color:#fffffff2}.wysiwyg-editor code,.wysiwyg-editor pre{background-color:#ffffff1a;color:#93c5fd;padding:.2em .4em;border-radius:3px;font-family:Courier New,Monaco,monospace;font-size:.9em}.wysiwyg-editor pre{padding:1rem;overflow-x:auto;margin-bottom:1rem}.wysiwyg-editor blockquote{border-left:4px solid rgba(30,144,255,.5);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#fffc;font-style:italic}.wysiwyg-editor ul,.wysiwyg-editor ol{margin-bottom:1rem;padding-left:2rem}.wysiwyg-editor li{margin-bottom:.5rem}.wysiwyg-editor a{color:#60a5fa;text-decoration:underline}.wysiwyg-editor a:hover{color:#93c5fd}.wysiwyg-editor hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1.5rem 0;cursor:pointer;padding:.5rem 0;transition:border-color .2s}.wysiwyg-editor hr:hover{border-top:2px solid rgba(30,144,255,.5)}.markdown-source-editor{width:100%;height:100%;min-height:inherit;padding:1.5rem;background:#0000004d;border:none;outline:none;color:#ffffffe6;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;line-height:1.6;resize:none;tab-size:2;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.markdown-source-editor::placeholder{color:#ffffff4d;font-style:italic}.markdown-source-editor:focus{background:#0006}.markdown-preview{width:100%;height:100%;min-height:inherit;padding:1.5rem;overflow-y:auto;background:transparent;color:#ffffffe6}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#fff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.markdown-preview h1{font-size:2rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem}.markdown-preview h2{font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.markdown-preview h3{font-size:1.25rem}.markdown-preview h4{font-size:1.1rem}.markdown-preview h5,.markdown-preview h6{font-size:1rem}.markdown-preview p{margin-bottom:1rem;line-height:1.6}.markdown-preview a{color:#60a5fa;text-decoration:underline;transition:color .2s}.markdown-preview a:hover{color:#93c5fd}.markdown-preview code{background-color:#ffffff1a;color:#93c5fd;padding:.2em .4em;border-radius:3px;font-family:Courier New,Monaco,monospace;font-size:.9em}.markdown-preview pre{background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.markdown-preview pre code{background-color:transparent;color:#ffffffe6;padding:0}.markdown-preview blockquote{border-left:4px solid rgba(30,144,255,.5);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:#ffffffb3;font-style:italic}.markdown-preview ul,.markdown-preview ol{margin-bottom:1rem;padding-left:2rem}.markdown-preview li{margin-bottom:.5rem;line-height:1.6}.markdown-preview hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:1.5rem 0}.markdown-preview table{width:100%;border-collapse:collapse;margin-bottom:1rem;border:1px solid rgba(255,255,255,.15)}.markdown-preview table th,.markdown-preview table td{padding:.75rem;border:1px solid rgba(255,255,255,.15);text-align:left}.markdown-preview table th{background-color:#1e90ff1a;font-weight:600;color:#fff}.markdown-preview table tr:nth-child(2n){background-color:#ffffff05}.markdown-preview img{max-width:100%;height:auto;border-radius:6px;margin-bottom:1rem}.markdown-preview::-webkit-scrollbar,.markdown-textarea::-webkit-scrollbar{width:8px;height:8px}.markdown-preview::-webkit-scrollbar-track,.markdown-textarea::-webkit-scrollbar-track{background:#ffffff0d}.markdown-preview::-webkit-scrollbar-thumb,.markdown-textarea::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.markdown-preview::-webkit-scrollbar-thumb:hover,.markdown-textarea::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.template-editor-page{min-height:100vh;padding:2rem;max-width:100%;margin:0 auto;position:relative;animation:slideInFromRight .3s ease-out}.template-editor-page.slide-back{animation:slideInFromLeft .3s ease-out}.template-editor-page.slide-out{animation:slideOutToLeft .3s ease-out forwards}.template-editor-page.slide-out-back{animation:slideOutToRight .3s ease-out forwards}.task-loading,.task-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid rgba(255,255,255,.5);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:4rem;margin-bottom:1rem}.template-editor-container{position:relative;overflow:visible}.template-preview-panel{position:relative;min-width:0;transition:transform .3s ease,opacity .3s ease}.template-editor-container.editor-open .template-preview-panel{transform:translate(-100%);opacity:0;pointer-events:none}.task-detail-view{max-width:1000px;margin:0 auto;overflow:visible}.task-container{margin-bottom:2rem;overflow:visible}.task-container .card-header{min-height:120px;padding:2rem 1.25rem;display:flex;align-items:center;justify-content:center;position:relative}.close-button{position:absolute;top:1rem;left:1.25rem;background:none;border:none;cursor:pointer;padding:0;transition:opacity .2s ease;z-index:10}.close-button:hover{opacity:.7}.task-header-content{display:flex;align-items:center;gap:1rem}.task-icon-large{font-size:2rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.icon-empty-placeholder{width:2.5rem;height:2.5rem;border:2px dashed rgba(255,255,255,.3);border-radius:8px}.task-title{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.task-status-badge{position:absolute;bottom:1rem;right:1.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.task-status-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.task-time-estimate{position:absolute;bottom:1rem;left:1.25rem;display:flex;align-items:center;gap:.35rem;color:#fff9;font-size:.85rem}.header-edit-icon{position:absolute;top:1rem;right:1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-edit-icon:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.header-edit-icon.active{background:#ffffff26;color:#fff;border-color:#ffffff80}.header-edit-icon.active:hover{background:#ffffff40;color:#fff}.content-area-wrapper{position:relative;display:flex;flex-direction:column;height:100%;overflow:visible}.content-area-header{display:flex;justify-content:flex-end;padding:.5rem 0}.content-area-header{display:flex;justify-content:flex-end;padding-bottom:.75rem}.content-edit-icon{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.content-edit-icon:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.content-edit-icon.active{background:#ffffff26;color:#fff;border-color:#ffffff80}.content-edit-icon.active:hover{background:#ffffff40;color:#fff}.content-editor-container{flex:1;min-height:400px;display:flex;flex-direction:column;overflow:visible}.icon-edit-wrapper{position:relative;z-index:100}.icon-edit-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.icon-edit-button.empty{border-style:dashed}.icon-edit-button:hover{background:#ffffff26;border-color:#60a5fa66;color:#fff}.icon-placeholder{font-size:1.5rem;font-weight:300}.title-edit-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:1.5rem;font-weight:600;outline:none;transition:all .2s ease;min-width:300px}.title-edit-input:focus{background:#ffffff14;border-color:#60a5fa80}.title-edit-input::placeholder{color:#fff6}.time-estimate-edit{position:absolute;bottom:1rem;left:1.25rem;display:flex;align-items:center;gap:.5rem}.time-edit-input{width:70px;padding:.35rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.85rem;outline:none;transition:all .2s ease}.time-edit-input:focus{background:#ffffff14;border-color:#60a5fa80}.time-unit{color:#fff9;font-size:.85rem}.template-content{padding:1.5rem;overflow:visible}.edit-content-button{position:fixed;top:50%;right:0;transform:translateY(-50%) translate(-4px);width:52px;height:120px;background:#60a5fa33;border:1px solid rgba(96,165,250,.4);border-right:none;border-radius:12px 0 0 12px;color:#60a5fa;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;z-index:50;opacity:1}.edit-button-text{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.85rem;font-weight:900;font-family:Arial Black,Arial Bold,Gadget,sans-serif;opacity:1;transition:all .3s ease}.edit-button-text span{line-height:1}.edit-content-button:hover{background:#60a5fa4d;width:64px;transform:translateY(-50%) translate(-4px)}.edit-content-button.hidden{opacity:0;transform:translateY(-50%) translate(100%)}.template-editor-panel{position:fixed;top:0;right:0;bottom:0;width:100%;background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);transform:translate(100%);transition:transform .3s ease;z-index:60;overflow-y:auto;display:flex;flex-direction:column}.template-editor-container.editor-open .template-editor-panel{transform:translate(0)}.editor-panel-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.back-to-preview-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-to-preview-button:hover{background:#ffffff26;color:#fff}.editor-panel-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.editor-panel-content{padding:1.5rem;flex:1;overflow-y:auto}.sticky-actions{position:sticky;bottom:-32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.5rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;z-index:100;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;margin-left:auto;width:fit-content}.sticky-actions .btn-primary,.sticky-actions .btn-secondary{padding:.75rem 2rem;font-size:1rem;font-weight:600}@media (max-width: 768px){.template-editor-page{padding:1rem}.task-title{font-size:1.25rem}.title-edit-input{font-size:1.25rem;min-width:200px}.task-icon-large,.icon-edit-button{width:2rem;height:2rem}.edit-content-button{width:40px;height:60px}}.form-builder-footer{margin-top:2rem;padding:1.5rem;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1);overflow:visible}.form-builder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.form-builder-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.form-builder-header .icon-button{padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.form-builder-header .icon-button:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.form-builder-header .icon-button.active{background:#ffffff26;color:#fff;border-color:#ffffff80}.form-preview-area{min-height:100px;margin-bottom:1rem;overflow:visible}.form-fields-list{display:flex;flex-direction:column;gap:1rem}.form-field-wrapper{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#ffffff05;border:1px solid transparent;border-radius:8px;transition:all .2s ease}.form-field-wrapper:hover{background:#ffffff0a;border-color:#ffffff1a}.form-field-wrapper.dragging{opacity:.5;cursor:grabbing}.form-field-wrapper.drag-over{background:#60a5fa1a;border-color:#60a5fa80;border-style:dashed}.field-controls{display:flex;align-items:center;padding-top:.5rem}.field-control-icon{background:none;border:none;color:#fff6;cursor:grab;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.field-control-icon:hover{color:#ffffffb3;background:#ffffff0d}.field-control-icon:active{cursor:grabbing}.form-field-preview{display:flex;flex-direction:column;gap:.5rem;flex:1}.field-actions{display:flex;align-items:center;gap:.5rem;padding-top:.5rem}.field-action-icon{background:none;border:none;color:#fff6;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.field-action-icon:hover{color:#ffffffb3;background:#ffffff0d}.field-action-icon.delete-icon:hover{color:#ef4444;background:#ef44441a}.field-action-icon.settings-icon:hover{color:#60a5fa;background:#60a5fa1a}.field-action-icon.settings-icon.active{color:#fff;background:#ffffff26}.field-label-edit,.field-placeholder-edit{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;width:100%}.field-label-edit{font-weight:500}.field-label-edit:focus,.field-placeholder-edit:focus{background:#ffffff14;border-color:#60a5fa80}.field-label-edit::placeholder,.field-placeholder-edit::placeholder{color:#ffffff4d}.field-settings-panel{width:100%;margin-top:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;flex-direction:column;gap:.5rem}.settings-label{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.9rem;cursor:pointer}.settings-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.settings-label-text{color:#ffffffb3;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.settings-input,.settings-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease;width:100%}.settings-input:focus,.settings-select:focus{background:#ffffff14;border-color:#60a5fa80}.settings-input::placeholder{color:#ffffff4d}.settings-select option{background:#1e293b;color:#fff}.data-persistence-config{padding-left:1.5rem;border-left:2px solid rgba(96,165,250,.3);display:flex;flex-direction:column;gap:1rem}.form-field-preview label{color:#ffffffe6;font-size:.9rem;font-weight:500}.form-field-preview input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.form-field-preview input:focus{background:#ffffff14;border-color:#60a5fa80}.form-field-preview input::placeholder{color:#fff6}.form-field-preview input:disabled{cursor:not-allowed;opacity:.7}.no-form-fields{text-align:center;padding:2rem;color:#ffffff80}.no-form-fields p{margin:0;font-size:.95rem}.task-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.task-footer-button{padding:.75rem 2rem;font-size:1rem;font-weight:500;min-width:150px}.add-field-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.add-control-button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.add-control-button:hover{background:#ffffff1a;border-color:#ffffff4d}.add-control-button.active{background:#ffffff26;color:#fff;border-color:#ffffff80}.field-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.field-type-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem}.field-type-option:hover{background:#60a5fa26;border-color:#60a5fa66;color:#60a5fa;transform:translateY(-1px)}.field-type-option svg{color:#fff9;flex-shrink:0}.field-type-option:hover svg{color:#60a5fa}.field-browser-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.field-browser-trigger:hover{border-color:#fff6;background:#ffffff14}.field-browser-value{flex:1;color:#ffffffe6;font-family:Courier New,monospace;font-size:.85rem}.field-browser-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#1e3a8abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.field-browser-modal{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.field-browser-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.field-browser-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fffffff2}.modal-close-btn{background:transparent;border:none;color:#fff9;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close-btn:hover{color:#ffffffe6}.field-browser-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.field-browser-search svg{color:#ffffff80;flex-shrink:0}.field-browser-search input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.625rem .875rem;color:#fff;font-size:.9rem;transition:all .2s ease}.field-browser-search input:focus{outline:none;background:#ffffff14;border-color:#ffffff4d}.field-browser-search input::placeholder{color:#fff6}.field-browser-content{flex:1;overflow-y:auto;padding:1rem}.field-browser-empty{padding:3rem 2rem;text-align:center;color:#ffffff80}.field-browser-empty p{margin:0;font-size:.95rem}.field-browser-group{margin-bottom:1.5rem}.field-browser-group:last-child{margin-bottom:0}.field-browser-group-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:6px}.field-browser-group-header h4{margin:0;font-size:.9rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.field-count{font-size:.75rem;color:#ffffff80;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.field-browser-list{display:flex;flex-direction:column;gap:.25rem}.field-browser-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.field-browser-item:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}.field-browser-item.selected{background:#4a90e233;border-color:#4a90e266}.field-browser-item-main{flex:1;display:flex;flex-direction:column;gap:.25rem}.field-path{font-family:Courier New,monospace;font-size:.85rem;color:#ffffffe6;font-weight:600}.field-label{font-size:.8rem;color:#fff9}.field-type-tag{font-size:.7rem;padding:.25rem .5rem;background:#ffffff1a;border-radius:4px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.field-browser-content::-webkit-scrollbar{width:6px}.field-browser-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.field-browser-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.field-browser-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.journey-editor{max-width:100%}.journey-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;margin-top:-1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-button:hover{background:#ffffff14}.editor-header{margin-bottom:1.5rem;flex-shrink:0}.editor-header h1{font-size:1.5rem;font-weight:600;color:#fffffff2;margin:0}.journey-details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-top:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:#ffffffb3}.form-group:first-child label{margin-top:0}.form-row .form-group label{margin-top:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.journey-tasks{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tasks-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.add-task-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-task-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.tasks-empty{text-align:center;padding:3rem 2rem;color:#ffffff80;font-size:.95rem}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.task-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.task-order{display:flex;align-items:center;gap:.75rem}.task-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:600;font-size:.9rem;flex-shrink:0}.task-reorder{display:flex;flex-direction:column;gap:2px}.reorder-button{display:flex;align-items:center;justify-content:center;width:24px;height:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;cursor:pointer;font-size:10px;transition:all .2s ease}.reorder-button:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateY(-1px)}.reorder-button:disabled{opacity:.3;cursor:not-allowed}.task-info{flex:1;min-width:0}.task-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.task-info p{margin:0;font-size:.85rem;color:#fff9;line-height:1.3}.task-dependencies{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.dependencies-label{font-size:.8rem;color:#ffffff80;margin-right:.5rem}.dependencies-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.dependency-chip{padding:.35rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#fff9;font-size:.8rem;cursor:pointer;transition:all .2s ease}.dependency-chip:hover{background:#ffffff1a;border-color:#ffffff40;color:#fffc}.dependency-chip.selected{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.dependency-chip.selected:hover{background:#3b82f64d;border-color:#3b82f680}.task-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:rgba(96,165,250,.8)}.remove-task-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;cursor:pointer;transition:all .2s ease}.remove-task-button:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.task-selector-inline{margin-bottom:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-selector-inline h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#ffffffe6}.templates-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.template-card{padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.template-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.template-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#fff}.template-card p{margin:0;font-size:.85rem;color:#fff9;line-height:1.4}.sticky-actions{position:sticky;bottom:-32px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.5rem;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;z-index:100;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;margin-left:auto;width:fit-content}@media (max-width: 768px){.journey-editor-page{padding:1.5rem}.editor-header h1{font-size:1.25rem}.form-row{grid-template-columns:1fr}.editor-card{padding:1.5rem}.task-selector-inline{padding:1rem}.templates-list{max-height:300px}.task-item{flex-wrap:wrap}.task-controls{width:100%;justify-content:space-between}.sticky-actions{bottom:0;left:0;right:0;width:100%;border-radius:0;justify-content:center}}@media (max-width: 480px){.journey-editor-page,.editor-card,.journey-tasks{padding:1rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.empty-state svg{color:#ffffff4d;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:#fffffff2;margin:0 0 .5rem}.empty-state p{color:#fff9;margin:0 0 1.5rem}.loading-state{padding:2rem;text-align:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.error-message{padding:1rem 1.5rem;margin-bottom:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.95rem}.triggers-list{display:flex;flex-direction:column;gap:1rem}.trigger-card{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.trigger-card:hover{background:#ffffff14;border-color:#ffffff26}.trigger-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.trigger-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6}.trigger-info{flex:1;min-width:0}.trigger-name{font-size:1rem;font-weight:600;color:#fffffff2;margin:0 0 .25rem}.trigger-description{font-size:.875rem;color:#fff9;margin:0;line-height:1.4}.trigger-actions{display:flex;align-items:center;gap:.5rem}.trigger-actions .edit-button,.trigger-actions .delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:0;border-radius:6px;cursor:pointer;color:#fff9;transition:all .2s ease}.trigger-actions .edit-button:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.trigger-actions .delete-button:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.delete-confirm{display:flex;gap:.5rem}.confirm-yes,.confirm-no{padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-yes{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.confirm-yes:hover{background:#ef44444d}.confirm-no{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.confirm-no:hover{background:#ffffff1a}.trigger-details{padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.875rem;color:#ffffffe6}.event-badge,.action-badge{display:inline-block;padding:.25rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fffc;border-radius:4px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.trigger-header{flex-wrap:wrap}.trigger-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.trigger-details{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.trigger-details{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.import-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fffffff2}.close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#ffffffe6}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-description{color:#ffffffb3;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.import-options{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.file-select-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-weight:500;cursor:pointer;transition:all .2s ease}.file-select-button:hover{background:#ffffff1a;border-color:#ffffff4d}.or-divider{color:#ffffff80;font-size:.875rem}.import-textarea{width:100%;min-height:200px;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;resize:vertical;box-sizing:border-box}.import-textarea:focus{outline:none;border-color:#ffffff4d;background:#ffffff0d}.import-textarea::placeholder{color:#ffffff4d}.import-error{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.875rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.cancel-btn{padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-weight:500;cursor:pointer;transition:all .2s ease}.import-btn{padding:.75rem 1.5rem;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:8px;color:#93c5fd;font-weight:500;cursor:pointer;transition:all .2s ease}.import-btn:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.import-btn:disabled{opacity:.5;cursor:not-allowed}.import-results{display:flex;flex-direction:column;gap:1.5rem}.results-summary{display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;font-weight:500}.result-item.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.result-item.failure{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.results-details{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#ffffff05;border-radius:8px}.result-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:6px;font-size:.875rem}.result-row.success{color:#86efac}.result-row.failure{color:#fca5a5}.result-name{flex:1;font-weight:500}.result-error{font-size:.8rem;color:#fca5a5cc;font-style:italic}@media (max-width: 768px){.triggers-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.import-options{flex-direction:column;align-items:stretch}.or-divider{text-align:center}}.trigger-editor{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.editor-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.editor-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffffe6}.editor-header h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.editor-section{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.editor-section:last-of-type{border-bottom:none}.editor-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 1rem}.section-description{font-size:.875rem;color:#fff9;margin:-.5rem 0 1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#fffc;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group select option{background:#1f2937;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.help-text{display:block;font-size:.75rem;color:#ffffff80;margin-top:.25rem}.logic-buttons{display:flex;gap:.5rem}.logic-btn{flex:1;padding:.625rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.logic-btn:hover{background:#ffffff14}.logic-btn.active{background:#ffffff1a;border-color:#ffffff4d;color:#fffffff2}.conditions-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.condition-row{display:flex;gap:.5rem;align-items:center}.not-toggle{flex-shrink:0;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff6;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.not-toggle:hover{background:#ffffff14;border-color:#ffffff40;color:#fff9}.not-toggle.active{background:#ef444426;border-color:#ef444466;color:#b91c1c}.not-toggle.active:hover{background:#ef444433;border-color:#ef444480}.field-selector-btn{flex:1;display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8125rem;cursor:pointer;transition:all .2s ease;text-align:left;min-width:180px}.field-selector-btn:hover{background:#ffffff14;border-color:#ffffff4d}.field-selector-btn:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.field-selector-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-selector-btn svg{flex-shrink:0;color:#ffffff80;margin-left:.5rem}.condition-row select{flex:1;padding:.625rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8125rem;cursor:pointer}.condition-row input{flex:1;padding:.625rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8125rem}.condition-row select:focus,.condition-row input:focus{outline:none;background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.condition-row select option{background:#1f2937}.remove-btn{flex-shrink:0;padding:.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#ef444433}.add-condition-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#fff9;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.add-condition-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fffc}.editor-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff14}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffffff2;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.condition-row{flex-wrap:wrap}.condition-row select,.condition-row input{min-width:100px}.editor-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}}.tales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.tales-list{display:flex;flex-direction:column;gap:1rem}.tale-card{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .2s ease}.tale-card:hover{background:#ffffff14;border-color:#ffffff26}.tale-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.tale-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#c4b5fd}.tale-info{flex:1;min-width:0}.tale-name{font-size:1rem;font-weight:600;color:#fffffff2;margin:0 0 .25rem}.tale-description{font-size:.875rem;color:#fff9;margin:0;line-height:1.4}.tale-actions{display:flex;align-items:center;gap:.5rem}.toggle-switch{position:relative;width:44px;height:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.5);border-radius:12px;cursor:pointer;transition:all .3s ease;padding:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#ffffffb3;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-switch.enabled{background:#3b82f699}.toggle-switch.enabled:after{left:22px;background:#fff}.toggle-switch:hover{background:#ffffff40}.toggle-switch.enabled:hover{background:#3b82f6cc}.tale-details{padding:1rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.category-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.3);color:#c4b5fd;border-radius:4px;font-size:.75rem;font-weight:500}@media (max-width: 768px){.tales-header{flex-direction:column;align-items:stretch}.tale-header{flex-wrap:wrap}.tale-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.tale-details{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.tale-details{grid-template-columns:1fr}}.tale-editor{max-width:100%}.editor-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.editor-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#93c5fd}.editor-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fffffff2}.editor-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:20px}.editor-section h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:#ffffffe6}.section-description{margin:0 0 16px;font-size:.875rem;color:#ffffff80}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#fffc}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.9rem;color:#fffffff2;transition:all .2s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f680;background:#ffffff14}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group select{cursor:pointer}.form-group .help-text{display:block;margin-top:6px;font-size:.8rem;color:#ffffff80}.checkbox-group{display:flex;flex-direction:column;gap:4px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.action-buttons-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.action-button-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:center}.action-button-row input{padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.85rem;color:#fffffff2}.action-button-row input:focus{outline:none;border-color:#3b82f680}.remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#ef444433;border-color:#ef444480}.add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#93c5fd;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-btn:hover{background:#3b82f633;border-color:#3b82f680}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#ffffff1a;color:#ffffffe6}.save-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6cc,#3b82f699);border:1px solid rgba(59,130,246,.6);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6e6,#3b82f6b3);transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.target-input-row{display:flex;gap:8px}.target-input-row input{flex:1}.pick-target-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pick-target-btn:hover{background:linear-gradient(135deg,#22c55e4d,#22c55e33);border-color:#22c55e99;transform:translateY(-1px)}@media (max-width: 640px){.action-button-row{grid-template-columns:1fr;gap:8px}.action-button-row .remove-btn{width:100%;justify-content:center}.editor-actions{flex-direction:column}.editor-actions button{width:100%;justify-content:center}.target-input-row{flex-direction:column}.pick-target-btn{justify-content:center}}.saga-editor{max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.triggers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.trigger-row{display:grid;grid-template-columns:180px 1fr auto;gap:8px;align-items:center}.trigger-row select,.trigger-row input{padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.85rem;color:#fffffff2}.trigger-row select:focus,.trigger-row input:focus{outline:none;border-color:#3b82f680}.branches-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.branch-row{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;position:relative}.branch-row .remove-btn{position:absolute;top:12px;right:12px}.branch-flow{display:flex;align-items:flex-end;gap:12px}.branch-arrow{font-size:1.25rem;color:#3b82f6b3;padding-bottom:8px}.branch-condition{display:flex;gap:12px}.branch-field{display:flex;flex-direction:column;gap:4px;flex:1}.branch-field label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.branch-field select,.branch-field input{padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.85rem;color:#fffffff2}.branch-field select:focus,.branch-field input:focus{outline:none;border-color:#3b82f680}.branch-field input[type=number]{width:80px}.tale-sequence-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tale-sequence-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:grab;transition:all .2s ease}.tale-sequence-item:hover{background:#ffffff0d;border-color:#3b82f64d}.tale-sequence-item.dragging{opacity:.5;background:#3b82f61a;border-color:#3b82f680}.tale-sequence-drag-handle{color:#ffffff4d;cursor:grab;display:flex;align-items:center}.tale-sequence-drag-handle:active{cursor:grabbing}.tale-sequence-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f633;border-radius:50%;font-size:.8rem;font-weight:600;color:#3b82f6e6}.tale-sequence-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tale-sequence-name{font-size:.9rem;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tale-sequence-target{font-size:.75rem;color:#fff6}.tale-sequence-actions{display:flex;gap:4px}.move-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.move-btn:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#fffc}.move-btn:disabled{opacity:.3;cursor:not-allowed}.add-tale-row{margin-bottom:8px}.add-tale-row select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;color:#ffffffb3;cursor:pointer}.add-tale-row select:hover{border-color:#3b82f666}.add-tale-row select:focus{outline:none;border-color:#3b82f680;border-style:solid}.empty-sequence-hint{text-align:center;color:#fff6;font-size:.85rem;font-style:italic;padding:16px}.section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.section-toggle:hover{background:#ffffff0a;border-color:#ffffff1f}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.trigger-row{grid-template-columns:1fr;gap:8px}.trigger-row .remove-btn{width:100%;justify-content:center}.branch-flow{flex-direction:column;align-items:stretch}.branch-arrow{text-align:center;padding:4px 0}.branch-condition{flex-direction:column}.branch-field input[type=number]{width:100%}}.split-button-container{position:relative;display:inline-block}.split-button{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;min-width:160px}.split-button-main{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.split-button-main:hover:not(:disabled){background:var(--color-primary-hover)}.split-button-main:disabled{opacity:.6;cursor:not-allowed}.split-button-icon{display:flex;align-items:center}.split-button-divider{width:1px;background:#ffffff4d}.split-button-dropdown{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--color-primary);color:#fff;border:none;cursor:pointer;transition:var(--transition-fast)}.split-button-dropdown:hover:not(:disabled){background:var(--color-primary-hover)}.split-button-dropdown:disabled{opacity:.6;cursor:not-allowed}.split-button-disabled .split-button-main,.split-button-disabled .split-button-dropdown{opacity:.6;cursor:not-allowed}.split-button-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.split-button-menu-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;color:var(--text-secondary);border:none;font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.split-button-menu-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.split-button-menu-separator{height:1px;margin:.25rem 0;background:var(--border-default)}.split-button-secondary .split-button-main{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-medium)}.split-button-secondary .split-button-main:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--border-strong);color:var(--text-primary)}.split-button-secondary .split-button-divider{background:var(--border-medium)}.split-button-secondary .split-button-dropdown{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-medium);border-left:none}.split-button-secondary .split-button-dropdown:hover:not(:disabled){background:var(--bg-glass-strong);border-color:var(--border-strong);color:var(--text-primary)}.progress-bar{height:.5rem;background:var(--bg-glass);border-radius:9999px;overflow:hidden}.progress-bar-lg{height:.75rem}.progress-bar-fill{height:100%;transition:width .3s ease}.progress-bar-fill-success{background:var(--color-success)}.progress-bar-fill-error{background:var(--color-error)}.progress-bar-segments{display:flex;height:100%}.text-status-success{color:var(--color-success)}.text-status-error{color:var(--color-error)}.text-status-warning{color:var(--color-warning)}.category-header{width:100%;padding:1rem;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:background .2s ease}.category-header:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.category-content{border-top:1px solid var(--border-default)}.test-item{padding:1rem;border-bottom:1px solid var(--border-default);border-left:4px solid var(--border-default)}.test-item:last-child{border-bottom:none}.test-item-success{border-left-color:var(--color-success)}.test-item-error{border-left-color:var(--color-error)}.test-item-untested{border-left-color:var(--text-muted)}.status-button-group{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-default)}.status-button{padding:.5rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;background:var(--bg-glass);color:var(--text-muted);border:none;border-right:1px solid var(--border-default);cursor:pointer;transition:var(--transition-fast);font-weight:500}.status-button:last-child{border-right:none}.status-button:hover:not(:disabled):not(.status-button-active){background:var(--bg-glass-hover);color:var(--text-secondary)}.status-button:disabled{opacity:.5;cursor:not-allowed}.status-button-active{color:#fff;border-color:transparent}.status-button-active.status-succeeds{background:var(--color-success)}.status-button-active.status-fails{background:var(--color-error)}.status-button-active.status-untested{background:var(--bg-glass-strong);color:var(--text-primary)}.steps-box{margin-top:.75rem;padding:.75rem;background:var(--bg-glass);border-radius:8px;font-size:.875rem;color:var(--text-secondary);white-space:pre-wrap}.item-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.item-details-row{display:flex;gap:1rem}.item-details-field{flex-shrink:0}.item-details-field label:not(.checkbox-label){display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;margin-bottom:.5rem}.checkbox-label:last-child{margin-bottom:0}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.item-notes{flex:1}.item-notes label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.btn-text-link{background:transparent;border:none;padding:0;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-text-link:hover{color:var(--text-primary);text-decoration:underline}.editor-category{border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.editor-category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-glass)}.editor-category-items{padding:.75rem}.editor-item{padding:.75rem;background:var(--bg-glass);border-radius:8px;border:1px solid var(--border-default);margin-bottom:.75rem}.editor-item:last-child{margin-bottom:0}.badge-secondary{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-default)}.badge.badge-info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.badge-abandoned{background:#d9770626;color:#d97706;border:1px solid rgba(217,119,6,.3)}.progress-bar-fill-abandoned{background:#d97706}.category-empty{text-align:center;padding:1rem;color:var(--text-muted)}.runs-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-strong);border-radius:8px}.runs-table thead{background:var(--bg-glass)}.runs-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-strong)}.runs-table th:last-child{border-right:none}.runs-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.runs-table th.sortable:hover{background:var(--bg-glass-hover)}.runs-table th .th-content{display:flex;align-items:center;gap:.5rem}.runs-table th .sort-indicator{display:flex;align-items:center;color:var(--text-primary)}.runs-table tbody tr{transition:background .15s ease}.runs-table tbody tr:hover{background:#667eea1a}.runs-table tbody tr.clickable{cursor:pointer}.runs-table td{padding:1rem 1.5rem;color:var(--text-secondary);vertical-align:middle;border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.runs-table td:last-child{border-right:none}.runs-table tbody tr:last-child td{border-bottom:none}.column-resizer{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none}.column-resizer:hover,.column-resizer.isResizing{background:var(--color-primary);opacity:.5}.drag-handle{display:flex;align-items:center;cursor:grab;color:var(--text-muted);padding:.25rem;margin-left:-.25rem;border-radius:4px;transition:var(--transition-fast);opacity:0}.runs-table th:hover .drag-handle{opacity:1}.drag-handle:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.drag-handle:active{cursor:grabbing;opacity:1}.runs-table th.dragging{z-index:10;background:var(--bg-glass-strong);box-shadow:0 4px 12px #0000004d}.th-label{flex:1}.custom-auth-container{background:transparent;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.custom-auth-card{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0000001a;max-width:450px;width:100%;position:relative;overflow:hidden}.custom-auth-header{text-align:center;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;position:relative}.custom-auth-header .form-back-button{position:absolute;left:0}.custom-auth-header .auth-subtitle{flex:1}.brand-name{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem}.auth-subtitle{font-size:1.125rem;color:#bfdbfe;margin:0;font-weight:400}.social-login-buttons{display:flex;flex-direction:column;gap:.625rem;margin-bottom:0}.social-button{width:100%;padding:.625rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;position:relative}.social-button:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.social-button svg{flex-shrink:0;position:absolute;left:1rem}.social-button span{flex:1;text-align:center}.google-button{background:#fffffff2;color:#1f1f1f;border:1px solid rgba(0,0,0,.1)}.google-button:hover{background:#fff;box-shadow:0 2px 8px #00000026}.apple-button{background:#000c;border:1px solid rgba(255,255,255,.2)}.apple-button:hover{background:#000000e6}.facebook-button{background:#1877f2e6;border:1px solid rgba(24,119,242,.5)}.facebook-button:hover{background:#1877f2}.email-button{background:#ffffff14;border:1.5px solid rgba(255,255,255,.5)}.email-button:hover{background:#ffffff26}.form-back-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.form-back-button{width:40px;height:40px;min-width:40px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;padding:0}.form-back-button:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.form-back-button svg{width:16px;height:16px;flex-shrink:0}.form-back-text{color:#ffffffe6;font-size:.95rem;font-weight:500}.divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:#ffffff80;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider span{padding:0 1rem}.custom-auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{color:#fff;font-weight:500;font-size:.875rem}.form-group input{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:.625rem 1rem;font-size:.95rem;transition:all .2s ease;outline:none}.form-group input::placeholder{color:#ffffff80}.form-group input:hover{border-color:#ffffff80}.form-group input:focus{border-color:#fff9;box-shadow:0 0 0 2px #ffffff1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input.error{border-color:#ef444499}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.general-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.submit-button{background:#ffffff26;border:1.5px solid rgba(255,255,255,.5);color:#fff;border-radius:8px;padding:.625rem 1.5rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.submit-button:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:0}.auth-switch p{color:#cbd5e1;font-size:.875rem;margin:0}.link-button{background:none;border:none;color:#bfdbfe;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#fff}.forgot-password{text-align:center;margin-top:0}.forgot-password .link-button{font-size:.875rem}.auth-view-wrapper{position:relative;width:100%}.auth-view{display:none}.auth-view.active{display:block}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:1.5rem;color:#fffffff2;line-height:1.6}.success-message p{margin:0}.success-message strong{color:#fff}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;transition:background-color 5000s ease-in-out 0s}@media (max-width: 480px){.custom-auth-container{padding:1rem}.custom-auth-card{padding:2rem 1.5rem}.brand-name{font-size:1.75rem}.auth-subtitle{font-size:1rem}}.landing-page{min-height:100vh;background:var(--color-background-gradient);display:flex;flex-direction:column}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-text{color:#ffffffe6;font-size:1.25rem;font-weight:500}.landing-header,.features-header{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 2rem}.header-content,.features-header .header-content{max-width:1400px;margin:0 auto;height:127px;display:flex;align-items:center;gap:1rem}.header-left-spacer{width:40px;min-width:40px;margin-left:-3rem;margin-right:2rem}.header-content h1{font-size:3rem;font-weight:700;color:#fff;margin:0;line-height:1}.header-content .login-button{margin-left:auto}.header-title-center{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.header-title-center h2{margin:0;line-height:1}.brand-tagline{font-size:1.25rem;color:#fff9;margin:0;font-weight:400}.landing-content{position:absolute;inset:0;overflow:hidden}.landing-home-view{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none}.landing-home-view.fade-transition{transition:opacity .3s ease}.landing-home-view.fade-transition.active{opacity:1;pointer-events:auto}.landing-home-view.slide-transition{transform:translate(-50px);transition:opacity .3s ease,transform .3s ease}.landing-home-view.slide-transition.active{opacity:1;transform:translate(0);pointer-events:auto}.landing-auth-view{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.landing-auth-view.active{opacity:1;pointer-events:auto}.auth-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-features-view{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;opacity:0;transition:opacity .3s ease;pointer-events:none}.landing-features-view.active{opacity:1;pointer-events:auto}.page-back-button{width:40px;height:40px;min-width:40px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;padding:0;margin-left:-3rem;margin-right:2rem}.page-back-button:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.page-back-button svg{width:16px;height:16px;flex-shrink:0}.page-back-button span{display:none}.landing-hero{flex:1;display:flex;align-items:center;padding:4rem 2rem}.hero-grid{max-width:1400px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.hero-left{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin:0;line-height:1.1}.hero-description{font-size:1.25rem;color:#fffc;margin:0;line-height:1.7}.hero-cta{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cta-note{font-size:.875rem;color:#ffffff80;margin:0}.trust-indicators{display:flex;gap:2rem;margin-top:1rem}.trust-item{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.95rem}.trust-icon{color:#10b981;font-weight:700;font-size:1.1rem}.learn-more-link{color:#60a5fa;background:none;border:none;padding:0;font-weight:500;transition:color .2s ease;cursor:pointer;font-size:inherit;font-family:inherit}.learn-more-link:hover{color:#fff}.hero-right{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem}.feature-list{display:flex;flex-direction:column;gap:2.5rem}.feature-item{display:flex;flex-direction:column;gap:1rem}.feature-header{display:flex;align-items:flex-start;gap:1rem}.feature-icon{width:40px;height:40px;min-width:40px;color:#60a5fa;background:#60a5fa1a;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%}.feature-item h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.feature-item p{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.6;padding-left:56px}.login-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.5);padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:500;line-height:1;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content}.login-button:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.login-button:active{transform:translateY(0)}.landing-footer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:2rem;text-align:center}.footer-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto}.footer-brand h3{color:#ffffffe6;margin:0;font-size:1.25rem;font-weight:600}.footer-brand p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.footer-copyright{color:#ffffff80;margin:0;font-size:.875rem}@media (max-width: 1200px){.hero-grid{gap:4rem}.hero-title{font-size:3rem}}@media (max-width: 968px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-right{order:-1}.trust-indicators{flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.brand-name{flex-direction:column;gap:.25rem;align-items:center}.landing-hero{padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-right{padding:2rem}.feature-item p{padding-left:0}.feature-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.landing-header{padding:1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.login-button{width:100%}.trust-indicators{flex-direction:column;gap:.75rem}}.features-page{min-height:100vh;background:var(--color-background-gradient);display:flex;flex-direction:column}.features-header .header-spacer{flex:1}.features-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1;text-align:center;flex-shrink:0}.features-main{flex:1;padding:4rem 2rem}.features-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.features-intro{text-align:center;max-width:800px;margin:0 auto}.features-intro h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2}.features-intro p{font-size:1.25rem;color:#fffc;margin:0;line-height:1.7}.features-section{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:12px 12px 0 0;border-bottom:2px solid rgba(255,255,255,.1)}.section-header h3{font-size:2.25rem;font-weight:600;color:#fff;margin:0;text-transform:none!important;font-variant:small-caps;letter-spacing:.05em}.price-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.price-badge.premium{background:#60a5fa33;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.price-badge.coming-soon{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.section-description{font-size:1.1rem;color:#ffffffb3;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.feature-card-icon{width:48px;height:48px;min-width:48px;color:#10b981;background:#10b9811a;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center}.feature-card-icon.premium{color:#60a5fa;background:#60a5fa1a}.feature-card-icon svg{width:100%;height:100%}.feature-card h4{font-size:1.25rem;font-weight:600;color:#fff;margin:0;line-height:1.3}.feature-card p{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.6}.coming-soon-card{opacity:.7}.coming-soon-card:hover{opacity:.85}.features-cta{text-align:center;padding:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.features-cta h2{font-size:2rem;font-weight:700;color:#fff;margin:0}.features-cta p{font-size:1.1rem;color:#fffc;margin:0;max-width:600px}.cta-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.5);padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta-button:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.features-footer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:2rem;text-align:center}.features-footer .footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.features-footer .footer-brand{display:flex;flex-direction:column;gap:.75rem;max-width:600px;margin:0 auto}.features-footer .footer-brand h3{color:#ffffffe6;margin:0;font-size:1.25rem;font-weight:600}.features-footer .footer-brand p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.features-footer .footer-copyright{color:#ffffff80;margin:0;font-size:.875rem}@media (max-width: 768px){.features-header .header-content{flex-direction:column;gap:1rem;align-items:flex-start}.features-main{padding:2rem 1rem}.features-content{gap:3rem}.features-intro h2{font-size:2rem}.features-intro p{font-size:1.1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.section-header h3{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.features-cta{padding:2rem}.features-cta h2{font-size:1.5rem}.cta-button{width:100%}}.invitation-response{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.loading-state,.error-state{text-align:center;padding:3rem;color:#fffc;font-size:1.1rem}.error-state h2{color:#fca5a5;margin-bottom:1rem;font-size:1.5rem}.error-state p{color:#ffffffb3}.success-state{text-align:center;padding:3rem;background:#22c55e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(34,197,94,.3)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem;font-weight:700;box-shadow:0 8px 20px #10b9814d}.success-state h2{color:#fff;margin-bottom:1rem;font-size:2rem}.success-state p{color:#fffc;margin-bottom:.75rem;font-size:1.1rem}.signup-prompt{margin-top:2rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.signup-prompt p{margin-bottom:1rem;font-weight:500;font-size:1rem}.btn-signup{background:var(--button-background);border:1px solid var(--button-border);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.auth-prompt{background:#667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.auth-decision{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:2.5rem;text-align:center;margin-top:2rem}.auth-decision h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.auth-decision p{color:#ffffffb3;font-size:1rem;margin-bottom:2rem}.auth-decision .auth-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.auth-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.auth-options p{margin:0;font-size:1rem;color:#ffffffe6;font-weight:500}.auth-buttons{display:flex;gap:.75rem}.btn-login,.btn-signup{padding:.5rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-login{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-login:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.btn-guest,.btn-secondary{padding:.5rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-guest:hover,.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.logged-in-notice{display:flex;align-items:center;gap:.75rem;color:#10b981;font-weight:600;font-size:1rem}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;font-size:1rem;box-shadow:0 4px 12px #10b9814d}.invitation-header{margin-bottom:2rem}.invitation-header h1{font-size:2rem;color:#fff;margin-bottom:1rem}.invitation-email-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;margin-bottom:1.5rem;color:#fffc;font-size:.95rem}.invitation-email-notice strong{color:#667eea;font-weight:600}.meet-details{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.meet-details h2{font-size:1.75rem;margin-bottom:1.5rem;color:#fff}.meet-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;align-items:center;gap:.75rem;font-size:1.05rem;color:#fffc}.info-icon{font-size:1.3rem;opacity:.9}.error-message{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.response-form{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.response-section,.form-section{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.response-section:last-child,.form-section:last-child{border-bottom:none}.response-section h3,.form-section h3{font-size:1.5rem;margin-bottom:1rem;color:#fff}.response-section p,.form-section p{color:#ffffffb3;margin-bottom:1.5rem;font-size:1rem}.response-options{display:flex;flex-direction:column;gap:1rem}.response-option{display:flex;align-items:center;padding:1.25rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:all .3s ease}.response-option:hover{background:#ffffff14;border-color:#667eea80;transform:translate(3px)}.response-option.selected{background:#667eea26;border-color:#667eea99;box-shadow:0 4px 12px #667eea33}.response-option input[type=radio]{margin-right:1rem;width:20px;height:20px;cursor:pointer}.option-label{font-size:1.05rem;color:#ffffffe6}.option-label strong{font-weight:600;color:#fff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.95rem;font-weight:500;color:#fffc}.form-field input,.form-field select,.form-field textarea{padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-field input::placeholder,.form-field textarea::placeholder{color:#ffffff80}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#fff6;background:#ffffff1f}.form-field input:disabled{background:#ffffff0d;color:#ffffff80;cursor:not-allowed}.form-field select{cursor:pointer}.form-field select option{background:#1a1a2e;color:#fff}.form-field textarea{resize:vertical;min-height:100px}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-checkbox{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.session-checkbox:hover{background:#ffffff14;border-color:#fff3}.session-checkbox input[type=checkbox]{margin-right:0;margin-top:2px;width:20px;height:20px;cursor:pointer}.session-label{flex:1;color:#fff}.session-label strong{display:block;margin-bottom:.25rem;font-weight:600}.session-label small{color:#fff9;font-size:.9rem}.form-actions{padding:2rem;display:flex;justify-content:flex-end;background:#ffffff05}.btn-submit{background:var(--button-background);border:1px solid var(--button-border);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-submit:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}@media (max-width: 768px){.invitation-response{padding:1rem}.auth-options{flex-direction:column;align-items:flex-start}.auth-buttons{width:100%;flex-direction:column}.btn-login,.btn-signup{width:100%;text-align:center}.form-row{grid-template-columns:1fr}.invitation-header h1{font-size:1.5rem}.meet-details h2{font-size:1.4rem}.response-section,.form-section,.form-actions{padding:1.5rem}.btn-submit{width:100%}}.onboarding-overlay{position:fixed;inset:0;background:var(--color-background-gradient);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.onboarding-container{background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;margin:2rem auto}.onboarding-header{padding:2rem 2rem 1.5rem;color:#fff;border-radius:16px 16px 0 0;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-nav{display:grid;grid-template-columns:48px 1fr 48px;align-items:start;gap:1.5rem;margin-bottom:2rem}.header-nav .header-content{text-align:center;display:flex;flex-direction:column;gap:.5rem}.header-nav .header-content h1{margin:0;font-size:2rem;font-weight:600;color:#fff;letter-spacing:-.02em}.header-nav .header-content>p{margin:0;font-size:.95rem;color:#fff9}.header-nav .header-content .logged-in-as{margin:.5rem auto 0;padding:.4rem .875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.8rem;color:#ffffffe6;display:inline-block;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-button{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.nav-button:hover:not(:disabled){background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-button:disabled{opacity:.3;cursor:not-allowed}.nav-cancel{font-size:1.25rem;color:#ff6b6be6;border-color:#ff6b6b33}.nav-cancel:hover:not(:disabled){background:#ff6b6b1f;border-color:#ff6b6b66}.progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.progress-step{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff9;transition:all .2s ease;font-size:.875rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.progress-step.active{background:#fff3;border-color:#ffffff80;color:#fff}.progress-step.completed{background:#ffffff26;border-color:#fff6;color:#ffffffe6}.progress-line{width:40px;height:1.5px;background:#ffffff26;margin:0 .75rem}.progress-line.active{background:#ffffff4d}.step-info{margin:.75rem 0 0;font-size:.8rem;color:#ffffff80;font-weight:500;text-align:center}.onboarding-form{padding:2.5rem;background:transparent;border-radius:0 0 16px 16px;min-height:420px;display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-grid-step3{display:flex;flex-direction:column;gap:2rem;max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:.5rem;font-weight:500;color:#fff;font-size:.9rem}.form-group input,.form-group select{padding:.875rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fff6;background:#ffffff26}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.form-group input::placeholder{color:#fff6}.form-group input.error,.form-group select.error{border-color:#ef4444;background:#ef444426}.error-message{margin-top:.5rem;color:#ef4444;font-size:.875rem;font-weight:500}.error-message.center{text-align:center;display:block;margin-bottom:1rem}.field-description{margin-top:.5rem;font-size:.8rem;color:#ffffff80;font-style:normal;line-height:1.4}.form-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.status-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.status-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:1.25rem 1rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.status-card.selected{background:#ffffff1f;border-color:#fff6;box-shadow:0 4px 16px #00000040}.status-card .icon{font-size:3rem;margin-bottom:.75rem;color:var(--color-primary)}.status-card .icon-image{width:10rem;height:10rem;margin-bottom:.75rem;object-fit:contain}.status-card .icon-svg{width:10rem;height:10rem;margin-bottom:.75rem;opacity:.9}.status-card h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:#fff}.status-card p{margin:0;font-size:.875rem;color:#fff9;line-height:1.5}.status-card .card-description{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.15)}.status-card .card-description p{font-size:.75rem;color:#ffffff80;line-height:1.5;margin:0}.type-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.type-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.type-card:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.type-card.selected{background:#ffffff1f;border-color:#fff6;box-shadow:0 4px 16px #00000040}.type-card .icon{font-size:2.5rem;margin-bottom:1rem;color:var(--color-primary)}.type-card .icon-image{width:8rem;height:8rem;margin-bottom:1rem;object-fit:contain;background:#fff;padding:8px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.type-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#fff}.type-card p{margin:0;font-size:.85rem;color:#fff9;line-height:1.5}.form-actions-with-back{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);gap:1rem}@media (max-width: 768px){.onboarding-overlay{padding:.5rem}.onboarding-container{border-radius:16px;max-height:95vh}.onboarding-header{padding:1.5rem}.header-nav{gap:1rem}.nav-button{width:42px;height:42px;font-size:1.25rem}.header-nav .header-content h1{font-size:1.5rem}.header-nav .header-content>p{font-size:.95rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-group.full-width{grid-column:1}.onboarding-form{padding:2rem 1.5rem}.progress-step{width:30px;height:30px;font-size:.85rem}.progress-line{width:30px;margin:0 .5rem}.status-cards,.type-cards{grid-template-columns:1fr;gap:1rem}.status-card,.type-card{padding:1.5rem 1rem}.status-card .icon,.type-card .icon{font-size:2.5rem}}.certifications-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.certification-item{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s ease;display:flex;align-items:center;gap:1.5rem}.certification-item:hover{border-color:var(--color-primary)}.cert-header{display:flex;align-items:center;justify-content:center;min-width:160px}.cert-icon{width:120px;height:120px;object-fit:cover;border-radius:12px;background:#fff;padding:8px;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.certification-item:hover .cert-icon{box-shadow:0 8px 20px #00000026}.cert-levels{display:flex;gap:1.5rem;align-items:center;flex:1;justify-content:center}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;background:#ffffff0d;border:1px solid var(--color-border)}.radio-option:hover{background:#ffffff1a;border-color:var(--color-primary)}.radio-option input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.radio-label{font-size:.95rem;font-weight:500;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.certification-item{flex-direction:column;gap:1.5rem;padding:1.5rem}.cert-header{min-width:auto}.cert-levels{flex-wrap:wrap;gap:.75rem;justify-content:center}.radio-option{padding:.375rem .75rem;font-size:.875rem}.cert-icon{width:150px;height:150px;padding:3px;border-radius:16px}}@media (max-width: 480px){.certification-item{padding:1.25rem;gap:1rem}.cert-icon{width:130px;height:130px;padding:2px;border-radius:14px}.cert-levels{gap:.5rem}.radio-option{padding:.25rem .5rem;font-size:.8rem}}@media (max-width: 480px){.header-nav .header-content h1{font-size:1.25rem}.header-nav .header-content>p{font-size:.875rem}.nav-button{width:38px;height:38px;font-size:1.1rem}.form-group input,.form-group select{padding:.875rem}.progress-step{width:26px;height:26px;font-size:.75rem}.progress-line{width:25px;margin:0 .25rem}.onboarding-form{padding:1.5rem 1rem}}.auth-page{min-height:100vh;background:var(--color-background-gradient);display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-light{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-lighter{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.25rem}.card-hover{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.25rem;cursor:pointer;transition:all .2s ease}.card-hover:hover{background:#ffffff14;border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa26}.card-no-padding{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:0}.card-with-header{overflow:visible}.section-header{display:flex;align-items:center;gap:1rem;margin:0;padding:1.5rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.card-header{display:flex;gap:1rem;margin:-1.25rem -1.25rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);border-radius:15px 15px 0 0}.card-header h3,.card-header h2,.card-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.card-content{color:#ffffffe6;line-height:1.6}.widget-icon{font-size:2rem;line-height:1;flex-shrink:0}.section-header h1,.section-header h2,.section-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.section-content{padding:2rem;background:transparent}.row{display:flex;gap:1rem;align-items:center}.row-start{display:flex;gap:1rem;align-items:flex-start}.row-between{display:flex;gap:1rem;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column;gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 968px){.grid-2,.grid-3{grid-template-columns:1fr}}.border-light{border:1px solid rgba(255,255,255,.1)}.border-medium{border:1px solid rgba(255,255,255,.2)}.border-bottom-light{border-bottom:1px solid rgba(255,255,255,.1)}.border-bottom-medium{border-bottom:1px solid rgba(255,255,255,.2)}.btn-glass{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-glass:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-glass:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.text-white{color:#fff}.text-white-90{color:#ffffffe6}.text-white-70{color:#ffffffb3}.text-white-50{color:#ffffff80}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.rounded{border-radius:8px}.rounded-lg{border-radius:10px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:50%}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.badge-pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-progress{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.badge-complete{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-neutral{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.transition{transition:all .2s ease}[data-supertokens~=authPage]{background:var(--color-background-gradient)!important;min-height:100vh!important}[data-supertokens~=row],div[data-supertokens~=row],[data-supertokens*=row],div[data-supertokens*=row]{background:var(--color-glass)!important;background-color:var(--color-glass)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid var(--color-border)!important;border-radius:12px!important;padding:3rem!important;box-shadow:0 8px 32px #0000001a!important;max-width:450px!important}[data-supertokens~=container] [data-supertokens~=row],#supertokens-root [data-supertokens~=row]{background:var(--color-glass)!important;background-color:var(--color-glass)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}[data-supertokens~=headerTinyTitle]:before{content:"Kickblue";display:block;font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}[data-supertokens~=headerTitle]{display:none!important}[data-supertokens~=headerSubtitle]{color:var(--color-text-light)!important;text-align:center!important}[data-supertokens~=label]{color:var(--color-text)!important;font-weight:500!important}[data-supertokens~=secondaryText]{color:var(--color-text-muted)!important}[data-supertokens~=input]{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;border-radius:8px!important;padding:.75rem 1rem!important;transition:all .2s ease!important}[data-supertokens~=input]:focus{background:#ffffff26!important;border-color:#ffffff4d!important;outline:none!important}[data-supertokens~=input]::placeholder{color:var(--color-text-muted)!important}[data-supertokens~=button]{background:var(--button-background)!important;border:1.5px solid var(--button-border)!important;color:var(--button-text)!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:500!important;transition:all .2s ease!important}[data-supertokens~=button]:hover{background:var(--button-background-hover)!important;transform:translateY(-1px)!important}[data-supertokens~=link],[data-supertokens~=forgotPasswordLink],[data-supertokens~=secondaryLinkWithLeftArrow]{color:var(--color-text-light)!important;transition:color .2s ease!important}[data-supertokens~=link]:hover,[data-supertokens~=forgotPasswordLink]:hover,[data-supertokens~=secondaryLinkWithLeftArrow]:hover{color:var(--color-text)!important}[data-supertokens~=generalError]{background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:8px!important;padding:.75rem!important}[data-supertokens~=divider]{background:var(--color-border)!important;margin:2rem 0!important;height:1px!important}[data-supertokens~=superTokensBranding]{display:none!important}.auth-back-button{position:absolute!important;top:1.5rem!important;left:1.5rem!important;width:48px!important;height:48px!important;background:#ffffff14!important;border:1.5px solid rgba(255,255,255,.2)!important;border-radius:50%!important;cursor:pointer!important;transition:all .2s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;z-index:9999!important;padding:0!important;margin:0!important}.auth-back-button:hover{background:#ffffff26!important;border-color:#fff6!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000026!important}.auth-back-button svg{width:20px!important;height:20px!important;flex-shrink:0!important}