:root{--main-theme-color: #81C784;--secondary-theme-color: #e9ecef;--tertiary-theme-color: #388E3C}body{font-family:Arial,sans-serif;margin:0;padding:0}#nav-bar{background-color:var(--main-theme-color);padding:1rem;display:flex;justify-content:space-around;box-shadow:0 2px 4px #0000001a}.nav-bar-container{display:inline-block;padding-left:20px}.kanzleimagement-text{font-size:18px;font-weight:700;margin-right:20px;display:inline-block}.separator{margin-right:20px;font-size:18px}.username-link:hover{cursor:pointer}.nav-link{color:#000;text-decoration:none;font-weight:regular;margin-right:16px}.nav-link:hover{text-decoration:underline}#kanban-board{display:flex;justify-content:space-around;margin-top:2rem;padding:0 1rem;gap:20px}#filter-container{margin-top:16px;padding-left:24px;display:flex;align-items:center;gap:16px}#filter-container input,#filter-container select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}#filter-container input{width:200px}#filter-container select{width:180px;cursor:pointer}.kanban-column{background-color:var(--secondary-theme-color);padding:1rem;border-radius:.5rem;width:18%;box-shadow:0 2px 4px #0000001a}.kanban-column-header{text-align:center;color:#495057}.kanban-column-content{min-height:600px;border:1px solid #ced4da;padding:1rem;border-radius:.5rem;background-color:#fff;margin-top:1rem}.kanban-card{background-color:#fff;border:1px solid #ced4da;padding:1rem;margin-bottom:.5rem;border-radius:.5rem;cursor:move;box-shadow:0 2px 4px #0000001a}#add-project-button{display:block;margin:2rem auto;padding:.5rem 2rem;font-size:1rem;background-color:var(--tertiary-theme-color);color:#fff;border:none;border-radius:.25rem;cursor:pointer}#add-project-button:hover{filter:brightness(120%)}#form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}#add-project-form{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;width:300px;text-align:center}#add-project-form h3{margin-bottom:1rem;color:#495057}#add-project-form input{width:calc(100% - 1rem);padding:.5rem;margin-bottom:1rem;border:1px solid #ced4da;border-radius:.25rem}#add-project-form button{width:100%;padding:.5rem;margin-bottom:.5rem;border:none;border-radius:.25rem;cursor:pointer}#add-project-form button:first-child{background-color:#28a745;color:#fff}#add-project-form button:first-child:hover{background-color:var(--primary-theme-color)}#add-project-form button:last-child{background-color:#dc3545;color:#fff}#add-project-form button:last-child:hover{background-color:#c82333}.kanban-card-deadline{margin-top:.5rem;font-size:.85rem;color:#6c757d;display:flex;align-items:center}.project-details{margin:2rem auto;background-color:var(--secondary-theme-color);position:relative;justify-content:space-around;padding:1rem;border-radius:.5rem;max-width:40rem;box-shadow:0 2px 4px #0003}.project-detail{line-height:3}.time-tracking-sidebar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background-color:#f9f9f9;box-shadow:0 4px 10px #0000001a;padding:16px;z-index:1000;display:flex;flex-direction:column;border-radius:8px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-content{flex:1;display:flex;flex-direction:column;gap:16px}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.submit-button{margin-top:16px;align-self:flex-end;padding:8px 16px;background-color:var(--tertiary-theme-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.account-sidebar{position:fixed;top:0;right:0;width:250px;height:100%;background-color:#000;color:#fff;z-index:1000;padding:20px;display:none;transition:transform .3s ease-in-out}.account-sidebar.show{display:block;transform:translate(0)}.account-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-sidebar-button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px 10px}.account-sidebar-links ul{list-style-type:none;padding:0}.account-sidebar-links li{margin-bottom:10px}.account-sidebar-links a{color:#fff;text-decoration:none}.user-item{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid #ddd}.user-info{flex:1;text-align:left}.delete-user-button{flex-shrink:0;background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;transition:background-color .2s ease}.delete-user-button:hover{background-color:#d32f2f}.login-container{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:90vh}.login-heading{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.login-form{display:flex;flex-direction:column}.form-input{padding:12px;font-size:16px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.form-input:focus{outline:none;border-color:#007bff}.login-button{padding:14px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}.error-message{margin-top:10px;color:red;font-size:14px}