body{font-family:Montserrat,sans-serif;color:#000;background-color:#fff;margin:0;padding:0;text-align:left}h1,h2,h3,h4,h5{font-weight:600;margin-bottom:.5em}.content{flex:1;overflow:auto;padding:1rem 2rem;max-width:960px;margin:0 auto}.paging{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.audit-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.audit-filters input,.audit-filters select{flex:1 1 200px;max-width:240px}.audit-filters .button-group{display:flex;gap:.5rem}.audit-filters .button-group button{white-space:nowrap;padding:.5rem 1rem}.navbar{background-color:#7d237d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;height:auto;min-height:64px;box-shadow:0 4px 12px #0000001a}.navbar .left,.navbar .right{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.navbar a{font-size:1.1rem;color:#faf7fa;text-decoration:none;font-weight:500;transition:color .2s ease}.navbar a.active{color:#fff;font-weight:700}.navbar a.admin{color:#ffcc80}.navbar a:hover{color:#fff}.navbar .logo{font-size:1.6rem;font-weight:800;letter-spacing:1px;color:#fff;margin-right:2rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.navbar button{background-color:#9b3f9b;color:#fff;border:none;border-radius:8px;padding:.4rem .9rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s}.navbar button:hover{background-color:#773077}.navbar .user{font-size:1rem;font-weight:500;color:#f2f2f2}button,.btn{background-color:#7d237d;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover,.btn:hover{background-color:#9b3f9b}button.disabled,button:disabled,.btn.disabled,.btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}form,.form-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center;margin:1rem auto}input,select,textarea{border:1px solid #ccc;border-radius:6px;padding:.5rem;font-family:Montserrat,sans-serif;width:100%;max-width:300px;display:inline-block}label{font-weight:500;margin-right:.5rem}.radio-group{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-top:.5rem}.checkbox-group{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1;vertical-align:middle}.checkbox-group input[type=checkbox]{transform:translateY(-1px)}.user-table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{padding:8px 12px;border-bottom:1px solid #ddd;text-align:left}.role{margin-right:6px;padding:2px 6px;background:#eef;border-radius:4px}.disabled{color:#999}.actions{display:flex;gap:.5rem}.actions button{margin-right:6px}.actions button:disabled{opacity:.5;cursor:not-allowed}.badge.self{margin-left:6px;padding:2px 6px;background:#cce;border-radius:4px;font-size:12px}.hint{font-size:11px;color:#a00;margin-top:4px}.login-card{background:#fff;max-width:360px;margin:5rem auto;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.login-card h2{color:#7d237d;margin-bottom:1rem}.login-card input{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.login-card button{width:100%;padding:.6rem;background-color:#7d237d;color:#fff;border-radius:6px;font-weight:700;font-size:1rem}.login-card button:hover{background-color:#9b3f9b}.login-card .error{color:#d9534f;font-weight:500;font-size:.95rem;margin-top:.5rem}.card,.panel,.box{background-color:#f4f4f7;border-radius:12px;padding:1.5rem;margin:1rem auto;max-width:800px;box-shadow:0 4px 12px #0000000d}.search-bar{display:flex;gap:8px;margin-bottom:10px}.letters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;margin-top:8px;margin-bottom:1.5rem}.letters button{background-color:#7d237d;color:#fff;border:none;border-radius:12px;padding:.4rem .7rem;font-size:.9rem;font-weight:600;cursor:pointer}.letters button:hover{background-color:#9b3f9b}ul{list-style:none;padding-left:0}@media screen and (max-width: 768px){nav a{display:block;margin:.5rem 0}table,.card,input,textarea,select{width:95%!important}button{width:90%;font-size:1.1rem}.shell-header{flex-direction:column;align-items:flex-start}.form-row{flex-direction:column;align-items:stretch}.checkbox-group{justify-content:center}}.admin-mapping h2{display:flex;align-items:center;gap:1rem}.admin-mapping h2 select{font-size:1rem;padding:.4rem .6rem;border-radius:6px;border:1px solid #ccc}.admin-mapping .search-box{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start;margin-top:1.5rem;margin-bottom:1.5rem}.admin-mapping .search-box input[type=text],.admin-mapping .search-box input[placeholder="ICPC Code"],.admin-mapping .search-box input[placeholder="ICD Code"],.admin-mapping .search-box input[placeholder="SNOMED Concept ID"]{flex:1 1 200px}.admin-mapping .search-box .radio-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.admin-mapping .search-box .radio-group label{display:flex;align-items:center;gap:.4rem;font-size:14px}.admin-mapping .search-box button{margin-left:auto;padding:.5rem 1.2rem}.admin-mapping .create-box{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start;margin-bottom:2rem}.admin-mapping .create-box input{flex:1 1 200px}.admin-mapping .create-box button{white-space:nowrap}.admin-mapping table{width:100%;border-collapse:collapse;margin-bottom:2rem}.admin-mapping table th,.admin-mapping table td{padding:10px;border-bottom:1px solid #ddd}.admin-mapping .readonly-hint{color:#999;font-size:.85rem}.mapping-table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Montserrat,sans-serif;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d}.mapping-table th,.mapping-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #ddd}.mapping-table thead{background-color:#f0e8f0}.mapping-table thead th{font-weight:600;color:#000}.mapping-table tbody tr{transition:background-color .2s}.mapping-table tbody tr:hover{background-color:#fff}.mapping-table tbody .icpc:hover{background-color:#df8ddf!important}.mapping-table tbody .icpc{background-color:#df8ddf;font-weight:600}.mapping-table tbody .icd{background-color:#e3b9e3;font-weight:600;cursor:pointer}.mapping-table tbody .icd:hover{background-color:#daa3da}.mapping-table tbody .snomed{background-color:#f7f7f9;font-size:.95rem}.toggle-icon{display:inline-block;width:1.2rem;font-weight:700}.disclaimer{max-width:360px;margin:1.5rem auto;padding:1rem 1.2rem;background-color:#fff8e1;border:1px solid #ffe082;border-radius:8px;font-size:.82rem;line-height:1.5;color:#5d4037;text-align:center}.disclaimer-bar{background-color:#f5f5f5;border-top:1px solid #e0e0e0;padding:.75rem 1rem;text-align:center;font-size:.75rem;color:#888;flex-shrink:0}.disclaimer-bar .provided-by{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.4rem;font-size:.8rem;color:#999}.disclaimer-bar .provided-by a{display:inline-flex;align-items:center}.disclaimer-bar .provided-by img{height:28px;width:auto;opacity:.85;transition:opacity .2s}.disclaimer-bar .provided-by img:hover{opacity:1}