.nav{background-color:#d2e9e9;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc}.nav-align{background-color:#d2e9e9;display:flex;width:80%;margin:0 auto;justify-content:space-between}.nav-btns{display:flex;flex-direction:row}.nav-btns a{text-decoration:none;color:#333;padding:8px 16px;border-radius:4px;transition:background-color .3s ease}.nav-btns a:hover{background-color:#ddd}.account{display:flex;align-items:center}.account-pic{width:40px;height:40px;border-radius:50%;background-color:#ccc;display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700;color:#fff}.account-pic img{border-radius:50%}.account-name{font-size:16px;color:#333}.b{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:2% auto auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:4px;position:relative}.close{color:#aaa;float:right;top:-27px;padding-right:10px;position:relative;font-size:28px;font-weight:700;cursor:pointer}.add-btn{padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:40%;margin-top:5%}.form-input{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.inp{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical}.error{color:red}.right{margin-left:83%}.filter-options{display:flex;flex-direction:column}.filter-options select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;color:#333;outline:none}.filter-options option{background-color:#fff;color:#000}.total{display:flex;flex-direction:column}.total .aside{display:flex;flex-direction:row}.total .aside .as{display:flex;background-color:#f9f5f6;color:#000;height:100vh}.total .aside .container{width:80%;margin:20px auto 0}.total .aside .container .category-table{width:100%;border-collapse:collapse;margin-top:30px;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px}.total .aside .container .category-table td,.total .aside .container th{border:none;border-bottom:1px solid #ddd;padding:20px}.total .aside .container .category-table th{padding-top:12px;padding-bottom:12px;text-align:left;color:#000}.total .aside .container .category-table tr:nth-child(2n){background-color:#f8f6f4}.total .aside .container .category-table tr:hover{background-color:#ddd}.total .aside .container .category-table th:nth-child(6),.total .aside .container .category-table td:nth-child(6){width:80px}.total .aside .container .btn{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.total .aside .nobugs{display:flex;justify-content:center;align-items:center;height:70vh;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a}.total .aside .nobugs p{font-size:20px;color:#888}.total .aside .bugreporting{background-color:#d2e9e9;padding-top:10px;padding-bottom:10px;text-align:center;font-size:20px;margin-bottom:10px}.total .aside .bugreporting .brf{text-align:left}.btns{display:flex;gap:1rem;opacity:.5}.search-class{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;width:500px}body{background-color:#f0f0f0}.dashboard-title{text-align:center;margin-bottom:10px;margin-top:10px}.dashboard-title h1{font-size:28px;color:#333}.chart-container .barchart{height:280px;width:600px;background-color:#fff;border-radius:8px;padding:20px}.chart-container .pie-chart{height:280px;width:400px;background-color:#fff;border-radius:10px;padding:20px}.chart-container{display:flex;gap:6rem;width:80%;margin:10px auto 0}.dashboard-bugs{display:flex;justify-content:space-around;background-color:#f0f0f0;border-radius:8px;width:80%;margin:0 auto}.card{width:300px;padding:20px;margin:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .3s ease-in-out}.card:hover{transform:translateY(-5px)}.card:nth-child(1){background-color:#f7f6cb}.card:nth-child(2){background-color:#faa9a3}.card:nth-child(3){background-color:#f8cd76}.card:nth-child(4){background-color:#a7f053}.card-title{font-size:20px;margin-bottom:10px;color:#000}.card-content{color:#333}*{margin:0;padding:0;font-family:sans-serif}