:root{--v-bg:#08111f;--v-panel:#101d30;--v-soft:#17263b;--v-line:#263852;--v-text:#edf4ff;--v-muted:#94a8c3;--v-green:#35d39a;--v-blue:#5d8cff;--v-sidebar:270px}*{box-sizing:border-box}.vib-shell{margin:0;background:linear-gradient(135deg,#08111f,#0c1728 55%,#081420);color:var(--v-text);min-height:100vh}.vib-shell .container{max-width:none}.vib-skip{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.vib-skip:focus{top:12px}.vib-sidebar{position:fixed;inset:0 auto 0 0;width:var(--v-sidebar);z-index:60;display:flex;flex-direction:column;padding:20px 14px;background:rgba(8,17,31,.98);border-right:1px solid var(--v-line);overflow:auto}.vib-logo{display:flex;align-items:center;gap:11px;padding:4px 8px 22px;color:var(--v-text);text-decoration:none}.vib-logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--v-green),#18a979);color:#04130e;font-size:22px;font-weight:900}.vib-logo b,.vib-logo small{display:block}.vib-logo b{font-size:20px;letter-spacing:.08em}.vib-logo small{color:var(--v-muted);margin-top:2px}.vib-search{padding:0 6px 14px}.vib-search label{display:block;margin:0 0 7px;color:var(--v-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.vib-search input{width:100%;border:1px solid var(--v-line);border-radius:11px;background:#0c1728;color:var(--v-text);padding:11px 12px;outline:none}.vib-search input:focus{border-color:var(--v-green);box-shadow:0 0 0 3px rgba(53,211,154,.12)}.vib-nav{display:grid;gap:5px}.vib-nav-group>button{width:100%;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;text-align:left;border:0;border-radius:10px;background:transparent;color:var(--v-muted);padding:10px;cursor:pointer}.vib-nav-group>button:hover,.vib-nav-group.is-open>button{background:var(--v-soft);color:var(--v-text)}.vib-nav-group>button b{font-size:14px}.vib-nav-group>button i{font-style:normal;transition:.2s}.vib-nav-group.is-open>button i{transform:rotate(180deg)}.vib-nav-items{display:none;padding:3px 0 6px 35px}.vib-nav-group.is-open .vib-nav-items{display:grid}.vib-nav-items a{position:relative;padding:8px 10px;color:var(--v-muted);text-decoration:none;border-radius:8px;font-size:13px}.vib-nav-items a:hover,.vib-nav-items a.active{background:rgba(93,140,255,.12);color:#fff}.vib-nav-items a.active:before{content:"";position:absolute;left:-8px;top:10px;width:3px;height:16px;border-radius:3px;background:var(--v-green)}.vib-sidebar-help{margin-top:auto;padding:13px;border:1px solid var(--v-line);border-radius:12px;background:rgba(255,255,255,.025)}.vib-sidebar-help b,.vib-sidebar-help span{display:block}.vib-sidebar-help b{font-size:12px}.vib-sidebar-help span{margin-top:5px;color:var(--v-muted);font-size:11px;line-height:1.45}.vib-nav-close{display:none}.vib-page{min-height:100vh;margin-left:var(--v-sidebar);display:flex;flex-direction:column}.vib-topbar{position:sticky;top:0;z-index:40;min-height:72px;display:flex;align-items:center;gap:16px;padding:10px 24px;background:rgba(8,17,31,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--v-line)}.vib-menu-button{display:none}.vib-page-title{display:flex;flex-direction:column}.vib-page-title small{color:var(--v-green);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.vib-page-title strong{font-size:18px}.vib-top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.vib-alert-link{color:var(--v-text);text-decoration:none;padding:8px 12px;border:1px solid var(--v-line);border-radius:9px}.vib-profile{display:flex;align-items:center;gap:9px}.vib-profile>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--v-blue);font-weight:800}.vib-profile div b,.vib-profile div small{display:block}.vib-profile div b{font-size:12px}.vib-profile div small{color:var(--v-muted);font-size:10px}.vib-profile>a{color:var(--v-muted);font-size:11px}.vib-content{width:100%;padding:18px 24px 32px!important}.vib-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--v-muted);font-size:12px}.vib-breadcrumb a{color:var(--v-muted)}.vib-breadcrumb b{color:var(--v-text)}.vib-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding:18px 24px;border-top:1px solid var(--v-line);color:var(--v-muted);font-size:12px}.vib-shell .panel,.vib-shell [class*="-panel"]{border-color:var(--v-line)}.vib-overlay{display:none}@media(max-width:900px){:root{--v-sidebar:280px}.vib-sidebar{transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.45)}body.vib-nav-open .vib-sidebar{transform:translateX(0)}.vib-overlay{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.55)}body.vib-nav-open .vib-overlay{display:block}.vib-page{margin-left:0}.vib-menu-button,.vib-nav-close{display:block;border:1px solid var(--v-line);background:var(--v-soft);color:#fff;border-radius:9px;cursor:pointer}.vib-menu-button{padding:8px 10px}.vib-nav-close{position:absolute;right:12px;top:12px;width:32px;height:32px;font-size:20px}.vib-topbar{padding:10px 14px}.vib-content{padding:14px!important}.vib-profile div,.vib-alert-link{display:none}.vib-footer{padding:15px;flex-direction:column}.vib-page-title strong{font-size:15px}}
@media(max-width:560px){.vib-top-actions{gap:8px}.vib-profile>a{font-size:0}.vib-profile>a:after{content:"Sortir";font-size:11px}.vib-breadcrumb{display:none}.vib-content{padding-top:10px!important}}