@font-face{font-family:"test";src:url("../partials/images/Virtual Pet Sans.woff")}html{height:100%}html,body{width:100%;height:100%;margin:0}body{background:url("../partials/images/wall2.jpg") #000;background-size:cover;background-attachment:fixed;height:100%;color:#e5e7eb;font-family:"Segoe UI",Tahoma,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.view{display:block;background:rgba(24,25,26,0.7);box-shadow:0 0 5px #000;color:#efefef;margin-top:60px;min-height:calc(100vh - 60px - 83px)}a{color:rgba(255,255,255,0.5)}a:hover{color:rgba(255,255,255,0.7)}img{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%;height:auto}i{font-size:18px}table,.table-dark{color:#c3c3c3;background-color:transparent}.input-dark{background-color:#1c1c1c;color:#e5e7eb;border:1px solid #242424;border-radius:8px;padding:6px 12px;min-width:150px;font-size:.9rem;margin:0 0 10px 0}.input-dark:focus,.input-dark:active{background-color:#1c1c1c;border:1px solid #ffffff;color:#e5e7eb}.error{width:100%;color:red;font-size:20px;text-align:center;font-size:1rem;margin-top:20px}.navbar{height:60px;background-color:#181818;padding:2px 0}.navbar-dark .navbar-toggler{margin:8px}.navbar-brand{padding:10px 20px}.navbar-collapse{background:#181818}.navbar-expand-lg .navbar-nav .nav-link{padding-right:1.5rem;padding-left:1.5rem}.dropdown-menu{color:#efefef;background-color:#18191a;border:1px solid rgba(0,0,0,0.15)}.dropdown-item{color:#efefef}.dropdown-item.active,.dropdown-item:active{color:#efefef;text-decoration:none;background-color:#18191a}.dropdown-item:focus,.dropdown-item:hover{color:#ffffff;text-decoration:none;background-color:#333538}footer{background:rgba(36,36,36,0.8);padding:15px 0;font-size:.9rem;color:#94a3b8}.login{margin:0 auto;margin-top:50px;width:35%;min-width:500px;text-align:center;line-height:3em}.login button{min-width:100px}.bg-dark{background-color:#18191a !important;box-shadow:0 0 5px #000}.nav-link{display:block;padding:.5rem 1rem}.nav-link.active{color:#fff}.titre{display:inline-block;vertical-align:middle;background-image:url(https://us.123rf.com/450wm/rodinanton/rodinanton2004/rodinanton200400008/145203674-texture-de-m%C3%A9tal-bross%C3%A9-de-vecteur-fond-en-acier-avec-rayures-.jpg);background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:rgba(255,255,255,0.53);font-size:1.2rem;margin:0;width:100%;text-align:center;font-weight:bold;font-family:"test";text-transform:uppercase}.logo{display:inline-block;vertical-align:middle;background:url("../partials/images/icon.png");background-size:100%;width:32px;height:32px}.form-check-input,.form-check-label{cursor:pointer}.container-fluid{padding:1rem}.container-fluid .title{text-align:center;font-size:20px;margin-top:25px;margin-bottom:40px;font-family:'test';font-weight:bold}.container-fluid .sub-title{margin:.5% 1% .25% 1%}.container-fluid .description{margin:1% 1.25%}.container-fluid .description div{margin-bottom:1%}.container-fluid .bloc{margin:0 1.25% 1% 1.25%}.container-fluid .content{margin:.5% 1%}.container-fluid .content .sub-title{margin:.5% 0 .25% 0}.container-fluid .content .form-checkbox{width:500px;margin:10px 0 15px 0}.container-fluid .pagination{display:inline-block;width:100%}.container-fluid .pagination .left{cursor:pointer;display:inline-block;float:left}.container-fluid .pagination .right{cursor:pointer;display:inline-block;float:right}.container-fluid .button-right{text-align:right;margin:25px 1.25%}.container-fluid .form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#dddddd;background-color:#212529 !important;background-clip:padding-box;border:1px solid #46494c;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.container-fluid input:-webkit-autofill,.container-fluid input:-webkit-autofill:hover,.container-fluid input:-webkit-autofill:focus,.container-fluid input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#dddddd !important}.container-fluid i{color:#007bff;cursor:pointer}.container-fluid i:hover{color:#0062cc;cursor:pointer}.container-fluid .legende{font-weight:bold;width:100%;padding-top:1%;text-align:center}.container-fluid .legende div{font-weight:normal;display:inline-block;margin:0 1.5% 0 1.5%}.nav-bar{margin:.5% 0;text-align:center}.confirmation-dialog{display:none}.text-blue{color:blue !important}.text-cyan{color:cyan !important}.text-purple{color:purple !important}.text-green{color:green !important}.text-yellow{color:yellow !important}.text-orange{color:#ffa500 !important}.text-red{color:red !important}@media only screen and (max-width:1000px){.search{display:none}}@media only screen and (max-width:650px){.search{display:none}}section{padding:75px 0}h1,h2,h3,h4{color:#ffffff;font-weight:700}p{color:#cbd5e1;line-height:1.7}.section-wide{width:100%;padding:0 60px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.hero h1{font-size:3.4rem}.hero h1 span{color:#d4af37}.hero-actions{margin-top:40px}.hero-actions a{margin-right:16px}.hero-image{width:100%;box-shadow:0 0 10px rgba(0,0,0,0.39)}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}.feature-card{background:rgba(56,56,56,0.4);padding:10px;text-align:center;border-radius:12px;box-shadow:0 0 5px rgba(0,0,0,0.15)}.feature-card .logo{display:block;font-size:2.5em;padding:5px 0 15px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));gap:40px}.dashboard-card{background:rgba(56,56,56,0.38);padding:30px;border-radius:12px;box-shadow:0 0 5px rgba(0,0,0,0.15)}.dashboard-card img{width:100%;margin-bottom:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.usecases-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}.usecase{background:rgba(56,56,56,0.4);padding:10px;text-align:center;border-radius:12px;box-shadow:0 0 5px rgba(0,0,0,0.15)}.usecase .logo{display:block;font-size:2.5em;padding:5px 0 15px 0}.cta{text-align:center}.dashboard{width:100%}.dashboard .topbar{height:70px;padding:20px 24px 0 0;display:flex;align-items:center;justify-content:space-between}.dashboard .topbar .actions{display:flex;align-items:center}.dashboard .topbar .btn{font-size:.9em;padding:5px 10px}.dashboard .topbar .btn-dark-inverse{color:#fff;background-color:#1c1c1c;border-color:#242424}.dashboard .topbar .btn-dark-inverse:hover{color:#fff;background-color:#232629;border-color:#232629}.dashboard .topbar .btn-dark-inverse:focus{box-shadow:none}.dashboard .topbar .btn-dark-inverse:active{background-color:#282a2d}.dashboard .topbar .title{font-weight:600}.dashboard .topbar .actions button{margin:5px;vertical-align:middle}.dashboard .topbar-left{display:flex;align-items:center;gap:16px}.dashboard .clan-select,.dashboard .ranking-select{background-color:#1c1c1c;color:#e5e7eb;border:1px solid #242424;border-radius:8px;padding:6px 12px;min-width:150px;font-size:.9rem;vertical-align:middle;cursor:pointer;margin:5px}.dashboard .clan-select:focus,.dashboard .ranking-select:focus{border-color:white;box-shadow:none}.dashboard .clan-select option,.dashboard .ranking-select option{background:#1c1c1c;color:#e5e7eb}.dashboard .timeline-select{background-color:#1c1c1c;color:#e5e7eb;border:1px solid #242424;border-radius:8px;padding:6px 12px;min-width:150px;font-size:.9rem;vertical-align:middle;cursor:pointer;margin:5px}.dashboard .timeline-select:focus{border-color:white;box-shadow:none}.dashboard .timeline-select option{background:#1c1c1c;color:#e5e7eb}.dashboard .timeline-widget{display:flex;align-items:center;gap:8px}.dashboard .timeline-btn{background:#1c1c1c;border:1px solid #242424;color:white;padding:6px 8px;border-radius:6px;cursor:pointer}.dashboard .timeline-label{font-size:.85rem;color:#cbd5e1}.dashboard .menu{background:#272727;width:100%;padding:7px 15px}.dashboard .menu span{line-height:34px}.dashboard .menu button{margin-left:10px;font-size:14px}.dashboard .dashboard-title{margin-top:-45px;padding-bottom:20px}.dashboard .dashboard-loader{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%}.dashboard .dashboard-loader .loader-box{width:100%;text-align:center;color:#ddd;font-family:system-ui,sans-serif}.dashboard .dashboard-loader .loader-bar{width:80%;min-width:300px;height:6px;background:#3f3f3f;border-radius:10px;overflow:hidden;margin:10px auto}.dashboard .dashboard-loader .loader-bar span{display:block;height:100%;width:20%;background:linear-gradient(90deg, #3fa9f5, #7c5cff);animation:slide .7s ease-in-out infinite;border-radius:3px}.dashboard .dashboard-loader .loader-text{font-size:14px;margin-bottom:20px}@keyframes slide{0%{transform:translateX(-400%)}50%{transform:translateX(0)}100%{transform:translateX(400%)}}.dashboard .dashboard-block .topmenu{display:flex;align-items:center;padding:0 0 10px 0}.dashboard .dashboard-block .topmenu .btn{font-size:.9rem;margin:0 0 10px 10px}.dashboard .dashboard-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.dashboard .dashboard-table .rank-cell{width:80px;min-width:80px;text-align:center}.dashboard .dashboard-table .name-cell{min-width:150px}.dashboard .dashboard-table .cell{min-width:120px}.dashboard .dashboard-table .guard-cell{width:55px;min-width:55px;padding:0 20px}.dashboard .dashboard-table .progress-cell{min-width:120px;display:flex;align-items:center}.dashboard .dashboard-table .progress-cell .progress-text{margin:0 10px 0 0;min-width:35px}.dashboard .dashboard-table .progress-cell .progress-bloc{display:flex;width:90px;gap:2px}.dashboard .dashboard-table .progress-cell .progress-items{display:flex;flex-direction:column;align-items:center;width:7px;height:11px;border-radius:5px}.dashboard .dashboard-table .progress-cell .green{background-color:#05df72}.dashboard .dashboard-table .progress-cell .orange{background-color:#f38823}.dashboard .dashboard-table .progress-cell .red{background-color:#eb4c4c}.dashboard .dashboard-table .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-weight:700;font-size:22px;color:#000;vertical-align:middle}.dashboard .dashboard-table .rank-plain{font-weight:600;color:#9ca3af}.dashboard .dashboard-table thead th{background:rgba(30,30,30,0.5);text-transform:uppercase;color:#9ca3af;text-align:left;padding:10px 12px;border-top:1px solid rgba(47,45,45,0.82);border-bottom:1px solid rgba(47,45,45,0.82)}.dashboard .dashboard-table thead th span{cursor:pointer}.dashboard .dashboard-table thead th:first-child{border-radius:10px 0 0 0;border-left:1px solid rgba(47,45,45,0.82)}.dashboard .dashboard-table thead th:last-child{border-radius:0 10px 0 0;border-right:1px solid rgba(47,45,45,0.82)}.dashboard .dashboard-table tbody tr{background:rgba(35,35,34,0.6);border-radius:10px}.dashboard .dashboard-table tbody tr:hover{background:rgba(41,41,40,0.86);border-radius:10px}.dashboard .dashboard-table tbody tr td{padding:15px 12px;vertical-align:middle;border-bottom:1px solid rgba(47,45,45,0.82)}.dashboard .dashboard-table tbody tr td.name-cell{cursor:pointer;color:#51a2ff}.dashboard .dashboard-table tbody tr td.name-cell:hover{color:#8ec5ff}.dashboard .dashboard-table tbody tr td:first-child{border-left:1px solid rgba(47,45,45,0.82)}.dashboard .dashboard-table tbody tr td:last-child{border-right:1px solid rgba(47,45,45,0.82)}.dashboard .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px}.dashboard .kpi-card{display:flex;align-items:center;background:rgba(56,56,56,0.15);padding:20px;border-radius:10px}.dashboard .kpi-card h3{font-size:1.6rem;margin:0}.dashboard .kpi-card span{color:#9ca3af;font-size:.85rem}.dashboard .kpi-card.green{color:#2ef577;background:rgba(52,147,90,0.08);border:1px solid rgba(59,111,50,0.51)}.dashboard .kpi-card.green .trend span{color:#2ef577;margin-right:15px}.dashboard .kpi-card.yellow{color:#fcab4f;background:rgba(147,103,52,0.08);border:1px solid rgba(111,82,50,0.51)}.dashboard .kpi-card.yellow .trend span{color:#fcab4f;margin-right:15px}.dashboard .kpi-card.red{color:#fc4f4f;background:rgba(147,52,52,0.08);border:1px solid rgba(111,50,50,0.51)}.dashboard .kpi-card.red .trend span{color:#fc4f4f;margin-right:15px}.dashboard .tag-new{display:inline-block;margin-left:10px;padding:2px 5px;font-size:9px;font-weight:bold;letter-spacing:.6px;color:#0f172a;background:linear-gradient(135deg, #7feba7, #009135);border-radius:7px;text-transform:uppercase;vertical-align:middle}