@import"https://fonts.googleapis.com/css?family=Lato:400,700&display=swap";body{margin:0;font-family:Lato,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#23272f;color:#fafaff;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#f5f5f7;font-weight:700;margin-top:.5em;margin-bottom:.5em;letter-spacing:.5px}@media (max-width: 600px){h1{font-size:1.3rem}}.main-nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#23272f 60%,#353a42 100%);color:#f5f5f7;padding:.7em 1.2em;border-bottom:1.5px solid #353a42;font-size:1.08em;font-family:Lato,sans-serif;gap:.5em}.main-nav a,.main-nav button,.main-nav .nav-link{color:#f5f5f7;background:none;border:none;font-weight:600;padding:.5em 1.1em;border-radius:8px;transition:background .18s,color .18s,box-shadow .18s;text-decoration:none;outline:none;box-shadow:none;cursor:pointer;margin:0 .1em}.main-nav a.active,.main-nav .nav-link.active,.main-nav a:active,.main-nav button:active{background:linear-gradient(90deg,#00ffaa 0%,#00c9a7 100%);color:#23272f!important;box-shadow:0 2px 8px #0fa3}.main-nav a:hover,.main-nav .nav-link:hover,.main-nav button:hover{background:#353a42;color:#0fa}.entries-section{width:100%;max-width:1400px;margin:0 auto;padding:.8em 1vw 1em;background:rgba(40,44,52,.98);border-radius:18px;box-shadow:0 4px 24px #0002;display:flex;flex-direction:column;align-items:center}.filters-menu-wrapper{width:100%;display:flex;justify-content:center;position:relative}.filters-menu{position:absolute;top:110%;z-index:1200;width:360px;max-width:92vw;background:#1f242d;border:1.5px solid #00ffaa;border-radius:10px;box-shadow:0 12px 28px #0005;padding:12px 14px 14px}.filters-header{display:flex;justify-content:space-between;align-items:center}.filters-header button{padding:.3em .6em}.filters-content label{display:block;margin:8px 0}.filters-content select,.filters-content input[type=date]{display:block;margin-top:6px}.filters-trigger{border:1px solid #444a54;background:#23272f;color:#f5f5f7;padding:.5em 4.6em;border-radius:8px;font-weight:400;box-shadow:none;text-align:left}.filters-trigger-export{border:1px solid #444a54;background:#23272f;color:#f5f5f7;padding:.5em 2.4em;border-radius:8px;font-weight:400;box-shadow:none;text-align:left}.filters-trigger:hover,.filters-trigger:focus{border:1.5px solid #00ffaa;outline:none;background:#292d36}.entries-table-scroll{overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;max-height:calc(100vh - 280px);margin-top:1em;border-radius:10px;background:#23272f;display:flex;justify-content:left;padding-right:20px;padding-bottom:20px}.summary-footer{overflow-x:auto;width:100%;max-width:100%;margin-top:1em;border-radius:10px;background:#23272f;padding:0}.summary-footer table,.entries-table-scroll table{border-collapse:collapse;width:100%;min-width:600px;margin:0}th,td{padding:.5em .8em;text-align:left;color:#f5f5f7}.entries-table-scroll table th:not(:last-child),.entries-table-scroll table td:not(:last-child){border-right:1px solid #39404c}.entries-table-scroll table th:nth-child(1),.entries-table-scroll table td:nth-child(1){width:3ch;min-width:3ch}.entries-table-scroll table th:nth-child(2),.entries-table-scroll table td:nth-child(2){width:4ch;min-width:4ch}.entries-table-scroll table th:nth-child(3),.entries-table-scroll table td:nth-child(3){width:4ch;min-width:4ch}.entries-table-scroll table th:nth-child(4),.entries-table-scroll table td:nth-child(4){min-width:10ch;max-width:18ch;width:auto}.entries-table-scroll table th:nth-child(5),.entries-table-scroll table td:nth-child(5),.entries-table-scroll table th:nth-child(6),.entries-table-scroll table td:nth-child(6){min-width:8ch;max-width:16ch;width:auto}.entries-table-scroll table th:nth-child(7),.entries-table-scroll table td:nth-child(7){min-width:8ch;max-width:16ch;width:auto}.entries-table-scroll table th:nth-child(8),.entries-table-scroll table td:nth-child(8),.entries-table-scroll table th:nth-child(9),.entries-table-scroll table td:nth-child(9){min-width:8ch;max-width:16ch;width:auto;text-align:right}.entries-table-scroll table th:nth-child(10),.entries-table-scroll table td:nth-child(10),.entries-table-scroll table th:nth-child(11),.entries-table-scroll table td:nth-child(11),.entries-table-scroll table th:nth-child(12),.entries-table-scroll table td:nth-child(12){min-width:8ch;max-width:16ch;width:auto;text-align:right;overflow:hidden;text-overflow:ellipsis}.entries-table-scroll table th:nth-child(13),.entries-table-scroll table td:nth-child(13){min-width:8ch;max-width:16ch;width:auto;text-align:right}.entries-table-scroll table th:nth-child(14),.entries-table-scroll table td:nth-child(14),.entries-table-scroll table th:nth-child(15),.entries-table-scroll table td:nth-child(15),.entries-table-scroll table th:nth-child(16),.entries-table-scroll table td:nth-child(16){min-width:8ch;max-width:16ch;width:auto;text-align:right;overflow:hidden;text-overflow:ellipsis}.entries-table-scroll table th:nth-child(17),.entries-table-scroll table td:nth-child(17){min-width:8ch;max-width:16ch;width:auto;text-align:right}.entries-table-scroll table th:nth-child(18),.entries-table-scroll table td:nth-child(18){min-width:8ch;max-width:16ch;width:auto;overflow:hidden;text-overflow:ellipsis}.entries-table-scroll table th:last-child,.entries-table-scroll table td:last-child{min-width:160px;width:220px;white-space:auto}th{background:#23272f;color:#fff;font-weight:700;position:sticky;top:0;z-index:2}tr{background:#292d36;border-bottom:1px solid #353a42;transition:background .2s}tr:hover{background:#353a42}button,input,select,textarea{font-family:inherit;font-size:.98em;border-radius:8px;border:1px solid #444a54;background:#23272f;color:#f5f5f7;padding:.3em .7em;margin:.2em 0;transition:border .2s,background .2s}button:hover,input:focus,select:focus,textarea:focus{border:1.5px solid #00ffaa;outline:none;background:#292d36}button{cursor:pointer;background:linear-gradient(120deg,#2c313a 60%,#3a3f47 100%);font-weight:600;box-shadow:0 2px 8px #0002;color:#fff}button:active{background:#353a42}.entries-table-scroll td input[type=number],.entries-table-scroll td input[type=text],.entries-table-scroll td input[type=time],.entries-table-scroll td textarea,.entries-table-scroll td select{box-sizing:border-box}.entries-table-scroll td input[name=income],.entries-table-scroll td input[name=bonus],.entries-table-scroll td input[name=overtime],.entries-table-scroll td input[name=travel],.entries-table-scroll td input[name=driving]{width:8ch;max-width:8ch;min-width:8ch}.entries-table-scroll td:nth-child(7) select,.entries-table-scroll td:nth-child(8) input,.entries-table-scroll td:nth-child(9) input{width:14ch;max-width:16ch;min-width:10ch;overflow:visible}@media (max-width: 700px){.entries-section{padding:.3em .1em .5em;border-radius:0;box-shadow:none;background:transparent}.entries-table-scroll{border-radius:0;margin:0;background:transparent;overflow-x:auto;-webkit-overflow-scrolling:touch}.entries-table-scroll table{min-width:100%;width:100%;font-size:.8em}.summary-footer{border-radius:0;margin-top:.5em;overflow-x:auto;-webkit-overflow-scrolling:touch}.summary-footer table{min-width:100%;width:100%;font-size:.8em}th,td{padding:.4em .3em;font-size:.85em;white-space:nowrap}.main-nav{flex-wrap:wrap;gap:.3em;padding:.5em}.main-nav a,.main-nav button{padding:.4em .6em;font-size:.85em}.nav-left,.nav-right{flex-wrap:wrap;gap:.3em}}@media (min-width: 1200px){.entries-section{max-width:90vw;padding-left:4vw;padding-right:4vw}.entries-table-scroll table,.summary-footer table{min-width:1100px}}.sortable{cursor:pointer;transition:color .2s}.sortable:hover{color:#0fa}.error{color:#ff6b6b;background:#2c1a1a;border-radius:6px;padding:.5em 1em;margin:.5em 0;font-weight:600}::-webkit-scrollbar{height:8px;background:#23272f}::-webkit-scrollbar-thumb{background:#353a42;border-radius:8px}input,select,textarea{background:#23272f;color:#f5f5f7}@media (max-width: 440px){.entries-table-scroll table,.summary-footer table{min-width:440px;font-size:.93em}}.entry-form{width:100%;display:flex;flex-direction:column;align-items:center}.entry-form-fields{display:flex;flex-direction:column;gap:12px;min-width:440px;width:100%;margin:0 auto 18px;align-items:stretch}.entry-form input,.entry-form select,.entry-form textarea,.entry-form label{max-width:420px;width:100%;box-sizing:border-box;margin:0 auto;display:block}.entry-form button[type=submit]{max-width:200px;width:100%;margin:18px auto 0;display:block}.employees-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 18px}.employees-form h2{text-align:center;margin:0 0 .8em}.employees-form-container{width:100%;display:flex;justify-content:center}.employees-form-fields{display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;margin:0 auto 18px;align-items:stretch}.employees-form input,.employees-form select,.employees-form textarea,.employees-form label{max-width:420px;width:100%;box-sizing:border-box;margin:0 auto;display:block}.employees-form button[type=submit]{max-width:200px;width:100%;margin:18px auto 0;display:block}.card-types-row{display:contents;flex-wrap:wrap;gap:12px;justify-content:center}.card-type-checkbox{display:flex;align-items:center;gap:8px;padding:.25em .5em;border:1px solid #444a54;border-radius:8px;background:#23272f}.card-type-checkbox input{width:auto;max-width:none;margin:0}.employee-selector{position:relative;max-width:420px;width:100%;box-sizing:border-box;margin:0 auto;display:block}.employee-selector button{max-width:420px;width:100%;padding:.3em .7em;text-align:left;background:#23272f;border:1px solid #444a54;border-radius:8px;color:#f5f5f7;cursor:pointer;font-family:inherit;font-size:.98em;transition:border .2s,background .2s;margin:.2em 0;box-sizing:border-box;display:block;font-weight:400;box-shadow:none}.employee-selector button:hover,.employee-selector button:focus{border:1.5px solid #00ffaa;outline:none;background:#292d36}.employee-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a1e26;border:1px solid #444a54;border-radius:8px;max-height:250px;overflow-y:auto;z-index:1000;margin-top:4px;box-shadow:0 4px 12px #0006}.employee-option{display:flex;align-items:center;padding:.6em .7em;cursor:pointer;border-bottom:1px solid #2a2e36;color:#f5f5f7;transition:background .15s ease}.employee-option:hover{background:#292d36}.employee-option:last-child{border-bottom:none}.employee-option input[type=checkbox]{margin:0 .6em 0 0;cursor:pointer;width:auto;max-width:none;padding:0}.employee-option span{flex:1;font-size:.98em}.employees-list{list-style:none;padding:0;margin:0 auto;width:100%;max-width:1200px;overflow-x:auto}.employee-item{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1.2rem;border-bottom:1px solid #3a3f47;background:#292d36;transition:background .2s;min-width:600px}.employee-item:nth-child(odd){background:#2a2e37}.employee-item:nth-child(2n){background:#23272f}.employee-item:hover{background:#353a42}.employee-row-1{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.employee-row-2{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.employee-name{font-weight:700;font-size:1.1em;color:#f5f5f7;word-wrap:break-word}.employee-position{color:#b0b0b5;white-space:nowrap;font-size:.95em}.employee-contact{color:#d0d0d5;font-size:.95em;word-wrap:break-word}.employee-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 900px){.employees-list{max-width:100%}.employee-item{min-width:500px;padding:.7rem 1rem}.employee-row-1{grid-template-columns:1fr}}@media (max-width: 600px){.employee-item{min-width:400px;padding:.6rem .8rem}.employee-row-2{grid-template-columns:1fr}.employee-actions{justify-content:flex-start;margin-top:.3rem}.employee-name{font-size:1em}}