:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:28px 20px;background:#071932;color:#dce8f7}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1694e8;color:#fff}.brand small{display:block;margin-top:2px;color:#7892ae;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.brand+nav{margin-top:45px}nav button{display:block;width:100%;margin:7px 0;padding:13px 14px;border:0;border-radius:9px;text-align:left;color:#9bb0c8;background:transparent}nav button:hover,nav button.active{color:#fff;background:#102d50}.sidebar-note{position:absolute;bottom:22px;margin:0 10px;color:#597590;font-size:12px;line-height:1.6}main{min-width:0;padding:34px 42px}header{display:flex;align-items:center;justify-content:space-between}header p,.modal-head p{margin:0 0 5px;color:#168ddd;font-size:11px;font-weight:800;letter-spacing:.14em}h1,h2{margin:0;color:#15213a}h1{font-size:30px}.primary{padding:12px 18px;border:0;border-radius:9px;background:#168ddd;color:#fff;font-weight:700;box-shadow:0 6px 18px #168ddd33}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.stats article{position:relative;padding:21px;border:1px solid #e7edf5;border-radius:12px;background:#fff;box-shadow:0 4px 18px #1720330a}.stats span{color:#758198;font-size:13px}.stats strong{display:block;margin-top:8px;font-size:29px}.stats i{position:absolute;right:19px;top:23px;display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#eaf5fd;color:#168ddd;font-style:normal}.stats .danger i{background:#feeeee;color:#d43c48}.stats .warning i{background:#fff5dd;color:#df9817}.stats .success i{background:#e8f8ef;color:#168e50}.panel{overflow:hidden;border:1px solid #e5ebf2;border-radius:13px;background:#fff;box-shadow:0 4px 22px #1720330a}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px}.toolbar h2{font-size:18px}.toolbar p{margin:6px 0 0;color:#8490a3;font-size:13px}.filters{display:flex;gap:10px}.filters input,.filters select{padding:10px 12px;border:1px solid #dae2ec;border-radius:8px;background:#fff;outline:none}.filters input{width:230px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 18px;color:#8995a8;background:#f7f9fc;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{padding:16px 18px;border-top:1px solid #edf1f5;font-size:13px}td b{display:block;color:#263249}td small{display:block;margin-top:5px;color:#8d98a9}.badge{display:inline-block;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:700}.badge.bloque{color:#c93440;background:#feeeee}.badge.en_traitement{color:#a56b07;background:#fff5dd}.badge.autorise{color:#137945;background:#e7f8ee}.action{padding:7px 10px;border:1px solid #a7d8f6;border-radius:7px;color:#087abc;background:#eef8fe;font-weight:700;font-size:11px}.action.green{border-color:#a9dec0;color:#137945;background:#ebf9f1}.released{color:#168e50;font-size:11px;font-weight:700}.empty{text-align:center;padding:45px;color:#8792a4}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#071932a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}form{width:min(700px,100%);max-height:92vh;overflow:auto;padding:26px;border-radius:14px;background:#fff;box-shadow:0 25px 80px #0005}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head button{border:0;background:transparent;color:#8995a8;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;color:#546175;font-size:12px;font-weight:700}label input,label select,label textarea{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #d9e1eb;border-radius:8px;color:#263249;background:#fff}.check{margin:18px 0}.check input{display:inline;width:auto;margin:0 7px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions button{padding:11px 16px;border:0;border-radius:8px}.error{padding:10px;border-radius:7px;color:#b92532;background:#feeeee;font-size:13px}@media (max-width:1000px){.app-shell{grid-template-columns:1fr}aside{display:none}main{padding:24px}.stats{grid-template-columns:1fr 1fr}.toolbar{align-items:flex-start;gap:18px;flex-direction:column}.filters,.filters input{width:100%}}@media (max-width:600px){main{padding:18px}header{align-items:flex-start;gap:18px;flex-direction:column}.stats{grid-template-columns:1fr}.filters,.form-grid{grid-template-columns:1fr;display:grid}.modal{padding:10px}}