:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-major-colour: #225836;--brand-minor-colour: #9ee0c7}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid #a8e6cf;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#f5fdf9,#e8f5f0);cursor:pointer;transition:all .25s ease;box-shadow:0 1px 3px #0000000f}button:hover{border-color:#7bc5a0;background:linear-gradient(135deg,#e8f5f0,#d4f1e3);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.guide-page{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,#f0faf5,#e3f5ec);padding:20px;box-sizing:border-box}.guide-container{background:#fff;border-radius:20px;padding:32px 40px;max-width:900px;width:100%;box-shadow:0 10px 40px #0000001a;text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-progress{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.progress-dot.active{background:linear-gradient(135deg,#7bc5a0,#6ab38e);transform:scale(1.3);box-shadow:0 2px 8px #7bc5a066}.progress-dot.completed{background:#a8e6cf}.guide-content{margin-bottom:40px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.guide-icon{font-size:80px;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.guide-title{font-size:32px;font-weight:600;color:#2d5a45;margin-bottom:16px}.guide-text{font-size:18px;color:#5a7a6d;line-height:1.6;margin-bottom:20px}.guide-step-indicator{margin-top:20px;min-height:24px}.guide-video-container{position:relative;overflow:hidden;aspect-ratio:1920 / 1080;width:70%;max-height:340px;margin:16px auto;border-radius:12px;box-shadow:0 4px 20px #00000026}.guide-video-iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:none;padding:0;margin:0;overflow:hidden}.step-number{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#e8f5f0,#d4f1e3);color:#2d5a45;border-radius:20px;font-size:14px;font-weight:500}.guide-path-preview{margin:40px 0 20px;padding:30px;background:linear-gradient(135deg,#f5fdf9,#e8f5f0);border-radius:16px;border:2px solid #d4f1e3;animation:pathSlideIn .6s ease-out}@keyframes pathSlideIn{0%{opacity:0;transform:translateY(30px);max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0);max-height:1000px;margin-top:40px;margin-bottom:20px;padding-top:30px;padding-bottom:30px}}.guide-path-title{font-size:20px;font-weight:600;color:#2d5a45;margin-bottom:20px}.guide-path-states{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;zoom:.5}.guide-actions{display:flex;gap:16px;justify-content:center;transition:margin-top .6s ease-out}.guide-button{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.guide-button.primary{background:linear-gradient(135deg,#7bc5a0,#6ab38e);color:#fff;box-shadow:0 4px 12px #7bc5a04d}.guide-button.primary:hover{background:linear-gradient(135deg,#6ab38e,#59a27d);box-shadow:0 6px 16px #7bc5a066;transform:translateY(-2px)}.guide-button.secondary{background:transparent;color:#7bc5a0;border:2px solid #a8e6cf}.guide-button.secondary:hover{background:linear-gradient(135deg,#f5fdf9,#e8f5f0);border-color:#7bc5a0}@media(max-width:768px){.guide-container{padding:40px 24px;max-width:100%}.guide-title{font-size:26px}.guide-text{font-size:16px}.guide-icon{font-size:60px}.guide-button{padding:12px 24px;font-size:14px;min-width:120px}.guide-path-preview{padding:20px}.guide-path-title{font-size:18px}.guide-path-states{zoom:.4;gap:10px}}.wrap-first{width:200px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative;box-shadow:0 2px 8px #0000001a}.start-first{width:200px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative;border-top-left-radius:8px}.icon-first-topPanel{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);justify-content:center;position:relative;width:100%;border-bottom-left-radius:8px}.icon-generic-topPanel{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);justify-content:center;position:relative;width:100%}.icon-last-topPanel{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);justify-content:center;position:relative;width:100%;border-bottom-right-radius:8px}.path-toolbar{position:fixed;bottom:40px;left:0;width:100%;background:linear-gradient(135deg,#f5fdf9,#e8f8f0);padding:12px;z-index:1000;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 -4px 12px #00000014;border-top:1px solid #c5e8d5}.path-toolbar input{margin-right:10px;border:1px solid #8dd3bb;border-radius:6px;padding:6px 12px}.path-toolbar .save-button-unsaved{background:orange!important}:root{--site-toolbar-height: 48px}.site-toolbar{position:fixed;top:0;left:0;width:100%;height:var(--site-toolbar-height);z-index:2000;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 20px;background:linear-gradient(135deg,#1a2e22,#2d4a38);box-shadow:0 2px 12px #00000059;box-sizing:border-box}.site-toolbar-logo{height:30px;width:auto;flex-shrink:0}.site-toolbar-spacer{flex:1}.site-toolbar-greeting{color:#c8ecd8;font-size:.88rem;font-weight:500;letter-spacing:.03em;margin-left:12px;white-space:nowrap}.site-toolbar-btn{background:transparent;color:#c8ecd8;border:1px solid #4a7a5c;border-radius:6px;padding:7px 18px;font-size:.88rem;font-weight:500;cursor:pointer;letter-spacing:.03em;transition:background .18s ease,color .18s ease,border-color .18s ease}.site-toolbar-btn:hover{background:#ffffff1a;color:#fff;border-color:#7fc49a}.site-toolbar-btn--selected{background:#3a7d55;color:#fff;border-color:#3a7d55}.site-toolbar-btn--selected:hover{background:#4a9a6a;border-color:#4a9a6a}.site-toolbar-color-picker{display:flex;align-items:center;gap:6px;margin-left:8px}.site-toolbar-color-label{color:#c8ecd8;font-size:.88rem;font-weight:500;letter-spacing:.03em}.site-toolbar-color-input{width:40px;height:32px;border:1px solid #4a7a5c;border-radius:6px;cursor:pointer;background:transparent;padding:2px}@keyframes login-shake{0%{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}to{transform:translate(0)}}.login-dialog-shake{animation:login-shake .5s ease-in-out}.login-dialog-paper{background:linear-gradient(135deg,#1a2e22,#2d4a38)!important;color:#c8ecd8!important}.login-dialog-paper .MuiInputLabel-root{color:#a0d4b8}.login-dialog-paper .MuiInputLabel-root.Mui-focused{color:#c8ecd8}.login-dialog-paper .MuiOutlinedInput-root{color:#fff}.login-dialog-paper .MuiOutlinedInput-notchedOutline{border-color:#4a7a5c}.login-dialog-paper .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#7fc49a}.login-dialog-paper .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#c8ecd8}.login-dialog-paper .MuiFormHelperText-root{color:#f28b82}.login-dialog-paper .MuiSvgIcon-root{color:#a0d4b8}.login-dialog-paper input:-webkit-autofill,.login-dialog-paper input:-webkit-autofill:hover,.login-dialog-paper input:-webkit-autofill:focus,.login-dialog-paper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1e3828 inset!important;box-shadow:0 0 0 1000px #1e3828 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff}.login-dialog-paper .MuiTextField-root{margin-top:6px!important;margin-bottom:4px!important}.login-dialog-paper .MuiInputBase-root{min-height:40px}.login-dialog-paper .MuiInputBase-input{padding-top:10px!important;padding-bottom:10px!important}.login-dialog-actions{display:flex!important;justify-content:center!important;gap:12px!important;padding:12px 24px 20px!important}.login-dialog-btn{background:transparent!important;color:#c8ecd8!important;border:1px solid #4a7a5c!important;border-radius:6px!important;padding:7px 22px!important;font-size:.88rem!important;font-weight:500!important;letter-spacing:.03em!important;text-transform:none!important;transition:background .18s ease,color .18s ease,border-color .18s ease!important;box-shadow:none!important}.login-dialog-btn:hover{background:#ffffff1a!important;color:#fff!important;border-color:#7fc49a!important;box-shadow:none!important}.login-dialog-btn:disabled{opacity:.4!important;cursor:default!important}.display-states{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;overflow:hidden}.reactive-input-label{height:30px}.editable-input{height:30px;width:100%;max-width:400px;padding:8px;box-sizing:border-box;border:1px solid #ccc;font-size:16px;text-align:center}.non-editable{height:30px;background:linear-gradient(135deg,#c5e8d5,#a8e6cf);cursor:pointer;width:100%;min-width:100px}.start{display:flex;align-items:center;justify-content:center;height:30px;width:auto;max-width:160px;white-space:nowrap;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative}.placeholder-text{color:#999;font-style:italic;opacity:.7}.wrap{width:200px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative;box-shadow:0 2px 8px #0000001a}.icon{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,var(--brand-minor-colour, #9ee0c7) 0%,color-mix(in srgb,var(--brand-minor-colour, #9ee0c7) 60%,white) 100%);justify-content:center;position:relative;width:100%;border-bottom-left-radius:8px}.wrap-generic{width:200px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative;box-shadow:0 2px 8px #0000001a}.start-generic{width:200px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative}.icon-generic{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,var(--brand-minor-colour, #9ee0c7) 0%,color-mix(in srgb,var(--brand-minor-colour, #9ee0c7) 60%,white) 100%)!important;justify-content:center;position:relative;width:100%}.wrap-last{width:200px;display:inline-block;color:#2d5a45;font-weight:600;text-align:center;position:relative}.start-last{width:200px;border-top-right-radius:8px;display:inline-block;background:linear-gradient(135deg,#a8e6cf,#8dd3bb);color:#2d5a45;font-weight:600;text-align:center;position:relative;box-shadow:0 2px 8px #0000001a}.icon-last{width:200px;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,var(--brand-minor-colour, #9ee0c7) 0%,color-mix(in srgb,var(--brand-minor-colour, #9ee0c7) 60%,white) 100%)!important;justify-content:center;position:relative;width:100%;border-bottom-right-radius:8px}.carousel-panel{position:fixed;top:calc(160px + var(--site-toolbar-height, 48px) / .6);display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden}.start-style{width:160px;height:30px;display:inline-block;background:var(--brand-major-colour, #225836);color:#fff;font-weight:600;text-align:center;position:relative;border-top-left-radius:8px}.middle-style{width:160px;height:30px;display:inline-block;background:var(--brand-major-colour, #225836);color:#fff;font-weight:600;text-align:center;position:relative}.end-style{width:160px;height:30px;border-top-right-radius:8px;display:inline-block;background:var(--brand-major-colour, #225836);color:#fff;font-weight:600;text-align:center;position:relative}.top-panel{position:fixed;top:calc(var(--site-toolbar-height, 48px) / .6);width:100%;height:170px;background:linear-gradient(135deg,#f0faf5,#e3f5ec);padding:20px;box-sizing:border-box;text-align:center;zoom:.6;box-shadow:0 4px 12px #0000000f}/*!
* Quill Editor v2.0.3
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.action-panel-wrapper{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(30px);opacity:0;display:flex;flex-direction:row;width:50%;height:300px;z-index:99;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.action-panel-wrapper.sdd-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.action-panel-side{width:20%;background:linear-gradient(135deg,#d4f1e3,#c5e8d5);height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px}.action-panel{flex:1;height:100%;display:flex;flex-direction:column;padding:0 16px;background:linear-gradient(135deg,#e8f8f0,#d4f1e3);position:relative;border-radius:8px;box-shadow:0 4px 12px #00000014}.action-panel-toolbar button{margin-left:4px;padding:6px 12px;font-size:1rem;border:1px solid #8dd3bb;background:linear-gradient(135deg,#fff,#f0f9f5);border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.action-panel-toolbar button:hover{background:linear-gradient(135deg,#c5e8d5,#a8e6cf);box-shadow:0 2px 6px #0000001f}.action-panel-toolbar select{margin-right:8px;padding:4px 8px;border:1px solid #8dd3bb;border-radius:6px;background:#fff}.action-html-editor{position:fixed;width:100%;min-width:800px;min-height:120px;font-size:1rem}.quill-viewer{width:100%;height:90%;padding:8px;background:linear-gradient(135deg,#fdfffe,#f5fdf9);box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;border-radius:6px;overflow:hidden}.quill-viewer>div:first-child{flex:1;min-height:0;overflow-y:auto}.quill-viewer .ql-container,.quill-viewer .ql-editor{max-height:100%;overflow-y:auto}.quill-viewer .generic-button{width:auto;margin:4px;align-self:center;min-width:80px}.action-panel-buttons{display:flex;justify-content:center;gap:8px;margin-top:4px;flex-shrink:0}.quill-viewer-form{flex:1;display:flex;flex-direction:column;height:100%}.generic-button{background:linear-gradient(135deg,#e8f5f0,#d9ede4);border:1px solid #a8e6cf;margin:16px;height:40px;border-radius:8px;font-weight:500;transition:all .2s ease;cursor:pointer}.generic-button:hover{background:linear-gradient(135deg,#c5e8d5,#a8e6cf);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.carousel-container{display:flex;overflow-x:scroll;white-space:nowrap;width:95vw;height:100px;box-sizing:border-box;scrollbar-width:thin;scrollbar-gutter: stable both-edges}.carousel-container::-webkit-scrollbar{height:8px;background-color:#448ab2}.carousel-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.carousel-container::-webkit-scrollbar-thumb:hover{background-color:#555}.carousel-block{width:160px;height:80px;color:#fff;display:column;justify-content:center;align-items:center;flex-shrink:0;font-weight:700}.carousel-block.selected{border:2px solid #1976d2;border-radius:6px;box-shadow:0 0 4px #1976d2}.workflow-view-panel{background-color:#f5f5f5;padding:20px;border-bottom:1px solid #ddd;margin-top:100px}.workflow-view-container{display:flex;gap:15px;overflow-x:auto;padding:10px}.workflow-state{min-width:160px;padding:0;background:var(--brand-major-colour, #225836);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.workflow-state:hover{box-shadow:0 4px 12px #00000026}.workflow-state--selected{border-color:#2d5a45;background:#2d4a38;box-shadow:0 4px 12px #2d5a454d}.workflow-state--selected .workflow-state-name{color:#fff}.workflow-state-label{font-size:24px;font-weight:700;color:#2d5a45;margin-bottom:8px;text-align:center}.workflow-state-name{font-size:14px;color:#fff;font-weight:600;text-align:center;word-wrap:break-word}.icon-first,.icon-generic,.icon-last{width:100%;margin:0;display:flex;padding-top:0;background:linear-gradient(135deg,var(--brand-minor-colour, #9ee0c7) 0%,color-mix(in srgb,var(--brand-minor-colour, #9ee0c7) 60%,white) 100%)!important;justify-content:center;position:relative}.client-view-panel{position:fixed;top:calc(160px + var(--site-toolbar-height, 48px) / .6);width:100vw;height:calc(100vh - 160px - var(--site-toolbar-height, 48px) / .6 - 60px);box-sizing:border-box;background:#0f172a;display:flex;flex-direction:column}.client-grid-container{display:flex;flex-direction:column;height:100%;width:100%}.client-grid-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#1e293b;border-bottom:2px solid #4db86e}.client-grid-toolbar-title{font-size:18px;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.client-grid-toolbar-actions{display:flex;gap:12px;align-items:center}.client-grid-action-button{padding:10px 20px;background:#4db86e;color:#0f172a;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4db86e4d}.client-grid-action-button:hover{background:#3a9456;box-shadow:0 4px 12px #4db86e66;transform:translateY(-1px)}.client-grid-action-button:active{transform:translateY(0)}.client-grid-action-button:disabled{background:#334155;color:#64748b;cursor:not-allowed;box-shadow:none;transform:none}.client-grid-action-button:disabled:hover{background:#334155;box-shadow:none;transform:none}.client-grid-clear-filters{padding:8px 16px;background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.client-grid-clear-filters:hover{background:#94a3b81a;border-color:#94a3b880;color:#e2e8f0}.client-grid-wrapper{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#334155 transparent}.client-grid-wrapper::-webkit-scrollbar{width:10px;height:10px}.client-grid-wrapper::-webkit-scrollbar-track{background:transparent}.client-grid-wrapper::-webkit-scrollbar-thumb{background:#334155;border-radius:5px}.client-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#4db86e}.client-grid{width:100%;border-collapse:collapse;font-size:14px}.client-grid thead{position:sticky;top:0;z-index:10;background:#1e293b}.client-grid th{text-align:left;padding:16px;font-weight:700;color:#94a3b8;text-transform:uppercase;font-size:11px;letter-spacing:.1em;border-bottom:1px solid rgba(148,163,184,.2);background:#1e293b}.client-grid-header{display:flex;flex-direction:column;gap:8px}.client-grid-header span{white-space:nowrap}.client-grid-filter{padding:6px 10px;background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:4px;color:#e2e8f0;font-size:12px;font-family:inherit;transition:all .2s ease;width:100%;box-sizing:border-box}.client-grid-filter::placeholder{color:#64748b}.client-grid-filter:focus{outline:none;border-color:#4db86e;box-shadow:0 0 0 2px #4db86e26}.client-grid tbody tr{border-bottom:1px solid rgba(148,163,184,.1);transition:all .15s ease}.client-grid-row{cursor:pointer}.client-grid-row:hover{background:#4db86e0d}.client-grid-row.selected{background:#4be00a33;border-left:3px solid #4db86e}.client-grid tbody td{padding:16px;color:#e2e8f0;vertical-align:middle}.client-grid-state-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#4db86e26;color:#4db86e;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.client-grid-state-badge:before{content:"";width:6px;height:6px;background:#4db86e;border-radius:50%;box-shadow:0 0 6px #4db86e99}.client-grid-notes{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8}.client-grid-empty{text-align:center;padding:60px 16px!important;color:#64748b;font-style:italic}.client-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.client-dialog{background:#0f172a;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(77,184,110,.2);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.client-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:#1e293b;position:relative;border-bottom:2px solid #4db86e}.client-dialog-header h2{margin:0;color:#f1f5f9;font-size:20px;font-weight:700;letter-spacing:-.01em}.client-dialog-close{background:transparent;border:1px solid rgba(148,163,184,.3);font-size:20px;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;line-height:1;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.client-dialog-close:hover{background:#4db86e1a;border-color:#4db86e;color:#4db86e}.client-dialog-body{padding:32px;overflow-y:auto;flex:1}.client-dialog-field{margin-bottom:20px}.client-dialog-field label{display:block;margin-bottom:8px;font-weight:600;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.client-dialog-field input,.client-dialog-field select,.client-dialog-field textarea{width:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.2);border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box;background:#1e293b;color:#e2e8f0}.client-dialog-field input:hover,.client-dialog-field select:hover,.client-dialog-field textarea:hover{border-color:#94a3b866}.client-dialog-field input:focus,.client-dialog-field select:focus,.client-dialog-field textarea:focus{outline:none;border-color:#4db86e;box-shadow:0 0 0 3px #4db86e26}.client-dialog-field textarea{resize:vertical;min-height:100px}.client-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid rgba(148,163,184,.1);background:#1e293b}.client-dialog-button{padding:10px 24px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.client-dialog-button.cancel{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.client-dialog-button.cancel:hover{background:#94a3b81a;border-color:#94a3b880}.client-dialog-button.save{background:#4db86e;color:#0f172a;box-shadow:0 4px 12px #4db86e4d}.client-dialog-button.save:hover{background:#3a9456;box-shadow:0 6px 16px #4db86e66}.client-dialog-button.save:active{transform:translateY(1px)}.client-dialog-button.save:disabled{background:#94a3b833;color:#475569;cursor:not-allowed;box-shadow:none}.delete-client-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-client-dialog{background-color:#fff;padding:24px;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 6px #0000001a}.delete-client-dialog h2{margin:0 0 16px;font-size:20px;font-weight:600}.delete-client-dialog p{margin:0 0 24px;color:#333}.delete-client-error{color:#d32f2f;font-weight:500}.delete-client-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.delete-client-yes-button,.delete-client-no-button{padding:8px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.delete-client-yes-button{background-color:#d32f2f;color:#fff}.delete-client-yes-button:hover{background-color:#b71c1c}.delete-client-no-button{background-color:#e0e0e0;color:#333}.delete-client-no-button:hover{background-color:#bdbdbd}.App{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden}.next-button{margin-top:10px;padding:10px 20px;background:linear-gradient(135deg,#7bc5a0,#6ab38e);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.next-button:hover{background:linear-gradient(135deg,#6ab38e,#59a27d);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.version-footer{position:fixed;bottom:10px;right:20px;font-size:.9em;color:#888;background:#fffc;padding:4px 12px;border-radius:6px;z-index:100}