body{background-color:#d3d3d3;overflow-y:hidden}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.sidebar-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:inline-block;vertical-align:middle}.sidebar-footer{padding:16px;text-align:center;font-size:12px;color:#aaa;border-top:1px solid #e8e8e8;background-color:#f4f4f4;position:fixed;bottom:0;width:200px}.collapsed .sidebar-footer{width:80px}body{font-family:Roboto,sans-serif;color:#333;background-color:#f5f5f5;margin:0;padding:0}button{transition:background-color .3s ease,box-shadow .3s ease}button:hover{background-color:#4caf50;box-shadow:0 4px 8px #0003}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.register-form{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:350px;text-align:center}.register-form h2{font-family:Roboto,sans-serif;margin-bottom:20px}.register-button{width:100%;background-color:#1890ff;border:none}.register-button:hover{background-color:#40a9ff;transition:background-color .3s ease}body{margin:20px;background-color:#d3d3d3}.app-container{grid-template-columns:1fr}@media (min-width: 600px){.app-container{display:grid;grid-template-columns:200px 1fr;gap:20px}}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.note-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:250px;overflow:hidden}.notes-header{display:flex;justify-content:flex-end;padding:10px}.notes-header button{font-size:16px;background:transparent;border:none;cursor:pointer;max-width:fit-content}h2{margin-top:0;margin-bottom:10px;word-wrap:break-word}.note-form{display:flex;flex-direction:column;gap:20px}textarea,input{border-radius:5px;border:1px solid black;padding:10px;font-size:16px}.note-form button{border-radius:5px;background-color:#409ab8;border:none;padding:10px;font-size:16px;color:#fff}.note-form button:hover{background-color:#6aafc6;cursor:pointer}.edit-buttons{display:flex;justify-content:space-evenly;gap:5px}.edit-buttons button{flex:1}.edit-buttons button:last-of-type{background-color:#dc5959;color:#fff}.notes-content{margin:0 0 20px;padding-right:5px;word-wrap:break-word;white-space:normal}.notes-content-wrapper::-webkit-scrollbar{width:6px}.notes-content-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.notes-body{flex-grow:1;display:flex;flex-direction:column;padding:0 15px 15px;overflow-x:hidden}.notes-content-wrapper{flex-grow:1;overflow-y:auto;overflow-x:hidden;margin-bottom:15px}.notes-footer{display:flex;justify-content:center}.users-page{padding:30px;background-color:#f0f2f5;min-height:100vh}.users-page-search{margin-bottom:20px;max-width:400px}.users-page-loading{text-align:center;padding-top:50px}.add-member-button{margin-bottom:20px;margin-left:10px;background-color:#1890ff;color:#fff;border:none;font-weight:700;padding:12px 25px;border-radius:50px;transition:background-color .3s,box-shadow .3s,transform .3s;font-size:16px}.add-member-button:hover{background-color:#40a9ff;box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.remove-member-button{background-color:#ff4d4f;color:#fff;border:none;font-weight:700;padding:12px 25px;border-radius:50px;transition:background-color .3s,box-shadow .3s,transform .3s;font-size:16px}.remove-member-button:hover{background-color:#ff7875;box-shadow:0 4px 15px #0000001a;transform:translateY(-3px)}.remove-member-button:disabled{background-color:#f5f5f5;color:#ccc;cursor:not-allowed;box-shadow:none}.ant-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:700}.ant-table-tbody>tr>td{padding:16px}.ant-pagination-item-active a{color:#1890ff;font-weight:700}.ant-pagination-item a{color:#595959}.ant-pagination-item:hover a{color:#40a9ff}.ant-notification-notice{border-radius:8px;box-shadow:0 2px 8px #0003}.ant-modal{border-radius:8px}.ant-modal-title{font-size:18px;font-weight:700}.ant-form-item-label{font-weight:700}.ant-input,.ant-input-textarea,.ant-picker{border-radius:4px}.ant-modal-footer .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-modal-footer .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.ant-modal-footer .ant-btn{background-color:#f1f1f1;border-color:#f1f1f1;color:#333}.ant-modal-footer .ant-btn:hover{background-color:#e6e6e6}.home-container{background:linear-gradient(135deg,#1e90ff,#00bfff);height:100%;display:flex;justify-content:center;align-items:center;color:#fff}.banner{text-align:center}.banner .ant-result-title{font-size:36px;font-weight:700;margin-bottom:20px}.banner .ant-result-subtitle{font-size:18px;margin-bottom:40px;color:#000}.banner .ant-btn-primary{background-color:coral;border:none}.banner .ant-btn-primary:hover{background-color:#ff4500;transition:background-color .3s ease}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-form{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:center}.login-form h2{font-family:Roboto,sans-serif;margin-bottom:20px}.login-button{width:100%;background-color:#1890ff;border:none}.login-button:hover{background-color:#40a9ff;transition:background-color .3s ease}.group-page-container{padding:20px;background-color:#f4f6f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.group-item{border:1px solid #ddd;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease,transform .2s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:100%}.group-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.group-item h2{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 10px}.group-item p{color:#777;font-size:.9rem;margin-bottom:10px}.add-group-button{padding:12px 25px;background-color:#4caf50;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:inline-block;text-align:center;margin-bottom:20px}.add-group-button:hover{background-color:#45a049;transform:translateY(-3px)}.add-group-button:active{background-color:#388e3c;transform:translateY(1px)}.delete-group-button{padding:12px 25px;background-color:#f44336;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:inline-block;text-align:center}.delete-group-button:hover{background-color:#d32f2f;transform:translateY(-3px)}.delete-group-button:active{background-color:#c62828;transform:translateY(1px)}.loading{text-align:center;font-size:1.5rem;color:#333;padding:20px}.create-group-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.create-group-form input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;width:100%;box-sizing:border-box}.create-group-form button{padding:10px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.create-group-form button:first-of-type{background-color:#4caf50;color:#fff}.create-group-form button:first-of-type:hover{background-color:#45a049}.create-group-form button:last-of-type{background-color:#f44336;color:#fff}.create-group-form button:last-of-type:hover{background-color:#d32f2f}.error-message{color:#f44336;font-size:14px;text-align:center}.create-group-form h2{margin:0 0 10px;font-size:20px;text-align:center}