@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/vendor/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/vendor/inter-latin.woff2') format('woff2')}
:root{--bg:#f8f7ef;--bg-raised:#fff;--bg-card:#fff;--line:#e0e5d6;--line-soft:#edf0e5;--gold:#18713e;--gold-dim:#649342;--emerald:#218143;--amber:#c78017;--red:#d44756;--text:#203426;--text-dim:#65725f;--text-faint:#737e6b;--accent-grad:linear-gradient(120deg,#18713e,#369346);--radius:16px;--shadow:0 4px 22px #23335a06;--animate-duration:.35s}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.55;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;color:inherit;touch-action:manipulation}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #adc664;outline-offset:3px}::selection{background:#e6efce;color:#2c602c}.ui-icon{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none}
/* Connexion : une identité éditoriale, un formulaire calme. */
.logo-explode-overlay{display:none!important}#loginScreen{padding:0;background:#fcfbf5;min-height:100svh;align-items:stretch;gap:0}.login-story{position:relative;overflow:hidden;background:#112619;color:white;width:48%;padding:44px 7%;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.story-brand{display:flex;gap:14px;align-items:center;font-size:25px;font-weight:780;letter-spacing:1px}.story-brand img{width:48px;height:44px;object-fit:contain}.story-brand-caption{display:block;font-size:9px;letter-spacing:2px;color:#91a4c7;margin-top:0}.story-content{position:relative;z-index:1;padding:64px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--gold)}.story-content .eyebrow{color:#f4c94e}.story-content h1{font-size:clamp(36px,4vw,62px);line-height:1.13;letter-spacing:-2.2px;font-weight:650;margin:24px 0}.story-content h1 em{font-style:normal;color:#f5ce59}.story-content p{font-size:14px;color:#b5c3a5;line-height:1.85}.story-line{width:40px;height:2px;background:#edaf26;margin:32px 0 18px}.story-note{font-size:12px;color:#dde3bd}.story-footer{font-size:8px;letter-spacing:1.1px;display:flex;align-items:center;gap:9px;color:#adbc98;z-index:1}.live-dot,.workspace-dot{width:6px;height:6px;border-radius:50%;background:#55cbaa;display:inline-block;flex-shrink:0}.story-orbit{position:absolute;width:580px;height:580px;border:1px solid #b6d16918;border-radius:50%;right:-380px;bottom:-80px;z-index:-1;box-shadow:0 0 0 65px #b6d16905,0 0 0 130px #b6d16904,0 0 0 195px #b6d16903}.login-box{align-self:center;width:min(460px,calc(52% - 80px));max-width:460px;margin:auto;padding:40px 0;background:transparent;border:0;border-radius:0;box-shadow:none;animation:fadeInUp .5s ease both}.login-box:hover{transform:none;box-shadow:none}.login-brand{display:none}.login-welcome h2{font-size:28px;line-height:1.25;letter-spacing:-1px;font-weight:680;margin:14px 0 10px}.login-welcome p{font-size:13px;color:var(--text-dim);margin:0 0 30px}.role-toggle{padding:5px;background:#eef0e4;border:1px solid #e4e7d6;border-radius:11px;gap:2px;margin-bottom:28px}.role-toggle button{border:0;border-radius:7px;padding:11px 7px;color:#68775e;font-size:11px;font-weight:550;letter-spacing:0;background:transparent;min-width:0}.role-toggle button.active{background:white;color:var(--gold);box-shadow:0 2px 6px #23335a0d;font-weight:700}.login-form{gap:19px}.login-form .field label,.field label{font-size:11px;letter-spacing:.1px;text-transform:none;font-weight:600;color:var(--text-dim);margin-bottom:8px}.login-form .field input,.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:9px;padding:12px 14px;min-height:44px;background:#fff;box-shadow:0 1px 2px #23335a03;font-size:13px;transition:border-color .18s,box-shadow .18s}.field textarea{min-height:104px;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b5c2db}.field input:focus,.field select:focus,.field textarea:focus,.login-form .field input:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #18713e14}.field input::placeholder,.field textarea::placeholder{color:#949d86}.login-submit{background:var(--gold);border:1px solid transparent;border-radius:9px;min-height:46px;font-size:12px;font-weight:650;letter-spacing:0;box-shadow:0 4px 9px #18713e16;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:12px}.login-submit:hover{background:#11552d;box-shadow:0 6px 14px #18713e24}.login-submit .ui-icon{width:16px;height:16px}.login-hint{font-size:10px;line-height:1.7;color:#77836a;text-align:center;padding-top:22px;margin-top:28px;border-top:1px solid var(--line-soft)}.discord-desc{font-size:12px;color:var(--text-dim);line-height:1.7}.login-error{border-radius:8px;padding:10px 12px;background:#fff0f2;color:#b93245;font-size:12px}
/* Structure et navigation. */
.topbar{background:#112619;border:0;box-shadow:none;color:#c8d4af}.brand{border:0;padding:0;gap:11px}.brand .mark{width:39px;height:39px;background:#ffffff0a;border-radius:11px;display:grid;place-items:center}.brand .mark img{max-width:33px;max-height:31px}.brand .name{font-size:20px;letter-spacing:1px;color:#fff;font-weight:750}.brand .name small{font-size:7px;letter-spacing:.7px;color:#a9bc91;max-width:145px;line-height:1.7}.server-tag{border:1px solid #ffffff13;background:#ffffff05;color:#bbcb9e;border-radius:6px;padding:5px 9px;font-size:9px;letter-spacing:.5px}nav.tabs button{border:1px solid transparent;background:transparent;color:#bbcba7;font-size:12px;font-weight:500;display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:9px;box-shadow:none}nav.tabs button:hover{background:#ffffff08;color:white;box-shadow:none;transform:none}nav.tabs button.active{background:#284b2c;color:white;border-color:#52743a;box-shadow:0 3px 12px #0000000a}nav.tabs button.active::after{display:none}.clearance{font-size:9px;color:#9eb58c;gap:8px;white-space:normal}.clearance b{font-weight:550;color:#f7efca;overflow-wrap:anywhere}.clearance .dot{width:6px;height:6px;box-shadow:none}.logout-btn{background:#ffffff06;color:#c9d5b3;border:1px solid #ffffff19;border-radius:8px;font-size:11px;padding:9px 12px;display:flex;align-items:center;gap:10px}.logout-btn:hover{background:#ffffff10;color:white}.workspace-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 26px;margin-bottom:30px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#8a927c;gap:16px}.workspace-bar>div{display:flex;align-items:center;gap:9px}.workspace-bar time{font-size:10px;letter-spacing:0;color:#77836b}.workspace-separator{color:#bfc8ac;margin:0 5px}#workspaceLocation{color:#4c6144;font-weight:600;letter-spacing:0}.workspace-dot{background:#18713e;width:5px;height:5px}main{max-width:1450px;padding:28px 38px 72px}.panel-head{margin-bottom:27px;gap:18px}.panel-head h1{font-size:29px;font-weight:700;letter-spacing:-1.1px;line-height:1.25}.panel-head p{font-size:12px;color:var(--text-dim);line-height:1.75;max-width:740px;margin-top:9px}.panel-meta{font-size:10px;background:white;border:1px solid var(--line);padding:9px 14px;border-radius:10px;color:var(--text-dim)}.panel-meta span{font-size:17px;font-weight:700;color:var(--text)}.panel.active{animation:fadeIn .3s ease both}.subtabs,.id-tabs,.profil-tabs{gap:7px;margin-bottom:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.subtabs .subtab,.id-tabs .id-tab,.profil-tabs .profil-tab{padding:11px 12px;font-size:11px;font-weight:550;letter-spacing:0;text-transform:none;border-radius:6px 6px 0 0}.subtabs .subtab.active,.id-tabs .id-tab.active,.profil-tabs .profil-tab.active{background:#18713e06;color:var(--gold)}.dir-categories{padding:5px;background:#edf0e2;border:1px solid var(--line-soft);border-radius:11px;gap:4px}.dir-cat{border:0;border-radius:7px;font-size:11px;padding:9px 13px;background:transparent;color:var(--text-dim)}.dir-cat.active{background:white;color:var(--gold);box-shadow:0 2px 5px #23335a0b}
/* Surfaces, données et formulaires. */
.ad-form,.recap,.requests-block,.dash-block,.company-summary-card,.new-account-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow);padding:24px}.ad-form:hover,.recap:hover,.requests-block:hover,.dash-block:hover,.company-summary-card:hover,.kpi:hover{transform:none;box-shadow:var(--shadow)}.requests-block{margin-bottom:22px}.ad-grid,.dash-grid{gap:24px}.ad-grid>* ,.dash-grid>*{min-width:0}.requests-block h2,.history-block h2,.dash-block h2{font-size:14px;font-weight:650;letter-spacing:-.2px;padding-left:0;display:flex;gap:9px;align-items:center}.requests-block h2::before,.history-block h2::before,.dash-block h2::before{display:none}.kpi-row{gap:14px;background:transparent;border:0;margin-bottom:26px}.kpi{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;box-shadow:var(--shadow);min-width:0}.kpi::before{display:none}.kpi .label{font-size:10px;letter-spacing:.15px;text-transform:none;color:var(--text-dim);font-weight:550;margin-bottom:14px}.kpi .value{font-size:29px;line-height:1.15;font-weight:700;letter-spacing:-1.3px;color:var(--text);-webkit-text-fill-color:var(--text);background:none;font-variant-numeric:tabular-nums}.kpi .sub{font-size:10px;color:var(--text-faint);margin-top:8px}.kpi:nth-child(2) .value{color:var(--gold);-webkit-text-fill-color:var(--gold)}.kpi:nth-child(3) .value{color:var(--emerald);-webkit-text-fill-color:var(--emerald)}.history-item,.account-row,.grade-row,.emp-row,.request-card,.active-ad-card{border:1px solid var(--line);border-radius:11px;padding:16px;background:#fff;box-shadow:none;transition:border-color .18s,background .18s}.request-card:hover,.account-row:hover,.history-item:hover{border-color:#c4d2ae;background:#fdfef9;transform:none;box-shadow:none}.request-text{line-height:1.75;font-size:13px}.request-details{padding:13px 0;border-top:1px solid var(--line-soft);gap:12px 16px}.request-details span{font-size:9px;letter-spacing:.25px;margin-bottom:4px;color:var(--text-faint)}.history-empty,.requests-empty{font-style:normal;border:1px dashed #dfe6d0;border-radius:11px;padding:26px 20px;text-align:center;color:#828e74;font-size:12px;background:#fcfdf7}.freq-chip{border-radius:8px;padding:9px 13px;border:1px solid var(--line);font-size:11px}.freq-chip.selected{border-color:#93b76c;color:var(--gold);background:#eff5e5}.ad-submit,.ad-reset,.request-actions button,.account-row button,.fin-reset-btn,.fin-adjust-btn,.btn-confirm-yes,.btn-confirm-no{border-radius:8px;font-size:11px;padding:10px 15px;letter-spacing:0;font-weight:600;box-shadow:none}.ad-submit{background:var(--gold);color:white;border:1px solid transparent}.ad-submit:hover{background:#11552d;box-shadow:0 4px 12px #18713e20;transform:translateY(-1px)}.ad-reset{border:1px solid var(--line);background:white;color:var(--text-dim)}.ad-reset:hover{background:#f4f6eb}.btn-accept{background:#e6f5ee;color:#0e7859;border:1px solid #c5e6d9!important;box-shadow:none}.btn-accept:hover{background:#d8eee3;box-shadow:none}.btn-refuse{background:#fff7f8;color:#bc4050;border-color:#f0cdd3!important}.fin-reset-btn,.fin-adjust-btn{font-size:9px;padding:6px 9px;border-radius:6px}.recap .total{border-radius:9px}.bar-track,.bar-fill{border-radius:6px}.bar-track{border:0;background:#edf0e5;height:6px}.bar-fill{background:var(--gold)}.perm-table{font-size:12px}.perm-table th{background:#f6f8ed;font-size:9px;letter-spacing:.4px;color:var(--text-dim)}.perm-table th,.perm-table td{padding:13px 11px;border-bottom:1px solid var(--line-soft)}.perm-table tr:hover td{background:#fcfbf5}.perm-switch .slider{border-radius:20px}.chat-thread{border-radius:12px;background:#f9fbf1;border-color:var(--line-soft);padding:18px;gap:12px}.chat-bubble{border-radius:12px 12px 12px 3px;border-color:var(--line);box-shadow:0 2px 5px #23335a03}.chat-bubble.mine{border-radius:12px 12px 3px 12px;background:#eff5df;border-color:#dce9c4}.chat-input-row textarea{border-radius:10px;border:1px solid var(--line);padding:12px;font:inherit}.tutorial-card,.guided-tour-bubble{border-radius:16px;box-shadow:0 20px 70px #14274e25;border:1px solid var(--line)}.tutorial-fab{border-radius:12px;box-shadow:0 5px 20px #2038671a;font-size:11px}#globalToast{border-radius:12px;box-shadow:0 12px 40px #16264725;font-size:12px;padding:13px 22px}.ticker-banner{background:#eff5df;border-bottom:1px solid #dde7c1;color:#52712d}.ticker-track{font-size:11px}.schedule-grid{border-radius:10px;overflow:auto}.schedule-cell{border-color:var(--line-soft)}footer{font-size:10px;color:#8995a8;border-top:1px solid var(--line);padding:22px;text-align:center}.field-pair{gap:16px}.request-actions{flex-wrap:wrap}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
@media(min-width:1100px){.topbar{position:fixed;top:0;left:0;bottom:0;width:226px;padding:30px 18px 23px;display:flex;flex-direction:column;align-items:stretch;gap:24px;overflow-y:auto}.brand{padding:0 5px}.server-tag{align-self:flex-start;margin:0 5px 10px}.topbar nav.tabs{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;min-height:200px}.clearance{border-top:1px solid #ffffff12;padding:20px 8px 0;display:flex;flex-wrap:wrap;align-items:center;row-gap:12px}.logout-btn{width:100%;justify-content:flex-start;margin-top:6px}#app{padding-left:226px}.ticker-banner{position:relative}main{width:100%}}
@media(max-width:1099px){.topbar{padding:17px 22px;gap:15px;flex-wrap:wrap;position:relative}.brand .name small{max-width:none}.topbar nav.tabs{order:4;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.topbar nav.tabs button{flex-shrink:0}.clearance{margin-left:auto}.server-tag{display:none}main{padding:25px 24px 60px}.login-story{padding:35px 5%}.login-box{width:calc(52% - 60px)}.login-welcome h2{font-size:25px}}
@media(max-width:700px){#loginScreen{flex-direction:column}.login-story{width:100%;padding:24px 25px;min-height:160px}.story-brand{font-size:20px}.story-brand img{width:35px;height:32px}.story-content{padding:20px 0 0}.story-content h1{font-size:29px;letter-spacing:-1px;margin:9px 0 0}.story-content h1 br{display:none}.story-content h1 em{display:block}.story-content .eyebrow,.story-content p,.story-line,.story-note,.story-footer{display:none}.story-orbit{width:300px;height:300px;right:-100px;bottom:-210px}.login-box{width:100%;max-width:480px;padding:32px 25px 36px;margin:auto}.login-welcome h2{font-size:24px}.login-welcome p{font-size:12px;margin-bottom:23px}.role-toggle button{font-size:10px;padding:11px 6px}.topbar{padding:16px;gap:12px}.brand .name small{max-width:150px}.clearance{max-width:145px;font-size:8px;gap:5px}.logout-btn{font-size:9px;padding:5px 8px}.logout-btn .ui-icon{width:13px;height:13px}.topbar nav.tabs{gap:4px}.topbar nav.tabs button{padding:10px 12px;font-size:11px}.topbar nav.tabs .ui-icon{width:16px;height:16px}main{padding:20px 16px 70px}.workspace-bar{font-size:8px;padding-bottom:18px;margin-bottom:24px;gap:8px}.workspace-bar time{font-size:8px}.workspace-separator{margin:0}.workspace-bar>div{gap:6px}.panel-head h1{font-size:25px}.panel-head p{font-size:11px}.panel-meta{padding:7px 10px}.ad-form,.recap,.requests-block,.dash-block,.company-summary-card{padding:18px;border-radius:13px}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.kpi-row>.kpi:only-child{grid-column:1/-1}.kpi{padding:17px 14px}.kpi .value{font-size:25px}.kpi .label{font-size:9px}.kpi .sub{font-size:9px}.ad-grid,.dash-grid{grid-template-columns:minmax(0,1fr);gap:18px}.field-pair{grid-template-columns:minmax(0,1fr)}.subtabs{gap:2px}.subtabs .subtab{font-size:10px;padding:10px 8px}.dir-cat{font-size:10px;padding:8px 10px}.account-row,.emp-row{flex-wrap:wrap;gap:10px}.request-details{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-submit,.ad-reset{min-height:40px}.tutorial-fab{bottom:16px;right:16px}.chat-bubble{max-width:92%}}
.ad-submit:hover:not(:disabled),.btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #18713e16;filter:none}.ad-submit:active:not(:disabled),.btn-accept:active{transform:translateY(1px);box-shadow:none}.active-ad-card:hover{transform:none;box-shadow:var(--shadow);border-color:#c4d2ae}
/* Perico News — feuillage, soleil et papier crème, d'après le logo fourni. */
:root{--accent-grad:linear-gradient(120deg,#18713e,#369346);--brand-sun:#f4c94e;--brand-orange:#ed8b14}
h1,h2,h3,.panel-head h1,.requests-block h2,.history-block h2,.dash-block h2,.login-welcome h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:700;letter-spacing:-.5px;color:var(--text)}
.story-content h1{font-family:Georgia,'Times New Roman',serif;color:#fff1be;font-weight:700;letter-spacing:-1.8px}.story-content h1 em{color:var(--brand-sun)}
.login-story{background:radial-gradient(ellipse at 5% 5%,#285326 0,transparent 65%),#112619;padding-top:22px}.story-brand{gap:20px;align-items:center}.story-brand img{width:136px;height:184px;object-fit:contain}.story-brand>span{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.15;color:#fff0bc;max-width:150px}.story-brand-caption{font-family:Inter,sans-serif;font-size:8px;color:#c5d09e;margin-top:12px}.story-content{padding:20px 0 45px}.story-content h1{font-size:clamp(36px,3.7vw,58px)}.story-line{background:linear-gradient(90deg,var(--brand-sun),var(--brand-orange));width:65px}.story-orbit{border-color:#f4c94e25;box-shadow:0 0 0 65px #ed8b1408,0 0 0 130px #f4c94e06,0 0 0 195px #b6d16905}
.brand{flex-direction:column;align-items:center;text-align:center}.brand .mark{width:120px;height:158px;background:transparent;border-radius:0}.brand .mark img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.brand .name{font-family:Georgia,'Times New Roman',serif;font-size:21px;color:#fff0bc;letter-spacing:.4px}.brand .name small{font-family:Inter,sans-serif;font-size:7px;max-width:170px;margin-top:5px}.topbar{gap:18px}.server-tag{color:#dcc975;border-color:#ddc95c30;background:#ddc95c08}nav.tabs button.active{background:#315531;border-color:#7b9847;color:#fff2bd}nav.tabs button.active .ui-icon{color:var(--brand-sun)}.workspace-dot{background:var(--brand-orange)}.kpi{border-top:3px solid #d8e2c4}.kpi:nth-child(2){border-top-color:#619b43}.kpi:nth-child(3){border-top-color:#e4ba3b}.kpi:nth-child(4){border-top-color:#e9942b}.panel-head h1{font-size:31px}.login-welcome h2{font-size:30px}.ad-submit,.login-submit{background:linear-gradient(115deg,#176637,#258246)}.ad-submit:hover:not(:disabled),.login-submit:hover{background:#11552d}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px #18713e16}.ticker-banner{background:#fbf0c9;color:#685520;border-color:#ecdda9}
@media(max-width:1099px){.brand{flex-direction:row;text-align:left}.brand .mark{width:54px;height:68px}.brand .name{font-size:21px}.brand .name small{max-width:220px}.story-brand{gap:12px}.story-brand img{width:95px;height:135px}.story-brand>span{font-size:21px}}
@media(max-width:700px){.login-story{padding:18px 25px 24px}.story-brand img{width:73px;height:102px}.story-brand>span{max-width:none;font-size:24px}.story-content{padding:12px 0 0}.story-content h1{font-size:28px;letter-spacing:-.5px}.story-content h1 br{display:initial}.story-content h1 em{display:inline;margin-left:8px}.login-welcome h2{font-size:26px}.brand .mark{width:43px;height:57px}.brand .name{font-size:17px}.panel-head h1{font-size:27px}.topbar{gap:12px}}
/* Une courte ouverture tropicale, puis la connexion. */
.perico-intro{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#31542a,#0d2418 70%);color:#fff0bd;animation:introCurtain 2s ease both;isolation:isolate}.intro-center{position:relative;z-index:3;text-align:center;animation:introArrival .7s cubic-bezier(.2,.8,.2,1) both}.intro-center img{width:clamp(145px,19vw,240px);height:clamp(220px,32vh,345px);object-fit:contain;filter:drop-shadow(0 15px 30px #0004)}.intro-center p{font:italic 24px Georgia,serif;margin:10px 0 24px;color:#fce9a8}.intro-center small{font-size:8px;letter-spacing:2px;color:#bfcc9f}.intro-progress{width:150px;height:3px;margin:0 auto 18px;border-radius:10px;background:#fffffb16;overflow:hidden}.intro-progress span{display:block;height:100%;background:linear-gradient(90deg,#80ad43,#f4c94e,#ed8b14);transform-origin:left;animation:introProgress 1.65s ease-out both}.intro-sun{position:absolute;width:340px;height:340px;top:calc(50% - 220px);left:calc(50% - 170px);border-radius:50%;background:#d2a32409;box-shadow:0 0 0 45px #ebbc3806,0 0 0 90px #ebbc3804;animation:sunBreathe 2s ease-out both}.intro-foliage{position:absolute;width:390px;height:600px;bottom:-170px;z-index:2;transform-origin:bottom center;animation:leafUnfurl 1.4s cubic-bezier(.2,.7,.3,1) both}.foliage-left{left:-110px;--leaf-angle:30deg}.foliage-right{right:-110px;--leaf-angle:-30deg;scale:-1 1;animation-delay:.12s}.intro-foliage::before{content:'';position:absolute;left:50%;bottom:0;width:5px;height:90%;border-radius:50%;background:linear-gradient(#779443,#244b26);transform:rotate(-7deg)}.intro-foliage i{position:absolute;left:49%;bottom:12%;width:190px;height:80px;border-radius:4% 95% 4% 95%;background:linear-gradient(25deg,#153e23,#467d32);border-top:1px solid #a4c24c40;transform:rotate(-28deg);transform-origin:left bottom;box-shadow:inset 0 1px #ffffff10}.intro-foliage i:nth-child(2){bottom:29%;width:180px;transform:rotate(-42deg);background:linear-gradient(25deg,#1f4925,#60973a)}.intro-foliage i:nth-child(3){bottom:47%;width:158px;transform:rotate(-53deg)}.intro-foliage i:nth-child(4){bottom:18%;left:5%;transform:rotate(30deg);width:183px;background:linear-gradient(25deg,#193e24,#3b6d2b)}.intro-foliage i:nth-child(5){bottom:37%;left:12%;transform:rotate(40deg);width:155px}.intro-foliage i:nth-child(6){bottom:61%;left:32%;width:125px;transform:rotate(-76deg);background:linear-gradient(25deg,#295328,#739d3b)}.intro-motes i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f4c94e66;left:26%;top:60%;animation:pollenRise 2s ease-out both}.intro-motes i:nth-child(2){left:70%;top:35%;animation-delay:.15s}.intro-motes i:nth-child(3){left:35%;top:23%;width:2px;height:2px;animation-delay:.3s}.intro-motes i:nth-child(4){left:78%;top:73%;width:3px;height:3px}
@keyframes introCurtain{0%,83%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}@keyframes introArrival{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes leafUnfurl{from{opacity:0;transform:translateY(100px) rotate(calc(var(--leaf-angle) - 16deg))}to{opacity:1;transform:translateY(0) rotate(var(--leaf-angle))}}@keyframes sunBreathe{from{transform:scale(.7);opacity:0}to{transform:scale(1.1);opacity:1}}@keyframes pollenRise{from{opacity:0;transform:translateY(25px)}40%{opacity:1}to{opacity:0;transform:translateY(-65px)}}
/* Des mouvements courts, déclenchés par les interactions. */
.login-submit .ui-icon{transition:transform .22s ease}.login-submit:hover .ui-icon{transform:translate(3px,-3px)}.freq-chip:hover,.day-chip:hover{transform:translateY(-2px);box-shadow:0 4px 10px #294b2110}.field:focus-within>label{color:var(--gold);transition:color .18s}.kpi{transition:box-shadow .25s,border-color .25s}.kpi:hover{border-color:#a9bf87;box-shadow:0 7px 22px #24441f0b}.role-toggle button.active{animation:softSelect .2s ease both}.subpanel.active{animation:sectionReveal .3s ease both}.bar-fill{transition:width .5s ease}.story-line{animation:lineReveal .7s 2s ease both;transform-origin:left}.requests-block{transition:border-color .2s,box-shadow .2s}.requests-block:focus-within{border-color:#b7c9a2}.topbar nav.tabs .ui-icon{transition:transform .2s}nav.tabs button:hover .ui-icon{transform:rotate(-7deg)}@keyframes softSelect{from{box-shadow:0 0 0 #0000}to{box-shadow:0 2px 6px #23335a0d}}@keyframes sectionReveal{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes lineReveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Configuration : navigation guidée et aperçu sans enregistrement. */
#siteAdmin.active{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}.config-heading{grid-column:1/-1;margin-bottom:8px}.config-heading h1{margin-top:7px}.config-badge{padding:7px 12px;font-size:10px;color:#536e3d;border:1px solid #dbe5ca;border-radius:30px;background:#edf3e3}#siteAdmin>.subtabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:7px;border:0;margin:0;padding:8px;background:#eef1e6;border-radius:14px;overflow:visible}#siteAdmin>.subtabs .subtab{display:flex;align-items:center;gap:11px;width:100%;text-align:left;white-space:normal;padding:13px 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-dim);transform:none}#siteAdmin>.subtabs .subtab.active{background:white;border-color:#dbe5cd;color:var(--gold);box-shadow:0 3px 10px #25421d06}#siteAdmin>.subtabs .subtab:hover{background:#ffffffa0}.config-nav-copy{display:flex;flex-direction:column;gap:3px}.config-nav-copy>span{font-size:11px;font-weight:650}.config-nav-copy small{font-size:9px;font-weight:400;color:#7b876e}.config-nav-copy .ui-icon{width:18px;height:18px}#siteAdmin>.subpanel{grid-column:2;grid-row:2;min-width:0}#siteAdmin .requests-block{padding:26px}#siteAdmin .requests-block h2{font-size:22px;margin-bottom:14px}#siteAdmin .requests-block>p{line-height:1.7}#siteAdmin button:not(.subtab){border-radius:9px;min-height:39px;padding:10px 14px;font-size:11px;font-weight:600;cursor:pointer}#siteAdmin button:not(.subtab):not(.ad-submit):not(.ad-reset){border:1px solid var(--line);background:#f8faf3;color:var(--text-dim)}#siteAdmin .field label{font-size:11px}#siteAppearance .field:has(input[type=color]){position:relative;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fafbf6}#siteAppearance input[type=color]{padding:4px;width:100%;height:43px;min-height:43px;border:0;border-radius:7px;background:white}#siteAppearance input[type=color]::-webkit-color-swatch-wrapper{padding:0}#siteAppearance input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}#siteAppearance input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.theme-preview-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:20px}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.preview-caption .eyebrow{font-size:9px;letter-spacing:1.2px}.preview-draft{font-size:9px;color:#7d866d;background:#f0f3e8;padding:4px 8px;border-radius:20px}.theme-preview{--preview-primary:#18713e;--preview-success:#218143;--preview-warning:#c78017;--preview-error:#d44756;--preview-surface:#f8f7ef;background:var(--preview-surface);border:1px solid #20342612;border-radius:11px;padding:21px;transition:background .2s}.preview-masthead{font:700 23px Georgia,serif;color:var(--preview-primary);display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #20342620;padding-bottom:14px}.preview-masthead>span{font:8px Inter,sans-serif;letter-spacing:1.4px;color:#6d7864}.preview-paper{background:#fff;border-radius:9px;padding:22px;margin-top:17px;box-shadow:0 4px 12px #1a341908}.preview-kicker{font-size:8px;letter-spacing:1.2px;color:#7a866f}.preview-paper h3{font-size:23px;line-height:1.2;margin:10px 0}.preview-paper p{font-size:11px;color:#707b65;line-height:1.7}.preview-action{background:var(--preview-primary);color:white;display:inline-flex;align-items:center;gap:22px;padding:10px 13px;border-radius:7px;font-size:10px;margin:8px 0 18px}.preview-statuses{display:flex;flex-wrap:wrap;gap:12px;font-size:10px}.preview-statuses>span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.preview-success{color:var(--preview-success)}.preview-warning{color:var(--preview-warning)}.preview-error{color:var(--preview-error)}.preview-help{font-size:10px;color:var(--text-faint);line-height:1.65;margin:13px 0 0}#siteMaintenance .requests-block{border-top:3px solid #e6bc4d}#siteBackup .requests-block:last-child{border-top:3px solid #e5ad6d}
@media(min-width:1450px){#siteAppearance.active{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:20px;align-items:start}.theme-preview-card{margin-top:0;position:sticky;top:24px}}
@media(max-width:800px){#siteAdmin.active{grid-template-columns:minmax(0,1fr);gap:18px}#siteAdmin>.subtabs{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#siteAdmin>.subpanel{grid-column:1;grid-row:auto}#siteAdmin .requests-block{padding:19px}#siteAdmin>.subtabs .subtab{padding:11px 8px;gap:8px}.config-nav-copy>span{font-size:10px}.config-nav-copy small{font-size:8px}.config-badge{font-size:9px}.intro-foliage{width:240px;height:420px;bottom:-200px}.foliage-left{left:-140px}.foliage-right{right:-140px}.intro-center p{font-size:21px}.theme-preview-card{padding:16px}.theme-preview{padding:14px}.preview-paper{padding:18px}.preview-masthead{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button:hover,button:active{transform:none!important}.perico-intro{animation:introCurtain 2s step-end both!important}.intro-foliage,.intro-center,.intro-sun,.intro-motes i,.intro-progress span{animation:none!important}.intro-motes{display:none}.intro-progress span{transform:none}}

/* Le cadre accompagne la hauteur des différents formulaires de connexion. */
.login-form-stage{display:flow-root;overflow:clip;overflow-clip-margin:5px;will-change:height,opacity}.login-form-stage .login-hint{margin-bottom:0}

.auto-count-hint { display:block; margin-top:5px; color:var(--text-dim); font-size:12px; font-weight:400; line-height:1.5; }
.maintenance-audience { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; margin:0 0 22px; border:0; }
.maintenance-audience legend { margin-bottom:12px; font-weight:700; }
.maintenance-audience label { display:flex; align-items:center; gap:12px; padding:17px; border:1px solid var(--border, #315342); border-radius:16px; cursor:pointer; transition:background .2s, border-color .2s; }
.maintenance-audience label:has(input:checked) { border-color:var(--emerald); background:rgba(44,160,100,.12); }
.maintenance-audience input { width:19px; height:19px; flex:0 0 19px; accent-color:var(--emerald); }
.maintenance-audience label:focus-within { outline:2px solid var(--emerald); outline-offset:3px; }
.maintenance-audience strong, .maintenance-audience small { display:block; }
.maintenance-audience small { margin-top:5px; color:var(--text-dim); font-size:12px; font-weight:400; }
#maintenanceSaveResult { margin-top:12px; font-size:13px; line-height:1.5; }
@media(max-width:700px) { .maintenance-audience { grid-template-columns:1fr; } }
.accounting-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.accounting-heading h2 { margin:8px 0 12px; font-size:25px; }
.accounting-badge { border-radius:20px; padding:7px 12px; background:#eaf4df; color:#276a36; font-size:11px; font-weight:700; }
.accounting-intro,.accounting-footnote { color:var(--text-dim); font-size:12px; line-height:1.8; }
.accounting-footnote { margin-top:22px; padding-top:15px; border-top:1px solid var(--line); }
.accounting-filters { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin:22px 0 12px; }
.accounting-filters .field { flex:1 1 145px; }
.accounting-filters button { min-height:44px; }
#accountingStatus { font-size:12px; color:var(--text-dim); }
.accounting-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:12px; margin:20px 0 28px; }
.accounting-kpis .value { font-size:23px; overflow-wrap:anywhere; }
.accounting-panel h3 { margin:28px 0 12px; font-size:18px; }
.accounting-request { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; border:1px solid var(--line); padding:16px; border-radius:12px; margin:10px 0; background:#fdfdf8; }
.accounting-request p { margin:4px 0; }
.accounting-request small { color:var(--text-dim); }
.accounting-link { background:none; border:0; color:var(--gold); text-decoration:underline; padding:0; font-size:inherit; }
.accounting-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:12px; }
.accounting-table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
.accounting-table th,.accounting-table td { padding:13px; border-bottom:1px solid var(--line-soft); }
.accounting-table thead { background:#f2f5e9; }
.accounting-table small { display:block; color:var(--text-dim); margin-top:5px; max-width:340px; overflow-wrap:anywhere; }
.accounting-journal { margin-top:24px; }
.accounting-journal summary { cursor:pointer; font-weight:650; padding:12px 0; }
@media(max-width:700px){.accounting-kpis{grid-template-columns:1fr 1fr}.accounting-kpis .value{font-size:20px}.accounting-filters button{flex:1 1 145px}.accounting-request .ad-submit{width:100%}}
.planning-reservation { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:12px 0; }
.reservation-badge { display:inline-block; border-radius:8px; padding:7px 10px; background:#f8edcd; color:#715510; font-size:11px; font-weight:650; }
.reservation-badge.is-mine { background:#e3f0db; color:#286638; }
.pn-reservation-controls { margin:18px 0; border:1px solid var(--line); border-radius:12px; padding:16px; background:#fcfcf4; }
.pn-calendar-reserved { margin-top:7px; padding-top:6px; border-top:1px solid #b1bd9b; font-weight:700; }
.reservation-help { border-top:1px solid #e1dfc8; padding-top:12px; }