:root{--purple:#5b4dc7;--purple-dark:#4337a2;--bg:#f5f7fb;--text:#22263a;--muted:#738096;--line:#e6e9f0;--red:#e24c5d;--amber:#ed9c37;--green:#1ca77f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading,.setup-error{min-height:100vh;display:grid;place-content:center;text-align:center}.setup-error{padding:30px}.setup-error code{background:#fff;padding:4px 8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#eeeaff,transparent 34%),linear-gradient(145deg,#f8f9fc,#eef1f8)}.login-card{width:min(430px,100%);background:#fff;padding:38px;border-radius:24px;box-shadow:0 25px 80px #34305220;text-align:center}.brand-mark,.logo>span{display:grid;place-items:center;background:linear-gradient(145deg,#7062dc,#4437a5);color:#fff;font-weight:900}.brand-mark{width:70px;height:70px;margin:auto;border-radius:21px;font-size:34px}.login-card h1{margin:12px 0 8px;font-size:27px}.login-card>p:not(.eyebrow){color:var(--muted)}label{display:grid;gap:7px;text-align:left;color:#4d566a;font-weight:600;margin:14px 0}input,select,textarea{width:100%;border:1px solid #dce0e9;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);outline:0}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5b4dc715}textarea{min-height:90px;resize:vertical}.primary{border:0;border-radius:10px;background:var(--purple);color:#fff;padding:11px 17px;font-weight:700}.primary:hover{background:var(--purple-dark)}.wide{width:100%;margin-top:10px}.link{border:0;background:none;color:var(--purple);margin-top:15px}.error{background:#fff0f1;color:#b72e40;border-radius:10px;padding:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}aside{position:sticky;top:0;height:100vh;background:#211d46;color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:50}.logo{display:flex;gap:11px;align-items:center;padding:0 8px 25px}.logo>span{width:38px;height:38px;border-radius:11px;font-size:21px}.logo div{display:grid}.logo strong{font-size:12px}.logo small{color:#aaa5cc}nav{display:grid;gap:5px}nav button,.side-bottom button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;padding:11px 13px;background:transparent;color:#c5c1df;text-align:left}nav button:hover,nav button.active{background:#ffffff15;color:#fff}nav button.active{box-shadow:inset 3px 0 var(--purple)}nav i{width:20px;text-align:center;font-style:normal}.side-bottom{display:grid;gap:7px;margin-top:auto}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff18;padding:16px 8px 8px}.user-card>span,.mobile-user,.person>span{display:grid;place-items:center;border-radius:50%;background:#7567df;color:#fff;font-weight:800}.user-card>span{width:36px;height:36px}.user-card div{display:grid}.user-card small{color:#aaa5cc}main{min-width:0}header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:18px;position:sticky;top:0;z-index:30}.global-search{display:flex;align-items:center;gap:8px;width:min(540px,70%);background:#f4f6fa;border-radius:10px;padding:0 12px}.global-search input{border:0;background:transparent;box-shadow:none}.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.header-popover-wrap{position:relative}.header-icon,.mobile-user{border:0}.header-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f3f4f8}.header-icon i{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-style:normal}.mobile-user{margin:0;width:38px;height:38px}.header-popover{display:none;position:absolute;right:0;top:48px;width:360px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 60px #30354b25;overflow:hidden;z-index:60}.header-popover.open{display:block}.popover-title{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.popover-title>div{display:grid}.popover-title small{color:var(--muted)}.popover-title button{border:0;background:#efeff9;color:var(--purple);border-radius:7px}.popover-list{max-height:355px;overflow:auto}.popover-list>button{width:100%;display:flex;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px 15px}.popover-list>button:hover{background:#f8f8fc}.popover-list>button div{display:grid}.popover-list small,.popover-list em{color:var(--muted);font-size:12px;font-style:normal}.popover-footer{width:100%;border:0;background:#fafaff;color:var(--purple);padding:13px;font-weight:700}.empty-small{padding:20px;text-align:center;color:var(--muted)}.profile-popover{width:290px;padding:8px}.profile-head{display:flex;gap:11px;padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--purple);color:#fff;font-weight:800}.profile-head div{display:grid}.profile-head small{color:var(--muted)}.profile-head b{color:var(--purple);font-size:11px}.profile-popover>button{display:flex;gap:9px;width:100%;border:0;background:#fff;border-radius:8px;padding:10px;text-align:left}.profile-popover>button:hover{background:#f4f5f9}.profile-popover .logout-button{color:var(--red);border-top:1px solid var(--line);border-radius:0;margin-top:5px}#menu{display:none;border:0;background:none;font-size:22px}.content{padding:30px;max-width:1450px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title h1{font-size:29px;margin:1px 0 4px}.page-title p{margin:0;color:var(--muted)}.eyebrow{color:var(--purple)!important;font-size:11px;font-weight:800;letter-spacing:1.4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stats button{position:relative;border:1px solid var(--line);background:#fff;border-radius:15px;padding:20px;text-align:left;display:grid;gap:5px}.stats span{position:absolute;right:18px;top:18px;font-size:22px}.stats small{color:var(--muted)}.stats strong{font-size:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-head h2{margin:0;font-size:17px}.panel-head p{margin:3px 0;color:var(--muted)}.alert-list{display:grid}.alert-row{display:grid;grid-template-columns:42px minmax(180px,1fr) 130px 130px auto;align-items:center;gap:12px;padding:13px 5px;border-top:1px solid var(--line)}.alert-row:first-child{border:0}.alert-row>div{display:grid}.alert-row small{color:var(--muted)}.alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.alert-icon.expired{background:#ffebee;color:var(--red)}.alert-icon.warning{background:#fff5e4;color:var(--amber)}.status{display:inline-flex;width:max-content;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.status.valid{background:#e9f8f3;color:#158465}.status.warning{background:#fff4df;color:#b86e15}.status.expired{background:#ffecef;color:#bd3043}.empty{padding:35px;text-align:center;color:var(--muted)}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:17px 20px;margin:0;border-bottom:1px solid var(--line)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:11px;color:var(--muted);letter-spacing:.5px;background:#fafbfc}.person{display:flex;align-items:center;gap:10px}.person>span{width:36px;height:36px}.person div{display:grid}.person small{color:var(--muted)}.actions{display:flex;gap:6px}.actions button,td>.danger{border:0;border-radius:7px;background:#f0f2f6;padding:7px 9px}.actions .danger,td>.danger{color:var(--red)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px}.chips b{color:var(--purple)}.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.report-grid button{min-height:170px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:25px;display:grid;place-content:center;text-align:center;gap:7px}.report-grid span{font-size:36px;color:var(--purple)}.report-grid strong{font-size:18px}.report-grid small{color:var(--muted)}.form-panel h2{margin-top:0}.modal-backdrop{position:fixed;inset:0;background:#20233699;display:grid;place-items:center;padding:20px;z-index:100}.modal{position:relative;background:#fff;border-radius:18px;width:min(650px,100%);max-height:90vh;overflow:auto;padding:25px}.modal h2{margin-top:0}.modal-close{position:absolute;right:15px;top:13px;border:0;border-radius:50%;background:#f0f2f6;width:34px;height:34px;font-size:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.secondary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px}.detail-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:var(--purple);color:#fff;font-size:23px;font-weight:800}.permit-detail{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 0}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:#292443;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.install-app{position:fixed;right:20px;bottom:20px;z-index:80;border:0;border-radius:999px;background:var(--purple);color:#fff;padding:12px 17px;font-weight:700;box-shadow:0 12px 30px #493ca844}@media(max-width:900px){.app-shell{grid-template-columns:1fr}aside{position:fixed;left:-260px;width:245px;transition:.25s}aside.open{left:0}#menu{display:block}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:600px){header{padding:0 14px}.global-search{width:calc(100% - 100px)}.page-title{align-items:flex-start;flex-direction:column}.page-title h1{font-size:24px}.stats{gap:10px}.stats button{padding:15px}.stats strong{font-size:25px}.alert-row{grid-template-columns:38px 1fr}.alert-row>b,.alert-row>.status,.alert-row>[data-notify]{margin-left:50px}.report-grid,.form-grid{grid-template-columns:1fr}.content{padding:15px}.modal{padding:20px}.logo strong{font-size:11px}.install-app{width:48px;height:48px;padding:0}.install-app span{display:none}.header-popover{position:fixed;left:12px;right:12px;top:66px;width:auto}}@media print{aside,header,.page-title button,.report-grid,.actions,.toast,.install-app{display:none!important}.app-shell{display:block}.content{padding:0}.panel{border:0}.table-scroll{overflow:visible}body{background:#fff}body:before{content:"GESTION DES PERMIS";display:block;font-size:24px;font-weight:800;margin:20px}}