:root{--primary: #4ade80;--primary-alt: #22c55e;--grey: #64748b;--dark: #1e293b;--dark-alt: #334155;--light: black;--sidebar-width: 300px}*{margin:0;padding:0;box-sizing:border-box;font-family:Fira sans,sans-serif}body{background:white}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none}.app{display:flex}.app main{flex:1 1 0;padding:2rem}@media (max-width: 1024px){.app main{padding-left:6rem}}.title{font-size:2.5rem;color:#333;text-align:center;margin-bottom:20px}ul{list-style:none;padding:0;max-width:600px;margin:0 auto}li{margin:10px 0}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}body{background-image:url(/images/worldwide-connection_53876-90461.jpg);background-size:cover;background-position:center}#NaimenovanieKompanii{width:40%;margin-left:-200px}.form-input{width:23%;height:auto;min-height:60px;padding:12px;border-radius:8px;border:1px solid #ddd;font-size:1rem;box-shadow:0 4px 12px #1e90ff;transition:all .3s ease;resize:none}.title{text-align:center;color:#2c3e50;font-size:2.5rem;margin-bottom:20px}.title_second{text-align:center;color:#1e90ff;font-size:1.5rem;margin-bottom:20px}#WidgetFormPage{margin-left:50px}.form-container{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:20px auto;width:80%;min-height:1200px}.form-input{width:23%;height:auto;min-height:60px;padding:12px;border-radius:8px;border:1px solid #ddd;font-size:1rem;box-shadow:0 4px 12px #1e90ff;transition:all .3s ease}#NaimenovanieKompanii{width:40%}.textarea{height:100px}.form-input:focus{border-color:#1e90ff;box-shadow:0 0 8px #1e90ff}.submit-button{width:100%;display:block;margin:900px auto;background-color:#1e90ff;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.submit-button:hover{background-color:#1e90ff}.submit-button.submitted{background-color:#ffa07a}.dropdown{z-index:1;position:absolute;left:calc(35% - 200px);top:160px;background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;list-style:none;margin-top:5px;padding:0;border-radius:8px;box-shadow:0 4px 8px #0003}.dropdown-item{padding:10px;cursor:pointer}.dropdown-item:hover{background-color:#f0f0f0}body{background-color:#f4f4f9;font-family:Roboto,sans-serif}.form-content{display:flex;flex-direction:column;align-items:center;gap:20px}.form-input{width:200%;height:8rem;max-width:600px;margin-top:20px;font-size:1.2rem;padding:30px}.submit-button{width:80%;max-width:300px;margin-top:30px}.submit-button:hover{background-color:#45a049}.submit-button.submitted{background-color:#81c784}.dropdown{z-index:1;position:absolute;left:calc(35% - 200px);top:160px;background-color:#fff;border:1px solid #ccc;max-height:200px;overflow-y:auto;list-style:none;margin-top:5px;padding:0;border-radius:10px;box-shadow:0 4px 10px #0000001a}.dropdown-item{padding:15px;font-size:1.1rem;cursor:pointer}.dropdown-item:hover{background-color:#e8f5e9}aside[data-v-b45a3cc8]{display:flex;flex-direction:column;background-color:var(--dark);color:var(--light);width:calc(2rem + 32px);overflow:hidden;min-height:100vh;padding:1rem;transition:.2s ease-in-out}aside .flex[data-v-b45a3cc8]{flex:1 1 0%}aside .logo[data-v-b45a3cc8]{margin-bottom:1rem}aside .logo img[data-v-b45a3cc8]{width:2rem}aside .menu-toggle-wrap[data-v-b45a3cc8]{display:flex;justify-content:flex-end;margin-bottom:1rem;position:relative;top:0;transition:.2s ease-in-out}aside .menu-toggle-wrap .menu-toggle[data-v-b45a3cc8]{transition:.2s ease-in-out}aside .menu-toggle-wrap .menu-toggle .material-icons[data-v-b45a3cc8]{font-size:2rem;color:var(--light);transition:.2s ease-out}aside .menu-toggle-wrap .menu-toggle:hover .material-icons[data-v-b45a3cc8]{color:var(--primary);transform:translate(.5rem)}aside h3[data-v-b45a3cc8],aside .button .text[data-v-b45a3cc8]{opacity:0;transition:opacity .3s ease-in-out}aside h3[data-v-b45a3cc8]{color:var(--grey);font-size:.875rem;margin-bottom:.5rem;text-transform:uppercase}aside .menu[data-v-b45a3cc8]{margin:0 -1rem}aside .menu .button[data-v-b45a3cc8]{display:flex;align-items:center;text-decoration:none;transition:.2s ease-in-out;padding:.5rem 1rem}aside .menu .button .material-icons[data-v-b45a3cc8]{font-size:2rem;color:var(--light);transition:.2s ease-in-out}aside .menu .button .text[data-v-b45a3cc8]{color:var(--light);transition:.2s ease-in-out}aside .menu .button[data-v-b45a3cc8]:hover{background-color:var(--dark-alt)}aside .menu .button:hover .material-icons[data-v-b45a3cc8],aside .menu .button:hover .text[data-v-b45a3cc8]{color:var(--primary)}aside .menu .button.router-link-exact-active[data-v-b45a3cc8]{background-color:var(--dark-alt);border-right:5px solid var(--primary)}aside .menu .button.router-link-exact-active .material-icons[data-v-b45a3cc8],aside .menu .button.router-link-exact-active .text[data-v-b45a3cc8]{color:var(--primary)}aside .footer[data-v-b45a3cc8]{opacity:0;transition:opacity .3s ease-in-out}aside .footer p[data-v-b45a3cc8]{font-size:.875rem;color:var(--grey)}aside.is-expanded[data-v-b45a3cc8]{width:var(--sidebar-width)}aside.is-expanded .menu-toggle-wrap[data-v-b45a3cc8]{top:-3rem}aside.is-expanded .menu-toggle-wrap .menu-toggle[data-v-b45a3cc8]{transform:rotate(-180deg)}aside.is-expanded h3[data-v-b45a3cc8],aside.is-expanded .button .text[data-v-b45a3cc8]{opacity:1}aside.is-expanded .button .material-icons[data-v-b45a3cc8]{margin-right:1rem}aside.is-expanded .footer[data-v-b45a3cc8]{opacity:0}@media (max-width: 1024px){aside[data-v-b45a3cc8]{position:absolute;z-index:99}}.title[data-v-77e3545c]{font-size:2.5rem;text-align:center;margin-bottom:20px}.content-container[data-v-77e3545c]{display:flex;gap:20px}.filter-container[data-v-77e3545c]{display:flex;flex-direction:column;gap:10px;width:300px}.custom-dropdown[data-v-77e3545c]{border:1px solid #ccc;border-radius:8px;padding:5px;margin-top:12px}.custom-option[data-v-77e3545c]{padding:8px 12px;cursor:pointer;transition:background-color .3s}.custom-option[data-v-77e3545c]:hover{background-color:#f0f0f0}.custom-option.selected[data-v-77e3545c]{background-color:#d0d0d0}.apply-button[data-v-77e3545c]{margin-top:12px;padding:10px 20px;width:100%;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.apply-button[data-v-77e3545c]:hover{background-color:#0056b3}.apply-button-active[data-v-77e3545c]{background-color:#ffa07a}.table-container[data-v-77e3545c]{flex:1;overflow-x:auto}table[data-v-77e3545c]{width:100%;border-collapse:collapse}th[data-v-77e3545c],td[data-v-77e3545c]{border:1px solid #ccc;padding:8px}th[data-v-77e3545c]{background-color:#f0f0f0}.tabs[data-v-77e3545c]{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-button[data-v-77e3545c]{padding:10px 20px;border-radius:8px;background:#e0e0e0;cursor:pointer;border:none}.tab-button.active[data-v-77e3545c]{background:#007bff;color:#fff}label[data-v-688c83d3]{margin-right:1em;font-weight:500}input[type=date][data-v-688c83d3]{padding:.25em .5em}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding-top:60px;z-index:1000}.modal-box{background:#fff;padding:30px 50px;border-radius:12px;width:700px;max-height:95vh;overflow-y:auto;box-shadow:0 10px 25px #0003;font-family:Arial,sans-serif}h2{margin-bottom:25px;font-size:1.7em;color:#333}.step{margin-bottom:18px;padding:12px;border-left:3px solid #4caf50;background:#f9f9f9;border-radius:6px}.step-label{font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;color:#333}.subtasks{margin-top:10px;margin-left:20px}.subtask{margin-bottom:10px}.subtask label{display:block;font-size:.95em;color:#555;margin-bottom:4px}.subtask input{width:100%;padding:7px 10px;border-radius:4px;border:1px solid #ccc}.save-btn{margin-top:25px;width:100%;background-color:#4caf50;color:#fff;border:none;padding:14px 0;border-radius:6px;cursor:pointer;font-weight:700;font-size:1em;transition:background .3s}.save-btn:hover:not(:disabled){background-color:#45a049}.save-btn:disabled{background-color:#aaa;cursor:not-allowed}ul[data-v-243c6682]{padding:0;list-style:none}