/* Design premium : n'altère aucune règle métier. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#14233e;--muted:#71819a;--green:#089c73;--lime:#cdfc85;--sky:#eaf4ff;--surface:rgba(255,255,255,.84);--line:rgba(110,137,170,.18);--shadow:0 18px 48px rgba(17,44,78,.11)}
*{scrollbar-width:thin;scrollbar-color:#9dcbbd transparent}body{font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 76% 2%,#dfefff 0,transparent 29%),radial-gradient(circle at 26% 75%,#e5fff1 0,transparent 26%),#f6f8fc;color:var(--ink)}
body:before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(86,119,168,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,119,168,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
.login{background:#f5f8fc}.login section{position:relative;background:rgba(255,255,255,.92);box-shadow:20px 0 70px rgba(13,40,67,.08)}.login section:after{content:"";position:absolute;left:11%;top:8%;height:4px;width:72px;background:linear-gradient(90deg,#10b981,#7dd3fc);border-radius:5px}.brand-mark{background:linear-gradient(145deg,#0a9772,#174f62);box-shadow:0 13px 25px rgba(8,123,97,.25);transform:rotate(-5deg)}.login h1{font-size:42px;letter-spacing:-1.7px}.login input{border:1px solid #dce6f1;background:#fbfdff;transition:.2s}.login input:focus{border-color:#24a985;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.login form>button:first-of-type{background:linear-gradient(110deg,#078b69,#2563a8);box-shadow:0 11px 23px rgba(25,103,126,.23);transition:transform .2s,box-shadow .2s}.login form>button:first-of-type:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(25,103,126,.3)}.login aside{background:radial-gradient(circle at 86% 17%,rgba(205,252,133,.25),transparent 21%),linear-gradient(140deg,#0b2d45,#155e62 58%,#295d91)}.login h2{letter-spacing:-1.5px}.facts{background:rgba(255,255,255,.08);padding:21px;border:1px solid rgba(255,255,255,.16);border-radius:17px;backdrop-filter:blur(10px)}
.sidebar{box-shadow:8px 0 28px rgba(10,38,61,.09);padding:28px 14px;background:linear-gradient(175deg,#0e2a46,#125f60 72%,#173b61)}.logo{letter-spacing:-.7px}.logo i{box-shadow:0 6px 14px rgba(200,255,130,.19)}nav{gap:7px}nav button{border:1px solid transparent;transition:all .22s}nav button:hover{transform:translateX(3px)}nav button.active{border-color:rgba(205,252,133,.13);box-shadow:inset 0 0 20px rgba(202,255,134,.06)}.profile{padding:17px 9px 3px}.avatar{background:linear-gradient(145deg,#ddff9b,#7dd3c7);box-shadow:0 5px 14px rgba(0,0,0,.17)}
main{padding:36px 48px}header{margin-bottom:31px}header h1{font-size:34px;letter-spacing:-1.2px}.eyebrow{color:#149778;letter-spacing:1.8px}.head-right{background:var(--surface);padding:7px 8px 7px 15px;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 14px rgba(30,69,110,.04)}.notify{border-radius:9px;background:linear-gradient(135deg,#eafff5,#eaf4ff);border:0}
.card{position:relative;background:var(--surface);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.card h3{font-size:15px;letter-spacing:-.2px}.card:has(.stat){overflow:visible}.stat{border-radius:16px;min-height:132px;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-4px);box-shadow:0 24px 38px rgba(19,55,91,.14)}.stat h2{font-size:25px;letter-spacing:-.8px}.accent-green{background:linear-gradient(150deg,#f9fffd,#e5fff5)}.accent-blue{background:linear-gradient(150deg,#fbfdff,#e9f4ff)}.accent-purple{background:linear-gradient(150deg,#fffaff,#f4ecff)}.accent-orange{background:linear-gradient(150deg,#fffdfa,#fff2dc)}.accent-green:after,.accent-blue:after,.accent-purple:after,.accent-orange:after{content:"";position:absolute;width:38px;height:38px;right:13px;top:13px;border-radius:13px;opacity:.13}.accent-green:after{background:#00a978}.accent-blue:after{background:#2972ff}.accent-purple:after{background:#8448e8}.accent-orange:after{background:#ef881e}
.manager-hero{border-radius:20px;box-shadow:0 18px 38px rgba(35,82,139,.2);position:relative}.manager-hero:after{content:"";position:absolute;right:100px;bottom:-78px;width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.05),0 0 0 56px rgba(255,255,255,.03)}.hero-orb{z-index:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:5px 19px;border-radius:20px}.manager-hero .primary{z-index:1;background:#dcff97;color:#15534a;box-shadow:0 9px 20px rgba(0,0,0,.15)}
.tools{align-items:center}.search{border:1px solid #dce7ed;background:#fbfdff;padding:12px 14px;border-radius:11px;transition:.2s}.search:focus{outline:0;border-color:#32b894;box-shadow:0 0 0 4px rgba(38,190,150,.1)}.primary{background:linear-gradient(115deg,#058865,#176e9f);border-radius:10px;box-shadow:0 8px 17px rgba(14,112,102,.18);transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgba(14,112,102,.26)}.secondary{background:#eef6f5;border:1px solid #dceee9;border-radius:9px}.danger{border:1px solid #ffe0dc;border-radius:9px}table{min-width:680px}th{background:rgba(239,247,250,.65);padding:13px 10px}td{padding:15px 10px}tbody tr{transition:background .18s}tbody tr:hover{background:rgba(230,250,243,.48)}.value-card tfoot{background:linear-gradient(90deg,#eafff3,#eff6ff)}.value-card{overflow-x:auto}.pill{box-shadow:0 2px 5px rgba(20,85,65,.08)}
.summary{background:linear-gradient(155deg,#0a4f4c,#116b73 62%,#214d80);border:0;box-shadow:0 20px 42px rgba(12,78,89,.25)}.summary:before{content:"";position:absolute;width:220px;height:220px;right:-130px;top:-120px;border-radius:50%;border:1px solid rgba(205,252,133,.35);box-shadow:0 0 0 30px rgba(205,252,133,.04)}.summary>*{position:relative}.summary .primary{background:linear-gradient(90deg,#d7ff9a,#91e6c9);color:#164c48}.payment input{box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
.modal-box{border-radius:20px;border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 80px rgba(10,32,59,.28)}#modal.show{backdrop-filter:blur(4px)}.modal-box input,.modal-box textarea,.modal-box select{border:1px solid #d9e4ed;border-radius:9px;padding:10px;margin:6px 0 13px;width:100%}.toast{border-radius:12px;background:linear-gradient(100deg,#132942,#17655d);box-shadow:0 18px 35px rgba(9,31,52,.27)}
@media(max-width:900px){main{padding:28px 25px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){main{padding:21px 12px}.head-right{display:none}header{margin-bottom:22px}header h1{font-size:28px}.card{border-radius:14px}.manager-hero{padding:20px}.manager-hero h2{font-size:22px}.stats{grid-template-columns:1fr}.login section{padding:11vh 9%}.login h1{font-size:37px}.summary{position:static}}