*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f5f5f5;color:#333}main{padding:1rem}.main-layout{display:flex;height:100vh}.main-content{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.main-layout{flex-direction:column}.main-content{height:auto}}.sidebar{width:220px;background-color:#1f2937;color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:2rem;transition:transform .3s ease;height:150vh}.sidebar h2{font-size:1.8rem;color:#facc15;padding-left:.6rem}.sidebar nav{display:flex;flex-direction:column;gap:1.2rem}.sidebar nav a{color:#e5e7eb;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem .75rem;border-radius:6px;transition:background-color .2s ease}.sidebar nav a:hover{background-color:#374151}@media (max-width: 840px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);z-index:1000}.sidebar.show{transform:translate(0)}}.topbar{background-color:#fff;padding:1rem;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.avatar{background-color:#eee;border-radius:50%;width:35px;height:35px}@media (max-width: 768px){.hamburger{display:block}}.dashboard-container{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.dashboard-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 5px #0000001a;min-width:150px;flex:1}.dashboard-card h3{font-size:.9rem;color:#555}.dashboard-card p{font-size:1.5rem;font-weight:700}.contacts-wrapper{margin-top:2rem}.contacts-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.contacts-table th,.contacts-table td{padding:1rem;text-align:left;border-bottom:1px solid #eee;margin-bottom:20px}.contacts-table th:nth-child(3),.contacts-table td:nth-child(3){width:250px}.contacts-table th:nth-child(4),.contacts-table td:nth-child(4){width:150px;text-align:center;border-bottom:1px solid #eee}.contacts-table th{background-color:#f9f9f9;font-weight:700}.status{display:flex;align-items:center;justify-content:center;padding:.3rem .6rem;border-radius:4px;font-weight:700;text-align:center;min-width:100px;max-width:100px;margin-top:20px}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fef2f2;color:#991b1b}.status.pending{background-color:#fef3c7;color:#92400e}.icon{font-size:1.4rem}.search-input{width:100%;max-width:300px;padding:.5rem .75rem;margin:1rem 0;border:1px solid #ccc;border-radius:6px;font-size:1rem}.status-filters{margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.status-filters button{padding:.4rem .75rem;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;cursor:pointer;transition:.2s ease}.status-filters button:hover{background-color:#e2e8f0}.status-filters .active-filter{background-color:#1f2937;color:#fff;border-color:#1f2937}.delete-btn{padding:.3rem .6rem;border:none;background-color:#e53e3e;color:#fff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:.2s ease}.delete-btn:hover{background-color:#c53030}.table-scroll{width:100%;overflow-x:auto}.contacts-table{width:100%;min-width:600px}.add-contact-form{margin:2rem 0;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:400px}.add-contact-form h3{margin-bottom:1rem}.add-contact-form input,.add-contact-form select{width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.add-contact-form button{padding:.6rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}@media (max-width: 768px){.add-contact-form{padding:1rem;font-size:.95rem}.add-contact-form input,.add-contact-form select{font-size:1rem}}