:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#243448;background:#f2f4f7;font-size:15px;--blue:#173b59;--line:#dce3eb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--blue);padding:10px 16px;border-radius:12px;transition:150ms}button:hover{background:#e9f1f7}button.primary{background:var(--blue);color:white}button:focus-visible,input:focus-visible{outline:3px solid #82bbdf}header{background:#ffffffdf;border-bottom:1px solid var(--line);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;backdrop-filter:blur(16px)}header strong{font-size:22px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:90vh}nav{padding:24px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}nav button{text-align:left;border-color:transparent;background:transparent}nav button.active{background:#ddeaf5;font-weight:600}main{padding:32px;max-width:1500px;width:100%;min-width:0}h1{font-size:30px;letter-spacing:-.7px;margin:0 0 8px}h2{font-size:21px;margin:0 0 20px}p{line-height:1.6}.muted,small{color:#637388}.toolbar,.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 6px 24px #16304705}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{text-align:left;padding:24px;min-height:120px}.metric strong{display:block;font-size:38px;margin-top:8px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:flex;flex-direction:column;gap:7px;margin:12px 0;color:#4d6075}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:white;color:#243448}textarea{min-height:100px}input[type=checkbox]{width:auto}label.check{flex-direction:row;align-items:center}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e7ecf1;vertical-align:top}th{font-size:13px;color:#607086;background:#f7f9fb}td{max-width:340px;overflow-wrap:anywhere}.tablewrap{overflow:auto}.badge{border-radius:20px;padding:5px 10px;background:#edf3f8;font-size:13px;display:inline-block}.banner{padding:16px 32px;background:#fff2d5;border-bottom:1px solid #ead2a3;display:flex;justify-content:space-between;gap:16px}.auth{max-width:500px;margin:8vh auto}.error{color:#a12b35}.bar{display:flex;align-items:center;gap:16px;margin:16px 0}.bar span{width:180px}.bar i{display:block;height:12px;background:#4c7895;border-radius:8px;min-width:2px}dialog{border:1px solid var(--line);border-radius:20px;max-width:750px;width:90%;padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#14253866;backdrop-filter:blur(5px)}#notice{position:fixed;bottom:24px;right:24px;background:#173b59;color:white;border-radius:12px;padding:14px 20px;display:none;z-index:10}footer{font-size:12px;padding:24px 32px;color:#6e7c8d}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{flex-direction:row;overflow:auto;border:0}nav button{white-space:nowrap}main{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}header{padding:16px}} 

@media(max-width:600px){header{flex-wrap:wrap;gap:12px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:0;width:100%}dialog{box-sizing:border-box;width:calc(100% - 24px);padding:20px}footer{overflow-wrap:anywhere}.shell{min-width:0}main{min-width:0}}

/* Direction graphique inspirée du document de référence */
header{background:#1c3d5c;color:#fff;border-bottom:4px solid #0795b4}header .muted{color:#bed6e5}header .badge{background:#355773;color:#d9edf7}.metric{border-top:5px solid #0795b4;border-radius:10px;background:#fff;color:#1c3d5c;box-shadow:0 6px 20px #1c3d5c05}.metric strong{color:#1c3d5c;font-variant-numeric:tabular-nums}.panel{border-radius:12px;border-color:#cfdee7}.bar i{background:#0795b4;border-radius:2px}thead th{background:#1c3d5c;color:#fff}nav .active{background:#e0f2f7;color:#176a80}.primary{background:#1c3d5c;border-color:#1c3d5c}.metrics{gap:16px}

/* Digital Pop */
:root{--accent:#2457ff}body{background:#f4f5f7;color:#17191f}header{background:#17191f;border-bottom:3px solid #c8f547}header .muted{color:#dddfee}header .badge{background:#313744;color:#c8f547}.metric{border:1px solid #e4e7ee;border-top:0;border-radius:18px;background:#fff;box-shadow:none;color:#17191f}.metric strong{color:#17191f;font-size:44px;letter-spacing:-1px}.metric:first-child{background:#2457ff;color:white;border-color:#2457ff}.metric:first-child strong{color:white}.metric:nth-child(3){border-top:4px solid #7dd3fc}.metric:nth-child(7){border-top:4px solid #c8f547}.bar i{background:#2457ff;border-radius:4px}.primary{background:#2457ff;border-color:#2457ff}.panel{border-radius:18px;border-color:#e4e7ee}thead th{background:#17191f;color:white}nav .active{background:#e8edff;color:#2457ff}

/* Administration compacte */
:root{font-size:14px}header{padding:14px 24px}header strong{font-size:20px}main{padding:24px}h1{font-size:26px}h2{font-size:20px}.panel{padding:18px;border-radius:12px;margin:16px 0}.metrics,.grid{gap:12px}.metric{padding:18px;min-height:100px}.metric strong{font-size:30px}button{padding:8px 12px;border-radius:10px}th,td{padding:10px 12px;font-size:13px}

:root{font-size:13px}header{padding:10px 20px}main{padding:20px}h1{font-size:24px}h2{font-size:18px}.panel{padding:14px;margin:12px 0}.metric{padding:14px;min-height:88px}.metric strong{font-size:28px}.metrics,.grid{gap:10px}

header{background-image:repeating-linear-gradient(135deg,transparent 0 24px,#67869e07 24px 25px)}.panel{position:relative;overflow:hidden}.panel:after{content:"";position:absolute;right:12px;top:12px;width:14px;height:14px;border-top:1px solid #6c91ae45;border-right:1px solid #6c91ae45;pointer-events:none}

body:has(#entry){min-height:100vh;background:linear-gradient(90deg,#f2f5f9f5 0%,#f2f5f9e0 42%,#1b314a55 100%),url('/assets/qhse-site-inspection-ai.png') center/cover fixed}#entry.auth{max-width:400px;margin:6vh auto!important;padding:28px!important;border-radius:16px;background:#ffffffee;box-shadow:0 8px 28px #162e4510}.auth-logo{width:90px;height:62px;object-fit:contain;display:block;margin-bottom:12px}.auth-contact{border-top:1px solid #dde5ee;margin-top:20px;padding-top:14px;display:grid;gap:5px;font-size:12px;color:#6e7e91}.auth-contact a{color:#45637d;text-decoration:none}.auth-contact strong{font-size:13px}#entry h1{font-size:24px;margin-top:8px}#entry input{height:36px}@media(max-width:600px){#entry.auth{margin:24px 16px!important;max-width:none}}

body:has(#entry){background:linear-gradient(90deg,#101e32d9,#101e3280),url('/assets/qhse-site-inspection-ai.png') center/cover fixed!important}#entry.auth{background:#fff!important;border-color:#ffffff55!important}#entry button.primary{background:#ff2459!important;border-color:#ff2459!important}#entry .auth-contact{color:#61748b}

#entry .auth-logo{width:132px!important;height:92px!important;object-fit:contain!important;background:white;border-radius:8px;padding:4px}#entry label{color:#33465e;font-weight:600}#entry .auth-contact{font-size:13px}

:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif}body,button,input,select,textarea{font-family:inherit;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;letter-spacing:-.4px}label,th{font-weight:600}p,td{line-height:1.5}.metric strong{font-variant-numeric:tabular-nums;letter-spacing:-.6px}