@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 320px;--content-padding: 48px;--header-padding: 16px;--header-gap: 32px;--container-max-width: 100%}body{font-family:Inter,Helvetica Neue,Calibri,sans-serif}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.task-card{transition:all .2s ease;border:3px solid #000}.task-card:hover{box-shadow:8px 8px #000;transform:translate(-4px,-4px)}.btn{transition:all .15s ease;cursor:pointer;border:3px solid #000;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:fit-content;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;padding:14px 28px;background:#fff;color:#000;flex-shrink:0}.desktop-header-buttons{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc #f0f0f0;min-height:1px}.desktop-header-buttons .btn{padding:10px 14px;font-size:.78rem;border-width:2px;letter-spacing:.2px}.desktop-header-buttons::-webkit-scrollbar{height:8px}.desktop-header-buttons::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.desktop-header-buttons::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.desktop-header-buttons::-webkit-scrollbar-thumb:hover{background:#999}.btn:hover:not(:disabled){box-shadow:4px 4px #000;transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.btn-narrow{padding:10px 14px;font-size:.8rem}.btn-red{background:red;color:#fff;border-color:#000}.btn-yellow{background:#ffd500;color:#000;border-color:#000}.btn-blue{background:#00f;color:#fff;border-color:#000}.btn-green{background:#0a0;color:#fff;border-color:#000}.btn-white{background:#fff;color:#000;border-color:#000}input,select,textarea{font-family:Inter,sans-serif;padding:12px 16px;border:3px solid #000;width:100%;font-size:.95rem;background:#fff;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;box-shadow:4px 4px #000}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border:4px solid #000;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{flex-shrink:0}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-footer{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:3px solid #000;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#fff;color:#000;border:2px solid #000;font-size:.8rem;font-weight:600}.tag button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:#000}.category-pill{display:inline-flex;align-items:center;padding:6px 14px;border:2px solid #000;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.category-pill:hover{box-shadow:2px 2px #000;transform:translate(-1px,-1px)}.category-pill.selected{background:#00f;color:#fff}.color-bar{height:12px;width:100%;background:linear-gradient(90deg,red 0% 33.33%,#ffd500 33.33% 66.66%,#00f 66.66% 100%)}.mobile-menu-btn,.mobile-filter-btn,.mobile-bottom-tabs{display:none!important}@media(min-width:769px){.mobile-overlay,.mobile-sidebar-close{display:none!important}.desktop-header-buttons{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:visible}header{overflow-x:visible;overflow-y:visible}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 250px;--content-padding: 24px;--header-gap: 16px}.desktop-header-buttons .btn{padding:8px 10px;font-size:.72rem}}@media(min-width:992px){.desktop-header-buttons{flex-wrap:nowrap;justify-content:flex-end;overflow-x:auto;padding-right:16px}}@media(min-width:1400px){:root{--content-padding: 64px}}input[list]{background-image:url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem!important}input[list]::-webkit-calendar-picker-indicator{display:none!important}input[list]:focus{box-shadow:4px 4px #000,0 0 0 3px #ffd500 inset!important;background-color:#fffef0}.task-attachments-form{padding:12px;background:#f8fafc;border:2px solid #000}.task-attachments-list{display:flex;flex-wrap:wrap;gap:8px}.task-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:2px solid #000;font-size:.85rem}.task-attachment-chip a{color:#00f;text-decoration:underline}.task-attachment-chip-new{background:#e8f4fd}.task-attachment-remove{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:#000;margin-left:4px}.task-attachment-remove:hover{color:red}.task-card-attachment-item{flex-shrink:0}.task-card-attachment-link{color:#00f;text-decoration:underline;font-size:.85rem}.task-card-attachment-link:hover{text-decoration:none}