:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1d2633;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{min-height:100vh;display:flex}.sidebar{width:240px;background:#16202c;color:#fff;padding:24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:4}.brand{font-size:20px;font-weight:800;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{text-decoration:none;padding:10px 12px;border-radius:8px;color:#d9e1ea}.sidebar nav a.active,.sidebar nav a:hover{background:#26384b;color:#fff}.userbox{margin-top:auto;display:flex;flex-direction:column;gap:3px}.userbox small{opacity:.7}.linkbtn{background:none!important;color:#fff!important;text-align:left;padding:4px 0!important}.content{margin-left:240px;width:calc(100% - 240px);padding:32px;max-width:1600px}.mobilebar{display:none}.card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 2px 8px #00000008}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px}.metric{background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.metric strong{font-size:24px}.metric small{color:#687386}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.toolbar,.formrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input,select,textarea,button{font:inherit;border:1px solid #ccd3dc;border-radius:8px;padding:10px 12px;min-height:42px}button{background:#1f6feb;color:#fff;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.danger{background:#b42318}.error{background:#fff0ef;color:#b42318;border:1px solid #ffc9c4;padding:12px;border-radius:8px;margin:12px 0}table{width:100%;border-collapse:collapse;min-width:580px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f4}table a{color:#1f6feb}.card{overflow:auto}.loginPage{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#152333,#274f78)}.loginCard{width:min(420px,100%);display:flex;flex-direction:column;gap:14px}.loginCard label{display:flex;flex-direction:column;gap:6px}.appt{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.appt small{display:block;color:#687386;margin-top:5px}.timeline{border-left:3px solid #1f6feb;padding:10px 14px;margin-bottom:12px;background:#f8faff;border-radius:0 8px 8px 0}.timeline span{margin-left:12px}.photos,.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.photo{border:1px solid #e4e8ef;padding:10px;border-radius:10px}.photo img,.compare img{width:100%;max-height:350px;object-fit:contain;border-radius:8px}.photo small{display:block;margin-top:8px}.report{background:#101820;color:#d7e5f5;padding:16px;border-radius:10px;overflow:auto}.loading{min-height:100vh;display:grid;place-items:center}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.content{margin-left:0;width:100%;padding:16px}.mobilebar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.mobilebar button{padding:6px 10px}.grid2,.formgrid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.content{padding:12px}.card{padding:14px}.formrow>*{width:100%}}.secondary{background:#e9eef5;color:#26384b}.formrow textarea,textarea{width:100%;resize:vertical}figure{margin:0}figcaption{text-align:center;color:#687386;padding-top:6px}.block{display:block;color:#687386;margin-top:3px}