@import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");@import url("https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap");@import url("https://fonts.googleapis.com/css2?family=Spectral&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url(/assets/lexxy-fd35c457f40cf58c094834ba77f54291cec9a14c6a424a2e0185fbc58448ef0a.css);lexxy-editor{background-color:var(--card-colour) !important;color:var(--text-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;font-family:inherit !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important}lexxy-editor .lexxy-content,lexxy-editor [contenteditable],lexxy-editor .ProseMirror,lexxy-editor .lexxy-editor__content{background-color:var(--card-colour) !important;color:var(--text-colour) !important;font-family:inherit !important;padding:1rem !important;min-height:120px !important;border:none !important;outline:none !important;border-radius:0 0 var(--border-radius) var(--border-radius) !important}lexxy-toolbar,.lexxy-toolbar{background-color:var(--background-colour) !important;border-bottom:1px solid var(--border-colour) !important;border-radius:var(--border-radius) var(--border-radius) 0 0 !important;padding:0.5rem !important;display:flex !important;gap:0.25rem !important;flex-wrap:wrap !important}lexxy-toolbar button,.lexxy-toolbar button,lexxy-editor button[data-lexxy-action],.lexxy-button{background-color:var(--card-colour) !important;color:var(--text-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--button-radius) !important;padding:0.375rem 0.5rem !important;font-size:0.875rem !important;font-family:inherit !important;cursor:pointer !important;transition:all 0.2s ease !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:32px !important;height:32px !important;box-shadow:none !important}lexxy-toolbar button:hover,.lexxy-toolbar button:hover,lexxy-editor button[data-lexxy-action]:hover,.lexxy-button:hover{background-color:var(--button-hover) !important;color:var(--button-hover-text) !important;border-color:var(--button-hover) !important;transform:translateY(-1px) !important;box-shadow:0 2px 4px color-mix(in srgb, var(--boxshadow) 50%, transparent) !important}lexxy-toolbar button:active,lexxy-toolbar button[aria-pressed="true"],.lexxy-toolbar button:active,.lexxy-toolbar button[aria-pressed="true"],lexxy-editor button[data-lexxy-action]:active,.lexxy-button:active{background-color:var(--secondary-colour) !important;color:var(--tertiary-colour) !important;border-color:var(--secondary-colour) !important;transform:translateY(0) !important}lexxy-editor .lexxy-dropdown,.lexxy-dropdown{background-color:var(--card-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important;color:var(--text-colour) !important;font-family:inherit !important}lexxy-editor .lexxy-dropdown-item,.lexxy-dropdown-item{background-color:var(--card-colour) !important;color:var(--text-colour) !important;padding:0.5rem 0.75rem !important;border:none !important;cursor:pointer !important;transition:all 0.2s ease !important}lexxy-editor .lexxy-dropdown-item:hover,.lexxy-dropdown-item:hover{background-color:var(--secondary-colour) !important;color:var(--tertiary-colour) !important}lexxy-editor strong,lexxy-editor b{color:var(--text-colour) !important;font-weight:bold !important}lexxy-editor em,lexxy-editor i{color:var(--text-colour) !important;font-style:italic !important}lexxy-editor u{color:var(--text-colour) !important;text-decoration:underline !important}lexxy-editor a{color:var(--secondary-colour) !important;text-decoration:underline !important}lexxy-editor a:hover{color:var(--button-hover) !important}lexxy-editor ul,lexxy-editor ol{color:var(--text-colour) !important;padding-left:1.5rem !important}lexxy-editor li{color:var(--text-colour) !important;margin-bottom:0.25rem !important}lexxy-editor blockquote{border-left:4px solid var(--secondary-colour) !important;background-color:var(--primary-colour) !important;color:var(--text-colour) !important;padding:1rem !important;margin:1rem 0 !important;border-radius:0 var(--border-radius) var(--border-radius) 0 !important;font-style:italic !important}lexxy-editor code{background-color:var(--background-colour) !important;color:var(--text-colour) !important;padding:0.125rem 0.25rem !important;border-radius:3px !important;border:1px solid var(--border-colour) !important;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace !important}lexxy-editor pre{background-color:var(--background-colour) !important;color:var(--text-colour) !important;padding:1rem !important;border-radius:var(--border-radius) !important;border:1px solid var(--border-colour) !important;overflow-x:auto !important}lexxy-editor .ProseMirror-placeholder::before,lexxy-editor [data-placeholder]::before{color:color-mix(in srgb, var(--text-colour) 50%, transparent) !important;font-style:italic !important}lexxy-editor:focus-within{border-color:var(--secondary-colour) !important;box-shadow:0 0 0 0.2rem color-mix(in srgb, var(--secondary-colour) 20%, transparent) !important}lexxy-toolbar button[title="Ask Powerlily"],.lexxy-toolbar button[title="Ask Powerlily"],.lexxy-gpt-button{background:linear-gradient(135deg, var(--secondary-colour), color-mix(in srgb, var(--secondary-colour) 80%, transparent)) !important;color:var(--tertiary-colour) !important;border-color:var(--secondary-colour) !important;position:relative !important;overflow:hidden !important}lexxy-toolbar button[title="Ask Powerlily"]:hover,.lexxy-toolbar button[title="Ask Powerlily"]:hover,.lexxy-gpt-button:hover{background:linear-gradient(135deg, var(--button-hover), color-mix(in srgb, var(--button-hover) 80%, transparent)) !important;color:var(--button-hover-text) !important;border-color:var(--button-hover) !important;box-shadow:0 4px 12px color-mix(in srgb, var(--secondary-colour) 50%, transparent) !important}lexxy-toolbar button[title="Ask Powerlily"]::before,.lexxy-toolbar button[title="Ask Powerlily"]::before,.lexxy-gpt-button::before{content:'' !important;position:absolute !important;top:-2px !important;left:-2px !important;right:-2px !important;bottom:-2px !important;background:linear-gradient(45deg, var(--secondary-colour), var(--button-hover), var(--secondary-colour)) !important;border-radius:var(--button-radius) !important;z-index:-1 !important;opacity:0 !important;transition:opacity 0.3s ease !important}lexxy-toolbar button[title="Ask Powerlily"]:hover::before,.lexxy-toolbar button[title="Ask Powerlily"]:hover::before,.lexxy-gpt-button:hover::before{opacity:1 !important}prompt-popover,.prompt-popover,lexxy-prompt-menu,.lexxy-prompt-menu,.lexxy-prompt-menu--visible{background-color:var(--card-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important;color:var(--text-colour) !important;font-family:inherit !important;z-index:10000 !important;max-height:300px !important;overflow-y:auto !important}li.lexxy-prompt-menu__item,.lexxy-prompt-menu__item{background-color:var(--card-colour) !important;color:var(--text-colour) !important;padding:0.75rem !important;border-bottom:1px solid var(--border-colour) !important;cursor:pointer !important;transition:all 0.2s ease !important;display:flex !important;align-items:center !important;margin-bottom:0 !important;border-radius:var(--button-radius) !important;margin:0.125rem !important}li.lexxy-prompt-menu__item:last-child,.lexxy-prompt-menu__item:last-child{border-bottom:none !important}li.lexxy-prompt-menu__item:hover,li.lexxy-prompt-menu__item[aria-selected="true"],.lexxy-prompt-menu__item:hover,.lexxy-prompt-menu__item[aria-selected="true"]{background-color:var(--secondary-colour) !important;color:var(--tertiary-colour) !important}.variable-menu-item{padding:0 !important;width:100% !important}.variable-name{font-weight:500 !important;margin-bottom:2px !important;color:inherit !important}.variable-desc{font-size:0.85em !important;opacity:0.8 !important;color:inherit !important}li.lexxy-prompt-menu__item:hover .variable-desc,li.lexxy-prompt-menu__item[aria-selected="true"] .variable-desc,.lexxy-prompt-menu__item:hover .variable-desc,.lexxy-prompt-menu__item[aria-selected="true"] .variable-desc{opacity:0.9 !important}.button-13,.ortho-context-menu-close-button,.glitch-button,.button-14{background-color:var(--secondary-colour);color:var(--tertiary-colour);box-shadow:none;border-radius:var(--button-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;font-size:13px;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;transition:all 0.2s ease;border:none}.button-13:hover,.ortho-context-menu-close-button:hover,.glitch-button:hover,.button-14:hover{background-color:var(--button-hover);color:var(--button-hover-text)}.button-13:active,.ortho-context-menu-close-button:active,.glitch-button:active,.button-14:active{transform:scale(0.98)}.button-13:disabled,.ortho-context-menu-close-button:disabled,.glitch-button:disabled,.button-14:disabled{background-color:#f5f5f5;border-color:#cccccc;color:#888888;cursor:not-allowed;transform:none}.button-group-13{display:inline-flex;border-radius:8px;overflow:hidden}.button-group-13 .button-13,.button-group-13 .ortho-context-menu-close-button,.button-group-13 .glitch-button,.button-group-13 .button-14{border-radius:0;margin:0}.button-group-13 .button-13:first-child,.button-group-13 .ortho-context-menu-close-button:first-child,.button-group-13 .glitch-button:first-child,.button-group-13 .button-14:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.button-group-13 .button-13:last-child,.button-group-13 .ortho-context-menu-close-button:last-child,.button-group-13 .glitch-button:last-child,.button-group-13 .button-14:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.button-13-outline{background-color:var(--card-colour);color:var(--text-colour);padding:5px 10px;box-shadow:none;border-radius:var(--button-radius);border:1px solid var(--border-colour);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;font-size:13px;line-height:29px;text-align:center;text-decoration:none;transition:all 0.2s ease}.button-13-outline:hover{background-color:var(--button-hover);color:var(--button-hover-text)}.button-13-outline:active{transform:scale(0.98)}.button-13-outline:disabled{background-color:#f5f5f5;border-color:#cccccc;color:#888888;cursor:not-allowed;transform:none}.powerlily-button{background-color:#000;font-family:Quicksand;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}.powerlily-button:hover{background-color:#333;color:#fff}.powerlily-button:active{background-color:#000;color:#fff}.powerlily-button:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.powerlily-button-outline{background-color:#fff;font-family:Quicksand;color:#000;border:1px solid #000;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease}.powerlily-button-outline:hover{background-color:#e2e2e2;color:#1a1111}.powerlily-button-outline:active{background-color:#000;color:#fff}.powerlily-navigation-button{background-color:#FFE985;color:#4e4e4e;border:none;padding:10px 20px;border-radius:5px;font-family:Quicksand;font-size:17px;line-height:29px;position:relative;text-align:center;transition:background-color 0.3s ease}.powerlily-navigation-button:hover{background-color:#000000;color:#fcfcfc}.menu-button{background-color:var(--primary-colour);color:var(--nav-text);box-shadow:none;border-color:var(--border-colour);border-radius:var(--button-radius);border:1px solid var(--border-colour);padding:10px 20px;width:100%;text-align:left;transition:all 0.2s ease;margin-bottom:0.5rem}.menu-button:hover{background-color:var(--primary-colour);color:var(--nav-text-hover)}.menu-button.active{background-color:var(--secondary-colour);color:var(--tertiary-colour)}.mdui-icon,.dropdown-toggle-split{background-color:var(--card-colour);color:var(--text-colour);box-shadow:none;border-color:var(--border-colour);border:1px solid var(--border-colour);border-radius:var(--button-radius);padding:4px 4px;cursor:pointer;transition:all 0.2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mdui-icon:hover,.dropdown-toggle-split:hover{background-color:var(--tertiary-colour);color:var(--secondary-colour)}.hoverable-container{position:relative}.hoverable-container .hover-action-button{position:absolute;background:rgba(255,255,255,0.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.hoverable-container .hover-action-button.top-right{top:10px;right:20px}.hoverable-container .hover-action-button.top-left{top:10px;left:20px}.hoverable-container .hover-action-button.bottom-right{bottom:10px;right:20px}.hoverable-container .hover-action-button.bottom-left{bottom:10px;left:20px}.hoverable-container .hover-action-button.delete i{color:#dc3545}.hoverable-container .hover-action-button.edit i{color:#0d6efd}.hoverable-container .hover-action-button.add i{color:#198754}.hoverable-container:hover .hover-action-button{opacity:1}.hoverable-container .hover-action-button:hover{background:white;transform:scale(1.05)}.skeleton{background-color:#eee;border-radius:4px;background-image:linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);background-size:200% 100%;background-position:100% 0;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}.skeleton-bar{background-color:#ddd;border-radius:4px;background-image:linear-gradient(90deg, #ddd 25%, #e1e1e1 50%, #ddd 75%);background-size:200% 100%;background-position:100% 0;animation:skeleton-bar-loading 1.5s infinite}@keyframes skeleton-bar-loading{0%{background-position:100% 0}100%{background-position:-100% 0}}.custom-upload-box{width:500px;height:500px;border:3px dashed #e0e0e0;border-radius:12px;display:none;background:#fafafa;margin-bottom:20px;position:relative;transition:all 0.3s ease}.custom-upload-box:hover{border-color:#0d6efd;background:#f8f9fa}.custom-upload-box::before{content:'📸 Select or Drop Image';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.2em;color:#6c757d;pointer-events:none;z-index:1}.custom-upload-box input[type="file"]{width:100%;height:100%;opacity:0;cursor:pointer}.image-preview-container{position:relative;width:500px;height:500px;display:none}.revert-button{position:absolute;top:10px;right:10px;padding:8px 12px;background:rgba(255,255,255,0.9);border:1px solid #dee2e6;border-radius:6px;cursor:pointer;z-index:10;transition:all 0.2s ease}.revert-button:hover{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.layoutcontainer{display:flex;max-width:100%;margin:auto;min-height:100vh}.layoutsidebar{width:auto;min-width:60px;padding:8px;display:flex;justify-content:center}.layoutcontent{flex:1;height:100%;min-width:0}.layoutcontent-full{width:100%}@media screen and (max-width: 576px){.layoutsidebar{display:none}.layoutcontent{width:100%}}@media screen and (max-width: 600px){#lottie{display:none}}.img-interaction{transition:opacity 0.3s ease}.img-interaction:hover{opacity:0.8}:root{--sidebar-width: 5vw}#canvas-container{position:relative;top:0;left:0;width:100%;height:100%;z-index:0}canvas{display:block;cursor:default}canvas.drawing{cursor:crosshair}canvas.can-close{cursor:pointer}.pen-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>') 2 22,text}.tree-cursor{cursor:url('data:image/svg+xml;utf8,    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"         fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">    <!-- top tier -->    <path d="M12 2 L6 10 H18 Z"/>    <!-- middle tier -->    <path d="M12 9 L5 17 H19 Z"/>    <!-- bottom tier -->    <path d="M12 16 L8 21 H16 Z"/>    <!-- trunk -->    <line x1="12" y1="21" x2="12" y2="24"/>    </svg>') 12 22,text}.annotation-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger circle inside bubble -->            <circle cx="16" cy="14" r="4" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.annotation-square-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger square inside bubble -->            <rect x="12" y="10" width="8" height="8" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.annotation-triangle-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"                 fill="white" stroke="black" stroke-width="1" stroke-linejoin="round">            <!-- Larger comment bubble -->            <path d="M28 20a3 3 0 0 1-3 3H10l-6 6V7a3 3 0 0 1 3-3h18a3 3 0 0 1 3 3z"/>            <!-- Larger triangle inside bubble -->            <path d="M16 10 L12 18 L20 18 Z" fill="none" stroke="black" stroke-width="1"/>            </svg>') 16 28,text}.dormer-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter D -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">D</text>            </svg>') 12 12,crosshair}.aframe-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter A -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">A</text>            </svg>') 12 12,crosshair}.hiproof-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter H -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">H</text>            </svg>') 12 12,crosshair}.coneroof-cursor{cursor:url('data:image/svg+xml;utf8,            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">            <!-- White background circle -->            <circle cx="12" cy="12" r="11" fill="white" stroke="black" stroke-width="1"/>            <!-- Letter C -->            <text x="12" y="16" font-family="Arial" font-size="12" font-weight="bold" text-anchor="middle" fill="black">C</text>            </svg>') 12 12,crosshair}#toolbar{position:absolute;top:0;left:0;right:0;padding:10px;display:flex;gap:10px;align-items:center;z-index:900;justify-content:space-between}.toolbar-left{display:flex;gap:10px;align-items:center}.toolbar-right{display:flex;gap:10px;align-items:center}.button{background:#1a1a1a;border:none;color:white;font-family:'Quicksand', sans-serif;padding:2px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.button:hover{background:#3a3a3a}.button.active{background:#e53e3e !important;color:white}#selection-info{color:white;opacity:0;transition:opacity 0.3s;padding:10px;max-height:300px;overflow-y:auto;background:rgba(0,0,0,0.9);border-radius:4px;left:calc(var(--sidebar-width) + 15px);pointer-events:none;width:300px}.selection-info-toolbar{margin-left:auto;width:300px}.selection-info-overlay{position:absolute;top:170px;width:auto;background:rgba(0,0,0,0.7);color:white;padding:8px 10px;border-radius:4px;z-index:1000}.offcanvas{position:fixed;top:0;padding:10px;right:-350px;width:400px;border-radius:5px 0 0 5px;height:100%;color:white;transition:right 0.3s ease;z-index:1000;box-shadow:-2px 0 5px rgba(0,0,0,0.3);overflow-y:auto;overflow-x:hidden}.offcanvas.show{right:0}.offcanvas-header{padding:1rem;border-bottom:1px solid #404040;display:flex;margin-bottom:1rem;justify-content:space-between;align-items:center}.offcanvas-body{padding:1rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;margin-bottom:0.5rem}.pitch-slider{max-width:120px}.pitch-fraction{display:flex;align-items:center;border-radius:4px;border:solid 1px #ccc;padding:2px 4px;min-width:100px}.pitch-fraction input{width:50px;border:none;text-align:left;background-color:transparent}.pitch-fraction span{margin-left:2px}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.delete-button{background:#dc2626;width:80%;border-radius:10px;color:white;margin-top:2rem}.delete-button:hover{background:#b91c1c}#shadow-controls{position:absolute;bottom:10px;left:10px;display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,0.9);padding:15px;border-radius:8px;z-index:900}#shadow-info{color:white;background:rgba(0,0,0,0.7);padding:10px;border-radius:4px;margin-top:10px;display:none}.controls{position:absolute;top:10px;left:10px;display:flex;gap:10px;z-index:900}.shadow-controls{position:absolute;bottom:10px;display:flex;gap:10px;z-index:900}.button-group{display:flex;gap:0.5rem;margin:1rem 0}.button-group .button{flex:1}.info-panel{padding:0.25rem;border-radius:4px;margin:0.25rem;font-size:0.9rem}.section-title{font-size:1.2rem;color:#4ade80;margin:1.5rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid #404040}.section-content{padding:0.1rem 0}.action-buttons{margin-top:5px;display:flex;flex-direction:column;gap:10px}.action-buttons button{width:100%}.solar-panel-controls{margin-top:20px;padding-top:20px;border-top:1px solid #555}.solar-panel-controls h3{margin-top:0;margin-bottom:15px}.solar-panel-buttons{display:flex;flex-direction:column;gap:10px}.solar-panel-buttons button{width:100%}.solar-panel-active{background-color:#2196F3}.solar-panel-active:hover{background-color:#1976D2}.obstruction-active{background-color:#2196F3}.obstruction-active:hover{background-color:#1976D2}.panel-config-grid{display:flex;gap:10px}.panel-config-item{flex:1}.panel-button{width:100%}.panel-delete{background:#dc2626}.panel-delete:hover{background:#b91c1c}.info-section{padding:10px;border-radius:4px}.info-section h4{margin-top:0;margin-bottom:10px;font-size:16px}.info-section p{margin:5px 0;font-size:14px}.dimensions-list{margin:0;padding-left:20px;font-size:14px}.dimensions-list li{margin-bottom:5px}.mode-toggle-buttons{display:flex;gap:10px}.mode-toggle-buttons .button{flex:1;justify-content:center;padding:10px}.mode-button{background:#444444;transition:background-color 0.3s, color 0.3s}.mode-button.active{background:#f47424 !important;color:#fcfcfc}#edit-polygon-section .delete-button{margin-top:5px;width:100%}#solar-production-info h4{margin-top:0;margin-bottom:10px;font-size:16px}.losses-info{margin-top:10px;padding:10px;border:solid 1px #dddddd;border-radius:4px;height:125px;overflow-y:auto}.loss-item{padding-left:10px}#save-design-button{background:#335eea;color:white;font-family:'Quicksand', sans-serif}#save-design-button:hover{background:#f47424}.compass{position:absolute;top:50px;left:10px;width:80px;height:80px;border-radius:50%;background-color:rgba(0,0,0,0.8);border:2px solid rgba(255,255,255,0.8);box-shadow:0 4px 8px rgba(0,0,0,0.3);z-index:1000;overflow:hidden;cursor:pointer;transition:all 0.3s ease}.compass-hover{box-shadow:0 6px 12px rgba(0,0,0,0.4);transform:scale(1.05)}.compass-hidden{opacity:0.4;transform:scale(0.9)}.compass-labels{position:absolute;width:100%;height:100%;pointer-events:none}.compass-label{position:absolute;color:rgba(255,255,255,0.9);font-weight:600;font-size:14px;font-family:Arial, sans-serif;text-shadow:0px 1px 2px rgba(0,0,0,0.5)}.compass-north{top:5px;left:50%;color:#f47424;transform:translateX(-50%)}.compass-east{top:50%;right:5px;transform:translateY(-50%)}.compass-south{bottom:5px;left:50%;transform:translateX(-50%)}.compass-west{top:50%;left:5px;transform:translateY(-50%)}.compass-needle{position:absolute;top:50%;left:50%;width:2px;height:60%;background-color:#ff4d4d;transform-origin:center bottom;transform:translateX(-50%) translateY(-100%) rotate(0deg);pointer-events:none;transition:transform 0.1s ease-out}.compass-center{position:absolute;top:50%;left:50%;width:6px;height:6px;background-color:#ff4d4d;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none}.pv-watts-info{position:absolute;top:25%;left:10px;font-family:'Quicksand', sans-serif;background:rgba(0,0,0,0.9);color:white;padding:15px;border-radius:4px;font-size:14px;z-index:900;border:2px solid #4A90E2;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.pv-watts-info h4{margin-top:0;margin-bottom:8px}.ortho-context-menu{position:fixed;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1000;padding:8px 0;min-width:180px;font-family:Arial, sans-serif}.ortho-context-menu-header{padding:4px 16px;font-weight:bold;border-bottom:1px solid #eee;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ortho-context-menu-header.dragging{border-bottom-color:#007acc}.ortho-context-menu-close-button{background:none;border:none;font-size:16px;cursor:pointer;color:#666;padding:2px 4px;border-radius:2px;line-height:1}.ortho-context-menu-close-button:hover{background-color:#f0f0f0;color:#333}.ortho-context-menu-item{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px}.ortho-context-menu-item-hover{background-color:#f0f0f0}.ortho-context-menu-icon{width:16px;text-align:center}.ortho-context-menu-slider-section{padding:8px 16px;margin-bottom:8px}.ortho-context-menu-slider-label{font-size:14px;margin-bottom:5px}.ortho-context-menu-slider-container{padding:0 2px}.ortho-context-menu-slider{width:100%;margin:5px 0;-webkit-appearance:none;height:6px;background:#e0e0e0;border-radius:3px;outline:none}.ortho-context-menu-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#4ade80;cursor:pointer}.ortho-context-menu-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4ade80;cursor:pointer;border:none}.ortho-context-menu-pitch-inputs{display:flex;border-radius:4px;align-items:center;gap:5px;min-width:140px;margin-top:5px}.ortho-context-menu-pitch-slider{max-width:80px;-webkit-appearance:none;height:4px;background:#e0e0e0;border-radius:2px;outline:none}.ortho-context-menu-pitch-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#4ade80;cursor:pointer}.ortho-context-menu-pitch-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#4ade80;cursor:pointer;border:none}.ortho-context-menu-pitch-fraction{display:flex;align-items:center;border-radius:3px;padding:1px 3px;min-width:80px}.ortho-context-menu-pitch-fraction input{width:50px;border:none;text-align:left;background-color:transparent;font-size:12px}.ortho-context-menu-pitch-fraction span{margin-left:2px;font-size:12px}.ortho-context-menu-degrees-input{max-width:50px;text-align:right;border:1px solid #ccc;border-radius:3px;padding:1px 3px;font-size:12px;background:transparent}.scene-notification{padding:15px 25px;border-radius:8px;font-family:'Quicksand', sans-serif}.scene-notification-success{background-color:#28a745;color:white}.scene-notification-error{background-color:#dc3545;color:white}.design-tool-notification{position:fixed;bottom:20px;right:20px;padding:10px 15px;background-color:rgba(0,0,0,0.7);color:white;border-radius:4px;z-index:9999;transition:opacity 0.3s ease-in-out;opacity:0}.design-tool-notification.visible{opacity:1}.notification-info{background-color:#2196f3}.notification-warning{background-color:#ff9800}.notification-error{background-color:#ff5f5f}.notification-success{background-color:#00e2c4}.panel-mode-status{padding:8px;margin-bottom:10px;border-radius:4px;font-weight:bold;text-align:center}#panel-mode-indicator{display:inline-flex;align-items:center;padding:6px 6px;margin:0 10px;border-radius:4px;font-weight:bold;font-size:0.9rem;gap:6px;white-space:nowrap}.panel-mode-active{background-color:#00e2c4;color:white}.panel-mode-inactive{background-color:#f8d7da;color:#721c24}.obstruction-mode-active{background-color:#fd7e14;color:white}.snap-indicator{position:fixed;top:80px;right:20px;background:rgba(0,0,0,0.8);color:white;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:bold;font-family:'Quicksand', Arial, sans-serif;z-index:10000;pointer-events:none;border:2px solid #4A90E2;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.snap-indicator.snap-disabled{background-color:rgba(255,0,0,0.7)}.pv-watts-tabs{display:flex;margin-bottom:10px}.pv-watts-tab{padding:5px 10px;cursor:pointer;margin-right:10px;margin-bottom:2px;border-radius:4px 4px 0 0}.polygon-array-item{margin-bottom:15px;padding:10px;border-radius:4px;cursor:pointer;transition:all 0.2s}.polygon-array-item:hover{background:rgba(255,255,255,0.2)}.polygon-array-item h5{margin-top:0;margin-bottom:5px;font-size:14px}.click-hint{font-size:11px;color:rgba(255,255,255,0.5);font-weight:normal}#arrays-tab{max-height:400px;overflow-y:auto}#polygon-arrays-list{max-height:350px;overflow-y:auto}.offcanvas-bottom{position:fixed;bottom:-300px;left:0;width:100%;height:300px;background:#2a2a2a;color:white;transition:bottom 0.3s ease;z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,0.3);overflow-y:hidden;overflow-x:hidden;padding:0}.offcanvas-bottom.show{bottom:0}.tutorial-tabs{display:flex;background:#1a1a1a;border-bottom:1px solid #404040}.tutorial-tab{padding:10px 15px;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.2s ease}.tutorial-tab:hover{background:#333}.tutorial-tab.active{border-bottom:3px solid #4ade80;background:#333}.tutorial-content{padding:15px;height:calc(100% - 43px);overflow-y:auto}.tutorial-pane{display:none;height:100%}.tutorial-pane.active{display:block}.tutorial-toggle{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:#2a2a2a;color:white;border:none;border-radius:8px 8px 0 0;padding:8px 16px;cursor:pointer;z-index:1001;box-shadow:0 -2px 5px rgba(0,0,0,0.2);font-size:14px;display:flex;align-items:center;gap:8px}.tutorial-toggle:hover{background:#3a3a3a}.tutorial-toggle i{font-size:16px}.help-text{display:block;margin-top:5px;font-size:0.8rem;color:#aaa}.monthly-inputs{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;margin-top:10px}.month-input{display:flex;flex-direction:column}.month-input label{margin-bottom:5px;font-size:0.9rem}.month-input input{width:100%;padding:8px}.tab-spacer{flex-grow:1}#map-view-container{position:absolute;top:60px;right:10px;width:400px;height:300px;background-color:#333;border:2px solid #555;border-radius:5px;z-index:800;overflow:hidden;box-shadow:0px 0px 10px rgba(0,0,0,0.5);display:none;transition:width 0.3s, height 0.3s}#map-view-container.expanded{width:600px;height:450px}#map-view-container .close-button{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,0.5);color:white;border:none;border-radius:50%;width:25px;height:25px;font-size:16px;cursor:pointer;z-index:801;transition:background-color 0.2s}#map-view-container .close-button:hover{background-color:rgba(255,0,0,0.7)}#map-view-container .map-view-button{position:absolute;z-index:801;background-color:rgba(0,0,0,0.5);color:white;border:none;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background-color 0.2s}#map-view-container .map-view-button:hover{background-color:rgba(66,133,244,0.7)}#toggle-view-button{top:5px;left:5px}#google-map{width:100%;height:100%}#street-view-panorama{width:100%;height:100%}canvas.calibration-mode{cursor:crosshair !important}.mpp-display{color:white;background-color:rgba(0,0,0,0.5);padding:5px 10px;border-radius:4px;margin-top:10px;display:inline-block;font-size:0.9em}#mpp-warning-icon{animation:pulse 1.5s infinite;text-shadow:0 0 5px rgba(255,193,7,0.6)}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.distance-label{font-family:'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000;position:absolute;transform:translate(-50%, -50%);transition:opacity 0.2s ease}.distance-label-content{background:linear-gradient(135deg, rgba(0,0,0,0.81) 0%, rgba(20,20,20,0.81) 100%);color:#ffffff;padding:3px 6px;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,0.25);box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;min-width:30px;text-align:center;line-height:1.2}.distance-label-content::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);pointer-events:none}.distance-text{position:relative;z-index:1;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.5);letter-spacing:0.3px}.distance-label+svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.distance-label+svg path{stroke:rgba(255,255,255,0.6);stroke-width:2;fill:none;stroke-dasharray:6, 4;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3));animation:dashMove 2s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-10}}@media (max-width: 768px){.distance-label{font-size:10px}.distance-label-content{padding:2px 4px;font-size:10px;min-width:26px}}.snap-guide-label{font-family:'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1001;position:absolute;transform:translate(-50%, -50%);transition:opacity 0.2s ease}.snap-guide-label-content{background:linear-gradient(135deg, rgba(0,0,0,0.81) 0%, rgba(20,20,20,0.81) 100%);color:#ffffff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden;min-width:24px;text-align:center;line-height:1.2}.snap-guide-parallel .snap-guide-label-content{border:2px solid #4ade80}.snap-guide-perpendicular .snap-guide-label-content{border:2px solid #f59e0b}.snap-guide-angle .snap-guide-label-content{border:2px solid #3b82f6}.snap-guide-equal .snap-guide-label-content{border:2px solid #8b5cf6}.snap-guide-angle-home .snap-guide-label-content{border:2px solid #ef4444;animation:snap-guide-pulse 1.5s ease-in-out infinite}@keyframes snap-guide-pulse{0%{box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}50%{box-shadow:0 3px 14px rgba(239,68,68,0.6),0 2px 7px rgba(239,68,68,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}100%{box-shadow:0 3px 14px rgba(0,0,0,0.4),0 2px 7px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1)}}.snap-guide-label-content::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);pointer-events:none}.snap-guide-text{position:relative;z-index:1;display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,0.5);letter-spacing:0.3px}@media (max-width: 768px){.snap-guide-label{font-size:10px}.snap-guide-label-content{padding:3px 6px;font-size:10px;min-width:20px}}.snap-guide-compound .snap-guide-label-content{border:2px solid #06b6d4;background:linear-gradient(135deg, rgba(6,182,212,0.15) 0%, rgba(20,20,20,0.81) 100%)}.dimension-controls{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:5px;margin-bottom:10px;margin-top:10px}.color-options{display:flex;flex-direction:column;gap:10px}.color-option{display:flex;align-items:center;padding:12px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all 0.2s ease}.color-option:hover{border-color:#007bff;background:#f8f9fa}.color-option.selected{border-color:#007bff;background:#e3f2fd}.color-preview{width:30px;height:30px;border-radius:4px;margin-right:12px;border:1px solid #ddd}.fun-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:3000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}.fun-loading-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:32px;border-radius:20px;border:1px solid ffffff;box-shadow:0 20px 60px rgba(0,0,0,0.4);width:90%;max-width:500px;min-width:350px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.fun-loading-header{text-align:center;margin-bottom:32px}.fun-loading-icon{font-size:40px;margin-bottom:16px;animation:spin 3s linear infinite;display:inline-block}.fun-loading-title{color:#ffffff;margin:0;font-size:22px;font-weight:600;letter-spacing:0.5px}.fun-loading-checklist{text-align:left;line-height:1.6}.fun-loading-step{padding:4px 0;transition:all 0.4s ease}.fun-loading-step-text{color:rgba(255,255,255,0.6);font-size:14px;font-weight:400;transition:all 0.4s ease;line-height:1.4}.fun-loading-step.completed .fun-loading-step-text{color:#22c55e;font-weight:500;text-shadow:0 0 8px rgba(34,197,94,0.3)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.annotation-context-menu{position:fixed;background:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:10001;font-family:'Quicksand', Arial, sans-serif;min-width:120px;display:none}.annotation-context-menu-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color 0.2s}.annotation-context-menu-item:hover{background-color:#f0f0f0}.annotation-context-menu-item:not(:last-child){border-bottom:1px solid #eee}.annotation-context-menu-item.delete{color:#dc3545}.annotation-context-menu-item.delete:hover{background-color:#ffebee}.annotation-toolbar-color{width:32px;height:32px;border:1px solid #555;border-radius:4px;cursor:pointer;background:none;padding:0}.annotation-toolbar-color::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:3px}.annotation-toolbar-color::-webkit-color-swatch{border:none;border-radius:3px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loading-progress{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}.tabs-nav{display:flex;list-style:none;padding:0;margin:0;gap:22px;flex-wrap:nowrap}.tabs-container{overflow-x:auto;white-space:nowrap;padding-bottom:5;gap:8px;padding-left:10px;padding-right:10px}.kanban-board{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.kanban-board .kanban-columns-container{display:flex;flex-wrap:nowrap;gap:1rem;min-width:-moz-fit-content;min-width:fit-content;padding-bottom:1rem}.kanban-board .kanban-column-wrapper{flex:0 0 auto}.kanban-board .kanban-column{width:280px;min-width:280px;max-width:280px}.kanban-board .kanban-column .kanban-header{transition:background-color 0.2s}.kanban-board .kanban-column .kanban-body{min-height:400px;max-height:70vh;overflow-y:auto;transition:background-color 0.2s}.kanban-board .kanban-column.drag-over{background-color:rgba(40,167,69,0.1);border:2px dashed #28a745;border-radius:8px}.kanban-board .kanban-column.drag-over .kanban-header{background-color:rgba(40,167,69,0.1) !important}.kanban-board .kanban-column.stage-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .kanban-column.column-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .kanban-column.column-dragging{opacity:0.6;transform:rotate(2deg);z-index:1000}.kanban-board .kanban-column.column-drag-over{border:2px dashed #007bff;border-radius:8px;background-color:rgba(0,123,255,0.05)}.kanban-board .column-drag-handle{display:flex;align-items:center;opacity:0.6;transition:opacity 0.2s}.kanban-board .column-drag-handle:hover{opacity:1}.kanban-board .column-drag-handle:active{cursor:grabbing}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;margin:0 1rem}.kanban-board::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.kanban-board::before,.kanban-board::after{content:'';position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1;transition:opacity 0.3s}.kanban-board::before{left:0;background:linear-gradient(to right, rgba(255,255,255,0.8), transparent);opacity:0}.kanban-board::after{right:0;background:linear-gradient(to left, rgba(255,255,255,0.8), transparent);opacity:0}.kanban-board.scrollable-left::before{opacity:1}.kanban-board.scrollable-right::after{opacity:1}.quote-card{cursor:pointer;transition:transform 0.2s, box-shadow 0.2s;min-width:250px !important}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.quote-card:hover .dropdown-toggle{opacity:1}.quote-card:hover .card-actions{opacity:1}.quote-card.dragging{opacity:0.5;transform:rotate(5deg);cursor:grabbing}.quote-card.just-moved{animation:justMoved 1s ease-out}.quote-card .card-actions.btn-group{opacity:0.8;transition:opacity 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-radius:4px;overflow:hidden}.quote-card .card-actions.btn-group:hover{opacity:1;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.quote-card .btn-group .drag-handle{cursor:grab;transition:all 0.2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quote-card .btn-group .drag-handle:hover{background-color:rgba(108,117,125,0.1) !important;border-color:rgba(108,117,125,0.3) !important}.quote-card .btn-group .drag-handle:active{cursor:grabbing;background-color:rgba(108,117,125,0.2) !important}.quote-card .btn-group .drag-handle i{color:#666;font-size:9px}.quote-card .btn-group .drag-handle[disabled]{cursor:not-allowed;opacity:0.4}.quote-card .btn-group .move-drag-btn{cursor:pointer;transition:all 0.2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quote-card .btn-group .move-drag-btn:hover{background-color:rgba(0,102,204,0.1) !important;border-color:rgba(0,102,204,0.3) !important}.quote-card .btn-group .move-drag-btn:active{background-color:rgba(0,102,204,0.2) !important}.quote-card .btn-group .move-drag-btn i{color:#0066cc;font-size:9px}.quote-card .card-title-field{padding-right:3.5rem}.quote-card .card-title-field a{display:block;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}@keyframes justMoved{0%{transform:scale(1.05);box-shadow:0 0 20px rgba(40,167,69,0.5)}100%{transform:scale(1);box-shadow:none}}@keyframes dropIndicator{0%{opacity:0.6;transform:scaleY(0.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}50%{transform:scale(1.03);box-shadow:0 8px 25px rgba(40,167,69,0.3)}100%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}}@keyframes dropZonePulse{0%{border-color:#007bff;background-color:rgba(0,123,255,0.1)}100%{border-color:#0056b3;background-color:rgba(0,123,255,0.2)}}@media (max-width: 768px){.kanban-board{padding-left:1rem;padding-right:1rem;margin-left:-1rem;margin-right:-1rem}.kanban-board .kanban-column{width:240px;min-width:240px;max-width:240px}.kanban-board .kanban-body{min-height:300px}.quote-card{cursor:pointer}.quote-card .card-actions{opacity:1}.quote-card .drag-handle{opacity:0.5}.quote-card .drag-handle:hover{transform:none}.quote-card .move-drag-btn{opacity:1}.quote-card .move-drag-btn:hover{transform:none}}@media (max-width: 480px){.kanban-board .kanban-column{width:200px;min-width:200px;max-width:200px}.kanban-board .kanban-header{padding:0.75rem !important}.kanban-board .kanban-header h5{font-size:1rem}.kanban-board .kanban-body{min-height:250px;padding:0.5rem !important}.quote-card .card-body{padding:0.5rem !important}.quote-card .card-title{font-size:0.9rem}.quote-card .move-quote-btn{font-size:0.65rem;padding:0.15rem 0.3rem}}.workflow-header .workflow-actions{gap:0.5rem}.workflow-header .workflow-actions .btn{white-space:nowrap}.workflows-grid .workflow-grid-container{position:relative;min-height:400px}.workflows-grid .workflow-cards-layer{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;position:relative}.workflows-grid .workflow-cards-layer .workflow-card-wrapper.preview-moving{position:relative;z-index:20}.workflows-grid .drop-zone{position:absolute;background-color:rgba(0,123,255,0.05);border:3px dashed #007bff;border-radius:12px;opacity:0;transition:all 0.2s;z-index:-1;pointer-events:none}.workflows-grid .drop-zone.active{opacity:1;z-index:5;pointer-events:auto;background-color:rgba(0,123,255,0.08);border-color:#0056b3;animation:dropZonePulse 1.5s ease-in-out infinite alternate;box-shadow:inset 0 2px 8px rgba(0,123,255,0.1)}.workflows-grid .drop-zone::before{content:'Drop here';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#007bff;font-weight:600;font-size:0.85rem;white-space:nowrap;opacity:0;transition:opacity 0.2s;text-shadow:0 1px 2px rgba(255,255,255,0.8);background-color:rgba(255,255,255,0.9);padding:0.25rem 0.5rem;border-radius:4px;border:1px solid rgba(0,123,255,0.2)}.workflows-grid .drop-zone.active::before{opacity:1}.workflows-grid .workflow-card-wrapper{transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.workflows-grid .workflow-card-wrapper.dragging{opacity:0.3;transform:scale(0.95);z-index:1000;transition:none}.workflows-grid .workflow-card-wrapper.preview-moving{transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:20}.workflows-grid .workflow-card-wrapper.will-move .workflow-card{transform:scale(0.95);opacity:0.7;border:2px solid #ffc107;box-shadow:0 4px 12px rgba(255,193,7,0.3)}.workflows-grid .workflow-card-wrapper.success-move .workflow-card{animation:successPulse 0.6s ease-out}.workflows-grid .workflow-card{transition:box-shadow 0.2s;position:relative;z-index:10;background-color:white}.workflows-grid .workflow-card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:15}.workflows-grid .workflow-card .drag-handle,.workflows-grid .workflow-card .drag-handle-spreadsheet{cursor:grab;opacity:0.5;transition:opacity 0.2s}.workflows-grid .workflow-card .drag-handle:hover,.workflows-grid .workflow-card .drag-handle-spreadsheet:hover{opacity:1}.workflows-grid .workflow-card .drag-handle:active,.workflows-grid .workflow-card .drag-handle-spreadsheet:active{cursor:grabbing}.workflows-grid .workflow-card .drag-handle-cell{width:50px;text-align:center;vertical-align:middle}.workflows-grid .workflow-card .drag-handle-cell .drag-handle-spreadsheet{display:inline-block;padding:8px;border-radius:4px;transition:all 0.2s}.workflows-grid .workflow-card .drag-handle-cell .drag-handle-spreadsheet:hover{background-color:rgba(0,0,0,0.05)}.workflows-grid .workflow-card .workflow-color-indicator{flex-shrink:0}.workflows-grid .workflow-card .workflow-actions .mdui-icon{opacity:0.7;transition:opacity 0.2s}.workflows-grid .workflow-card .workflow-actions .mdui-icon:hover{opacity:1}.workflows-grid .workflow-card .workflow-actions .mdui-icon.text-danger:hover{color:#dc3545 !important}.workflows-grid .workflow-card .position-indicator{font-size:0.75rem;opacity:0.6}.workflows-grid .workflow-placeholder .border-dashed{border:2px dashed #dee2e6 !important;background-color:#f8f9fa;opacity:0.7}.color-preset-btn{width:24px;height:24px;border:2px solid #fff;border-radius:50%;margin-right:0.25rem;padding:0;cursor:pointer;transition:all 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.color-preset-btn:hover{transform:scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,0.3);border-color:#dee2e6}.color-preset-btn:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}.color-preset-btn:active{transform:scale(0.95)}.color-presets .color-preset-btn{display:inline-block;vertical-align:middle}.stage-dropdown .dropdown-menu{min-width:200px}.stage-dropdown .dropdown-menu .dropdown-header{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px}.stage-dropdown .dropdown-menu .dropdown-item{font-size:0.875rem}.stage-dropdown .dropdown-menu .dropdown-item i{width:16px;text-align:center}.stage-dropdown .dropdown-menu .dropdown-item.text-danger:hover{background-color:rgba(220,53,69,0.1)}.stage-dropdown .dropdown-menu .dropdown-item.text-warning:hover{background-color:rgba(255,193,7,0.1)}.quote-move-dropdown .dropdown-menu{min-width:180px;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.quote-move-dropdown .dropdown-menu .dropdown-header{background-color:rgba(0,0,0,0.03);font-weight:600}.quote-move-dropdown .dropdown-menu .dropdown-item{padding:0.5rem 1rem}.quote-move-dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(0,123,255,0.1)}.quote-move-dropdown .dropdown-menu .dropdown-item i{width:18px}.kanban-empty-state .empty-icon{font-size:3rem;opacity:0.5}.kanban-empty-state .empty-title{font-size:1.5rem;font-weight:300}.kanban-empty-state .empty-description{opacity:0.7}.stage-counter{font-size:0.75rem;opacity:0.8}.stage-counter.has-quotes{opacity:1;font-weight:500}.kanban-notification{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;animation:slideInRight 0.3s ease-out}.kanban-notification.slide-out{animation:slideOutRight 0.3s ease-in}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.quote-move-modal .workflow-item,.quote-move-modal .stage-item,.bulk-move-modal .workflow-item,.bulk-move-modal .stage-item{transition:all 0.2s ease;cursor:pointer;background-color:var(--card-colour) !important;border-color:var(--border-colour) !important;color:var(--text-colour) !important}.quote-move-modal .workflow-item:hover:not(.selected):not(.disabled),.quote-move-modal .stage-item:hover:not(.selected):not(.disabled),.bulk-move-modal .workflow-item:hover:not(.selected):not(.disabled),.bulk-move-modal .stage-item:hover:not(.selected):not(.disabled){border-color:var(--secondary-colour) !important;background-color:var(--primary-colour) !important}.quote-move-modal .workflow-item.selected,.quote-move-modal .stage-item.selected,.bulk-move-modal .workflow-item.selected,.bulk-move-modal .stage-item.selected{border-color:var(--secondary-colour) !important;border-width:2px;background-color:var(--primary-colour) !important}.quote-move-modal .workflow-item.disabled,.quote-move-modal .stage-item.disabled,.bulk-move-modal .workflow-item.disabled,.bulk-move-modal .stage-item.disabled{cursor:not-allowed !important;opacity:0.5}.quote-move-modal .current-selection,.bulk-move-modal .current-selection{border-left:4px solid var(--secondary-colour);background-color:var(--primary-colour) !important}.quote-move-modal .workflows-container,.quote-move-modal .stages-container,.bulk-move-modal .workflows-container,.bulk-move-modal .stages-container{border-radius:0.375rem;padding:1rem}.quote-move-modal .workflow-stats .badge,.quote-move-modal .stage-stats .badge,.bulk-move-modal .workflow-stats .badge,.bulk-move-modal .stage-stats .badge{font-size:0.75rem}.quote-move-modal .modal-content,.bulk-move-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.quote-move-modal .modal-header,.bulk-move-modal .modal-header{border-bottom:1px solid #dee2e6}.quote-move-modal .modal-header .modal-title,.bulk-move-modal .modal-header .modal-title{font-weight:600;color:#495057}.quote-move-modal .modal-body,.bulk-move-modal .modal-body{padding:1.5rem}.quote-move-modal .modal-footer,.bulk-move-modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.quote-move-modal .modal-footer .button-13,.quote-move-modal .modal-footer .button-14,.quote-move-modal .modal-footer .glitch-button,.quote-move-modal .modal-footer .ortho-context-menu-close-button,.quote-move-modal .modal-footer .button-13-outline,.bulk-move-modal .modal-footer .button-13,.bulk-move-modal .modal-footer .button-14,.bulk-move-modal .modal-footer .glitch-button,.bulk-move-modal .modal-footer .ortho-context-menu-close-button,.bulk-move-modal .modal-footer .button-13-outline{min-width:120px}.stage-stats .stage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(60px, 1fr));gap:0.5rem;margin-bottom:0.5rem}.stage-stats .stage-stats-grid .stat-item{text-align:center;padding:0.25rem 0.125rem;background-color:rgba(255,255,255,0.1);border-radius:4px;border:1px solid rgba(255,255,255,0.2)}.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.625rem;text-transform:uppercase;letter-spacing:0.5px;opacity:0.8;margin-bottom:0.125rem;font-weight:500}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.75rem;font-weight:600;line-height:1}.stage-stats .text-muted.small{text-align:center;font-style:italic;opacity:0.6}.stage-sort-controls .sort-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:4px;padding:0.25rem 0.375rem;color:inherit;font-size:0.75rem;transition:all 0.2s ease;position:relative;min-width:32px;display:flex;align-items:center;justify-content:center;opacity:0.7}.stage-sort-controls .sort-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);opacity:1;transform:translateY(-1px)}.stage-sort-controls .sort-btn:active{transform:translateY(0)}.stage-sort-controls .sort-btn .sort-indicator{position:absolute;top:-2px;right:-2px;font-size:8px;opacity:0;transition:opacity 0.2s}.stage-sort-controls .sort-btn .sort-indicator::after{content:'';display:inline-block;width:0;height:0;margin-left:2px}.stage-sort-controls .sort-btn.sort-active{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);opacity:1;font-weight:600}.stage-sort-controls .sort-btn.sort-active .sort-indicator{opacity:1}.stage-sort-controls .sort-btn.sort-active.sort-asc .sort-indicator::after{border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid currentColor}.stage-sort-controls .sort-btn.sort-active.sort-desc .sort-indicator::after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor}.stage-sort-controls .sort-btn i{font-size:0.75rem}@media (max-width: 768px){.stage-stats .stage-stats-grid{grid-template-columns:repeat(2, 1fr);gap:0.25rem}.stage-stats .stage-stats-grid .stat-item{padding:0.2rem 0.1rem}.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.55rem}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.65rem}.stage-sort-controls .sort-btn{padding:0.2rem 0.3rem;min-width:28px}.stage-sort-controls .sort-btn i{font-size:0.65rem}}@media (max-width: 480px){.stage-stats .stage-stats-grid .stat-item .stat-label{font-size:0.5rem;margin-bottom:0.1rem}.stage-stats .stage-stats-grid .stat-item .stat-value{font-size:0.6rem}.stage-sort-controls{gap:2px}.stage-sort-controls .sort-btn{padding:0.15rem 0.25rem;min-width:26px}.stage-sort-controls .sort-btn i{font-size:0.6rem}}@media (prefers-reduced-motion: reduce){.quote-card{transition:none}.quote-card.just-moved{animation:none;box-shadow:0 0 0 2px #28a745}.kanban-notification{animation:none}.stage-sort-controls .sort-btn{transition:none}.stage-stats .stat-item{transition:none}}th.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color 0.2s ease;padding:0.875rem 0.75rem !important;background-color:var(--card-colour) !important;color:var(--text-colour) !important}th.sortable-header:hover{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important}th.sortable-header .sort-indicators{opacity:0;transition:opacity 0.2s ease;min-width:16px}th.sortable-header .sort-indicators .sort-asc,th.sortable-header .sort-indicators .sort-desc{display:block;line-height:0.6;font-size:0.7rem;color:var(--text-colour);opacity:0.5;transition:color 0.2s ease}th.sortable-header .sort-indicators .sort-asc.active,th.sortable-header .sort-indicators .sort-desc.active{color:var(--secondary-colour);opacity:1;font-weight:900}th.sortable-header:hover .sort-indicators{opacity:1}th.sortable-header.sorted-asc,th.sortable-header.sorted-desc{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important;font-weight:600 !important}th.sortable-header.sorted-asc .sort-indicators,th.sortable-header.sorted-desc .sort-indicators{opacity:1}th.sortable-header.sorted-asc i,th.sortable-header.sorted-desc i{color:var(--secondary-colour) !important}th.sortable-header.sorted-asc i::before{content:"\f0de" !important}th.sortable-header.sorted-desc i::before{content:"\f0dd" !important}th.sortable-header.sorting .sort-indicators{opacity:1}button.sortable-header{background:none;border:none;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color 0.2s ease;font-weight:inherit;color:inherit;text-align:left}button.sortable-header:hover{color:#007bff}button.sortable-header.sorted-asc,button.sortable-header.sorted-desc{color:#007bff;font-weight:600}button.sortable-header i{transition:color 0.2s ease}button.sortable-header:hover i{color:#007bff}.spreadsheet-table thead.bg-theme{background-color:var(--bs-theme) !important}.spreadsheet-table thead.bg-theme th{background-color:var(--bs-theme) !important;border-bottom-color:rgba(0,0,0,0.1)}.spreadsheet-table .quote-row{transition:background-color 0.2s ease}.spreadsheet-table .quote-row:hover{background-color:rgba(0,123,255,0.02)}.spreadsheet-table .quote-row.dragging{opacity:0.6;transform:scale(0.98)}.column-config-modal .modal-content,.card-fields-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.column-config-modal .modal-header,.card-fields-modal .modal-header{border-bottom:1px solid var(--border-colour, #dee2e6)}.column-config-modal .modal-header .modal-title,.card-fields-modal .modal-header .modal-title{font-weight:600;color:var(--text-colour, #495057)}.column-config-modal .modal-header .btn-close,.card-fields-modal .modal-header .btn-close{background:none;border:none;font-size:1.2rem;opacity:0.7;transition:opacity 0.2s;color:var(--text-colour, #495057)}.column-config-modal .modal-header .btn-close:hover,.card-fields-modal .modal-header .btn-close:hover{opacity:1;color:var(--secondary-colour, #f47424)}.column-config-modal .modal-body,.card-fields-modal .modal-body{padding:1.5rem}.column-config-modal .modal-footer,.card-fields-modal .modal-footer{border-top:1px solid var(--border-colour, #dee2e6);padding:1rem 1.5rem}.column-config-modal .column-list,.card-fields-modal .column-list{border:1px solid var(--border-colour, #dee2e6);border-radius:8px;max-height:300px;overflow-y:auto;background:var(--background-colour, #f8f9fa)}.column-config-modal .column-list::-webkit-scrollbar,.card-fields-modal .column-list::-webkit-scrollbar{width:8px}.column-config-modal .column-list::-webkit-scrollbar-track,.card-fields-modal .column-list::-webkit-scrollbar-track{background:var(--background-colour, #f1f1f1);border-radius:4px}.column-config-modal .column-list::-webkit-scrollbar-thumb,.card-fields-modal .column-list::-webkit-scrollbar-thumb{background:var(--scrollbar-colour, #c1c1c1);border-radius:4px}.column-config-modal .column-list::-webkit-scrollbar-thumb:hover,.card-fields-modal .column-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-colour, #a8a8a8)}.column-config-modal .column-item,.card-fields-modal .column-item{padding:0.75rem;border-bottom:1px solid var(--border-colour, #dee2e6);background:var(--card-colour, white);transition:all 0.2s ease;cursor:grab}.column-config-modal .column-item:last-child,.card-fields-modal .column-item:last-child{border-bottom:none}.column-config-modal .column-item:hover,.card-fields-modal .column-item:hover{background:var(--primary-colour, #f8f9fa)}.column-config-modal .column-item.selected,.card-fields-modal .column-item.selected{background:var(--primary-colour, #e7f3ff);border-left:3px solid var(--secondary-colour, #007bff)}.column-config-modal .column-item.dragging,.card-fields-modal .column-item.dragging{opacity:0.4;transform:rotate(2deg);z-index:1000}.column-config-modal .column-item .column-action-btn,.card-fields-modal .column-item .column-action-btn{background:none;border:none;padding:0.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.column-config-modal .column-item .column-action-btn.add-btn,.card-fields-modal .column-item .column-action-btn.add-btn{color:#28a745}.column-config-modal .column-item .column-action-btn.add-btn:hover,.card-fields-modal .column-item .column-action-btn.add-btn:hover{background:rgba(40,167,69,0.1);transform:scale(1.1)}.column-config-modal .column-item .column-action-btn.remove-btn,.card-fields-modal .column-item .column-action-btn.remove-btn{color:#dc3545}.column-config-modal .column-item .column-action-btn.remove-btn:hover,.card-fields-modal .column-item .column-action-btn.remove-btn:hover{background:rgba(220,53,69,0.1);transform:scale(1.1)}.column-config-modal .column-item .column-action-btn i,.card-fields-modal .column-item .column-action-btn i{font-size:0.875rem}.column-config-modal .column-item .drag-handle,.card-fields-modal .column-item .drag-handle{opacity:0.6;cursor:grab;margin-right:8px;transition:opacity 0.2s}.column-config-modal .column-item .drag-handle:hover,.card-fields-modal .column-item .drag-handle:hover{opacity:1;color:var(--secondary-colour, #007bff)}.column-config-modal .column-item .drag-handle:active,.card-fields-modal .column-item .drag-handle:active{cursor:grabbing}.column-config-modal .column-item .column-info,.card-fields-modal .column-item .column-info{flex-grow:1}.column-config-modal .column-item .column-info .column-label,.card-fields-modal .column-item .column-info .column-label{font-weight:500;color:var(--text-colour, #212529);margin-bottom:0.125rem}.column-config-modal .column-item .column-info .column-meta,.card-fields-modal .column-item .column-info .column-meta{font-size:0.75rem;color:var(--text-colour, #6c757d);opacity:0.8}.column-config-modal .preset-section,.card-fields-modal .preset-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-colour, #dee2e6)}.column-config-modal .preset-section .preset-title,.card-fields-modal .preset-section .preset-title{display:flex;align-items:center;margin-bottom:0.75rem;font-weight:600;color:var(--text-colour, #495057)}.column-config-modal .preset-section .preset-title i,.card-fields-modal .preset-section .preset-title i{margin-right:0.5rem;color:var(--secondary-colour, #007bff)}.column-config-modal .preset-section .preset-buttons,.card-fields-modal .preset-section .preset-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.column-config-modal .preset-section .preset-buttons .preset-btn,.card-fields-modal .preset-section .preset-buttons .preset-btn{padding:0.375rem 0.75rem;border:1px solid var(--border-colour, #dee2e6);border-radius:var(--border-radius, 6px);background:var(--card-colour, white);color:var(--text-colour, #495057);font-size:0.875rem;cursor:pointer;transition:all 0.2s ease}.column-config-modal .preset-section .preset-buttons .preset-btn:hover,.card-fields-modal .preset-section .preset-buttons .preset-btn:hover{background:var(--secondary-colour, #007bff);color:var(--tertiary-colour, white);border-color:var(--secondary-colour, #007bff);transform:translateY(-1px)}.column-config-modal .preset-section .preset-buttons .preset-btn:active,.card-fields-modal .preset-section .preset-buttons .preset-btn:active{transform:translateY(0)}.column-config-modal .selected-count,.card-fields-modal .selected-count{font-weight:600;color:var(--secondary-colour, #007bff)}.column-config-modal .action-buttons,.card-fields-modal .action-buttons{display:flex;justify-content:between;gap:0.75rem}.column-config-modal .action-buttons .btn,.card-fields-modal .action-buttons .btn{min-width:120px;transition:all 0.2s ease}.column-config-modal .action-buttons .btn.btn-outline,.card-fields-modal .action-buttons .btn.btn-outline{border-color:var(--border-colour, #dee2e6);color:var(--text-colour, #6c757d)}.column-config-modal .action-buttons .btn.btn-outline:hover,.card-fields-modal .action-buttons .btn.btn-outline:hover{background:var(--primary-colour, #f8f9fa);border-color:var(--secondary-colour, #007bff);color:var(--secondary-colour, #007bff)}.column-config-modal .action-buttons .btn.btn-primary,.card-fields-modal .action-buttons .btn.btn-primary{background:var(--secondary-colour, #007bff);border-color:var(--secondary-colour, #007bff);color:var(--tertiary-colour, white)}.column-config-modal .action-buttons .btn.btn-primary:hover,.card-fields-modal .action-buttons .btn.btn-primary:hover{background:var(--button-hover, #0056b3);border-color:var(--button-hover, #0056b3);transform:translateY(-1px)}.column-config-modal .column-drop-zone,.card-fields-modal .column-drop-zone{min-height:2px;transition:all 0.2s ease;opacity:0}.column-config-modal .column-drop-zone.active,.card-fields-modal .column-drop-zone.active{opacity:1;min-height:4px;background:var(--secondary-colour, #007bff);border-radius:2px;margin:0.25rem 0}.column-config-modal .empty-column-list,.card-fields-modal .empty-column-list{padding:2rem;text-align:center;color:var(--text-colour, #6c757d);opacity:0.7}.column-config-modal .empty-column-list i,.card-fields-modal .empty-column-list i{font-size:2rem;margin-bottom:0.5rem;opacity:0.5}.column-config-modal .empty-column-list p,.card-fields-modal .empty-column-list p{margin:0;font-style:italic}@media (max-width: 768px){.column-config-modal .modal-dialog,.card-fields-modal .modal-dialog{margin:1rem;max-width:none}.column-config-modal .column-list,.card-fields-modal .column-list{max-height:250px}.column-config-modal .column-item,.card-fields-modal .column-item{padding:0.5rem}.column-config-modal .column-item .column-info .column-label,.card-fields-modal .column-item .column-info .column-label{font-size:0.875rem}.column-config-modal .column-item .column-info .column-meta,.card-fields-modal .column-item .column-info .column-meta{font-size:0.6875rem}.column-config-modal .column-item .column-action-btn,.card-fields-modal .column-item .column-action-btn{width:28px;height:28px}.column-config-modal .column-item .column-action-btn i,.card-fields-modal .column-item .column-action-btn i{font-size:0.75rem}.column-config-modal .preset-buttons .preset-btn,.card-fields-modal .preset-buttons .preset-btn{padding:0.25rem 0.5rem;font-size:0.75rem}}.events-calendar{background-color:var(--background-colour);color:var(--text-colour)}.events-calendar .calendar-container{background-color:var(--card-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden}.events-calendar .calendar-header{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border-bottom:1px solid var(--border-colour);padding:1.5rem}.events-calendar .calendar-header .calendar-title{color:var(--text-colour);font-weight:600;font-size:1.5rem;margin:0}.events-calendar .calendar-header .calendar-navigation .nav-btn{background-color:var(--card-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);color:var(--text-colour);padding:0.5rem 1rem;cursor:pointer;transition:all 0.2s ease}.events-calendar .calendar-header .calendar-navigation .nav-btn:hover{background-color:var(--secondary-colour);color:var(--tertiary-colour);border-color:var(--secondary-colour);transform:translateY(-1px)}.events-calendar .calendar-header .calendar-navigation .nav-btn:active{transform:translateY(0)}.events-calendar .calendar-header .calendar-actions .btn{margin-left:0.5rem}.events-calendar .calendar-header .calendar-actions .btn.btn-primary{background-color:var(--secondary-colour);border-color:var(--secondary-colour);color:var(--tertiary-colour)}.events-calendar .calendar-header .calendar-actions .btn.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:var(--button-hover-text)}.events-calendar .calendar-header .calendar-actions .btn.btn-outline{background-color:transparent;border-color:var(--border-colour);color:var(--text-colour)}.events-calendar .calendar-header .calendar-actions .btn.btn-outline:hover{background-color:var(--primary-colour);border-color:var(--secondary-colour);color:var(--secondary-colour)}.events-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);background-color:var(--card-colour)}.events-calendar .calendar-grid .calendar-day-header{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border-bottom:1px solid var(--border-colour);border-right:1px solid var(--border-colour);padding:1rem;text-align:center;font-weight:600;color:var(--text-colour);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.events-calendar .calendar-grid .calendar-day-header:last-child{border-right:none}.events-calendar .calendar-grid .calendar-day{min-height:150px;border-bottom:1px solid var(--border-colour);border-right:1px solid var(--border-colour);padding:0.5rem;background-color:var(--card-colour);position:relative;transition:all 0.2s ease;display:flex;flex-direction:column}.events-calendar .calendar-grid .calendar-day:last-child{border-right:none}.events-calendar .calendar-grid .calendar-day:hover{background-color:var(--primary-colour)}.events-calendar .calendar-grid .calendar-day.other-month{background-color:var(--background-colour);opacity:0.6}.events-calendar .calendar-grid .calendar-day.other-month .day-number{color:var(--text-colour);opacity:0.5}.events-calendar .calendar-grid .calendar-day.today{background:linear-gradient(135deg, var(--secondary-colour) 20, var(--primary-colour));border:2px solid var(--secondary-colour)}.events-calendar .calendar-grid .calendar-day.today .day-number{background-color:var(--secondary-colour);color:var(--tertiary-colour);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700}.events-calendar .calendar-grid .calendar-day.has-events .day-number::after{content:'';position:absolute;bottom:2px;right:2px;width:6px;height:6px;background-color:var(--secondary-colour);border-radius:50%}.events-calendar .calendar-grid .calendar-day.drag-over{background-color:var(--secondary-colour) 30;border:2px dashed var(--secondary-colour)}.events-calendar .calendar-grid .calendar-day.drag-over::before{content:'Drop event here';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--secondary-colour);color:var(--tertiary-colour);padding:0.25rem 0.5rem;border-radius:var(--border-radius);font-size:0.75rem;font-weight:600;white-space:nowrap;z-index:10}.events-calendar .calendar-grid .calendar-day .day-number{font-weight:600;color:var(--text-colour);margin-bottom:0.25rem;position:relative}.events-calendar .calendar-grid .calendar-day .day-events{flex:1;max-height:calc(100% - 35px);overflow-y:auto;padding:4px 2px 8px 2px}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar{width:4px}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar-track{background:transparent}.events-calendar .calendar-grid .calendar-day .day-events::-webkit-scrollbar-thumb{background:var(--scrollbar-colour);border-radius:2px}.events-calendar .calendar-grid .calendar-day .day-events:hover{padding-right:6px}.events-calendar .calendar-grid .calendar-day .create-event-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--secondary-colour);color:var(--tertiary-colour);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all 0.2s ease;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.events-calendar .calendar-grid .calendar-day .create-event-btn:hover{background-color:var(--button-hover);color:var(--button-hover-text);transform:translate(-50%, -50%) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.events-calendar .calendar-grid .calendar-day .create-event-btn::before{content:'+';font-size:1.2rem;font-weight:bold;line-height:1}.events-calendar .calendar-grid .calendar-day:hover .create-event-btn{opacity:1}.events-calendar .calendar-event{background:linear-gradient(135deg, var(--secondary-colour), var(--secondary-colour) cc);color:var(--tertiary-colour);border-radius:var(--border-radius);padding:0.2rem 0.4rem;margin-bottom:0.15rem;font-size:0.7rem;cursor:grab;transition:all 0.2s ease;position:relative;overflow:hidden;line-height:1.2}.events-calendar .calendar-event:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--secondary-colour) 50}.events-calendar .calendar-event.dragging{opacity:0.6;transform:rotate(5deg);cursor:grabbing;z-index:1000}.events-calendar .calendar-event.quote-event{background:linear-gradient(135deg, #28a745, rgba(40,167,69,0.8))}.events-calendar .calendar-event.quote-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#20c997}.events-calendar .calendar-event.standalone-event{background:linear-gradient(135deg, var(--secondary-colour), var(--secondary-colour) cc)}.events-calendar .calendar-event.standalone-event::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--secondary-colour)}.events-calendar .calendar-event.past-event{opacity:0.7;background:linear-gradient(135deg, #6c757d, rgba(108,117,125,0.8))}.events-calendar .calendar-event.past-event::before{background-color:#495057}.events-calendar .calendar-event .event-time{font-size:0.6rem;opacity:0.9;margin-bottom:0.05rem}.events-calendar .calendar-event .event-title{font-weight:600;line-height:1.1;margin-bottom:0.05rem}.events-calendar .calendar-event .event-quote{font-size:0.65rem;opacity:0.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-calendar .event-modal .modal-content{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);background-color:var(--card-colour);color:var(--text-colour)}.events-calendar .event-modal .modal-header{border-bottom:1px solid var(--border-colour);background:linear-gradient(135deg, var(--primary-colour), var(--card-colour))}.events-calendar .event-modal .modal-header .modal-title{color:var(--text-colour);font-weight:600}.events-calendar .event-modal .modal-header .btn-close{background:none;border:none;color:var(--text-colour);opacity:0.7}.events-calendar .event-modal .modal-header .btn-close:hover{opacity:1;color:var(--secondary-colour)}.events-calendar .event-modal .modal-body{background-color:var(--card-colour)}.events-calendar .event-modal .modal-body .form-label{color:var(--text-colour);font-weight:600}.events-calendar .event-modal .modal-body .form-control,.events-calendar .event-modal .modal-body .form-select{background-color:var(--background-colour);border:1px solid var(--border-colour);color:var(--text-colour);border-radius:var(--border-radius)}.events-calendar .event-modal .modal-body .form-control:focus,.events-calendar .event-modal .modal-body .form-select:focus{border-color:var(--secondary-colour);box-shadow:0 0 0 0.2rem var(--secondary-colour) 20;background-color:var(--card-colour)}.events-calendar .event-modal .modal-body .form-text{color:var(--text-colour);opacity:0.7}.events-calendar .event-modal .modal-footer{border-top:1px solid var(--border-colour);background-color:var(--card-colour)}.events-calendar .event-modal .modal-footer .btn.btn-primary{background-color:var(--secondary-colour);border-color:var(--secondary-colour);color:var(--tertiary-colour)}.events-calendar .event-modal .modal-footer .btn.btn-primary:hover{background-color:var(--button-hover);border-color:var(--button-hover);color:var(--button-hover-text)}.events-calendar .event-modal .modal-footer .btn.btn-secondary{background-color:var(--background-colour);border-color:var(--border-colour);color:var(--text-colour)}.events-calendar .event-modal .modal-footer .btn.btn-secondary:hover{background-color:var(--primary-colour);border-color:var(--secondary-colour);color:var(--secondary-colour)}.events-calendar .event-modal .modal-footer .btn.btn-danger{background-color:#dc3545;border-color:#dc3545;color:white}.events-calendar .event-modal .modal-footer .btn.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.events-calendar .calendar-loading{position:relative}.events-calendar .calendar-loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-colour) 90;z-index:100;border-radius:var(--border-radius)}.events-calendar .calendar-loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;border:3px solid var(--border-colour);border-top:3px solid var(--secondary-colour);border-radius:50%;animation:spin 1s linear infinite;z-index:101}.events-calendar .calendar-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-colour);opacity:0.7}.events-calendar .calendar-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--secondary-colour);opacity:0.5}.events-calendar .calendar-empty-state .empty-title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem}.events-calendar .calendar-empty-state .empty-description{font-size:0.875rem;margin-bottom:1.5rem}@media (max-width: 768px){.events-calendar .calendar-header{padding:1rem;flex-direction:column;gap:1rem}.events-calendar .calendar-header .calendar-navigation{justify-content:center}.events-calendar .calendar-header .calendar-navigation .nav-btn{padding:0.4rem 0.8rem;font-size:0.875rem}.events-calendar .calendar-header .calendar-actions{justify-content:center}.events-calendar .calendar-header .calendar-actions .btn{margin:0 0.25rem;padding:0.4rem 0.8rem;font-size:0.875rem}.events-calendar .calendar-grid .calendar-day{min-height:100px;padding:0.25rem}.events-calendar .calendar-grid .calendar-day .day-number{font-size:0.875rem}.events-calendar .calendar-grid .calendar-day .day-events{max-height:calc(100% - 30px)}.events-calendar .calendar-grid .calendar-day-header{padding:0.75rem 0.5rem;font-size:0.75rem}.events-calendar .calendar-event{padding:0.2rem 0.4rem;font-size:0.65rem}.events-calendar .calendar-event .event-title{font-size:0.65rem}.events-calendar .calendar-event .event-time,.events-calendar .calendar-event .event-quote{font-size:0.6rem}}@media (max-width: 480px){.events-calendar .calendar-header .calendar-title{font-size:1.25rem}.events-calendar .calendar-grid .calendar-day{min-height:80px}.events-calendar .calendar-grid .calendar-day .day-number{font-size:0.75rem}.events-calendar .calendar-grid .calendar-day .day-number.today{width:24px;height:24px}.events-calendar .calendar-grid .calendar-day .day-events{max-height:calc(100% - 25px)}.events-calendar .calendar-grid .calendar-day .create-event-btn{width:24px;height:24px}.events-calendar .calendar-grid .calendar-day .create-event-btn::before{font-size:1rem}.events-calendar .calendar-grid .calendar-day-header{padding:0.5rem 0.25rem;font-size:0.7rem}.events-calendar .calendar-event{padding:0.15rem 0.3rem;margin-bottom:0.15rem}.events-calendar .calendar-event .event-title{font-size:0.6rem;line-height:1.1}.events-calendar .calendar-event .event-time,.events-calendar .calendar-event .event-quote{display:none}}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes eventDrop{0%{transform:scale(1.1);box-shadow:0 8px 25px var(--secondary-colour) 60}100%{transform:scale(1);box-shadow:0 4px 12px var(--secondary-colour) 30}}@media (prefers-reduced-motion: reduce){.calendar-event,.calendar-day,.nav-btn,.btn{transition:none}.calendar-loading::after{animation:none;border:3px solid var(--secondary-colour)}}#event-form-container{opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease}#event-form-container.show{opacity:1;visibility:visible}.event-popover-container{position:fixed;z-index:1060;opacity:0;transform:scale(0.95);transition:opacity 0.15s ease, transform 0.15s ease}.event-popover-container.show{opacity:1;transform:scale(1)}.event-popover-form{background:white;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid #e1e5e9;width:300px;padding:16px;position:relative}.event-popover-form .popover-arrow{position:absolute;left:-8px;top:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white}.event-popover-form .popover-arrow::before{content:'';position:absolute;left:-1px;top:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e1e5e9}.event-popover-form .title-input{border:none;font-size:16px;font-weight:500;padding:8px 0;width:100%;outline:none;border-bottom:1px solid #e1e5e9;margin-bottom:12px}.event-popover-form .title-input:focus{border-bottom-color:#4285f4}.event-popover-form .title-input::-moz-placeholder{color:#9aa0a6;font-weight:400}.event-popover-form .title-input::placeholder{color:#9aa0a6;font-weight:400}.event-popover-form .time-selector{display:flex;gap:8px;margin-bottom:16px}.event-popover-form .time-selector .time-select{flex:1;border:1px solid #e1e5e9;border-radius:4px;padding:6px 8px;font-size:14px;background:white}.event-popover-form .time-selector .time-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 1px #4285f4}.event-popover-form .popover-actions{display:flex;justify-content:space-between;align-items:center}.event-popover-form .popover-actions .left-actions{flex:1;display:flex;align-items:center;gap:8px}.event-popover-form .popover-actions .btn-link{border:none;background:none;color:#5f6368;font-size:14px;text-decoration:none;padding:0}.event-popover-form .popover-actions .btn-link:hover{color:#4285f4;text-decoration:none}.event-popover-form .popover-actions .btn-link.text-danger{color:#dc3545}.event-popover-form .popover-actions .btn-link.text-danger:hover{color:#c82333}.event-popover-form .popover-actions .action-buttons{display:flex;gap:8px}.event-popover-form .popover-actions .action-buttons .btn{font-size:14px;padding:6px 12px;border-radius:4px;border:1px solid #dadce0}.event-popover-form .popover-actions .action-buttons .btn.btn-primary{background:#4285f4;border-color:#4285f4;color:white}.event-popover-form .popover-actions .action-buttons .btn.btn-primary:hover{background:#3367d6;border-color:#3367d6}.event-popover-form .popover-actions .action-buttons .btn.btn-outline-secondary{background:white;color:#5f6368}.event-popover-form .popover-actions .action-buttons .btn.btn-outline-secondary:hover{background:#f8f9fa}.event-popover-form .popover-errors{margin-top:8px;padding-top:8px;border-top:1px solid #fce8e6}.event-popover-form .popover-expanded-fields{border-top:1px solid #e1e5e9;margin-top:16px;padding-top:16px}.event-popover-form .popover-expanded-fields .form-group{margin-bottom:12px}.event-popover-form .popover-expanded-fields .form-group .form-label{color:#5f6368;font-size:12px;font-weight:600;margin-bottom:4px}.event-popover-form .popover-expanded-fields .form-group .form-control,.event-popover-form .popover-expanded-fields .form-group .form-select{font-size:14px;border:1px solid #e1e5e9;border-radius:4px}.event-popover-form .popover-expanded-fields .form-group .form-control:focus,.event-popover-form .popover-expanded-fields .form-group .form-select:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 1px #4285f4}.event-popover-form .popover-expanded-fields .form-group .btn-link{font-size:12px;color:#4285f4;text-decoration:none}.event-popover-form .popover-expanded-fields .form-group .btn-link:hover{text-decoration:underline}.event-inline-form-card{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15);padding:1.5rem;width:400px;max-width:90vw;max-height:90vh;overflow-y:auto}.event-inline-form-card .form-header{border-bottom:1px solid #e9ecef;padding-bottom:0.75rem;margin-bottom:1rem}.event-inline-form-card .form-header h6{color:#495057;font-weight:600}.event-inline-form-card .form-header .btn-close{font-size:0.75rem;opacity:0.6}.event-inline-form-card .form-header .btn-close:hover{opacity:1}.event-inline-form-card .form-label{font-size:0.875rem;margin-bottom:0.5rem;color:#495057}.event-inline-form-card .form-control,.event-inline-form-card .form-select{font-size:0.875rem;border-radius:6px;border:1px solid #ced4da}.event-inline-form-card .form-control:focus,.event-inline-form-card .form-select:focus{border-color:#80bdff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.event-inline-form-card .alert-sm{padding:0.5rem 0.75rem;font-size:0.875rem}.event-inline-form-card .alert-sm ul{margin-bottom:0;padding-left:1rem}.event-inline-form-card .btn-sm{font-size:0.875rem;padding:0.375rem 0.75rem}.calendar-backdrop{animation:fadeIn 0.2s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.calendar-event.enhanced-event{background:var(--background-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);padding:14px;margin:8px 6px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;min-height:90px;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow);overflow:hidden}.calendar-event.enhanced-event::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--secondary-colour);opacity:0;transition:opacity 0.3s ease}.calendar-event.enhanced-event:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-color:var(--secondary-colour)}.calendar-event.enhanced-event:hover::before{opacity:1}.calendar-event.enhanced-event:hover .event-actions{opacity:1}.calendar-event.enhanced-event.editing{border:2px solid var(--secondary-colour);box-shadow:0 0 0 3px rgba(var(--secondary-colour), 0.1)}.calendar-event.enhanced-event.editing::before{opacity:1}.calendar-event.enhanced-event.quote-event{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border-left:4px solid var(--secondary-colour)}.calendar-event.enhanced-event.quote-event::before{background:var(--secondary-colour)}.calendar-event.enhanced-event.standalone-event{background:var(--card-colour);border-left:4px solid var(--secondary-colour)}.calendar-event.enhanced-event.standalone-event::before{background:var(--secondary-colour)}.calendar-event.enhanced-event.past-event{background:linear-gradient(135deg, var(--background-colour), var(--card-colour));border-left:4px solid var(--border-colour);opacity:0.7}.calendar-event.enhanced-event.past-event .event-title{text-decoration:line-through;color:var(--text-colour);opacity:0.6}.calendar-event.enhanced-event.past-event::before{background:var(--border-colour)}.calendar-event.enhanced-event.today-event{background:linear-gradient(135deg, var(--primary-colour), var(--card-colour));border:2px solid var(--secondary-colour);box-shadow:0 0 0 3px rgba(var(--secondary-colour), 0.1)}.calendar-event.enhanced-event.today-event::before{background:var(--secondary-colour);opacity:1}.calendar-event.enhanced-event.today-event .event-title{font-weight:600;color:var(--secondary-colour)}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-header .event-time-badge{display:flex;align-items:center;gap:4px;background:var(--primary-colour);color:var(--secondary-colour);padding:4px 8px;border-radius:var(--border-radius);font-size:11px;font-weight:600;border:1px solid var(--border-colour)}.event-header .event-time-badge i{font-size:10px}.event-header .event-status .status-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:1px solid var(--border-colour)}.event-header .event-status .status-badge.past{background:var(--background-colour);color:var(--text-colour);opacity:0.6}.event-header .event-status .status-badge.today{background:var(--primary-colour);color:var(--secondary-colour);animation:pulse 2s infinite}.event-header .event-status .status-badge.upcoming{background:var(--card-colour);color:var(--secondary-colour)}.event-content{margin-bottom:8px}.event-content .event-title{font-size:14px;font-weight:600;color:var(--text-colour);line-height:1.3;margin-bottom:4px}.event-content .event-description{font-size:12px;color:var(--text-colour);opacity:0.7;line-height:1.2;margin-bottom:6px;font-style:italic}.event-content .event-quote{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--secondary-colour);margin-bottom:4px}.event-content .event-quote i{font-size:10px}.event-content .event-quote .quote-client{display:flex;align-items:center;gap:3px;margin-left:8px;color:var(--text-colour);opacity:0.7}.event-content .event-quote .quote-client i{font-size:9px}.event-footer{display:flex;justify-content:space-between;align-items:center}.event-footer .event-actions{display:flex;gap:6px;opacity:0;transition:opacity 0.3s ease}.event-footer .event-actions .quick-edit-btn,.event-footer .event-actions .quote-link-btn{width:24px;height:24px;border:1px solid var(--border-colour);background:var(--primary-colour);color:var(--secondary-colour);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.event-footer .event-actions .quick-edit-btn:hover,.event-footer .event-actions .quote-link-btn:hover{background:var(--secondary-colour);color:var(--tertiary-colour);transform:scale(1.1);border-color:var(--secondary-colour)}.event-footer .event-type .type-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:0.5px;border:1px solid var(--border-colour)}.event-footer .event-type .type-badge.quote-type{background:var(--primary-colour);color:var(--secondary-colour)}.event-footer .event-type .type-badge.standalone-type{background:var(--card-colour);color:var(--text-colour)}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}.calendar-event:not(.enhanced-event){cursor:pointer;transition:all 0.2s ease;position:relative}.calendar-event:not(.enhanced-event):hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10}.calendar-event.editing:not(.enhanced-event){border:2px solid #007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.flash-message{animation:slideInRight 0.3s ease-out;margin-bottom:0.5rem}.flash-message.alert-dismissible{padding-right:3rem}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.create-event-btn{opacity:0;transition:opacity 0.2s ease;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;border:none;background:#007bff;color:white;border-radius:50%;font-size:12px;cursor:pointer;z-index:5}.create-event-btn::before{content:'+';font-weight:bold}.create-event-btn:hover{background:#0056b3;transform:translate(-50%, -50%) scale(1.1)}.calendar-day:hover .create-event-btn{opacity:1}.calendar-day.drag-over{background:rgba(0,123,255,0.1);border-color:#007bff}.calendar-day.drag-over::after{content:'Drop here';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#007bff;font-size:0.75rem;font-weight:600;pointer-events:none;z-index:10}.calendar-event.dragging{opacity:0.5;transform:rotate(3deg)}@media print{.events-calendar .calendar-header .calendar-actions,.events-calendar .calendar-event{display:none}.events-calendar .calendar-grid .calendar-day{min-height:100px;border:1px solid #000}.events-calendar .calendar-grid .day-number{color:#000}.event-inline-form-card,.calendar-backdrop,#flash-messages{display:none !important}}.spreadsheet-table-container{background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.07);overflow:hidden}.spreadsheet-table{margin-bottom:0;border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;min-width:-moz-max-content;min-width:max-content}.spreadsheet-table tbody tr:hover{transform:none !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1) !important}.spreadsheet-table .stage-header-row .dropdown-menu{z-index:1050 !important;position:absolute !important}.table>:not(caption)>*>*{border-bottom-width:1px}.spreadsheet-table th{border-bottom:1px solid #dee2e6 !important;white-space:nowrap}.spreadsheet-table td{border-top:1px solid #dee2e6}.table-hover>tbody>tr:hover>th,.table-hover>tbody>tr:hover>td{background-color:var(--primary-colour)}.table th.sortable-header{text-align:left !important;vertical-align:middle !important}.spreadsheet-table thead th{background:var(--card-colour) !important;border:none !important;font-weight:600;font-size:0.875rem;color:var(--text-colour) !important;position:sticky;top:0;z-index:10;vertical-align:middle;box-sizing:border-box;white-space:nowrap}.spreadsheet-table thead th:not(.sortable-header){padding:0.75rem}.stage-header-row{border:none !important}.stage-header-row td{border:none !important;font-weight:500}.quote-row{transition:all 0.2s ease;cursor:move;border-left:3px solid transparent}.quote-row:hover{background-color:var(--primary-colour);border-left-color:var(--secondary-colour)}.quote-row.dragging{opacity:0.6;background-color:#f8f9fa;transform:rotate(1deg)}.quote-row.drop-target{background-color:rgba(40,167,69,0.1);border-left-color:#28a745;border-left-width:4px}.quote-row td{vertical-align:middle;padding:0.75rem;border-top:1px solid #dee2e6}.drag-handle-spreadsheet{cursor:grab;padding:0.5rem;opacity:0.6;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle-spreadsheet:hover{opacity:1;background-color:rgba(0,123,255,0.1)}.drag-handle-spreadsheet:active{cursor:grabbing;background-color:rgba(0,123,255,0.2)}.empty-stage-row td{background-color:rgba(0,0,0,0.02);font-style:italic}.unassigned-quote{background-color:rgba(255,193,7,0.02)}.view-switcher .button-13,.view-switcher .button-14,.view-switcher .glitch-button,.view-switcher .ortho-context-menu-close-button,.view-switcher .button-13-outline{margin:0.25rem}.stage-count{font-size:0.75rem;padding:0.25rem 0.5rem}.move-quote-btn{opacity:0.7;transition:all 0.2s}.move-quote-btn:hover{opacity:1;transform:translateY(-1px);background-color:rgba(0,123,255,0.1)}.sortable-header{cursor:pointer;transition:background-color 0.2s ease;padding:0.75rem !important;background:var(--card-colour) !important;color:var(--text-colour) !important;border:none !important;position:relative;box-sizing:border-box;white-space:nowrap;overflow:hidden}.sortable-header:hover{background-color:var(--primary-colour) !important;color:var(--secondary-colour) !important}.sortable-header>div{width:100%;min-width:auto;display:flex !important;align-items:center !important;justify-content:space-between !important}.sortable-header .d-flex{flex:1;min-width:auto}.sortable-header span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-indicators{display:flex;flex-direction:column;opacity:0.4;transition:opacity 0.2s ease}.sort-indicators .sort-asc{margin-bottom:-2px}.sort-indicators .sort-desc{margin-top:-2px}.sort-indicators i{font-size:0.75rem;line-height:1;margin:0;padding:0}.sort-indicators .active{color:var(--secondary-colour) !important;opacity:1}.sortable-header:hover .sort-indicators{opacity:0.7}.sortable-header.sorting .sort-indicators{opacity:1}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.spreadsheet-table th[style*="width"]{max-width:none !important;box-sizing:border-box}.spreadsheet-table th{overflow:hidden;text-overflow:ellipsis}.sortable-header>div.d-flex{width:100% !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:0.5rem;margin:0;padding:0;box-sizing:border-box}.sortable-header>div.d-flex>span{flex:1 1 auto;min-width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-indicators{flex:0 0 auto !important;width:20px;height:20px;display:flex !important;flex-direction:column !important;align-items:center;justify-content:center}@media (max-width: 768px){.spreadsheet-table thead th,.spreadsheet-table tbody td{padding:0.5rem;font-size:0.875rem}.view-switcher{order:-1;margin-bottom:1rem;margin-right:0 !important}.workflow-header .d-flex{flex-direction:column;align-items:flex-start !important}}.workflow-status-card{border-left:4px solid var(--bs-primary);transition:all 0.2s ease;padding:1rem !important}.badges-container .badge{font-size:0.75rem;font-weight:500;padding:0.375rem 0.75rem;transition:all 0.2s ease}.badges-container .badge:hover{transform:scale(1.02)}.compact-progress{min-width:150px}.compact-progress .progress{background-color:#e9ecef;border-radius:2px}.workflow-toggle{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.workflow-toggle:hover{transform:scale(1.05)}.workflow-toggle i{font-size:0.875rem;transition:transform 0.3s ease}.workflow-details-expandable{overflow:hidden;transition:max-height 0.3s ease, opacity 0.3s ease}.workflow-detailed-info{border-radius:8px;padding:1rem;margin-bottom:1rem}.detailed-progress .progress{background-color:#e9ecef;border-radius:3px}.unassigned-compact{min-height:40px;padding:0.5rem 0}.unassigned-compact i{font-size:1.25rem}.quick-move-btn{transition:all 0.2s ease}.quick-move-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.workflow-status-card *{box-sizing:border-box}@media (max-width: 768px){.workflow-summary{flex-direction:column;align-items:flex-start !important;gap:1rem !important}.badges-container{flex-wrap:wrap}.compact-progress{width:100%;min-width:auto}.workflow-actions{margin-top:0.5rem}}.inverter-type-toggle{transform:scale(1.2)}.panels-field{transition:all 0.3s ease-in-out;max-height:0;overflow:hidden;opacity:0;margin-top:0}.panels-field.fade-in{max-height:100px;opacity:1;margin-top:15px}.d-none{display:none}.inverter-type-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:0.8rem;font-weight:500;margin-left:10px}.badge-micro{background-color:#d1ecf1;color:#0c5460}.badge-string{background-color:#f8d7da;color:#721c24}.profile-pic-wrapper{position:relative;display:inline-block;width:120px;height:120px;border-radius:50%;overflow:hidden;cursor:pointer}.profile-pic-placeholder{width:120px;height:120px;border-radius:50%;background-color:var(--card-colour);display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-colour);transition:all 0.3s ease;color:var(--text-colour)}.profile-pic-wrapper:hover .profile-pic-placeholder{border-color:var(--secondary-colour);background-color:var(--primary-colour)}.profile-pic-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;border-radius:50%}.profile-pic-wrapper:hover .profile-pic-overlay{opacity:1}.profile-pic-buttons{display:flex;gap:8px;align-items:center}.profile-pic-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.profile-pic-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s ease;font-size:14px}.profile-pic-btn-view{background-color:var(--secondary-colour);color:var(--tertiary-colour)}.profile-pic-btn-view:hover{background-color:var(--button-hover);color:var(--button-hover-text);transform:scale(1.1)}.profile-pic-btn-delete{background-color:#dc3545;color:var(--tertiary-colour)}.profile-pic-btn-delete:hover{background-color:#c82333;color:var(--tertiary-colour);transform:scale(1.1)}.profile-pic-btn i{font-size:16px}.upload-form{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-input{width:100%;height:100%;cursor:pointer}.upload-input:hover{cursor:pointer}.company-logo-container{width:100%;height:200px;border-radius:12px;overflow:hidden;cursor:pointer}.company-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:200px;border-radius:12px;overflow:hidden;cursor:pointer}.company-logo-placeholder{width:100%;height:100%;border-radius:12px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6;transition:all 0.3s ease}.company-logo-placeholder i{font-size:4rem;color:#6c757d}.company-logo-wrapper:hover .company-logo-placeholder{border-color:#007bff;background-color:#e3f2fd}.company-logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;border-radius:12px}.company-logo-wrapper:hover .company-logo-overlay{opacity:1}.company-logo-buttons{display:flex;gap:8px;align-items:center}.company-logo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.company-logo-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s ease;font-size:14px}.company-logo-btn-view{background-color:#007bff;color:white}.company-logo-btn-view:hover{background-color:#0056b3;color:white;transform:scale(1.1)}.company-logo-btn-delete{background-color:#dc3545;color:white}.company-logo-btn-delete:hover{background-color:#c82333;color:white;transform:scale(1.1)}.company-logo-btn i{font-size:16px}.company-logo-upload-form{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.company-logo-upload-input{width:100%;height:100%;cursor:pointer}.company-logo-upload-input:hover{cursor:pointer}.company-logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;border-radius:12px;background:transparent}.pricing-table-container{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #4e4e4e}.pricing-table{border-collapse:separate;border-spacing:0;background:transparent;border-radius:8px;overflow:hidden;margin-bottom:0;display:table !important;width:100%;font-family:'Quicksand', sans-serif}.pricing-table thead th{border:none;background:transparent;color:#2d3436;padding:0;position:relative;vertical-align:top;border-bottom:2px solid #4e4e4e}.pricing-table .feature-column{background:transparent;border-right:1px solid #4e4e4e;width:30%}.pricing-table .pricing-column{width:23.33%;position:relative}.pricing-table .most-popular{background:transparent;position:relative}.popular-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#6c63ff;color:white;padding:4px 12px;border-radius:12px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-family:'Quicksand', sans-serif;z-index:10}.pricing-header{padding:1.5rem 1rem;text-align:center}.pricing-header h3{font-weight:600;font-size:1rem;margin-bottom:0.5rem;color:#2d3436;font-family:'Quicksand', sans-serif}.price-display{margin-bottom:0.25rem}.price-display .price{font-size:1.8rem;font-weight:700;color:#2d3436;line-height:1;font-family:'Quicksand', sans-serif}.price-display .period{font-size:0.9rem;color:#636e72;font-weight:500;font-family:'Quicksand', sans-serif}.billing-info{font-size:0.75rem;color:#636e72;margin-bottom:1rem;font-family:'Quicksand', sans-serif}.pricing-table tbody tr{border-bottom:1px solid #4e4e4e;transition:background-color 0.2s ease}.pricing-table tbody tr:hover{background-color:#f47424}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table td{padding:0.75rem 1rem;border:none;vertical-align:middle}.feature-name{font-weight:500;color:#2d3436;font-size:0.85rem;line-height:1.4;font-family:'Quicksand', sans-serif}.feature-name .d-flex{align-items:center}.feature-category .category-header{background:transparent;color:#2d3436;font-weight:600;padding:0.75rem 1rem;border:none;border-top:1px solid #4e4e4e}.feature-header{background:transparent;color:#2d3436;padding:1.5rem 1rem;text-align:center;border-radius:8px 0 0 0}.feature-header h4{color:#2d3436;font-weight:600;font-size:1rem;font-family:'Quicksand', sans-serif}.category-header h5{color:#2d3436;font-weight:600;letter-spacing:0.5px;margin:0;font-size:0.75rem;font-family:'Quicksand', sans-serif}.pricing-table .fa-check{color:#335eea !important;font-size:1rem}.pricing-table .fa-xmark{color:#4e4e4e !important;font-size:1rem}.pricing-table .brandlogosm{max-width:60px;height:auto;opacity:0.7;transition:opacity 0.2s ease}.pricing-table .brandlogosm:hover{opacity:1}@media (max-width: 768px){.pricing-table-container{padding:1.5rem 1rem 1rem 1rem;margin:1rem -0.5rem 0 -0.5rem}.pricing-header{padding:1rem 0.75rem}.pricing-header h3{font-size:0.9rem}.price-display .price{font-size:1.5rem}.pricing-table td{padding:0.6rem 0.75rem}.feature-name{font-size:0.8rem}.popular-badge{font-size:0.65rem;padding:3px 10px}.brandlogosm{max-width:50px !important}}@media (max-width: 576px){.pricing-table-container{border-radius:6px;padding:1.25rem 0.75rem 0.75rem 0.75rem;margin:0.75rem 0 0 0}.pricing-table{border-radius:6px}.pricing-header{padding:0.75rem 0.5rem}.pricing-header h3{font-size:0.85rem}.price-display .price{font-size:1.4rem}.pricing-table td{padding:0.5rem}.feature-name{font-size:0.75rem}}.floating-menu{position:fixed;right:16px;bottom:16px;z-index:1050}.floating-menu__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--button-radius, 5px);border:1px solid var(--border-colour);background-color:var(--secondary-colour);color:var(--tertiary-colour);box-shadow:none;cursor:pointer;transition:all 0.2s ease}.floating-menu__toggle:hover{background-color:var(--button-hover);color:var(--button-hover-text)}.floating-menu__panel{margin-top:8px;min-width:220px;max-width:280px;max-height:60vh;overflow-y:auto;padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-colour);background-color:var(--card-colour);color:var(--text-colour);box-shadow:var(--h-offset, 0px) var(--v-offset, 4px) var(--blur-radius, 10px) var(--boxshadow, #ddd)}.floating-menu__item{padding:2px 0}.floating-menu__item a{text-decoration:none;color:var(--secondary-colour);transition:color 0.2s ease}.floating-menu__item a:hover{color:var(--button-hover)}.floating-menu.is-open .floating-menu__panel{display:block}.mention-dropdown{display:none;position:absolute;z-index:1000;background-color:var(--card-colour);border:2px solid var(--border-colour);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;min-width:250px;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow)}.mention-dropdown .mention-user-item{padding:0.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-colour);transition:background-color 0.15s ease-in-out;color:var(--text-colour)}.mention-dropdown .mention-user-item:last-child{border-bottom:none}.mention-dropdown .mention-user-item:hover,.mention-dropdown .mention-user-item.selected{background-color:var(--secondary-colour);color:var(--text-colour)}.mention-dropdown .mention-user-item .user-name{font-weight:500;margin-bottom:0.25rem;color:var(--text-colour)}.mention-dropdown .mention-user-item .user-email{font-size:0.875rem;color:var(--text-colour);opacity:0.7;margin:0}.mention-dropdown .no-users-found{padding:0.75rem 1rem;color:var(--text-colour);opacity:0.6;font-style:italic;text-align:center}.mention-highlight{background-color:var(--secondary-colour);color:var(--text-colour);padding:0.125rem 0.25rem;border-radius:0.25rem;font-weight:500}.comment-form [data-controller="mention"],.reply-form [data-controller="mention"],.comment-edit-form [data-controller="mention"]{position:relative}.comment-form [data-controller="mention"] .mention-dropdown,.reply-form [data-controller="mention"] .mention-dropdown,.comment-edit-form [data-controller="mention"] .mention-dropdown{z-index:1050;position:absolute}@media (max-width: 768px){.mention-dropdown{min-width:200px;max-width:calc(100vw - 2rem)}.mention-dropdown .mention-user-item{padding:0.5rem 0.75rem}.mention-dropdown .mention-user-item .user-email{font-size:0.8125rem}}.messages-container{scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}.message-item{animation:fadeInUp 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar .avatar-placeholder{transition:all 0.3s ease}.message-avatar .avatar-placeholder:hover{transform:scale(1.05)}.message-bubble{padding:16px 20px;border-radius:20px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,0.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease}.message-bubble:hover{box-shadow:0 4px 20px rgba(0,0,0,0.12);transform:translateY(-1px)}.message-bubble.message-bubble-own{background:linear-gradient(135deg, var(--secondary-colour), var(--secondary-colour) dd) !important;color:white !important}.message-bubble.message-bubble-own::after{content:'';position:absolute;bottom:8px;right:-8px;width:0;height:0;border:8px solid transparent;border-right:0;margin-right:-8px;border-left-color:var(--secondary-colour) dd !important}.message-bubble.message-bubble-own .text-muted{color:rgba(255,255,255,0.8) !important}.message-bubble.message-bubble-own .badge{background:rgba(255,255,255,0.2) !important;color:white !important}.message-bubble.message-bubble-other{background:linear-gradient(135deg, var(--card-colour), var(--primary-colour)) !important;border:1px solid var(--border-colour) !important;color:var(--tertiary-colour) !important}.message-bubble.message-bubble-other::after{content:'';position:absolute;bottom:8px;left:-8px;width:0;height:0;border:8px solid transparent;border-left:0;margin-left:-8px;border-right-color:var(--card-colour) !important}.message-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:20px;box-shadow:0 -4px 20px rgba(0,0,0,0.08);background:var(--card-colour) f0 !important}.message-form textarea{resize:none;border-radius:20px;padding:12px 20px;transition:all 0.3s ease}.message-form textarea:focus{border-color:var(--secondary-colour) !important;box-shadow:0 0 0 0.2rem var(--secondary-colour) 20 !important}.message-form .file-upload-wrapper label{border-radius:20px;margin-bottom:0;padding:12px;transition:all 0.3s ease}.message-form .file-upload-wrapper label:hover{border-color:var(--secondary-colour) !important;background:var(--primary-colour) !important;opacity:1}.file-upload-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;border-radius:50% !important;background:transparent !important;border:2px solid #dee2e6 !important;color:#6c757d !important;cursor:pointer !important;transition:all 0.2s ease !important;font-size:18px !important;margin:0 auto !important}.file-upload-icon:hover{border-color:var(--secondary-colour) !important;background:var(--secondary-colour) 15 !important;color:var(--secondary-colour) !important;transform:scale(1.05) !important}.file-upload-icon:active{transform:scale(0.95) !important}.document-item{transition:all 0.3s ease;border-radius:12px}.document-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.messaging-header .client-status-badge{font-size:10px}.messaging-container .lightcard{border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-sending{opacity:0.7}.message-sending::after{content:'⏳';margin-left:8px}.message-delivered::after{content:'✓';margin-left:8px;color:rgba(255,255,255,0.6)}.message-new{animation:pulseNew 0.5s ease}@keyframes pulseNew{0%{transform:scale(1);box-shadow:0 2px 12px rgba(0,0,0,0.08)}50%{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,123,255,0.2)}100%{transform:scale(1);box-shadow:0 2px 12px rgba(0,0,0,0.08)}}.message-updated{animation:flashUpdate 1s ease}@keyframes flashUpdate{0%{background-color:transparent}50%{background-color:rgba(255,235,59,0.3)}100%{background-color:transparent}}.typing-indicator{display:flex;align-items:center;padding:16px 20px;margin-bottom:16px}.typing-indicator .typing-dots{display:flex;gap:4px}.typing-indicator .typing-dots span{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.4);animation:typingDot 1.4s infinite ease-in-out}.typing-indicator .typing-dots span:nth-child(1){animation-delay:-0.32s}.typing-indicator .typing-dots span:nth-child(2){animation-delay:-0.16s}.typing-indicator .typing-dots span:nth-child(3){animation-delay:0s}@keyframes typingDot{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1);opacity:1}}.message-actions .mdui-icon[disabled]{opacity:0.5;cursor:not-allowed}.message-actions .mdui-icon[disabled]:hover{background-color:transparent !important;transform:none !important}.message-actions .mdui-icon:not([disabled]):hover{transform:scale(1.1)}.search-bar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-bar-container .form-control{border:1px solid #e0e0e0;transition:all 0.3s ease}.search-bar-container .form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.search-highlight{background-color:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px;font-weight:500}.search-active-match{animation:searchPulse 1s ease}@keyframes searchPulse{0%{background-color:transparent}50%{background-color:rgba(0,123,255,0.1)}100%{background-color:transparent}}.message-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,0.1);position:relative}.message-input-area .message-input{border:1px solid #e0e0e0;transition:all 0.3s ease}.message-input-area .message-input:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.message-input-area .btn{transition:all 0.3s ease}.message-input-area .btn:hover{transform:translateY(-1px)}.message-input-area .btn.btn-primary{background:linear-gradient(135deg, #007bff, #0056b3);border:none}.message-input-area .btn.btn-primary:hover{background:linear-gradient(135deg, #0056b3, #004085)}.emoji-picker{max-height:300px;overflow-y:auto}.emoji-picker .emoji-btn{transition:all 0.2s ease}.emoji-picker .emoji-btn:hover{background-color:#f8f9fa;transform:scale(1.2)}.message-reactions .emoji-reaction{transition:all 0.3s ease;background-color:rgba(0,123,255,0.1);border-color:rgba(0,123,255,0.3);color:#007bff}.message-reactions .emoji-reaction:hover{background-color:rgba(0,123,255,0.2);transform:scale(1.05)}.message-reactions .emoji-reaction .reaction-count{font-weight:600;margin-left:4px}.message-reactions .reaction-added{animation:reactionPop 0.3s ease}@keyframes reactionPop{0%{transform:scale(0.8)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.message-reactions .emoji-add-btn{opacity:0.7;transition:all 0.3s ease}.message-reactions .emoji-add-btn:hover{opacity:1;transform:scale(1.05)}.document-preview-message .document-overlay{background-color:rgba(0,0,0,0.3);opacity:0;transition:opacity 0.3s ease}.document-preview-message .document-preview-link:hover .document-overlay{opacity:1}.document-preview-message .view-icon{transform:scale(0.8);transition:transform 0.3s ease}.document-preview-message .document-preview-link:hover .view-icon{transform:scale(1)}.document-preview-message .document-info .btn-outline-primary{font-size:12px;padding:4px 8px}.typing-indicator{opacity:0;animation:fadeIn 0.3s ease forwards}@keyframes fadeIn{to{opacity:1}}.document-gif-container{transition:all 0.3s ease}.document-gif-container:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.document-gif-container .gif-message{transition:all 0.3s ease}.document-gif-container .gif-indicator{transition:all 0.3s ease}.document-gif-container .gif-indicator .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.document-gif-container:hover .gif-indicator{transform:scale(1.1)}.file-upload-wrapper{position:relative}.file-upload-wrapper::after{content:"📎 Files, GIFs & Media";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:10px;color:#6c757d;white-space:nowrap;opacity:0;transition:opacity 0.3s ease}.file-upload-wrapper:hover::after{opacity:1}@media (max-width: 767.98px){.messaging-container{height:calc(100vh - 150px) !important}.conversation-item{border-radius:0 !important}.conversation-item.has-unread{opacity:1}.offcanvas-body .conversations-list{max-height:none !important}}@media (min-width: 768px){.conversation-item:hover{opacity:0.85;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all 0.2s ease}}.conversation-item:hover{background-color:var(--primary-colour) !important}.conversation-item.active{background-color:var(--secondary-colour) 20 !important;border-left:4px solid var(--secondary-colour) !important}.conversation-item.active:hover{background-color:var(--secondary-colour) 30 !important}.conversation-item.has-unread{background-color:var(--primary-colour) !important;border-left:4px solid #dc3545}.conversation-item.has-unread.active{border-left:4px solid var(--secondary-colour) !important}.badge.pulse-badge{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.gif-picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,0.1) !important}.gif-picker .gif-picker-header{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:12px}.gif-picker .gif-picker-header .form-control{transition:all 0.3s ease}.gif-picker .gif-picker-header .form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.1)}.gif-picker .gif-categories .btn{transition:all 0.3s ease}.gif-picker .gif-categories .btn:hover{transform:translateY(-1px);background-color:#007bff;color:white}.gif-picker .gif-results{background:#f8f9fa;border-radius:8px}.gif-picker .gif-results .gif-item img{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.gif-picker .gif-results .gif-item img:hover{box-shadow:0 4px 16px rgba(0,123,255,0.3)}.gif-picker .spinner-border{color:#007bff}.unread-messages{position:relative}.unread-messages::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, rgba(220,53,69,0.1), rgba(220,53,69,0.05));border-radius:inherit;z-index:-1}.pulse-badge{animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}100%{transform:scale(1);opacity:1}}.btn.btn-danger{position:relative}.btn.btn-danger::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#dc3545;border-radius:50%;border:2px solid white}:root{--footer-primary: #0f172a;--footer-secondary: #1e293b;--footer-accent: #ff6b35;--footer-text: #94a3b8;--footer-heading: #f1f5f9;--footer-link: #cbd5e1;--footer-link-hover: #ffffff;--footer-border: #334155;--gradient-footer: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--shadow-footer: 0 -4px 20px rgba(0, 0, 0, 0.1)}.modern-footer{background:var(--gradient-footer);border-top:1px solid var(--footer-border);box-shadow:var(--shadow-footer);margin-top:auto}.footer-content{padding:4rem 0 2rem;position:relative}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}@media (max-width: 1200px){.footer-main{grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-main .footer-section:nth-child(4){display:none}}@media (max-width: 992px){.footer-main{grid-template-columns:1fr 1fr;gap:2rem}.footer-main .footer-brand{grid-column:1 / -1;margin-bottom:1rem}}@media (max-width: 576px){.footer-main{grid-template-columns:1fr;gap:2rem;text-align:center}}.footer-brand .brand-logo{margin-bottom:1.5rem}.footer-brand .brand-logo a{display:inline-block;transition:transform 0.3s ease}.footer-brand .brand-logo a:hover{transform:scale(1.05)}.footer-brand .brand-logo img{filter:brightness(1.2)}.footer-brand .brand-tagline{color:var(--footer-text);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:300px}.footer-brand .brand-contact .contact-email{display:flex;align-items:center;gap:0.75rem;color:var(--footer-link);text-decoration:none;font-size:1rem;font-weight:500;transition:all 0.3s ease}.footer-brand .brand-contact .contact-email:hover{color:var(--footer-accent);transform:translateX(4px)}.footer-brand .brand-contact .contact-email i{font-size:1.1rem;color:var(--footer-accent)}.footer-section .section-title{color:var(--footer-heading);font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-section .section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:var(--footer-accent);border-radius:2px}@media (max-width: 576px){.footer-section .section-title{text-align:center}.footer-section .section-title::after{left:50%;transform:translateX(-50%)}}.footer-section .footer-links{list-style:none;padding:0;margin:0}.footer-section .footer-links li{margin-bottom:0.75rem}.footer-section .footer-links li a{color:var(--footer-link);text-decoration:none;font-size:0.95rem;font-weight:500;transition:all 0.3s ease;display:inline-block;position:relative}.footer-section .footer-links li a:hover{color:var(--footer-link-hover);transform:translateX(4px)}.footer-section .footer-links li a::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--footer-accent);border-radius:50%;opacity:0;transition:opacity 0.3s ease}.footer-section .footer-links li a:hover::before{opacity:1}.footer-cta .cta-text{color:var(--footer-text);font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.footer-cta .btn-footer-primary{display:inline-block;background:linear-gradient(135deg, var(--footer-accent) 0%, #f7931e 100%);color:white;padding:12px 28px;border-radius:50px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,107,53,0.3)}.footer-cta .btn-footer-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(255,107,53,0.4);color:white}.footer-cta .footer-guarantee{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;color:var(--footer-text);font-size:0.85rem}@media (max-width: 576px){.footer-cta .footer-guarantee{justify-content:center}}.footer-cta .footer-guarantee i{color:#10b981;font-size:1rem}.social-links{display:flex;gap:1rem;margin-top:2rem}@media (max-width: 576px){.social-links{justify-content:center}}.social-links a{width:44px;height:44px;background:rgba(255,255,255,0.1);border:1px solid var(--footer-border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--footer-link);transition:all 0.3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links a:hover{background:var(--footer-accent);color:white;transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,53,0.3);border-color:var(--footer-accent)}.social-links a i{font-size:1.2rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--footer-border)}@media (max-width: 768px){.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.footer-legal{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.footer-legal{flex-direction:column;gap:1rem}}.footer-legal p{color:var(--footer-text);font-size:0.9rem;margin:0}.footer-legal .legal-links{display:flex;align-items:center;gap:1rem}.footer-legal .legal-links a{color:var(--footer-link);text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.footer-legal .legal-links a:hover{color:var(--footer-accent)}.footer-legal .legal-links .separator{color:var(--footer-border);font-size:0.8rem}.footer-badge .badge-content{display:flex;align-items:center;gap:0.75rem;background:rgba(255,107,53,0.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,53,0.2);border-radius:50px;padding:8px 20px;color:var(--footer-accent);font-size:0.9rem;font-weight:600}.footer-badge .badge-content i{font-size:1rem;animation:pulse 2s ease-in-out infinite}.footer-badge .badge-content span{color:var(--footer-heading)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.1)}}@media (max-width: 576px){.footer-content{padding:3rem 0 1.5rem}.footer-main{gap:2rem;margin-bottom:2rem}.brand-tagline{max-width:none}.btn-footer-primary{display:block;text-align:center;width:100%;max-width:280px;margin:0 auto}}@media print{.modern-footer{background:white;color:black;border-top:1px solid #ccc}.social-links,.footer-cta{display:none}}@media (prefers-contrast: high){:root{--footer-primary: #000;--footer-text: #fff;--footer-link: #fff;--footer-border: #fff}}:root{--primary-orange: #ff6b35;--primary-orange-light: #ff8c61;--accent-orange: #ffa726;--gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c61 100%);--gradient-hero: linear-gradient(135deg, #ff6b35 0%, #ff8c61 20%, #ffa726 40%, #ff8c61 60%, #ff6b35 80%, #ff8c61 100%);--gradient-secondary: linear-gradient(135deg, #1a202c 0%, #2d3748 25%, #374151 50%, #2d3748 75%, #1a202c 100%);--gradient-newsletter: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #667eea 50%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 8px 25px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .15);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .2);--shadow-primary: 0 8px 25px rgba(255, 107, 53, .3);--shadow-primary-hover: 0 8px 25px rgba(255, 107, 53, .4);--text-white: #fff;--text-white-muted: rgba(255, 255, 255, .8);--text-white-light: rgba(255, 255, 255, .9);--text-dark: #1a202c;--text-muted: #64748b;--border-radius-sm: 12px;--border-radius-md: 24px;--border-radius-lg: 50px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes floatOrb{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.hero-modern{background:var(--gradient-hero);background-size:600% 600%;animation:gradientShift 12s ease infinite;position:relative;min-height:100vh;display:flex;align-items:center}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-circle{position:absolute;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}.circle-1{width:200px;height:200px;top:10%;left:5%}.circle-2{width:140px;height:140px;bottom:15%;right:10%}.circle-3{width:110px;height:110px;top:55%;left:60%}.hero-title{font-size:3rem;font-weight:800;color:var(--text-white);line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,0.3)}.hero-subtitle{color:var(--text-white-light);font-size:1.125rem}.gradient-text{background:linear-gradient(135deg, #ff7ef5 0%, #feb47b 40%, #6dd5ed 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 1px 2px rgba(0,0,0,0.1),0 0px 0px rgba(255,255,255,0.1);animation:shimmer 2s ease-in-out infinite}.section-title-modern{font-size:2.75rem;font-weight:800;color:var(--text-dark);line-height:1.2;margin-bottom:1rem}.section-subtitle-modern{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:600px;margin:0 auto}.trust-title{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:1rem}.trust-subtitle{color:var(--text-white-muted);font-size:1.125rem;max-width:500px;margin:0 auto}.newsletter-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--text-white);text-shadow:0 4px 20px rgba(0,0,0,0.3)}.newsletter-highlight{background:linear-gradient(135deg, gold 0%, #ffab40 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s ease-in-out infinite}.newsletter-subtitle{font-size:1.125rem;color:var(--text-white-light);line-height:1.6;max-width:600px;margin:0 auto}.feature-title-large{font-size:2rem;font-weight:700;color:var(--text-dark);line-height:1.3}.feature-title-full{font-size:1.75rem;font-weight:700;color:var(--text-dark);line-height:1.3}.feature-title-compact{font-size:1.5rem;font-weight:600;color:var(--text-dark);line-height:1.3}.feature-description-large{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.feature-subtitle-full{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.feature-desc-compact{font-size:1rem;color:var(--text-muted);line-height:1.6}.overview-title{color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.overview-subtitle{color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto}.btn-modern-primary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--gradient-primary);color:var(--text-white);border-radius:var(--border-radius-lg);font-weight:600;border:none;box-shadow:var(--shadow-primary);position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none}.btn-modern-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition:left .5s ease}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);color:var(--text-white);text-decoration:none}.btn-modern-primary:hover::before{left:100%}.btn-modern-secondary{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-white);border-radius:var(--border-radius-lg);font-weight:600;transition:all .3s ease;text-decoration:none}.btn-modern-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-white);text-decoration:none}.btn-feature-modern,.btn-feature-full,.btn-feature-compact{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gradient-primary);color:white;border:none;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:var(--shadow-primary)}.btn-feature-modern{padding:0.875rem 2rem}.btn-feature-full{padding:0.875rem 2rem}.btn-feature-compact{padding:0.75rem 1.5rem}.btn-feature-modern:hover,.btn-feature-full:hover,.btn-feature-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover);color:white;text-decoration:none}.badge-modern{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);color:var(--text-white);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.trust-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);border-radius:var(--border-radius-lg);color:var(--primary-orange);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-badge-modern{display:inline-flex;align-items:center;padding:0.5rem 1.25rem;background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);border-radius:50px;color:var(--primary-orange);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.section-badge-portal{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);color:#3b82f6;padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600}.section-badge-fleet{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:#10b981;padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600}.section-badge-invoicing{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.2);color:#22c55e;padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600}.section-modern{position:relative;overflow:hidden;padding:5rem 0}.section-dark{background:var(--gradient-secondary);color:var(--text-white)}.section-newsletter{background:var(--gradient-newsletter);background-size:400% 400%;animation:gradientShift 10s ease infinite;color:var(--text-white)}.features-modern{background:#f8fafc;padding:5rem 0;position:relative;overflow:hidden;color:var(--text-dark)}.client-portal-feature-section{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);margin:2rem 0;padding:3rem 0;color:var(--text-dark)}.fleet-management-feature-section{background:rgba(255,255,255,0.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);margin:2rem 0;padding:3rem 0;color:var(--text-dark)}.invoicing-feature-compact{background:rgba(255,255,255,0.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);margin:2rem 0;padding:2rem 0;color:var(--text-dark)}.platform-overview-modern{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-md);padding:3rem;text-align:center;margin:3rem 0;color:var(--text-dark)}.section-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.background-orb{position:absolute;border-radius:50%;filter:blur(40px);animation:floatOrb 8s ease-in-out infinite}.orb-primary{background:radial-gradient(circle, rgba(255,107,53,0.15) 0%, rgba(255,171,64,0.08) 50%, transparent 70%)}.orb-secondary{background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 50%, transparent 70%)}.orb-large{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.orb-medium{width:200px;height:200px;bottom:-80px;right:-80px;animation-delay:4s}.features-background{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-feature-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,107,53,0.08) 0%, rgba(255,171,64,0.04) 50%, transparent 70%);filter:blur(60px);animation:floatOrb 15s ease-in-out infinite}.orb-feature-1{width:600px;height:600px;top:-250px;left:-250px;animation-delay:0s}.orb-feature-2{width:500px;height:500px;bottom:-200px;right:-200px;animation-delay:7.5s}.feature-card-modern{background:white;border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative;overflow:hidden;margin-bottom:3rem}.feature-card-modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-card-modern.feature-reverse{background:linear-gradient(135deg, #f8fafc 0%, #fff 100%)}.logo-card{flex-shrink:0;width:140px;height:80px;background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .3s ease;overflow:hidden}.logo-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px);box-shadow:var(--shadow-md)}.logos-container{position:relative;overflow:hidden;padding:2rem 0}.logos-track{display:flex;animation:scrollLogos 30s linear infinite;gap:3rem}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.logo-wrapper{padding:0.75rem;max-width:100%;max-height:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:brightness(0.8) contrast(1.1);transition:filter .3s ease}.logo-card:hover .logo-wrapper img{filter:brightness(1) contrast(1.2)}.trust-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.trust-stat{text-align:center}.trust-stat .stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-orange);line-height:1;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(255,107,53,0.3)}.trust-stat .stat-label{color:var(--text-white-muted);font-size:.875rem;font-weight:600}.newsletter-content{position:relative;z-index:2}.newsletter-success{display:inline-flex;align-items:center;padding:1rem 2rem;background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.3);border-radius:var(--border-radius-lg);color:#10b981;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group-modern{display:flex;gap:0.5rem;background:rgba(255,255,255,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:var(--border-radius-lg);padding:0.5rem;transition:all 0.3s ease;max-width:500px;margin:0 auto}.form-group-modern:focus-within{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);box-shadow:var(--shadow-sm)}.form-input-modern{flex:1;border:none;background:transparent;color:var(--text-white);font-size:1rem;padding:0.875rem 1.5rem;outline:none;border-radius:var(--border-radius-lg)}.form-input-modern::-moz-placeholder{color:rgba(255,255,255,0.7)}.form-input-modern::placeholder{color:rgba(255,255,255,0.7)}.form-button-modern{background:var(--gradient-primary);color:var(--text-white);border:none;padding:0.875rem 2rem;border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;box-shadow:var(--shadow-primary)}.form-button-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.feature-list{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:0.5rem;color:var(--text-white-light);font-size:0.875rem;font-weight:600}.feature-item i{color:#ffd700;font-size:1rem}.feature-list-modern{display:flex;flex-direction:column;gap:1rem}.feature-item-modern{display:flex;align-items:center;gap:1rem;padding:0.75rem 0}.feature-check-modern{width:24px;height:24px;background:rgba(16,185,129,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:0.875rem;flex-shrink:0}.feature-item-modern span{color:var(--text-dark);font-weight:500}.feature-icon-large{width:80px;height:80px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem}.feature-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.image-overlay{position:absolute;top:1rem;left:1rem}.feature-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0.5rem 1rem;border-radius:50px;color:var(--primary-orange);font-size:0.875rem;font-weight:600;box-shadow:var(--shadow-sm)}.crm-visual-modern{background:white;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.kanban-preview-modern{display:flex;gap:1rem}.kanban-col-modern{flex:1;background:#f8fafc;border-radius:12px;padding:1rem;min-height:200px}.col-header{font-weight:600;color:var(--text-dark);margin-bottom:1rem;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.kanban-card{background:white;padding:0.75rem;border-radius:8px;margin-bottom:0.75rem;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;font-size:0.875rem;color:var(--text-dark)}.kanban-card-placeholder{background:transparent;border:2px dashed #cbd5e1;padding:0.75rem;border-radius:8px;text-align:center;color:#9ca3af;font-size:0.875rem;cursor:pointer;transition:all 0.3s ease}.kanban-card-placeholder:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.card-badge{background:#e2e8f0;color:var(--text-muted);padding:0.25rem 0.5rem;border-radius:12px;font-size:0.75rem;font-weight:500}.card-badge.success{background:rgba(16,185,129,0.1);color:#10b981}.success-card{border-left:3px solid #10b981}.feature-overlay-stats{position:absolute;top:0;right:0;z-index:10}.stat-bubble{background:white;padding:1rem;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:1rem;text-align:center;min-width:120px}.stat-bubble .stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-orange);margin-bottom:0.25rem}.stat-bubble .stat-label{font-size:0.75rem;color:var(--text-muted);font-weight:500}.feature-benefits-full{display:flex;flex-direction:column;gap:1.5rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:white;border-radius:12px;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);transition:all 0.3s ease}.benefit-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.benefit-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem;flex-shrink:0}.benefit-content h5{color:var(--text-dark);font-weight:600;margin-bottom:0.5rem}.benefit-content p{color:var(--text-muted);margin:0;line-height:1.5}.portal-showcase-full{display:flex;justify-content:center;align-items:center;padding:2rem}.portal-device-full{background:white;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-lg);max-width:400px;width:100%}.portal-header-full{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.portal-controls{display:flex;gap:0.5rem}.control-dot{width:12px;height:12px;border-radius:50%}.control-dot.red{background:#ef4444}.control-dot.yellow{background:#f59e0b}.control-dot.green{background:#10b981}.portal-logo{font-weight:600;color:var(--text-dark);flex:1;text-align:center}.portal-user{display:flex;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:0.875rem}.user-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%}.portal-dashboard-full{color:var(--text-dark)}.dashboard-welcome h4{margin-bottom:0.5rem;color:var(--text-dark)}.dashboard-welcome p{color:var(--text-muted);margin-bottom:1.5rem}.dashboard-welcome strong{color:var(--primary-orange)}.dashboard-stats-full{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-full{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:0.75rem}.stat-card-full .stat-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.875rem}.stat-card-full .stat-info{flex:1}.stat-card-full .stat-value{font-size:1.125rem;font-weight:700;color:var(--text-dark);margin-bottom:0.25rem}.stat-card-full .stat-label{font-size:0.75rem;color:var(--text-muted)}.recent-activity{margin-top:1.5rem}.activity-header{color:var(--text-dark);font-weight:600;margin-bottom:1rem;font-size:0.875rem}.activity-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid #e2e8f0;color:var(--text-muted);font-size:0.875rem}.activity-item:last-child{border-bottom:none}.activity-item i{color:var(--primary-orange);width:16px}.activity-time{margin-left:auto;color:var(--primary-orange);font-size:0.75rem}.fleet-showcase-full{display:flex;justify-content:center;align-items:center;padding:2rem}.fleet-dashboard-container{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.fleet-header-full{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.fleet-title{color:var(--text-dark);font-weight:600;font-size:1.125rem}.fleet-status{display:flex;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:0.875rem}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.online{background:#10b981;animation:pulse 2s infinite}.fleet-overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.fleet-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:0.75rem}.fleet-stat-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.875rem}.fleet-stat-info{flex:1}.fleet-stat-number{font-size:1.125rem;font-weight:700;color:var(--text-dark);margin-bottom:0.25rem}.fleet-stat-label{font-size:0.75rem;color:var(--text-muted)}.fleet-stat-trend{font-size:0.75rem;font-weight:600}.fleet-stat-trend.up{color:#10b981}.fleet-map-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.map-header{color:var(--text-dark);font-weight:600;margin-bottom:1rem;font-size:0.875rem}.map-container{position:relative;background:#e2e8f0;height:100px;border-radius:8px;overflow:hidden}.map-pin{position:absolute;width:12px;height:12px;background:var(--primary-orange);border-radius:50%;cursor:pointer;animation:pulse 2s infinite}.map-pin.pin-1{top:20%;left:25%}.map-pin.pin-2{top:60%;left:45%}.map-pin.pin-3{top:30%;right:20%}.map-pin.pin-4{bottom:25%;left:60%}.fleet-alerts{display:flex;flex-direction:column;gap:0.75rem}.alert-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:0.875rem}.alert-item.warning{border-left:3px solid #f59e0b}.alert-item.info{border-left:3px solid #3b82f6}.alert-item i{color:var(--primary-orange);width:16px}.alert-item span{flex:1;color:var(--text-muted)}.alert-action{background:white;border:1px solid #e2e8f0;color:var(--text-muted);padding:0.25rem 0.75rem;border-radius:4px;font-size:0.75rem;cursor:pointer;transition:all 0.3s ease}.alert-action:hover{background:var(--gradient-primary);border-color:transparent;color:white}.invoice-preview-full{background:white;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid #e2e8f0}.invoice-header-full{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;font-weight:600;color:var(--text-dark)}.invoice-number{color:var(--primary-orange);font-size:0.875rem}.invoice-line{display:flex;justify-content:space-between;padding:0.5rem 0;color:var(--text-muted);font-size:0.875rem}.invoice-total{display:flex;justify-content:space-between;padding:1rem 0;border-top:1px solid #e2e8f0;margin-top:1rem;font-weight:600;color:var(--text-dark)}.total-amount{color:var(--primary-orange);font-weight:700}.payment-status{text-align:center;margin-top:1rem;padding:0.5rem;border-radius:8px;font-weight:600;font-size:0.875rem}.payment-status.paid{background:rgba(16,185,129,0.1);color:#10b981}.feature-highlights-compact{display:flex;flex-direction:column;gap:0.75rem}.feature-highlights-compact .highlight-item{display:flex;align-items:center;gap:0.75rem;color:var(--text-muted);font-size:0.875rem}.feature-highlights-compact .highlight-item i{color:var(--primary-orange);width:16px}.platform-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.platform-icon-link{text-decoration:none}.platform-icon{width:60px;height:60px;background:white;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.5rem;transition:all 0.3s ease;position:relative;box-shadow:var(--shadow-sm)}.platform-icon:hover{transform:translateY(-4px) scale(1.1);background:var(--gradient-primary);border-color:transparent;color:white}.pricing-modern{background:#f8fafc;padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2rem;font-weight:700;color:var(--text-white);margin-bottom:1rem}.section-subtitle{color:var(--text-white-muted);font-size:1.125rem;max-width:600px;margin:0 auto}.text-dark{color:var(--text-dark) !important}.highlight-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2);color:var(--primary-orange);padding:0.5rem 1rem;border-radius:50px;font-size:0.875rem;font-weight:600;margin-bottom:1rem}.billing-toggle-modern{display:flex;justify-content:center;margin-bottom:3rem}.toggle-wrapper{display:flex;align-items:center;gap:1rem;background:white;padding:0.5rem;border-radius:60px;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all 0.3s ease}.toggle-wrapper:hover{box-shadow:var(--shadow-md);border-color:var(--primary-orange)}.annual-section{position:relative;display:flex;align-items:center;gap:0.5rem}.toggle-label{font-weight:600;color:var(--text-muted);font-size:0.875rem;transition:all 0.3s ease;padding:0.5rem 1rem;border-radius:50px}.toggle-label.active{color:var(--primary-orange)}.toggle-switch{position:relative;width:50px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e2e8f0;transition:0.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;transition:0.4s;border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-input:checked+.toggle-slider:before{transform:translateX(26px)}.save-badge{position:absolute;top:-25px;right:-10px;background:var(--gradient-primary);color:white;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600;white-space:nowrap}.pricing-cards-container{margin-top:2rem}.pricing-card{background:white;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative;height:100%;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.pricing-card.popular{border:2px solid var(--primary-orange);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-12px)}.popular-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:0.5rem 2rem;border-radius:0 0 15px 15px;font-size:0.875rem;font-weight:700;z-index:2}.card-header{padding:2rem;text-align:center;border-bottom:1px solid #f1f5f9}.pricing-card.popular .card-header{background:linear-gradient(135deg, rgba(255,107,53,0.05) 0%, rgba(255,171,64,0.02) 100%);padding-top:3rem}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.plan-price{margin-bottom:1rem}.plan-price .price{font-size:3rem;font-weight:800;color:var(--primary-orange);line-height:1}.plan-price .period{font-size:1.125rem;color:var(--text-muted);font-weight:600}.billing-info{color:var(--text-muted);font-size:0.875rem;margin-bottom:1.5rem}.btn-pricing{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;background:white;color:var(--primary-orange);border:2px solid var(--primary-orange);border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden}.btn-pricing::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left 0.4s ease;z-index:-1}.btn-pricing:hover::before{left:0}.btn-pricing:hover{color:white;text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-pricing.primary{background:var(--gradient-primary);color:white;border-color:transparent}.btn-pricing.primary::before{background:linear-gradient(135deg, #e55a2b 0%, #ff6b35 100%)}.card-features{padding:2rem;flex:1}.feature-category{font-size:0.875rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:0.5px;margin:1.5rem 0 1rem 0;padding-bottom:0.5rem;border-bottom:2px solid #f1f5f9}.feature-category:first-child{margin-top:0}.feature-item{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.875rem;transition:all 0.3s ease}.feature-item:hover{transform:translateX(4px)}.feature-item.included{color:var(--text-dark)}.feature-item.excluded{color:#9ca3af}.feature-item i{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0.75rem;flex-shrink:0}.feature-item.included i{color:#10b981;background:rgba(16,185,129,0.1)}.feature-item.excluded i{color:#9ca3af;background:rgba(156,163,175,0.1)}.hero-stats{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.hero-stats .stat-item{text-align:center}.hero-stats .stat-number{font-size:2rem;font-weight:800;color:var(--text-white);text-shadow:0 2px 10px rgba(0,0,0,0.3)}.hero-stats .stat-label{font-size:0.875rem;color:var(--text-white-muted);margin-top:0.25rem;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.design-tools-section{background:#f8fafc;padding:5rem 0}.section-title-dark{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.section-subtitle-dark{color:var(--text-muted);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.modern-feature-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative;overflow:hidden}.modern-feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.4s ease}.modern-feature-card:hover::before{transform:scaleX(1)}.modern-feature-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.feature-icon-modern{margin-bottom:1.5rem}.icon-wrapper{width:80px;height:80px;border-radius:20px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;box-shadow:var(--shadow-primary);transition:transform 0.3s ease;margin:0 auto}.modern-feature-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.375rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;text-align:center}.feature-description{color:var(--text-muted);line-height:1.6;text-align:center;margin-bottom:1.5rem}.feature-highlight{text-align:center}.highlight-text{display:inline-block;padding:0.375rem 1rem;background:rgba(255,107,53,0.1);color:var(--primary-orange);border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(255,107,53,0.2)}.ai-section{background:var(--gradient-secondary);padding:5rem 0}.ai-feature-card-modern{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);padding:2.5rem;border-radius:24px;transition:all 0.4s ease;position:relative;overflow:hidden}.ai-feature-card-modern::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255,107,53,0.1) 0%, rgba(255,171,64,0.05) 100%);opacity:0;transition:opacity 0.4s ease}.ai-feature-card-modern:hover::before{opacity:1}.ai-feature-card-modern:hover{transform:translateY(-12px);border-color:rgba(255,107,53,0.3);box-shadow:0 20px 40px rgba(255,107,53,0.2)}.ai-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center}.ai-icon-glow{position:absolute;width:100%;height:100%;border-radius:20px;background:var(--gradient-primary);animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(255,107,53,0.4)}50%{box-shadow:0 0 40px rgba(255,107,53,0.8)}}.ai-icon-wrapper i{font-size:2rem;color:white;position:relative;z-index:1}.ai-feature-title{font-size:1.375rem;font-weight:700;color:var(--text-white);margin-bottom:1rem;text-align:center}.ai-feature-description{color:var(--text-white-muted);line-height:1.6;text-align:center;margin-bottom:1.5rem}.ai-feature-highlight{text-align:center}.highlight-badge{display:inline-block;padding:0.375rem 1rem;background:rgba(255,107,53,0.2);color:var(--primary-orange);border-radius:50px;font-size:0.875rem;font-weight:600;border:1px solid rgba(255,107,53,0.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.advanced-features-section{background:#f8fafc;padding:5rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:3rem}.feature-grid-item{display:flex}.advanced-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;transition:all 0.4s ease;position:relative;overflow:hidden;text-align:center;width:100%}.advanced-card::before{content:'';position:absolute;top:0;left:50%;width:0;height:4px;background:var(--gradient-primary);transition:all 0.4s ease;transform:translateX(-50%)}.advanced-card:hover::before{width:100%}.advanced-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.advanced-card .card-icon{width:70px;height:70px;border-radius:18px;background:rgba(255,107,53,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem auto;color:var(--primary-orange);font-size:1.5rem;transition:all 0.3s ease;border:2px solid rgba(255,107,53,0.2)}.advanced-card:hover .card-icon{background:var(--gradient-primary);color:white;transform:scale(1.1) rotate(-5deg);border-color:transparent}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.card-description{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.card-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform 0.4s ease}.advanced-card:hover .card-accent{transform:scaleX(1)}.proposal-section{padding:5rem 0}.proposal-mockup-container{position:relative;display:flex;justify-content:center;align-items:center;padding:2rem}.device-mockup{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform 0.3s ease}.device-mockup:hover{transform:scale(1.02)}.interactive-overlay{position:absolute;display:flex;align-items:center;gap:0.5rem;z-index:10}.overlay-1{top:20%;right:12%;animation-delay:0s}.overlay-2{bottom:35%;left:18%;animation-delay:1s}.overlay-3{top:55%;right:25%;animation-delay:2s}.pulse-dot{width:12px;height:12px;background:var(--primary-orange);border-radius:50%;animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,107,53,0.7)}@keyframes pulseGlow{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,107,53,0.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,107,53,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,107,53,0)}}.overlay-tooltip{background:rgba(0,0,0,0.85);color:white;padding:0.5rem 0.875rem;border-radius:8px;font-size:0.75rem;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,0.1);opacity:0;transform:translateX(-10px);animation:fadeInTooltip 0.3s ease-forward 1.5s;animation-fill-mode:forwards}@keyframes fadeInTooltip{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.floating-stat{position:absolute;background:white;padding:1rem 1.5rem;border-radius:15px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:0.75rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.2);animation:floatStat 4s ease-in-out infinite;z-index:5;transition:transform 0.3s ease}.stat-1{top:15%;left:-8%;animation-delay:0s}.stat-2{bottom:20%;right:-8%;animation-delay:2s}@keyframes floatStat{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-8px) rotate(0.5deg)}50%{transform:translateY(-12px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-0.5deg)}}.floating-stat:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-xl)}.floating-stat .stat-icon{width:40px;height:40px;border-radius:10px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:1.125rem}.stat-text{display:flex;flex-direction:column}.floating-stat .stat-number{font-size:1.5rem;font-weight:800;color:var(--primary-orange);line-height:1}.floating-stat .stat-label{font-size:0.75rem;color:var(--text-muted);font-weight:600}.feature-list{list-style:none;padding:0;margin:0}.feature-list-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,0.1);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.feature-list-item:hover{transform:translateX(8px);box-shadow:var(--shadow-md);background:rgba(255,255,255,0.15)}.feature-check{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:0.875rem;flex-shrink:0;margin-top:0.125rem}.feature-content{flex:1}.feature-name{font-size:1.125rem;font-weight:700;color:var(--text-white);margin-bottom:0.5rem}.feature-desc{color:var(--text-white-muted);line-height:1.6;margin:0}.cta-section{padding:5rem 0;position:relative;overflow:hidden}.glass-panel{background:rgba(255,255,255,0.95) !important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3)}.crm-calendar-mockup{background:white;border-radius:var(--border-radius-sm);padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.calendar-header h3{color:var(--text-dark);font-size:1.125rem;font-weight:600;margin:0}.calendar-nav{display:flex;gap:0.5rem}.calendar-nav button{background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-dark);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.calendar-nav button:hover{background:var(--gradient-primary);color:white;border-color:transparent}.calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:1.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all 0.3s ease;position:relative}.calendar-day span{color:var(--text-muted);font-size:0.875rem;font-weight:500}.calendar-day.has-event{background:rgba(255,107,53,0.1);border:1px solid rgba(255,107,53,0.2)}.calendar-day.has-event span{color:var(--primary-orange);font-weight:600}.calendar-day.today{background:var(--gradient-primary)}.calendar-day.today span{color:white;font-weight:700}.upcoming-events h4{color:var(--text-dark);font-size:1rem;font-weight:600;margin-bottom:1rem}.event-item{display:flex;align-items:center;gap:1rem;padding:0.75rem 0;border-bottom:1px solid #e2e8f0}.event-item:last-child{border-bottom:none}.event-time{color:var(--primary-orange);font-size:0.875rem;font-weight:600;min-width:50px}.event-title{color:var(--text-dark);font-size:0.875rem;flex:1}.event-type{background:#f8fafc;color:var(--text-muted);padding:0.25rem 0.5rem;border-radius:var(--border-radius-lg);font-size:0.75rem;font-weight:500}.crm-leads-dashboard{background:white;border-radius:var(--border-radius-sm);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid #e2e8f0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.dashboard-header h3{color:var(--text-dark);font-size:1.25rem;font-weight:600;margin:0}.refresh-btn{background:#f8fafc;border:1px solid #e2e8f0;color:var(--text-dark);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.refresh-btn:hover{background:var(--gradient-primary);color:white;border-color:transparent;transform:rotate(90deg)}.portal-dashboard-mockup{display:flex;justify-content:center;align-items:center;padding:2rem}.dashboard-container{background:white;border-radius:var(--border-radius-sm);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid #e2e8f0;max-width:500px;width:100%}.portal-messaging-mockup{display:flex;justify-content:center;align-items:center;padding:2rem}.phone-mockup{width:300px;height:600px;margin:0 auto;position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:36px;box-shadow:var(--shadow-lg);overflow:hidden}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:32px;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.chat-info{display:flex;align-items:center;gap:0.75rem}.company-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%}.company-name{color:var(--text-white);font-weight:600;font-size:0.875rem}.online-status{color:#10b981;font-size:0.75rem}.chat-actions{display:flex;gap:1rem;color:var(--text-white)}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message-modern{display:flex;flex-direction:column;max-width:80%}.message-modern.received{align-self:flex-start}.message-modern.sent{align-self:flex-end}.message-bubble{padding:0.75rem 1rem;border-radius:18px;font-size:0.875rem;line-height:1.4}.message-modern.received .message-bubble{background:rgba(255,255,255,0.2);color:var(--text-white);border-bottom-left-radius:6px}.message-modern.sent .message-bubble{background:var(--gradient-primary);color:white;border-bottom-right-radius:6px}.message-timestamp{font-size:0.75rem;color:var(--text-white-muted);margin-top:0.25rem;align-self:flex-end}.message-modern.received .message-timestamp{align-self:flex-start}.typing-indicator{align-self:flex-start;max-width:80%}.typing-dots{display:flex;align-items:center;gap:0.25rem;padding:0.75rem 1rem;background:rgba(255,255,255,0.2);border-radius:18px;border-bottom-left-radius:6px}.typing-dots span{width:6px;height:6px;background:var(--text-white-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:0.2s}.typing-dots span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{opacity:0.3}30%{opacity:1}}.chat-input{display:flex;align-items:center;gap:0.5rem;padding:1rem;background:rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1)}.chat-input input{flex:1;background:rgba(255,255,255,0.2);border:none;border-radius:20px;padding:0.5rem 1rem;color:var(--text-white);font-size:0.875rem}.chat-input input::-moz-placeholder{color:var(--text-white-muted)}.chat-input input::placeholder{color:var(--text-white-muted)}.send-btn{width:36px;height:36px;background:var(--gradient-primary);border:none;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.send-btn:hover{transform:scale(1.05)}.portal-branding-showcase{display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.brand-example{background:white;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);padding:1.5rem;box-shadow:var(--shadow-md)}.brand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid #e2e8f0}.brand-logo{font-weight:700;color:var(--primary-orange)}.brand-menu{color:var(--text-muted);font-size:1.25rem}.brand-nav{display:flex;gap:1rem;margin-bottom:1rem}.brand-nav span{color:var(--text-muted);font-size:0.875rem;cursor:pointer;transition:all 0.3s ease}.brand-nav .nav-active{color:var(--primary-orange);font-weight:600}.brand-welcome{color:var(--text-dark);font-weight:500}.fleet-dashboard-container{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);max-width:500px;width:100%;margin:0 auto}.fleet-communication-mockup{display:flex;justify-content:center;align-items:center;padding:2rem}.about-stats-showcase{padding:2rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.section-title-modern{font-size:2rem}.newsletter-title{font-size:2rem}.trust-stats{gap:2rem}.logo-card{width:120px;height:70px}.feature-list{flex-direction:column;align-items:center;gap:1rem}.form-group-modern{flex-direction:column;gap:1rem}.form-input-modern{text-align:center}.dashboard-stats-full{grid-template-columns:1fr}.fleet-overview-stats{grid-template-columns:1fr}.platform-icons{gap:1rem}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}.card-header{padding:1.5rem}.card-features{padding:1.5rem}.plan-price .price{font-size:2.5rem}.hero-stats{justify-content:center;gap:1rem}.features-grid{grid-template-columns:1fr}.floating-stat{position:static;margin:1rem 0;transform:none !important}.kanban-preview-modern{flex-direction:column;gap:1rem}.kanban-col-modern{min-width:auto}}@media (max-width: 480px){.hero-title{font-size:2rem}.feature-card-modern{padding:1.5rem}.portal-device-full,.fleet-dashboard-container{padding:1rem}.pricing-card{padding:1.5rem}.plan-price .price{font-size:2rem}.modern-feature-card,.advanced-card{padding:1.5rem}.hero-title{font-size:2rem}}.pipeline-analytics-tooltip{background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:12px;max-width:280px;font-size:13px;z-index:9999}.pipeline-analytics-tooltip.tooltip-below::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.pipeline-analytics-tooltip:not(.tooltip-below)::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white}.analytics-header{border-bottom:1px solid #f0f0f0;padding-bottom:8px;margin-bottom:8px}.analytics-header h6{font-weight:600;color:#333}.analytics-content .analytics-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.analytics-content .analytics-row:last-child{margin-bottom:0}.analytics-content .analytics-label{color:#666;font-weight:500}.analytics-content .analytics-value{font-weight:600;color:#333}.analytics-footer{border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px;text-align:center}.analytics-footer small{color:#888;font-style:italic}.analytics-loading,.analytics-error{display:flex;align-items:center;justify-content:center;padding:8px;text-align:center}.performance-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.performance-indicator.performance-excellent{background-color:#28a745;color:white}.performance-indicator.performance-good{background-color:#17a2b8;color:white}.performance-indicator.performance-warning{background-color:#ffc107;color:#333}.performance-indicator.performance-critical{background-color:#dc3545;color:white}.stage-analytics-trigger{cursor:pointer}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}#pipelineAnalyticsModal .modal-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-bottom:none}#pipelineAnalyticsModal .modal-header .modal-title{font-weight:600}#pipelineAnalyticsModal .modal-header .btn-close{filter:invert(1)}#pipelineAnalyticsModal .analytics-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}#pipelineAnalyticsModal .analytics-card h6{color:#495057;font-weight:600;margin-bottom:12px;border-bottom:1px solid #dee2e6;padding-bottom:8px}#pipelineAnalyticsModal .analytics-metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#pipelineAnalyticsModal .analytics-metric:last-child{margin-bottom:0}#pipelineAnalyticsModal .analytics-metric .metric-label{color:#6c757d;font-weight:500}#pipelineAnalyticsModal .analytics-metric .metric-value{font-weight:600;font-size:16px}#pipelineAnalyticsModal .analytics-recommendations{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:16px}#pipelineAnalyticsModal .analytics-recommendations h6{color:#1976d2;font-weight:600;margin-bottom:12px}#pipelineAnalyticsModal .analytics-recommendations .recommendation-item{padding:8px 0;border-bottom:1px solid #e3f2fd}#pipelineAnalyticsModal .analytics-recommendations .recommendation-item:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 768px){.pipeline-analytics-tooltip{max-width:250px;font-size:12px}#pipelineAnalyticsModal .modal-dialog{margin:10px}#pipelineAnalyticsModal .analytics-metric{flex-direction:column;align-items:flex-start;gap:4px}#pipelineAnalyticsModal .analytics-metric .metric-value{font-size:14px}}@media (prefers-color-scheme: dark){.pipeline-analytics-tooltip{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.pipeline-analytics-tooltip .analytics-header h6{color:#e2e8f0}.pipeline-analytics-tooltip .analytics-label{color:#a0aec0}.pipeline-analytics-tooltip .analytics-value{color:#e2e8f0}.pipeline-analytics-tooltip .analytics-footer small{color:#718096}}.modbar-container{display:flex;flex-direction:column;position:sticky;top:10px;height:calc(100vh - 20px);max-height:calc(100vh - 20px);width:60px;background:linear-gradient(145deg, var(--card-colour), var(--background-colour));border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.05);border:1px solid var(--border-colour);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;z-index:999}.modbar-container.modbar-expanded{width:220px}.modbar-container.modbar-expanded .modbar-label{opacity:1;transform:translateX(0);visibility:visible}.modbar-container.modbar-collapsed .modbar-label{opacity:0;transform:translateX(-10px);visibility:hidden}.modbar-toggle{padding:12px;border-bottom:1px solid rgba(0,0,0,0.05)}.modbar-toggle-btn{width:36px;height:36px;border:1px solid var(--border-colour);background:var(--card-colour);border-radius:calc(var(--border-radius) * 1.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:var(--text-colour)}.modbar-toggle-btn:hover{background:var(--secondary-colour);color:var(--tertiary-colour);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.modbar-toggle-btn:active{transform:scale(0.95)}.modbar-toggle-btn i{transition:transform 0.3s ease;font-size:14px}.modbar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden}.modbar-nav::-webkit-scrollbar{width:4px}.modbar-nav::-webkit-scrollbar-track{background:transparent}.modbar-nav::-webkit-scrollbar-thumb{background:var(--border-colour);border-radius:2px}.modbar-nav::-webkit-scrollbar-thumb:hover{background:var(--secondary-colour)}.modbar-item{position:relative;border-radius:var(--border-radius);transition:all 0.2s ease}.modbar-item:hover{background:var(--primary-colour);transform:translateX(2px)}.modbar-item:active{transform:scale(0.98) translateX(2px)}.modbar-link{display:flex;align-items:center;padding:12px;text-decoration:none;color:var(--text-colour);border-radius:var(--border-radius);transition:all 0.2s ease;position:relative;min-height:48px;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}.modbar-link:hover{color:var(--secondary-colour);background:var(--primary-colour)}.modbar-link:focus{outline:2px solid var(--secondary-colour);outline-offset:2px}.modbar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modbar-icon i{font-size:18px;transition:all 0.2s ease}.modbar-icon lord-icon{transition:all 0.2s ease}.modbar-label{margin-left:12px;font-weight:500;font-size:14px;white-space:nowrap;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateX(-10px);visibility:hidden;color:var(--text-colour)}.modbar-badge{position:absolute;top:8px;right:8px;background:var(--secondary-colour);color:var(--tertiary-colour);border-radius:calc(var(--border-radius) * 2);padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.modbar-badge.modbar-badge-warning{background:#fbbc04;color:#1a1a1a}.modbar-divider{height:1px;background:linear-gradient(90deg, transparent, var(--border-colour), transparent);margin:8px 12px}.modbar-bottom{padding:8px;border-top:1px solid var(--border-colour);display:flex;flex-direction:column;gap:4px}.modbar-profile-pic{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-colour)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.modbar-item.active .modbar-link{background:linear-gradient(145deg, var(--secondary-colour), var(--button-hover));color:var(--tertiary-colour);box-shadow:0 4px 12px var(--secondary-colour) 50}.modbar-item.active .modbar-link .modbar-icon i{color:var(--tertiary-colour)}@media screen and (max-width: 768px){.modbar-container{display:none !important}}@media screen and (max-width: 1024px){.modbar-container{width:50px}.modbar-container.modbar-expanded{width:180px}.modbar-label{font-size:13px}}@media (prefers-contrast: high){.modbar-container{border:2px solid #000;box-shadow:none}.modbar-link{border:1px solid transparent}.modbar-link:hover{border-color:#000}}@media (prefers-reduced-motion: reduce){.modbar-container,.modbar-link,.modbar-label,.modbar-toggle-btn,.modbar-icon i{transition:none !important;animation:none !important}}.priority-selector{display:flex;gap:8px;flex-wrap:wrap}.priority-selector .priority-option{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-colour);border-radius:8px;cursor:pointer;transition:all 0.2s ease;position:relative;background:var(--card-colour);color:var(--text-colour)}.priority-selector .priority-option:hover{border-color:var(--border-colour);transform:translateY(-1px);box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow)}.priority-selector .priority-option .priority-icon{font-size:16px;transition:all 0.2s ease}.priority-selector .priority-option .priority-label{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:500;white-space:nowrap;opacity:0.7}.priority-selector .priority-option input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.priority-selector .priority-option.priority-low.selected{border-color:var(--border-colour);background-color:var(--button-colour)}.priority-selector .priority-option.priority-low.selected .priority-icon{color:var(--text-colour)}.priority-selector .priority-option.priority-low .priority-icon{color:var(--text-colour)}.priority-selector .priority-option.priority-normal.selected{border-color:#3b82f6;background-color:#eff6ff}.priority-selector .priority-option.priority-normal.selected .priority-icon{color:#3b82f6}.priority-selector .priority-option.priority-normal .priority-icon{color:#60a5fa}.priority-selector .priority-option.priority-high.selected{border-color:#f59e0b;background-color:#fffbeb}.priority-selector .priority-option.priority-high.selected .priority-icon{color:#f59e0b}.priority-selector .priority-option.priority-high .priority-icon{color:#fbbf24}.priority-selector .priority-option.priority-urgent.selected{border-color:#f97316;background-color:#fff7ed}.priority-selector .priority-option.priority-urgent.selected .priority-icon{color:#f97316}.priority-selector .priority-option.priority-urgent .priority-icon{color:#fb923c}.priority-selector .priority-option.priority-critical.selected{border-color:#dc2626;background-color:#fef2f2}.priority-selector .priority-option.priority-critical.selected .priority-icon{color:#dc2626}.priority-selector .priority-option.priority-critical .priority-icon{color:#ef4444}.priority-selector .priority-option.priority-critical.selected{animation:pulse-critical 2s infinite}@keyframes pulse-critical{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0.4)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}.priority-selector.compact{gap:4px}.priority-selector.compact .priority-option{width:32px;height:32px}.priority-selector.compact .priority-option .priority-icon{font-size:14px}.priority-selector.compact .priority-option .priority-label{font-size:9px;bottom:-20px}.priority-indicator{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;border-radius:12px;font-size:0.75rem;font-weight:500;transition:all 0.2s ease;border:1px solid transparent}.priority-indicator i{font-size:0.875rem;transition:transform 0.2s ease}.priority-indicator .priority-label{font-size:0.75rem;font-weight:500;line-height:1}.priority-indicator:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.priority-indicator:hover i{transform:scale(1.1)}.priority-critical{background:linear-gradient(135deg, #dc3545, #c82333);color:white;border-color:#dc3545;box-shadow:0 2px 4px rgba(220,53,69,0.3)}.priority-critical i{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3));animation:pulse-critical 2s infinite}.priority-critical:hover{background:linear-gradient(135deg, #c82333, #bd2130);box-shadow:0 4px 8px rgba(220,53,69,0.4)}.priority-urgent{background:linear-gradient(135deg, #fd7e14, #e55a00);color:white;border-color:#fd7e14;box-shadow:0 2px 4px rgba(253,126,20,0.3)}.priority-urgent i{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3));animation:flash-urgent 1.5s infinite}.priority-urgent:hover{background:linear-gradient(135deg, #e55a00, #dc5200);box-shadow:0 4px 8px rgba(253,126,20,0.4)}.priority-high{background:linear-gradient(135deg, #ffc107, #e0a800);color:#212529;border-color:#ffc107;box-shadow:0 2px 4px rgba(255,193,7,0.3)}.priority-high i{color:#212529;filter:drop-shadow(0 1px 1px rgba(255,255,255,0.5))}.priority-high:hover{background:linear-gradient(135deg, #e0a800, #d39e00);box-shadow:0 4px 8px rgba(255,193,7,0.4)}.priority-normal{background:linear-gradient(135deg, var(--secondary-colour, #6c757d), var(--primary-colour, #495057));color:white;border-color:var(--border-colour, #6c757d);box-shadow:0 2px 4px rgba(108,117,125,0.2)}.priority-normal i{color:#fff;opacity:0.9}.priority-normal:hover{background:linear-gradient(135deg, var(--primary-colour, #495057), #343a40);box-shadow:0 4px 8px rgba(108,117,125,0.3)}.priority-low{background:linear-gradient(135deg, #6c757d, #5a6268);color:white;border-color:#6c757d;box-shadow:0 2px 4px rgba(108,117,125,0.2)}.priority-low i{color:#fff;opacity:0.8}.priority-low:hover{background:linear-gradient(135deg, #5a6268, #545b62);box-shadow:0 4px 8px rgba(108,117,125,0.3)}.priority-indicator.compact{padding:0.125rem 0.375rem;font-size:0.625rem}.priority-indicator.compact i{font-size:0.75rem}.priority-indicator.compact .priority-label{display:none}.priority-indicator.icon-only{padding:0.25rem;border-radius:50%;width:1.5rem;height:1.5rem;justify-content:center}.priority-indicator.icon-only .priority-label{display:none}.priority-indicator.icon-only i{font-size:0.875rem}@keyframes pulse-critical{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.05)}}@keyframes flash-urgent{0%,50%,100%{opacity:1}25%,75%{opacity:0.7}}@media (prefers-color-scheme: dark){.priority-normal{background:linear-gradient(135deg, #495057, #343a40)}.priority-low{background:linear-gradient(135deg, #495057, #343a40)}}@media (max-width: 768px){.priority-indicator{padding:0.125rem 0.375rem;font-size:0.625rem}.priority-indicator i{font-size:0.75rem}.priority-indicator .priority-label{display:none}}.google-style-upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed var(--border-colour);border-radius:var(--border-radius);padding:32px 24px;min-height:120px;width:100%;cursor:pointer;background-color:var(--card-colour);transition:all 0.2s ease-in-out;overflow:hidden}.google-style-upload::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, color-mix(in srgb, var(--secondary-colour) 5%, transparent) 0%, color-mix(in srgb, var(--primary-colour) 10%, transparent) 100%);opacity:0;transition:opacity 0.2s ease-in-out}.google-style-upload:hover{border-color:var(--secondary-colour);background-color:color-mix(in srgb, var(--primary-colour) 20%, var(--card-colour));transform:translateY(-1px);box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow)}.google-style-upload:hover::before{opacity:1}.google-style-upload.drag-over{border-color:var(--secondary-colour);background-color:color-mix(in srgb, var(--primary-colour) 30%, var(--card-colour));transform:scale(1.02);box-shadow:0 8px 25px color-mix(in srgb, var(--secondary-colour) 25%, transparent)}.google-style-upload.drag-over::before{opacity:1}.google-style-upload .upload-content{position:relative;z-index:1;text-align:center;pointer-events:none}.google-style-upload .upload-icon{font-size:48px;color:color-mix(in srgb, var(--text-colour) 60%, transparent);margin-bottom:16px;transition:all 0.2s ease-in-out}.google-style-upload:hover .upload-icon{color:var(--secondary-colour);transform:scale(1.1)}.google-style-upload .upload-text{font-size:16px;font-weight:600;color:var(--text-colour);margin-bottom:8px;line-height:1.4}.google-style-upload .upload-subtext{font-size:14px;color:color-mix(in srgb, var(--text-colour) 70%, transparent);line-height:1.4}.google-style-upload .upload-formats{font-size:12px;color:color-mix(in srgb, var(--text-colour) 50%, transparent);margin-top:12px;padding:8px 16px;background-color:color-mix(in srgb, var(--background-colour) 80%, transparent);border-radius:calc(var(--border-radius) * 0.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#uploadModal.modal .modal-dialog .modal-content{background-color:var(--card-colour) !important;border:none !important}#uploadModal .upload-modal-body{background-color:var(--background-colour) !important}#uploadModal .upload-file-item{background-color:color-mix(in srgb, var(--background-colour) 50%, transparent) !important}.upload-modal-content{border:none;border-radius:calc(var(--border-radius) * 1.5);background:var(--card-colour);box-shadow:0 20px 60px rgba(0,0,0,0.1);overflow:hidden}.upload-modal-header{text-align:center;padding:32px 32px 24px;background:linear-gradient(135deg, color-mix(in srgb, var(--primary-colour) 15%, var(--card-colour)) 0%, var(--card-colour) 100%);border-bottom:1px solid color-mix(in srgb, var(--border-colour) 50%, transparent)}.upload-modal-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--secondary-colour);border-radius:50%;color:var(--tertiary-colour);font-size:28px;animation:upload-pulse 2s ease-in-out infinite}.upload-modal-title{font-size:24px;font-weight:700;color:var(--text-colour);margin:0 0 8px;line-height:1.2}.upload-modal-subtitle{font-size:14px;color:color-mix(in srgb, var(--text-colour) 70%, transparent);margin:0;line-height:1.4}.upload-modal-body{padding:24px 32px 32px}.upload-progress-container{margin-bottom:24px}.upload-progress-bar{position:relative;width:100%;height:8px;background:color-mix(in srgb, var(--border-colour) 30%, transparent);border-radius:4px;overflow:hidden;margin-bottom:12px}.upload-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg, var(--secondary-colour) 0%, color-mix(in srgb, var(--secondary-colour) 80%, #fff) 100%);border-radius:4px;transition:width 0.3s ease;animation:upload-progress-shimmer 2s ease-in-out infinite}.upload-progress-glow{position:absolute;left:-100%;top:0;height:100%;width:100%;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);animation:upload-progress-glow 2s ease-in-out infinite}.upload-progress-text{display:flex;justify-content:space-between;align-items:center}.upload-percentage{font-size:14px;font-weight:600;color:var(--secondary-colour)}.upload-status{font-size:14px;color:color-mix(in srgb, var(--text-colour) 70%, transparent)}.upload-file-list{margin-bottom:24px}.upload-file-item{display:flex;align-items:center;padding:12px 16px;background:color-mix(in srgb, var(--background-colour) 50%, transparent);border-radius:var(--border-radius);margin-bottom:8px;border:1px solid color-mix(in srgb, var(--border-colour) 30%, transparent)}.upload-file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--secondary-colour) 10%, transparent);border-radius:calc(var(--border-radius) * 0.75);color:var(--secondary-colour);font-size:18px;margin-right:12px;flex-shrink:0}.upload-file-info{flex:1;min-width:0}.upload-file-name{font-size:14px;font-weight:500;color:var(--text-colour);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-size{font-size:12px;color:color-mix(in srgb, var(--text-colour) 60%, transparent)}.upload-file-status{flex-shrink:0;margin-left:12px}.upload-spinner{width:20px;height:20px;border:2px solid color-mix(in srgb, var(--secondary-colour) 20%, transparent);border-top:2px solid var(--secondary-colour);border-radius:50%;animation:upload-spin 1s linear infinite}.upload-tips{display:flex;flex-direction:column;gap:8px}.upload-tip{display:flex;align-items:center;font-size:12px;color:color-mix(in srgb, var(--text-colour) 60%, transparent)}.upload-tip i{margin-right:8px;color:var(--secondary-colour);font-size:14px}@keyframes upload-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb, var(--secondary-colour) 40%, transparent)}50%{transform:scale(1.05);box-shadow:0 0 0 8px color-mix(in srgb, var(--secondary-colour) 0%, transparent)}}@keyframes upload-progress-shimmer{0%,100%{opacity:1}50%{opacity:0.8}}@keyframes upload-progress-glow{0%{left:-100%}100%{left:100%}}@keyframes upload-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.upload-file-item.success .upload-file-icon{background:color-mix(in srgb, #10b981 10%, transparent);color:#10b981}.upload-file-item.success .upload-file-status{color:#10b981;font-size:14px}.upload-file-item.success .upload-file-status::after{content:"✓";font-weight:bold}.upload-file-item.error{border-color:color-mix(in srgb, #ef4444 30%, transparent);background:color-mix(in srgb, #ef4444 5%, transparent)}.upload-file-item.error .upload-file-icon{background:color-mix(in srgb, #ef4444 10%, transparent);color:#ef4444}.upload-file-item.error .upload-file-status{color:#ef4444;font-size:14px}.upload-file-item.error .upload-file-status::after{content:"✗";font-weight:bold}.select2-container--classic{width:100% !important}.select2-container--classic .select2-selection--single{background-color:var(--background-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;height:calc(1.5em + 0.75rem + 2px) !important;transition:border-color 0.15s ease-in-out !important;box-shadow:none !important;display:flex !important;align-items:center !important;position:relative !important;overflow:hidden !important}.select2-container--classic .select2-selection--single,.select2-container--classic .select2-selection--single .select2-selection__rendered,.select2-container--classic .select2-selection--single:before,.select2-container--classic .select2-selection--single:after{background-color:var(--background-colour) !important;background:var(--background-colour) !important;background-image:none !important}.select2-container--classic .select2-selection--single{background-image:none !important;filter:none !important}.select2-container--classic .select2-selection__rendered{color:var(--text-colour) !important;padding:0.375rem 2.5rem 0.375rem 0.75rem !important;line-height:1.5 !important;font-size:1rem !important;font-weight:400 !important;background:transparent !important;flex:1 !important;border-radius:var(--border-radius) !important;margin:0 !important}.select2-container--classic .select2-selection__arrow{height:calc(1.5em + 0.75rem) !important;right:0.75rem !important;top:0 !important;width:20px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:none !important;border:none !important}.select2-container--classic .select2-selection__arrow b{border-color:var(--text-colour) transparent transparent transparent !important;border-style:solid !important;border-width:4px 4px 0 4px !important;height:0 !important;width:0 !important;margin:0 !important;position:static !important;transform:none !important}.select2-container--classic.select2-container--focus .select2-selection--single{border-color:var(--secondary-colour) !important;outline:0 !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important}.select2-dropdown{background-color:var(--card-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important;z-index:1060 !important}.select2-container--open{z-index:1060 !important}.select2-container--open .select2-dropdown{z-index:1060 !important}.select2-dropdown[style*="z-index"]{z-index:1060 !important}.select2-container[style*="z-index"]{z-index:1060 !important}.select2-dropdown,.select2-dropdown--below,.select2-dropdown--above{z-index:1060 !important}.select2-results__option{display:block !important;width:100% !important;padding:0.375rem 0.75rem !important;clear:both !important;font-weight:400 !important;color:var(--text-colour) !important;text-align:inherit !important;text-decoration:none !important;white-space:nowrap !important;background-color:transparent !important;border:0 !important;cursor:pointer !important}.select2-results__option:hover,.select2-results__option:focus{color:var(--text-colour) !important;background-color:var(--primary-colour) !important;text-decoration:none !important}.select2-results__option--highlighted{color:var(--tertiary-colour) !important;background-color:var(--secondary-colour) !important;text-decoration:none !important}.select2-results__option[aria-selected="true"]{color:var(--tertiary-colour) !important;background-color:var(--secondary-colour) !important}.select2-search{padding:8px !important;background-color:var(--card-colour) !important}.select2-search__field{width:100% !important;padding:0.375rem 0.75rem !important;font-size:1rem !important;font-weight:400 !important;line-height:1.5 !important;color:var(--text-colour) !important;background-color:var(--background-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;transition:border-color 0.15s ease-in-out !important;outline:none !important}.select2-search__field:focus{color:var(--text-colour) !important;background-color:var(--background-colour) !important;border-color:var(--secondary-colour) !important;outline:0 !important;box-shadow:0 0 0 0.2rem rgba(var(--secondary-colour-rgb), 0.25) !important}.select2-search__field{pointer-events:auto !important;-webkit-user-select:text !important;-moz-user-select:text !important;user-select:text !important;cursor:text !important;position:relative !important;z-index:1060 !important}.select2-search--dropdown{position:relative !important;z-index:1060 !important;pointer-events:auto !important}.select2-search--dropdown .select2-search__field{min-height:30px !important;pointer-events:auto !important;cursor:text !important}.select2-container--classic .select2-selection__clear{color:var(--text-colour) !important;cursor:pointer !important;float:right !important;font-weight:bold !important;margin-right:10px !important;position:absolute !important;right:25px !important;top:50% !important;transform:translateY(-50%) !important;font-size:18px !important;line-height:1 !important;opacity:0.6 !important;transition:opacity 0.2s ease !important}.select2-container--classic .select2-selection__clear:hover{opacity:1 !important;color:#dc3545 !important}.select2-container--classic .select2-selection--multiple{background-color:var(--background-colour) !important;border:1px solid var(--border-colour) !important;border-radius:var(--border-radius) !important;min-height:calc(1.5em + 0.75rem + 2px) !important;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;box-shadow:none !important;display:block !important;width:100% !important;padding:0.375rem 0.75rem !important;cursor:text !important}.select2-container--classic.select2-container--focus .select2-selection--multiple{border-color:var(--secondary-colour) !important;outline:0 !important;box-shadow:var(--h-offset) var(--v-offset) var(--blur-radius) var(--boxshadow) !important}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{display:block !important;list-style:none !important;margin:0 !important;padding:0 !important;width:100% !important}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background:linear-gradient(135deg, var(--primary-colour), rgba(var(--primary-colour-rgb, 66, 165, 245), 0.8)) !important;border:1px solid var(--primary-colour) !important;border-radius:calc(var(--border-radius) * 0.75) !important;color:var(--tertiary-colour) !important;cursor:default !important;display:inline-flex !important;align-items:center !important;vertical-align:top !important;margin:0.125rem 0.25rem 0.125rem 0 !important;padding:0.25rem 0.5rem !important;font-size:0.875rem !important;font-weight:500 !important;line-height:1.2 !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;gap:0.25rem !important}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background:rgba(255,255,255,0.2) !important;border:none !important;color:var(--tertiary-colour) !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-weight:bold !important;font-size:0.75rem !important;opacity:0.8 !important;transition:all 0.2s ease !important;border-radius:50% !important;width:1rem !important;height:1rem !important;line-height:1 !important}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{opacity:1 !important;background:rgba(220,53,69,0.8) !important;color:white !important;transform:scale(1.1) !important}.select2-container--classic .select2-selection--multiple .select2-search--inline{display:inline-block !important;vertical-align:top !important;margin:0 !important;background:var(--background-colour) !important;border:none !important;padding:0 !important}.select2-container--classic .select2-selection--multiple .select2-search--inline .select2-search__field{background:var(--background-colour) !important;border:none !important;outline:0 !important;box-shadow:none !important;color:var(--text-colour) !important;font-size:1rem !important;padding:0 !important;margin:0 !important;min-width:5em !important;height:auto !important;line-height:inherit !important;resize:none !important;font-family:inherit !important}.notification-item{transition:all 0.2s ease}.notification-item:hover .notification-actions{opacity:1 !important}.notification-actions{opacity:0;transition:opacity 0.2s ease}.notification-card .notification-actions{opacity:0}.notification-card:hover .notification-actions{opacity:1}.notification-item .notification-actions{opacity:0}.notification-item:hover .notification-actions{opacity:1}.notification-card{transition:all 0.2s ease;border-left:4px solid transparent}.notification-card.unread{background-color:rgba(13,110,253,0.05);border-left-color:#0d6efd}.notification-card:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1);transform:translateY(-1px)}#notificationOffcanvas .offcanvas-body{padding:1rem}#notificationOffcanvas .notification-item{border:1px solid #dee2e6;border-radius:0.375rem;margin-bottom:0.75rem}#notificationOffcanvas .notification-actions{opacity:1 !important}#notificationOffcanvas .notification-actions .button-gradient,#notificationOffcanvas .notification-actions .button-13,#notificationOffcanvas .notification-actions .button-14,#notificationOffcanvas .notification-actions .glitch-button,#notificationOffcanvas .notification-actions .ortho-context-menu-close-button,#notificationOffcanvas .notification-actions .button-13-outline{font-size:0.75rem !important;padding:0.25rem 0.75rem !important;margin:0;border-radius:0.375rem;transition:all 0.2s ease}#notificationOffcanvas .notification-actions .button-13-outline:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.undo-banner{border-radius:0 0 0.375rem 0.375rem;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-fading{transition:all 0.3s ease;opacity:0.5}.notification-removing{transition:all 0.3s ease;opacity:0;transform:translateX(-100%)}.navbar-nav .bi-bell+.badge{position:absolute;top:-5px;right:-10px;font-size:0.75rem}.cursor-pointer{cursor:pointer}.field-list{max-height:400px;overflow-y:auto}.field-item{cursor:grab;transition:all 0.2s ease;border:1px solid var(--border-colour)}.field-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.field-item.dragging{opacity:0.5;cursor:grabbing;transform:rotate(2deg);box-shadow:0 5px 15px rgba(0,0,0,0.3)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.card-preview-container{display:flex;justify-content:center;padding:1rem;background:var(--primary-colour);border-radius:var(--border-radius)}.card-field-item{display:flex;align-items:center;font-size:0.875rem}.map{height:100%;width:100%;min-height:750px;border-radius:10px}.no-link{color:inherit;text-decoration:none}.icon-interaction{transition:all 0.3s ease;text-decoration:none}.icon-interaction:hover{transform:translateY(-2px)}.no-decoration{text-decoration:none;color:white}.no-decoration-dark{text-decoration:none;color:#4e4e4e}.navbar.topbar{box-shadow:none !important;border-bottom:1px solid #ccc}.centered-content{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center}.brandlogosm{max-width:100px !important;height:auto}.brand-logo-tiny{max-width:50px !important;height:auto}.highlight{padding:15px;border:2px #f47424;border-bottom-style:solid}.highlight2{padding:15px;border:2px #335eea;border-bottom-style:solid}a{color:#335eea}.dot{height:25px;width:25px;background-color:#335eea;border-radius:50%;display:inline-block}.dropdown-menu{max-height:300px;overflow-y:auto}.spreadsheet-table tbody tr:hover{transform:none !important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1) !important}.spreadsheet-table .stage-header-row .dropdown-menu{z-index:1050 !important;position:absolute !important}.table-responsive .table tbody tr:hover{transform:none !important}.table-responsive .dropdown-menu{z-index:1050 !important;position:absolute !important}.table-responsive .dropdown{position:static !important}.full-width{width:100%;border-radius:10px;overflow:hidden}.full-width td{padding:10px}.full-width tr:nth-child(even){background-color:#fafafa}.card.card-body{border-radius:10px;overflow:hidden}.lightcard{display:flex;flex-direction:column;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px;box-shadow:0px 0px 10px rgba(155,155,155,0.1)}.lightcardnb{display:flex;flex-direction:column;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px}.lightcardh{display:flex;flex-direction:row;height:auto;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px;box-shadow:0px 0px 10px rgba(155,155,155,0.1)}.lightcardhnb{display:flex;flex-direction:row;flex-grow:1;border-style:solid;padding:15px;border-radius:5px;border-color:#dadada;background-color:white;border-width:1px}.card-link{display:block;text-decoration:none;color:inherit;position:relative;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;padding:1rem}.card-link:hover,.card-link:focus{transform:translateY(-0.5rem);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.card-link:hover .background-animation,.card-link:focus .background-animation{transform:scale(1.2);opacity:0.1}.card-link .background-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle, rgba(0,0,0,0.05), rgba(0,0,0,0) 55%);transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;pointer-events:none}.fakeinput{padding:10px;border-style:solid;border-width:1px;color:#4e4e4e;border-color:#dddddd;border-radius:5px}.profile-pic{height:40px;width:40px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px;cursor:pointer}.profile-pic-2{height:80px;width:80px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.profile-pic-3{height:220px;width:220px;border-radius:30%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.profile-pic-tiny{height:20px;width:20px;border-radius:100%;border-width:1px;border-color:#dddddd;border-style:solid;padding:2px}.comment-bubble{position:relative;width:auto;height:auto;padding:15px;background-color:#fcfcfc;border-radius:15px;box-shadow:0px 5px 15px rgba(0,0,0,0.2);margin:10px;font-family:'Roboto', sans-serif;font-size:16px;line-height:1.5;color:#333;transition:all 0.3s ease}.comment-bubble:hover{background-color:#fafafa;box-shadow:0px 5px 15px rgba(0,0,0,0.3)}.body{font-family:'Quicksand', sans-serif}.cover-card{height:175px}@media (min-width: 992px){.cover-card{height:300px}}#intro-example-card{height:400px}@media (min-width: 480px){#intro-example-card{height:200px}}#loaderr{border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;width:10px;height:10px;animation:spin 2s linear infinite;position:relative}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.switch-div{width:50%}@media only screen and (max-width: 600px){.switch-div{width:100%}}.switch-div2{width:70%}@media only screen and (max-width: 600px){.switch-div2{width:100%}}.switch-div3{width:20%}@media only screen and (max-width: 600px){.switch-div3{width:100%}}#intro-example2{height:800px}.infobox{background-color:#fffdf9;border-radius:15px;border-style:solid;border-width:1px;border-color:#f7f7f7;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mapcontainer{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.footer{margin-top:auto;left:0;bottom:0;width:100%;background-color:red;color:white;text-align:center}.mdui-input{position:relative;display:inline-block;min-width:120px;max-width:100%;height:35px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:0 12px;font-size:14px;line-height:40px;color:#333;cursor:text;flex-grow:1}.mdui-select{position:relative;display:inline-flex;min-width:10px;max-width:100%;height:50px;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:0 16px;font-size:16px;line-height:50px;color:#333;cursor:pointer;flex-grow:1;transition:all 0.3s ease}.mdui-select:hover{border-color:#888;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.mdui-select:focus{outline:none;border-color:#007BFF}.mdui-select::after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #666;transition:all 0.3s ease}.mdui-select.open::after{transform:translateY(-50%) rotate(180deg)}.mdui-select.open .mdui-select-options{display:block}.mdui-select-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:999;display:none}.mdui-select-option{padding:8px 12px;font-size:14px;color:#333;cursor:pointer}.mdui-select-option:hover{background-color:#f5f5f5}.mdui-select-option.selected{background-color:#f0f0f0}::-webkit-scrollbar{height:4px;width:4px;background:#f7f7f7}::-webkit-scrollbar-thumb:horizontal{background:#335eea;border-radius:2px}::-webkit-scrollbar-thumb:vertical{background:#335eea;border-radius:2px}.glitch-button{background-color:#ff5f5f;border:1px solid #d5d9d9;border-radius:8px;box-shadow:rgba(213,217,217,0.5) 0 2px 5px 0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;min-height:30px;font-family:"Amazon Ember", sans-serif;font-size:13px;line-height:29px;padding:0 10px 0 11px;position:relative;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;align-items:center;justify-content:center;gap:5px}.glitch-button:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#ff5f5f;color:#fff;text-shadow:-3px -3px 0px #F8F005, 3px 3px 0px #00E6F6;clip-path:var(--slice-0)}.glitch-button:hover:after{animation:1s glitch;animation-timing-function:steps(2, end)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-5px, -2px)}10%{clip-path:var(--slice-3);transform:translate(2px, 2px)}20%{clip-path:var(--slice-1);transform:translate(-2px, 2px)}30%{clip-path:var(--slice-3);transform:translate(0px, 1px)}40%{clip-path:var(--slice-2);transform:translate(-1px, 0px)}50%{clip-path:var(--slice-3);transform:translate(1px, 0px)}60%{clip-path:var(--slice-4);transform:translate(1px, 2px)}70%{clip-path:var(--slice-2);transform:translate(-2px, 2px)}80%{clip-path:var(--slice-5);transform:translate(5px, -2px)}90%{clip-path:var(--slice-1);transform:translate(-2px, 0px)}100%{clip-path:var(--slice-1);transform:translate(0)}}.glitch-effect:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% 0 0 0);--slice-2: inset(60% 0 20% 0);--slice-3: inset(40% 0 40% 0);--slice-4: inset(20% 0 60% 0);content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#ff5f5f;color:#fff;text-shadow:-5px -5px 0px #F8F005, 5px 5px 0px #00E6F6;clip-path:var(--slice-0)}.glitch-effect:hover:after{animation:0.3s glitch;animation-timing-function:steps(2, end)}@keyframes glitch{0%{clip-path:var(--slice-0)}20%{clip-path:var(--slice-1)}40%{clip-path:var(--slice-2)}60%{clip-path:var(--slice-3)}80%{clip-path:var(--slice-4)}100%{clip-path:var(--slice-0)}}@media (min-width: 768px){.button-49,.button-49:after{width:80px;height:32px;line-height:32px}}.tooltip-inner{background-color:#000000 !important;max-width:450px !important;width:auto !important;color:#fff !important;border-style:solid !important;border-width:1px !important;border-color:#4e4e4e !important}.responsive-iframe1{position:relative;overflow:hidden;padding-top:56.25%}.responsive-iframe1 iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px}.dangerzone{padding:10px;border-radius:10px;color:white;background-image:linear-gradient(75deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%)}.navoo{padding:9px 12px;transition:all 0.2s ease-in-out;border-bottom:1px solid transparent;font-size:17px;font-weight:500;color:#333;text-decoration:none}.navoo:hover,.navoo:focus{color:#007BFF;background:rgba(0,123,255,0.1);border-bottom:1px solid #007BFF}.navee{padding:9px 12px;transition:all 0.2s ease-in-out;font-size:17px;color:#ffffff;background:rgba(0,234,255,0.1);border-radius:14px;font-weight:500;border:1px solid #ffffff;text-decoration:none}.navee:hover,.navee:focus{color:#335eea;font-size:19px;background:rgba(0,123,255,0.1);border:1px solid #007BFF}.navaa{padding:9px 12px;transition:all 0.2s ease-in-out;font-size:17px;color:#4e4e4e;background:rgba(0,234,255,0.1);border-radius:14px;font-weight:500;border:1px solid #ffffff;text-decoration:none}.navaa:hover,.navaa:focus{color:#335eea;font-size:19px;background:rgba(0,123,255,0.1);border:1px solid #007BFF}.delete{background-color:#ff5f5f;color:#ffffff}.niceinfo{margin-top:10px;margin-bottom:10px;align-items:center;display:inline-flex;gap:.5rem;flex-direction:row;background-color:#f8fafc;padding:8px;border-radius:5px;border-style:solid;border-color:#ddd;border-width:1px}.topnumbers{margin-top:10px;margin-bottom:10px;display:inline-flex;gap:1rem;flex-direction:row;padding:8px;border-right:1px solid #ccc}.lasttopnumber{margin-top:10px;margin-bottom:10px;display:inline-flex;gap:1rem;flex-direction:row;padding:8px}.form-control-title{font-size:1.5em;border:none;border-bottom:1px solid #f7f7f7;outline:none}.blankbutton{background-color:transparent;border:none;padding:0;margin:0}@media (min-width: 769px){.hide-unless-mobile{display:none}}.search-input{width:100%;padding:10px;border:none;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.15);font-size:16px;transition:box-shadow 0.3s ease}.search-input:focus{outline:none;box-shadow:0 2px 5px rgba(0,0,0,0.3)}.zoom:hover{transform:scale(1.5);transition:transform .2s}.scrollable-modal-body{max-height:600px;overflow-y:auto}.image-container:hover .img-fluid{opacity:0.5}.image-container:hover .edit-icon{display:block}.edit-icon{display:none;color:black;font-size:2rem}.selected-quote{border-left:2px solid #747474 !important;border-right:2px solid #747474 !important;background-color:#e4f1ff !important;color:black !important}.comment{border:1px solid #ddd;border-radius:5px;padding:15px;margin-bottom:20px}.comment-item{transition:all 0.2s ease}.comment-item[data-comment-level="1"]{border-left:3px solid #e9ecef;background-color:#f8f9fa;margin-left:0;transform:none}.replies{border-left:2px solid #e9ecef;margin-left:1rem;padding-left:1rem}.reply-form{border-radius:8px;padding:1rem}.comment-actions{border-top:1px solid #e9ecef;padding-top:0.75rem}.comment-actions .btn{font-size:0.875rem;text-decoration:none}.comment-actions .btn:hover{background-color:#f8f9fa;border-radius:4px}.replies.show{animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.bi-arrow-return-right{font-size:0.8rem;margin-right:0.25rem}.comment-item[data-comment-level="1"] .profile-pic{width:32px;height:32px}.comment-item[data-comment-level="0"] .profile-pic{width:40px;height:40px}.clear-input{height:50px;border:none;background:transparent;box-shadow:none;cursor:pointer;padding:10px;font-size:16px;line-height:1;transition:color 0.3s ease}.clear-input:hover{color:#f46424}.clear-input:focus{outline:none}.nav-icon{font-size:1.5rem;color:#4e4e4e;transition:color 0.3s ease, background-color 0.3s ease;padding:8px;border-radius:50%;background-color:#f9f9f9;box-shadow:0 1px 2px rgba(0,0,0,0.1);display:inline-flex;justify-content:center;align-items:center;margin-right:8px;text-decoration:none}.nav-icon:hover{background-color:#f0f0f0}.nav-icon.active{color:#f47424;background-color:#f0f0f0}.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{animation-delay:-1.1s}.spinner .rect3{animation-delay:-1.0s}.spinner .rect4{animation-delay:-0.9s}.spinner .rect5{animation-delay:-0.8s}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.custom-table tr:nth-child(even){background-color:transparent}.custom-table th,.custom-table td{padding:8px;text-align:left}.hidden-column{display:none}.layout{height:400px;min-width:280px;width:auto}.bg-orange{background-color:#f47424 !important;color:#fff !important}.bg-transparent{background-color:transparent !important}.text-orange{color:#f47424 !important}.no-shadow{box-shadow:none !important}.cover-image{width:100%;height:300px;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat}.scroll-wrapper{display:flex;align-items:center}.button-wrapper{flex-shrink:0}.scroll-container{flex-grow:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroll-container::-webkit-scrollbar{display:none}#scrollLeft{left:10px}#scrollRight{right:10px}.custom-indicator{width:10px;height:10px;border-radius:30%;opacity:0.5;border-style:solid;border-color:#567cf8;border-width:1px;transition:opacity 0.6s ease, transform 0.6s ease;margin:0 5px}.custom-indicator.active{opacity:1;transform:scale(1.5)}.lightborder{padding:10px;border-radius:10px;border:1px solid #dddddd}.herotext{animation:move-bg 15s linear infinite;background:-webkit-linear-gradient(left, #1a2a6c, #b21f1f, #4e4e4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-family:'Quicksand', sans-serif;font-weight:800;line-height:1.15}@keyframes move-bg{0%{background-position:0}100%{background-position:100%}}.blankcard{display:flex;flex-direction:column;height:auto;flex-grow:1;gap:10px;padding:15px}.horizontal-scroll-menu{display:flex;overflow-x:auto;gap:5px;align-items:start;white-space:nowrap;margin:10px}.horizontal-scroll-menu .list-menu-item:first-child{margin-left:auto}.horizontal-scroll-menu .list-menu-item:last-child{margin-right:auto}.horizontal-scroll-menu .list-menu-item{display:inline-block;padding:7px;border:none;background-color:transparent;color:#567cf8;font-size:16px;font-weight:light;text-decoration:underline;transition:color 0.3s ease}.horizontal-scroll-menu .list-menu-item:hover{color:#335eea}.rtl{direction:rtl}.right-align{text-align:right}.tiny-text{font-size:12px}.stroke-underline{position:relative;display:inline-block}.stroke-underline:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;transform:scaleY(0.7);border-radius:5px}.menuitem{position:relative;overflow:hidden}.menuitem::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#4e4e4e;transition:width 0.3s}.menuitem:hover::after{width:90%}div.post-content img{max-width:100%;height:auto;border-radius:15px}.hero{background-image:linear-gradient(180deg, #FFE985 10%, #FA742B 100%)}.hero-sideways{background-image:linear-gradient(90deg, #FFE985 0%, #FA742B 100%)}.hero-upside-down{background-image:linear-gradient(180deg, #FFE985 10%, #FA742B 100%)}.landing-hero{background-image:linear-gradient(180deg, #FFE985 10%, #ffe985 15%)}.newhero{background-color:#FEE140;background-image:linear-gradient(90deg, #FEE140 0%, #FA709A 100%)}.veryorange{background-color:#FFDEE9;background-image:linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%)}.mostpopular{background-color:#d87315;background-image:linear-gradient(199deg, #d87315 0%, #f9d1b0 50%, #fff 100%)}.ribbon-box{position:relative}.ribbon-box::before{content:'';position:absolute;top:43%;right:0;width:4px;height:14px;border-bottom-left-radius:5px;border-top-left-radius:5px;transform:rotate(0deg)}.googlechip{display:inline-block;padding:0.5em .8em;border-radius:18px;background-color:#f9f9f9;color:#4e4e4e;font-size:1rem;font-weight:400;max-width:-moz-fit-content;max-width:fit-content;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.simple-select{background:none;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:6px;font-size:1rem;color:inherit}.styled-table{width:100%;border-collapse:collapse;border-spacing:0}.styled-table thead th{padding:5px}.styled-table tbody tr:nth-child(even){padding:5px}.mask2{background-color:rgba(0,0,0,0.8);color:white;padding:25px;border-radius:15px;max-width:50%;text-align:start;max-height:60%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:start;align-items:start;margin:10px}@media (max-width: 876px){.mask2{max-width:95%;max-height:90%}}.hidden-uploader{display:none}[data-autocomplete-target="output"]{border:1px solid #cccccc;border-radius:5px;margin-top:1px;position:absolute;width:60%;max-height:200px;overflow-y:auto;background-color:black;z-index:1000;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);display:none}[data-autocomplete-target="output"] div{padding:10px;cursor:pointer}.youtube-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.pac-container{z-index:1000000 !important}.reveal{opacity:0;transform:scale(0.8) translateY(20%)}.reveal-animation{animation:slideZoomIn 1.2s ease-out forwards}@keyframes slideZoomIn{0%{transform:scale(0.8) translateY(20%);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.button-disabled{pointer-events:none;opacity:0.6}@keyframes joltInFromLeft{0%{transform:translateX(-50%);opacity:0}40%{transform:translateX(10%);opacity:1}60%{transform:translateX(-5%)}80%{transform:translateX(2%)}100%{transform:translateX(0)}}.animated-jolt-in{animation:joltInFromLeft 0.8s ease-out}.fade-out{transition:opacity 1s ease-out;opacity:0}.custom-select-wrapper{position:relative;display:inline-block}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}.custom-select-wrapper .select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#000}.sortable-list{padding:0;margin:0;list-style:none}.sortable-item{padding:10px;margin:5px;border-radius:5px;background:#f0f0f0;cursor:grab;transition:transform 0.2s ease;z-index:10}.sortable-item.dragging{background:#ccc;opacity:0.5}.sortable-item.drag-over{background:#ddd}.sortable-item.drag-over-below{border-bottom:2px dashed #aaa}.sortable-item.drag-over-above{border-top:2px dashed #aaa}.sortable-item.drop-transition{transition:transform 0.3s ease, opacity 0.3s ease;transform:scale(1.05);opacity:0.9}.navigation-search{position:relative;width:100%;z-index:1000}.navigation-search .navigation-search-input{height:2.75rem !important;background:rgba(255,255,255,0.08) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:50px !important;padding:0 1rem !important;font-family:'Quicksand', sans-serif !important;font-size:0.95rem !important;font-weight:500 !important;color:var(--text-color) !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;outline:none !important}.navigation-search .navigation-search-input::-moz-placeholder{color:var(--text-muted) !important;opacity:0.8}.navigation-search .navigation-search-input::placeholder{color:var(--text-muted) !important;opacity:0.8}.navigation-search .navigation-search-input:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(137,180,250,0.4) !important;transform:translateY(-1px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.15) !important}.navigation-search .navigation-search-input:focus{background:rgba(137,180,250,0.15) !important;border-color:rgba(137,180,250,0.6) !important;transform:translateY(-1px) !important;box-shadow:0 6px 12px rgba(137,180,250,0.2) !important}.navigation-search-results{border:none !important;border-radius:16px !important;overflow:hidden !important;margin-top:8px !important;background:var(--card-color) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04) !important;max-height:400px !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-gutter:stable;scrollbar-width:auto !important;scrollbar-color:rgba(137,180,250,0.8) rgba(0,0,0,0.1) !important}.navigation-search-results::-webkit-scrollbar{width:12px !important;background:rgba(0,0,0,0.1) !important}.navigation-search-results::-webkit-scrollbar-track{background:rgba(0,0,0,0.1) !important;border-radius:6px !important;margin:4px !important}.navigation-search-results::-webkit-scrollbar-thumb{background:rgba(137,180,250,0.8) !important;border-radius:6px !important;border:1px solid rgba(255,255,255,0.2) !important}.navigation-search-results::-webkit-scrollbar-thumb:hover{background:#89b4fa !important}.navigation-search-results::-webkit-scrollbar-thumb:active{background:rgba(243,139,168,0.9) !important}.navigation-search-results::-webkit-scrollbar-corner{background:transparent !important}.navigation-search-results::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #89B4FA, #F38BA8, #A6E3A1, #89B4FA);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite;z-index:1}.search-group-header{color:#6b7280 !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin:8px 0 4px 0 !important;background-color:rgba(0,0,0,0.03) !important;font-weight:600 !important;padding:6px 16px !important;border-radius:8px !important}.search-group-header:first-child{margin-top:4px !important}.search-result{display:block;text-decoration:none;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(137,180,250,0.2) !important;border-radius:12px !important;margin:4px 8px !important;padding:0 !important;font-family:'Quicksand', sans-serif !important;font-size:0.95rem !important;color:var(--text-color) !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;backdrop-filter:blur(5px) !important;-webkit-backdrop-filter:blur(5px) !important}.search-result:hover,.search-result.highlighted{background:rgba(137,180,250,0.08) !important;border-color:rgba(137,180,250,0.4) !important;color:var(--text-color) !important;text-decoration:none !important;transform:translateY(-2px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.1) !important}.search-result .search-result-content{display:flex !important;align-items:center !important;gap:12px !important;padding:12px 16px !important}.search-result .search-result-content .search-result-icon{color:#89B4FA !important;font-size:1.1rem !important;width:20px !important;text-align:center !important;flex-shrink:0}.search-result .search-result-content .search-result-text{flex:1}.search-result .search-result-content .search-result-text strong{color:var(--text-color) !important;font-weight:600 !important;display:block;margin-bottom:2px;font-size:0.95rem}.search-result .search-result-content .search-result-text small{color:var(--text-muted) !important;font-size:0.85rem !important;opacity:0.8 !important;display:block}.search-loading,.search-no-results,.search-error{text-align:center !important;color:var(--text-muted) !important;font-style:italic !important;padding:20px !important;background:transparent !important;border:none !important;display:flex;align-items:center;justify-content:center;gap:8px}.search-loading i,.search-no-results i,.search-error i{font-size:1.2rem}.search-loading:hover,.search-no-results:hover,.search-error:hover{transform:none !important;box-shadow:none !important}.search-error{color:#ef4444 !important}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.navigation-search .navigation-search-input{height:2.5rem !important;font-size:14px !important;padding:0 0.875rem !important}.navigation-search-results{margin-top:4px !important;max-height:300px !important}.search-result{margin:2px 4px !important}.search-result .search-result-content{padding:10px 12px !important;gap:10px !important}.search-result .search-result-content .search-result-icon{font-size:1rem !important;width:18px !important}.search-result .search-result-content .search-result-text strong{font-size:0.9rem}.search-result .search-result-content .search-result-text small{font-size:0.8rem !important}}@media (prefers-reduced-motion: reduce){.navigation-search .navigation-search-input,.search-result{transition:none !important}.navigation-search-results::before{animation:none !important}.search-result:hover,.search-result.highlighted{transform:none !important}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.floating-contact-widget{position:fixed;bottom:50%;right:10px;z-index:1000;font-family:inherit}.widget-toggle{width:60px;height:60px;background:var(--secondary-colour, #007bff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease;border:none}.widget-toggle:hover{background:var(--button-hover, #0056b3);transform:scale(1.1)}.widget-toggle i{font-size:24px}.widget-content{position:absolute;bottom:70px;right:0;width:320px;background:var(--card-colour, #fff);border:1px solid var(--border-colour, #dee2e6);border-radius:var(--border-radius, 8px);box-shadow:0 8px 24px rgba(0,0,0,0.15);padding:20px;color:var(--text-colour, #333)}.widget-content.collapse:not(.show){display:none}.widget-content.collapse.show{display:block;animation:slideInRight 0.3s ease-out}.widget-content.collapsing{display:block;opacity:0.5;transform:translateX(50%);transition:opacity 0.35s ease, transform 0.35s ease}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.widget-close{background:none;border:none;color:var(--text-colour, #666);cursor:pointer;padding:0;font-size:18px}.widget-close:hover{opacity:0.7}.contact-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}.profile-pic-small{width:50px;height:50px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-colour, #dee2e6)}.contact-details{flex:1}.contact-details .body{margin:0;line-height:1.3}.widget-content .btn-primary{background-color:var(--secondary-colour, #007bff);border-color:var(--secondary-colour, #007bff);color:var(--tertiary-colour, #fff);width:100%}.widget-content .btn-primary:hover{background-color:var(--button-hover, #0056b3);border-color:var(--button-hover, #0056b3);color:var(--button-hover-text, #fff)}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width: 768px){.floating-contact-widget{bottom:20px;right:20px}.widget-content{width:280px;right:-10px}.widget-toggle{width:50px;height:50px}.widget-toggle i{font-size:20px}}