*{box-sizing:border-box}:root{--brand-color: #1d4cce;--color-bg: #ffffff;--color-text: #2a2a2a;--color-accent: #2ecc71;--font-main: "Montserrat",sans-serif;--radius: 8px;--transition: .3s ease}html,body{margin:0;height:100%;overscroll-behavior-y:contain;overscroll-behavior-x:none}body{background:#f6f6f6;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:var(--color-text);letter-spacing:-.2px;overflow:hidden}#app{height:100%;width:100%;display:flex;flex-direction:row;padding-top:76px;overflow:hidden;min-height:100%;padding-bottom:16px}.animated-bg{background:linear-gradient(270deg,#eff6f4,#eaeff2,#edf4f5,#f3f6f2);background-size:400% 400%;animation:pastelFlow 22s ease infinite}@keyframes pastelFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-header{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9;height:56px;overflow:hidden}.container{width:100%;height:100%;display:flex;align-items:center}.content{display:flex;height:100%;flex:1;padding:0 16px;overflow:hidden;position:relative}.content-inner{width:100%;display:flex;flex-direction:column;background:#fff;border-radius:16px;position:relative;overflow:hidden}.view-header{padding:10px;background:#fff;height:60px;border-bottom:1px solid #ececec;align-items:center;display:flex}.view-header-inner{width:100%;display:flex;gap:10px;align-items:center;justify-content:space-between}.view-header-title{margin:0;padding:0 10px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group{display:flex;gap:5px;align-items:center;pointer-events:none}.view{display:flex;width:100%;flex-direction:column;height:100%;overflow:hidden}.search{padding:0;border-bottom:1px solid #ececec}.table-search{position:relative}.search .search-icon{position:absolute;left:12px;top:0;bottom:0;margin:auto}.indication-rows{display:flex;flex-direction:column;gap:5px;padding:5px 0}.indication-row{display:flex;justify-content:space-between;gap:5px}.color-picker{width:100px;height:44px;margin-left:-110px}.table-field-color{width:20px;height:20px;border-radius:20px;display:block;border:1px solid #00000017}.search-input{border-radius:0;box-shadow:none;border:none;outline:none;background:#fff;padding:12px 20px 12px 40px;font-weight:500}.search-input:hover{color:var(--color-text)}.search-input:hover::placeholder{color:#131313}.row{display:flex;width:100%;flex-direction:column}.bar{width:300px;height:100%;display:flex;flex-direction:column;padding:0;gap:10px;flex-shrink:0}.project-title{margin:0;font-size:20px;padding:0 8px}.bar-header{padding:16px;display:flex;justify-content:space-between;border-radius:12px;align-items:center;height:100%;flex-direction:row}.bar-header-main{display:flex;flex-direction:row;gap:10px;align-items:center}.bar-header svg{width:130px;height:30px;margin-left:0}.bar-logo{font-size:24px;font-weight:800;color:var(--brand-color)}.bar-content{padding:0;overflow-y:scroll}.bar-content::-webkit-scrollbar{display:none}.bar-content{scrollbar-width:none}.bar-content{-ms-overflow-style:none}.bar-row{display:flex;width:100%;flex-direction:column;gap:5px}.bar-item{padding:10px;background:#f5f5f5;border-radius:10px}.project-list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-bottom:100px}.project-item{padding:8px 10px;border-radius:10px;border:none;width:100%;text-align:left;display:flex;justify-content:space-between;text-decoration:none;background:#fff}.ui-btn{padding:0;border-radius:10px;border:none;text-align:left;display:flex;justify-content:center;text-decoration:none;background:#f2f2f2;align-items:center}.ui-btn button{background:none;border:none;display:flex;align-items:center;padding:5px}.ui-btn button svg{display:block}.project-item.new-project,.project-item.summary,.reports-container,.new-container{margin-bottom:10px}.new-project{display:none}.report-list{display:flex;flex-direction:column;gap:5px}.quickactions-container{margin-bottom:10px}.quickaction-list{display:flex;flex-direction:column;gap:5px}.option-item{position:relative}.collection-item{position:relative;padding-left:10px}.project-item.collection-item:hover{background:#f0f0f0}@media (hover: hover){.project-item.collection-item:hover{background:#f0f0f0}}.project-item.collection-item:last-child:before{display:none}.collection-item:before{content:"";position:absolute;width:4px;height:6px;background:var(--color-text);left:11px;top:0;bottom:0;margin:auto;border-radius:32px;opacity:0}.collections .project-item{padding-left:20px}.projects .project-item.hover{background:#fff}@media (hover: hover){.projects .project-item.hover{background:#fff}}@media (hover: hover){.projects .project-item.hover .menu-icon{opacity:1;background:#f6f6f6}}.project-icon{border:none;width:24px;color:#fff;overflow:hidden;border-radius:6px;align-items:center;text-align:center;display:flex;padding:0;justify-content:center;background:none;height:24px}.option-icon{border:none;width:24px;color:#fff;overflow:hidden;border-radius:6px;align-items:center;text-align:center;display:flex;padding:0;justify-content:center;background:none;height:24px;position:absolute;top:0;bottom:0;margin:auto;right:10px}.option-field{padding-left:20px;background:#f6f6f6;box-shadow:none;border:1px solid #cccccc42}.menu-icon{opacity:0}.option-item:hover .menu-icon{opacity:1}@media (hover: hover){.option-item:hover .menu-icon{opacity:1}}.option-item:hover .menu-icon svg path{fill:var(--color-text)}.menu-icon>*{pointer-events:none}.project-form{display:flex;flex-direction:column;gap:10px}.project-item:hover .menu-icon{opacity:1}@media (hover: hover){.project-item:hover .menu-icon{opacity:1}}.project-icon svg{display:block;width:100%;height:100%}.project-icon svg path{fill:#000}.project-name{color:var(--color-text)}.projects{display:flex;flex-direction:column;gap:5px}.project-container{padding:0 0 0 18px}.project-collections{height:0;overflow:hidden;transition:all .3s}.active .project-collections{margin-bottom:5px}.project-container-inner.active{background:#fff;border-radius:12px}.project-item:hover{background:#fff}.projects .active .project-item.collection-item.active{background:#f6f6f6;color:var(--color-text)}.projects .active .project-item.collection-item.active .project-name{color:inherit}.projects .active .project-item.collection-item.active svg path{fill:var(--color-text)}.project-item-name{pointer-events:none}.collections-wrapper{padding:0 8px 8px;gap:0;display:flex;flex-direction:column}.auth{width:360px;margin:60px auto;padding:24px;border-radius:12px;font-family:Montserrat,sans-serif}.auth-form{position:relative;display:flex;gap:10px}.auth h2{margin-bottom:20px;text-align:center}.collection-active-field-form{display:flex;flex-direction:column;gap:10px}.form-group{opacity:0;margin-bottom:14px}label{font-weight:600}input{width:100%;padding:12px 16px;border:1px solid #cccccc42;border-radius:16px;font-size:14px;box-sizing:border-box;transition:.2s border-color;box-shadow:none;background:#f6f6f6;font-family:Montserrat,sans-serif}textarea{width:100%;padding:14px 20px;border:1px solid #cccccc42;border-radius:16px;font-size:16px;box-sizing:border-box;transition:.2s border-color;box-shadow:0 0 20px -8px #ccc;font-family:Montserrat,sans-serif;resize:vertical;min-height:44px}input.code{padding:14px 0;text-align:center;font-size:20px}input.error{border-color:#ff6b6b;background-color:#fff0f0}input.success{border-color:#6fcf97;background-color:#f0fff1}.message-wrapper{display:flex;position:fixed;z-index:9999;pointer-events:none;bottom:40px;left:0;right:0;align-items:center;justify-content:center}.message{display:flex;opacity:0;font-size:14px;background:var(--color-text);padding:8px 12px;box-shadow:0 0 20px #00000014;border-radius:20px;transform:scale(0) translateY(10px);transition:all .6s;align-items:center}.message.active{opacity:1;transform:scale(1) translateY(0)}.message svg{width:20px;height:20px;display:block}.message.error{color:#ff6b6b}.message.error svg path{fill:#ff6b6b}.message.warn{color:#ffa94d}.message.warn svg path{fill:#ffa94d}.message.success{color:#6fcf97}.message.success svg path{fill:#6fcf97}.message-text{padding:0;transition:all .3s}.message-text.active{padding-left:5px;padding-right:10px;display:flex}.message-text .word{display:flex;white-space:pre}.message-text .word span{display:inline-block;white-space:pre;width:0;overflow:hidden;font-size:0;opacity:0;transition:all .2s}.message-text .word span.visible{opacity:1;width:auto;font-size:14px}.button{width:100%;padding:14px;font-size:16px;border:none;border-radius:16px;background:var(--brand-color);color:#fff;cursor:pointer;transition:.2s background;box-shadow:0 0 20px -8px #ccc;border:1px solid #383838;font-family:Montserrat,sans-serif;height:52px}button:disabled{background:#99b9ff;cursor:not-allowed}.auth .fadeblock{opacity:0;transform:translateY(20px);animation:fadeBlock .5s ease-out forwards}.auth .fade{opacity:0;transform:translateY(12px);transition:all 1s ease}.auth .fade.visible{opacity:1;transform:translateY(0)}.auth input{background:#fff;border-radius:10px}.auth-footer{padding:30px 0}@keyframes fadeBlock{to{opacity:1;transform:translateY(0)}}.context-menu{position:absolute;background:#ffffff4d;color:var(--color-text);padding:8px;border-radius:12px;box-shadow:0 4px 12px #00000040;font-family:Montserrat,sans-serif;font-size:15px;display:none;z-index:99999;max-width:400px;min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.context-menu.visible{transform:translateY(0)}.context-menu button{all:unset;display:flex;align-items:center;width:100%;cursor:pointer;border-radius:6px;box-sizing:border-box;padding:8px 10px;word-break:keep-all;white-space:normal;overflow-wrap:normal}.context-menu button:hover{background:#3a3a3a1c}.context-menu hr{border:none;border-top:1px solid #44444417;margin:8px 0}.context-menu .danger{color:#f55}.table-wrapper{width:100%;height:100%;display:flex}.table{display:flex;flex-direction:column;gap:6px;overflow:scroll;height:100%;width:100%}.table-inner{width:max-content;min-width:100%}.table-header{position:sticky;top:0;background:#eaeaea36;z-index:2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;border-bottom:1px solid #ececec;padding-left:20px}.table-header .cell{color:var(--color-text)}.table-row{display:flex;background:#fff;border-top:1px solid #ececec;cursor:pointer;position:relative;padding-left:20px}.table-row.active{background:#f6f6f6}.table-row.active .cell{color:var(--color-text);font-weight:600}.table-row:first-child{border:none}.table-body{width:100%;display:flex;flex-direction:column;min-height:100%}.cell{flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;padding:12px 20px;position:relative;align-items:center;display:flex;color:var(--color-text)}.cell.indication{position:absolute;left:14px;width:16px;height:16px;padding:0;margin:auto;bottom:0;top:0;border-radius:6px;border:2px solid #fff;box-shadow:0 0 2px #0000002e}.cell.created_at,.cell.updated_at,.cell.string,.cell.reference{width:220px}.cell.collection{width:230px}.cell.number,.cell.file{width:120px}.cell.image,.cell.date,.cell.toggle,.cell.option,.cell.url{width:160px}.cell-name{position:sticky;left:20px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.cell.color{width:100px}.table-row:hover .cell{color:var(--color-text)}.table-row:hover .cell-name,.table-row.active .cell-name{opacity:1}.cell.name{flex-grow:3}.cell.type{flex-grow:2}.cell.label{flex-grow:4}.cell.required{flex-grow:1}.form-file{height:120px}.custom-file-button{background:#f6f6f6;color:var(--color-text);padding:6px 12px;border-radius:16px;cursor:pointer;display:flex;height:46px;width:50%;border:1px solid #ebebeb;align-items:center;text-align:center;justify-content:center}.custom-file-name{background:#fff;color:var(--color-text);padding:6px 12px;border-radius:16px;cursor:pointer;display:flex;height:46px;width:50%;border:2px dashed #ebebeb;align-items:center;text-align:center;justify-content:center;background-size:cover;background-position:center}.custom-file-name a{padding:11px;border-radius:12px;text-decoration:none;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-wrapper{display:flex;align-items:center;gap:10px}.side-header{padding:8px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#ffffffe3;z-index:2}.side-header-inner{display:flex;width:100%;gap:5px;justify-content:space-between}.side-header-title{margin:0;font-size:16px}.collection-form,.member-form{display:flex;flex-direction:column;gap:10px}.member-row{display:flex;align-items:center;justify-content:space-between}.collection-fields{display:flex;flex-direction:column;min-height:100%}.item-fields{padding:20px;width:100%}.collection-field{margin-bottom:10px}.collection-field label{display:block;margin-bottom:8px}.collection-active-fields{width:40%;padding:20px}.collection-active-field-options{width:60%;padding:20px;border-left:1px solid #ececec}.collection-active-field-form-row{display:flex;align-items:center;gap:40px}.collection-active-field-form-label{width:40%}.context-side{background:#fff;position:absolute;top:0;bottom:0;z-index:9;right:0;width:0%;border-radius:16px;opacity:0;pointer-events:none;transition:all .3s;padding:4px}.context-side:before{content:"";position:absolute;right:0;top:0;bottom:0;left:-100px;background:linear-gradient(270deg,#ffffff40,#fff);opacity:.4;pointer-events:none}.context-side.active{width:70%;opacity:1;pointer-events:all;min-width:600px;max-width:100%}.context-side-body{height:100%;width:100%;opacity:1;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 0 20px #ccc}.context-side-inner{background:#fff;overflow:scroll;height:100%}.options{width:100%;display:flex;flex-direction:column;gap:5px}.option-list{display:flex;flex-direction:column;gap:5px}.li{display:flex;transition:all .4s ease}.hidden{display:none}.li.up{padding-top:20px}.li.down{padding-bottom:20px}.drag-placeholder{background:#0000001a;border:1px dashed #aaa;box-sizing:border-box;overflow:hidden;height:0;padding:0;transition:all .4s}.atomiq-h-stack{display:flex;flex-direction:row;gap:5px}.atomiq-button{border-radius:10px;border:none;text-align:left;display:flex;justify-content:space-between;text-decoration:none;background:#fff;transition:all .2s;transform:scale(1)}@media (hover: hover){.atomiq-button:hover{background:#f5f5f5;transform:scale(.99)}.atomiq-button.transparent:hover{background:none}}.atomiq-button:active{transform:scale(.98)}.atomiq-button.active{background:var(--brand-color)}.atomiq-button-inner{padding:10px;display:flex;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.atomiq-button-group{display:flex;gap:0px;align-items:center;pointer-events:none;max-width:100%}.atomiq-button-icon{border:none;width:24px;color:#fff;overflow:hidden;border-radius:6px;align-items:center;text-align:center;display:flex;padding:0;justify-content:center;background:none;height:24px}.atomiq-button-icon svg{display:block}.atomiq-button-icon svg path{fill:var(--brand-color)}.atomiq-button-more{opacity:0;right:8px;position:absolute;transition:all .2s}.atomiq-button-more svg{pointer-events:none}.atomiq-button-more svg path{fill:var(--color-text)}@media (hover: hover){.atomiq-button:hover .atomiq-button-more{opacity:1}.atomiq-button:hover .moresets .atomiq-button-count{opacity:0}.atomiq-button.moresets.active:hover .atomiq-button-more svg path{fill:#fff}}.atomiq-button-name{padding:0 5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atomiq-button.active svg path{fill:#fff}.atomiq-button.active .atomiq-button-name{color:#fff}.atomiq-button-action{display:flex}.atomiq-button-count{position:absolute;right:10px;top:0;bottom:0;margin:auto;background:#f6f6f6;height:20px;padding:0 8px;border-radius:20px;display:flex;align-items:center;font-size:13px;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .2s}.side-context{position:absolute;top:0;right:16px;bottom:0;background:#fff;width:0%;border-radius:16px;box-shadow:-10px 0 20px #c3c3c34d;z-index:9;overflow:hidden;transition:all .3s}.side-context.active{width:56%}.side-context.active.visible{opacity:1}.side-context-inner{position:absolute;top:0;right:0;left:0;bottom:0}.side-overflow-container{display:flex;height:100%;width:100%;flex-direction:column;overflow:scroll}.side-bar{width:40%;height:100%;display:flex;border-right:1px solid #eee}.side-bar-inner{display:flex;flex-direction:column;width:100%;padding:16px}.side-content-wrapper{width:100%;display:flex;flex-direction:row;flex:1}.side-content-inner{display:flex;height:100%;overflow:scroll;flex:1;width:100%}.side-field-content{width:60%;display:flex;flex-direction:column;height:100%}.field-rows{display:flex;flex-direction:column;width:100%;gap:5px;padding:16px}.field-row{display:flex;flex-direction:row}.field-row-label{width:50%;padding:16px 0}.field-row-input{width:50%}.atomiq-select{padding:14px 40px 14px 20px;border-radius:14px;border:1px solid #cccccc42;font-size:14px;background-color:#f6f6f6;color:var(--color-text);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:20px;width:100%;box-shadow:none;font-family:Montserrat,sans-serif}.item-content{width:100%;display:flex;padding:16px}.item-rows{width:100%;display:flex;gap:10px;flex-direction:column}.item-row{width:100%;display:flex;gap:5px;flex-direction:column}.item-row-label{width:100%;display:flex;gap:5px;margin-bottom:5px}.litepicker .container__days>div:hover{background-color:#f0f0f0;color:#000}.litepicker .day-item.is-today{border:1px solid #999}.litepicker .month-item-name,.litepicker .month-item-year,.litepicker .container__days .day-item{font-size:16px}.litepicker .container__days .day-item.is-end-date{background-color:var(--brand-color)}.litepicker .container__days .day-item,.litepicker .container__days .day-item.is-start-date.is-end-date{border-radius:12px}.litepicker .container__days .day-item:hover{color:var(--brand-color);-webkit-box-shadow:inset 0 0 0 2px var(--brand-color);box-shadow:inset 0 0 0 2px var(--brand-color)}.litepicker .container__days .day-item.is-start-date.is-end-date{color:#fff}.litepicker .container__months .month-item-weekdays-row>div{font-size:14px}.context-window{top:0;left:0;right:0;bottom:0;position:fixed;width:100%;height:100%;opacity:0;pointer-events:none;display:flex;transition:all .6s;z-index:9999}.context-window.active{opacity:1;pointer-events:all}.context-window-bg{position:absolute;top:0;left:0;width:100%;height:100%}.context-window.active .context-window-bg{background:#00000030}.context-window-body{position:relative;width:460px;margin:auto;opacity:0;transition:all .6s;transform:translateY(20px);max-width:96%}.video .context-window-body{width:96%;max-width:1280px}.video-item{width:100%;aspect-ratio:16 / 9}.context-window-body.visible{opacity:1;transform:translate(0)}#content,#bar{transition:all .4s}.content-opened #content{width:100%}.content-opened #bar{width:0%;padding-right:0}@media all and (max-width: 1024px){.bar-header{padding:8px}#bar{width:100%;transition:all .4s;padding-right:16px}#content{width:0px;transition:all .4s}.content-opened #content{width:100%}.content-opened #bar{width:0%}.side-context.active{width:calc(100% - 32px)}input,select,textarea{font-size:16px}}.context-popup{background:#fff;color:#2a2a2a;border-radius:18px;box-shadow:0 11px 34px -20px #00000040;font-size:14px;z-index:1000;left:0;right:0;top:0;bottom:0;margin:0;overflow:hidden;display:flex;flex-direction:column;max-height:80vh}.popup-context{position:absolute;top:20px;right:20px;bottom:20px;background:#fff;width:0%;border-radius:16px;box-shadow:0 0 20px #ccc;z-index:9;overflow:hidden;transition:all .3s}.popup-context.active{width:80%}.popup-context.active.visible{opacity:1}.popup-context-inner{position:absolute;top:0;right:0;left:0;bottom:0}.popup-context-container{display:flex;height:100%;width:100%;flex-direction:column;overflow:scroll}.popup-header{padding:8px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#ffffffe3;z-index:2}.popup-header-inner{display:flex;width:100%;gap:5px;justify-content:space-between;align-items:center}.popup-header-title{margin:0;font-size:16px;padding:0 16px}.popup-content-wrapper{width:100%;display:flex;flex-direction:row;flex:1;overflow:scroll}.popup-content-inner{padding:24px 24px 40px;width:100%}.video .popup-content-inner{padding:0}