.tools-page{padding:2rem}.tools-page h1{text-align:center;margin-bottom:2rem;font-size:2rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}}.tools-category{background:#23232f;border-radius:10px;padding:1.25rem;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;flex-direction:column}.tools-category h2{color:#5865f2;margin-bottom:.75rem;font-size:1.2rem;font-weight:600;border-bottom:1px solid rgba(88,101,242,.4);padding-bottom:.4rem}.tools-list{display:flex;flex-direction:column;gap:.6rem}.tool-item{padding:.5rem .8rem;border-radius:6px;background-color:#2e2e3d;color:#fff;font-size:.9rem;cursor:pointer;transition:background .2s;text-decoration:none;display:block;position:relative}.tool-item:hover{background-color:#3a3a4d}.tool-item.disabled{background-color:#444;color:#ccc;cursor:not-allowed}.tool-item.disabled:hover{background-color:#555}.tool-item.disabled::after{content:"En maintenance";position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:.3rem;background:#ff4d4d;color:#fff;font-size:.75rem;padding:.25rem .6rem;border-radius:4px;white-space:nowrap;display:none;z-index:10}.tool-item.disabled:hover::after{display:block}