body,html{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;position:relative;padding-top:10vh}.background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/backgrand.jpg);background-size:cover;background-position:center;transition:all .5s;filter:blur(0) brightness(100%)}.background.active{filter:blur(4px) brightness(75%)}.navigation{display:flex;flex-direction:column;align-items:center;gap:5rem;position:relative;z-index:10;width:100%;max-width:64rem}.time-button{font-size:2rem;color:#fff;background:#216b94;border:none;border-radius:10px;outline:none;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:auto;padding:10px 20px;box-shadow:5px 5px 15px #0003,-5px -5px 15px #ffffff4d;transition:all .3s ease}*,input,textarea,button{cursor:default}.search-wrapper,.search-wrapper *{cursor:default!important}.time-button:hover{box-shadow:2px 2px 10px #0000004d,-2px -2px 10px #fff6;transform:translateY(-2px) scale(1.05)}.search-wrapper{display:flex;align-items:center;position:relative;border-radius:9999px;background-color:#ffffffbf;padding-right:.5rem}.search-input{padding:.5rem 1rem;border-radius:9999px;background-color:transparent;border:none;outline:none;transition:width .5s ease;width:12rem;font-size:1rem;color:#000;text-align:left;cursor:text}.search-input:focus{width:24rem;background-color:#fff9}.search-icon{border:none;background:none;cursor:pointer;font-size:1.2rem;color:green;margin-left:-2.5rem;outline:none;padding:0}.time-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff9;padding:2rem;border-radius:.5rem;box-shadow:0 .5rem 1rem #0003;transition:opacity .5s ease,transform .5s ease;opacity:0;pointer-events:none;width:24rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;text-align:center}.time-popup.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.nav-item{background:#f0f0f0;padding:1.5rem;border-radius:.5rem;font-size:1rem;color:#333;cursor:pointer;transition:background .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;text-decoration:none;box-shadow:0 2px 5px #0000004d}.nav-item:hover{background:#ddd;box-shadow:0 4px 10px #00000080}.popup-content{position:fixed;top:0;right:0;width:40%;height:100%;background-color:#ffffffe6;border-radius:.5rem;box-shadow:-2px 0 10px #0003;padding:20px;overflow-y:auto;display:none;z-index:20}.close-button{background-color:#ff4d4f;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;float:right;margin-bottom:10px}.announcement-content{font-size:1rem;color:#333;white-space:pre-wrap}.popup-content .task-form,.popup-content .task-section{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:12px}.popup-content .task-form .input{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;margin-bottom:10px}.popup-content .task-form .input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.popup-content .button{background-color:#06c;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:.85rem;width:100%;margin-top:10px;transition:background-color .3s ease}.popup-content .button:hover{background-color:#0052a3}.popup-content .section-title{margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #eee;color:#333;font-size:.95rem;font-weight:600}.popup-content .toggle-button{background:none;border:none;font-size:.8rem;cursor:pointer;color:#007bff}.reply-form{margin-top:12px;margin-left:24px;display:none}.reply-form.active{display:block}.reply-form .input-group{margin-bottom:12px}.reply-form .input-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.reply-form .input-group .input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.reply-form .input-group .input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.reply-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:8px}.reply-form .button-container{display:flex;justify-content:flex-end;gap:8px}.reply-form .button-outline{background-color:#fff;color:#06c;border:1px solid #0066cc;padding:6px 12px;font-size:.85rem;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;gap:4px;transition:background-color .3s ease}.reply-form .button-outline:hover{background-color:#f0f7ff}.reply-form .error{color:#dc3545;font-size:.875rem;margin-top:4px;display:none}.reply-form .error.active{display:block}.reply{background-color:#f8f9fa;padding:12px;border-radius:4px;margin-bottom:8px}.reply .message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reply .message-header svg{width:16px;height:16px}.reply .author{font-weight:600}.reply .timestamp{color:#666;font-size:.875rem}.reply .message-content{margin-bottom:8px}.popup-content .task-item{background:#f8f9fa;padding:8px;border-radius:4px;border:1px solid #e9ecef;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.popup-content .task-pending{background-color:#f8f9fa;border:1px solid #e9ecef}.popup-content .task-in-progress{background-color:#e7f5ff;border:1px solid #d0ebff}.popup-content .task-completed{background-color:#ebfbee;border:1px solid #d3f9d8}.popup-content .task-title{font-weight:500;margin-bottom:3px}.popup-content .task-time{font-size:.75rem;color:#666}.popup-content .task-actions .action-button{padding:3px 6px;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;color:#fff}.popup-content .task-actions .btn-delete{background-color:#dc3545}.popup-content .task-actions .btn-pending{background-color:#6c757d}.popup-content .task-actions .btn-progress{background-color:#06c}.popup-content .task-actions .btn-complete{background-color:#198754}.popup-content .task-actions .action-button:hover{opacity:.9}.collapsed{display:none}.message-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.input,.textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.button-container{display:flex;justify-content:flex-end;gap:8px}.message-list{display:flex;flex-direction:column;gap:16px}.message-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;position:relative}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.message-header svg{width:16px;height:16px}.author{font-weight:600}.timestamp{color:#666;font-size:.875rem}.message-content{margin-bottom:16px}.replies{margin-left:24px}.message-card .button-outline{background-color:#fff;color:#06c;border:1px solid #0066cc;padding:6px 12px;font-size:.85rem;align-self:flex-end;margin-top:8px;width:auto;display:inline-flex;align-items:center;gap:4px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.message-card .button-outline:hover{background-color:#f0f7ff}.message-card .button-outline{align-self:flex-end}button svg{vertical-align:middle;margin-right:4px}.button-outline{width:auto}.button{background-color:#06c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background-color .3s ease}.button:hover{background-color:#0052a3}.category-icon{display:inline-block;vertical-align:middle}.popup-content.active{display:block}.error{color:#dc3545;font-size:.875rem;margin-top:4px;display:none}.error.active{display:block}.empty-state{color:#666;padding:8px 0}.task-description{color:#555;margin-bottom:4px}.task-status{color:#333;font-weight:600;white-space:nowrap}