:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-size:16px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--toastBorderRadius: .5em;--toastPadding: .5em .8em}*{box-sizing:border-box}a{text-decoration:underline;color:inherit;cursor:pointer}body{margin:0;display:block}header{display:flex;justify-content:center;padding:1em}header button.menu-toggle{position:absolute;top:1em;left:1em;z-index:0;margin-bottom:0}h1,h2,h3{margin:0px 0px .5rem;line-height:1.3em}h1{font-size:2em;line-height:1.1}div#app{width:100%;height:100%;margin:0;padding:0}button{border-radius:.5em;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:.25s}button.small{font-size:12px;padding:.4em .6em}button:hover{border-color:#80c41c}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}label,legend{display:block;margin-bottom:.1em;font-size:14px}label small{font-style:italic;opacity:.7;font-size:10px}input:not([type=checkbox]),select{min-height:3em;border-radius:.5em;border:1px solid rgba(255,255,255,.1);width:100%;padding:5px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}input{cursor:pointer}::placeholder{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-size:10px}img{display:block;width:100%}#sidebar{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:#3b3b3b;padding:1em;position:fixed;width:15%;min-width:250px;left:0;transition:.5s ease;z-index:999}.main-content{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0 1em 1em 20%}.main-content-section{display:flex;flex-direction:column;align-items:center;width:100%}.main-content-container{width:600px;padding:1.5em;border-radius:9px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.actions{display:flex;flex-direction:column;gap:.5em;margin-top:1em}.card{padding:2em}.db-form-field{position:relative;margin-bottom:.5em;display:block;width:100%}.db-form-field:last-child{margin-bottom:0}.db-form-field.db-form-field-checkbox{display:flex;gap:.2em;margin-bottom:0}ul.autofill-dropdown{display:block;list-style:none;position:absolute;margin:0;padding:0;background-color:#242424;border-radius:7px;width:100%;z-index:1;box-shadow:0 0 1em #0000004d;max-height:200px;overflow-y:auto;overflow-x:hidden}ul.autofill-dropdown li{cursor:pointer;background-color:transparent;padding:.6em 1em;display:flex;transition:.25s}ul.autofill-dropdown li:hover{background-color:#ffffff1a}ul.autofill-dropdown i{font-size:.75em;opacity:.7;position:relative;top:.5em;margin-right:1em}.db-form-footer{margin-top:1em}button i{font-size:.8em}div.client-info-section ul{padding:0}div.client-info-section li{list-style:none}div.db-form-section{margin:1em 0}.user-card{border-radius:7px;padding:1em;background:rgba(0,0,0,.4)}.user-account{display:flex;gap:.5em;line-height:1.4em;font-size:14px}.user-account i{font-size:1.4em}.user-card p{margin:0 0 .6em;line-height:1.2em}button.menu-toggle{background:none;padding:0;border:none!important;display:none;margin-bottom:1em;outline:none}button.menu-toggle i{font-size:28px}.sidebar.open .close-menu{display:block;visibility:visible;opacity:1}section.queries{margin-top:2em}.queries ul{margin-top:0;padding:0;list-style:none}section.queries>div{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1em}section.queries>div:last-child{border:none;margin-bottom:0}section.queries>div:last-child ul:last-child{margin-bottom:0}.msg,.contact-point{font-size:90%;margin-bottom:1em;background-color:#ffffff1a;border-radius:7px;padding:.5em .8em;position:relative}section.queries>div:last-child ul li:last-child .msg{margin-bottom:0;border:none}.msg p{margin:0}.msg button,.edit-btn button{padding:.4em .6em;border-radius:5px;font-size:12px}.msg .edit-btn button{position:absolute;top:0;transform:translateY(-50%);right:.8em;line-height:1em;display:none}.msg:hover .edit-btn button{display:block}.msg textarea,.comment-form textarea{margin:.3em 0 .5em}.commenter{font-weight:700;display:flex;flex-wrap:wrap;column-gap:.3em}.commenter .comment-meta{font-weight:400;font-size:12px;line-height:1.6rem}footer{width:100%;font-size:12px;opacity:.5}.footer p{margin:0}fieldset{border:none;padding:0 0 1em;margin:0 0 1em;border-bottom:1px solid rgba(255,255,255,.1)}fieldset:last-child{border-bottom:none}.flex-fields{display:flex;gap:1em}legend{padding:0}textarea{display:block;width:100%;min-height:60px;border-radius:4px;font-family:inherit;padding:.5em}.contact-first-name{display:flex;column-gap:.3em}.contact-first-name a{font-size:12px;font-weight:400;line-height:1.6rem}li.contact-point{margin-bottom:1em}.logo{max-width:150px}.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;gap:1em}.login-screen button i{font-size:initial;margin-right:.3em}.flex-btns{display:flex;gap:.5em}.toast-wrap{line-height:1.5em}.logo-light{display:none}.logo-dark{display:block}.clickable-logo:hover{cursor:pointer}.flex-btns button.small{margin:.3em 0}.form-desciption{font-size:14px;margin-top:0}select[multiple]{height:auto;background-color:#333;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5em;cursor:pointer;border-radius:4px}select[multiple] option:hover{background-color:#555}.image-previews,.comment-images{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1em}.image-container{width:80px;height:80px;border-radius:.5em;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);transition:.25s}.image-container:hover{border-color:#80c41c}.image-container img{width:100%;height:100%;object-fit:cover}.image-container button{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;border:none;padding:.2em 0;cursor:pointer;font-size:12px;transition:.25s}.image-container button:hover{background:rgba(0,0,0,.9)}.dropzone{border:2px dashed rgba(255,255,255,.2);border-radius:.5em;padding:1em;text-align:center;transition:.25s;margin-bottom:1em}.dropzone.active{background-color:#ffffff1a;border-color:#80c41c}@media screen and (max-width: 980px){header button.menu-toggle,button.menu-toggle{display:block}#sidebar,.main-content{width:100%}#sidebar:not(.open){left:-100%}.main-content{padding:0 10% 10%!important}footer{padding:1em}.msg .edit-btn button,.msg:hover .edit-btn button{display:block;padding:.3em .6em}.db-form-footer{flex-direction:column;gap:.5em}.flex-fields{flex-direction:column;gap:0px;margin-bottom:.5em}.flex-btns{flex-direction:column}}@media screen and (max-width: 500px){.main-content-container{width:100%}}@media (prefers-color-scheme: light){:root{color:#0a0a0a;background-color:#e5e7eb;--toastBackground: #fafafa;--toastColor: #0a0a0a}button{background-color:#fafafa;border-color:#d4d4d4}button:hover{border-color:#274428}input,select,.main-content-container{border:1px solid #d4d4d4}ul.autofill-dropdown{background-color:#e5e7eb;box-shadow:0 0 1em #0000001a;max-height:200px;overflow-y:auto;overflow-x:hidden}ul.autofill-dropdown li:hover,.msg,.contact-point{background-color:#fafafa}section.queries>div,fieldset{border-bottom:1px solid #d4d4d4}#sidebar{background-color:#d4d4d4}footer{opacity:1}.logo-light{display:block}.logo-dark{display:none}.user-card{background-color:#f5f5f5}.msg textarea,.comment-form textarea{border:1px solid #d4d4d4;background-color:#f5f5f5}.toast-wrap{background-color:#fafafa}._toastItem{background:var(--toastBackground, rgba(66, 66, 66, .9))}.image-container{border-color:#d4d4d4}.image-container:hover{border-color:#274428}.image-container button{background:rgba(0,0,0,.5)}.image-container button:hover{background:rgba(0,0,0,.7)}.dropzone{border-color:#d4d4d4}.dropzone.active{background-color:#f0f0f0;border-color:#274428}}
