:root{font-family:Inter,system-ui,sans-serif;color:#183343;background:#f3f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbdce3;border-radius:8px;padding:10px 15px;background:white;color:#164b5c}button:hover{background:#e1f3f0}input,select,textarea{width:100%;padding:11px;border:1px solid #c5d6df;border-radius:7px;background:white;color:#183343}label{display:block;font-weight:600;text-transform:capitalize}label input,label textarea,label select{display:block;margin-top:7px}textarea{min-height:110px}.brand{font-size:22px;letter-spacing:1px;font-weight:800}.brand span{display:block;font-size:11px;letter-spacing:5px;margin:4px 0 0 25px;color:#72cdbb}#login{max-width:440px;margin:10vh auto;background:white;padding:40px;border-radius:20px;box-shadow:0 15px 60px #16324318}#login h1{font-size:34px}#login label{margin:18px 0}#login button,#save{background:#087d72;color:white;border:0;width:100%}#app{display:flex;min-height:100vh}#app[hidden]{display:none}aside{width:260px;background:#123d48;color:white;padding:28px 18px;flex-shrink:0}#identity{margin:24px 0;color:#b5d2d8}aside input{background:#204d58;color:white;border:1px solid #416570}nav{margin-top:16px}nav button{display:block;width:100%;text-align:left;background:transparent;color:#dcecef;border:0;margin:3px 0}nav button:hover{background:#28616a;color:white}nav button[hidden]{display:none}#logout{margin-top:20px;width:100%}main{padding:32px;min-width:0;flex:1}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header h1{margin:5px 0;font-size:29px}small{color:#67838d;font-size:11px;letter-spacing:1.3px}.notice{background:#fff6dc;border:1px solid #eadba8;border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:12px}.welcome{background:linear-gradient(110deg,#0c736b,#143c4a);border-radius:15px;padding:30px;color:white;margin-bottom:24px}.welcome small{color:#9cdbcf}.welcome h2{font-size:30px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card{text-align:left;display:flex;flex-direction:column;padding:22px;gap:15px;border-color:#e0e8ec}.card strong{font-size:32px}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{max-width:420px}#table{overflow:auto;background:white;border-radius:10px;border:1px solid #dae4e9}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:14px;border-bottom:1px solid #e7edf0;max-width:280px;overflow-wrap:anywhere}th{text-transform:capitalize;background:#eaf1f4;color:#526e7a;white-space:nowrap}td button{white-space:nowrap;padding:6px}.empty{padding:40px;text-align:center;color:#6c838c}dialog{border:0;border-radius:15px;padding:26px;width:650px;max-width:94vw;max-height:90vh;box-shadow:0 20px 100px #1237}dialog::backdrop{background:#0a273b99}.dialoghead{display:flex;justify-content:space-between;align-items:center}#fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}#error,#formerror,#loginerror{color:#aa3030}#save{padding:14px}@media(max-width:800px){#app{flex-direction:column}aside{width:100%;padding:20px}nav{display:flex;overflow:auto}nav button{min-width:150px}main{padding:18px}#fields{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}#login{margin:5vh 15px}}
.admin-panel{background:white;border:1px solid #d7e4e8;border-radius:12px;padding:22px;margin:18px 0}.admin-panel form{display:grid;gap:16px;max-width:600px}.admin-panel button{margin:5px 8px 5px 0}.admin-panel [role=status]{color:#9a2e2e}

.brand img{display:block;width:100%;max-width:230px;height:auto;border-radius:12px;background:white}#login .brand img{max-width:260px;margin:auto}aside .brand img{max-width:210px}
.consultation{padding:18px;background:#edf7f6;border-radius:12px}.consultation video{width:min(46%,440px);max-height:300px;background:#123d48;border-radius:10px;margin:8px}.admin-panel button{max-width:100%}#login details{margin-top:24px}#login .admin-panel{padding:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere}
.nav-section{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#82b6bf;margin:24px 10px 8px}nav button{padding:9px 12px}#dashboard>.cards{margin:20px 0}#dashboard>.cards .card strong{font-size:21px}#fields label{font-size:12px}#fields select{max-width:100%}#dashboard>div>button{margin:5px}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #33b9a4;outline-offset:2px}@media(min-width:801px){aside{position:sticky;top:0;height:100vh;overflow:auto}#app>main{min-height:100vh}}