header{position:fixed;top:0;width:100%;background:#222;box-shadow:0 2px 10px #0000001a;padding:12px 0}.container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:22px;font-weight:700;color:#fff;text-decoration:none}nav a{margin-left:15px;text-decoration:none;color:#fff;font-weight:500;transition:.3s}nav a:hover{color:#f0f0f0}.btn{padding:8px 14px;border:1px solid white;border-radius:5px;transition:.3s;color:#fff}.btn:hover{background:#fff3}.btn-primary{background:#007bff;color:#fff;padding:8px 14px;border-radius:5px;transition:.3s}.btn-primary:hover{background:#0056b3}.home{display:flex;align-items:center;justify-content:center;height:100vh;background:#f8f9fa;text-align:center}.hero h1{font-size:36px;color:#333}.hero p{color:#666;margin-top:10px}.auth{display:flex;justify-content:center;align-items:center;height:100vh;background:#f8f9fa}.form{background:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #0000001a;width:350px;text-align:center}.form h2{font-size:22px;margin-bottom:15px}.form input{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:5px}.form button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:5px;margin-top:10px}.modal-content button{margin-top:10px;padding:10px 15px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.panel{padding-top:60px}.container{text-align:center;margin-top:50px}.container button{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.container button:hover{background:#0056b3}table{width:80%;margin:20px auto;border-collapse:collapse}th,td{border:1px solid #ddd;padding:10px;text-align:center}th{background:#f4f4f4}.edit-btn{background:#ffc107;padding:5px 10px;border-radius:5px;cursor:pointer}.delete-btn{background:#dc3545;padding:5px 10px;border-radius:5px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:10px;text-align:center;min-width:300px}.modal-content h2{margin-bottom:10px}.modal-content input,.modal-content select{display:block;width:100%;margin-bottom:10px;padding:8px}.modal-content button{padding:10px 15px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.modal-content button:hover{background:#0056b3}.close-btn{background:#dc3545!important}.endpoint{border-left:4px solid #007bff;padding-left:15px;margin-bottom:30px}.endpoint-header{font-size:18px;font-weight:700;margin-bottom:5px}.method{display:inline-block;padding:3px 8px;border-radius:4px;font-size:14px;font-weight:700;color:#fff}.method.get{background:#007bff}.method.post{background:#28a745}.method.put{background:#ffc107;color:#333}.method.delete{background:#dc3545}.endpoint-description{color:#555;margin-bottom:10px}.params{list-style:none;padding-left:0}.params li{margin-bottom:5px}.code-block{background:#222;color:#fff;padding:10px;border-radius:5px;font-family:monospace;overflow-x:auto}.api-docs{display:flex;font-family:Arial,sans-serif;color:#333;padding-top:5%;margin-left:35%}.sidebar{width:250px;background:#f8f9fa;padding:20px;border-right:1px solid #ddd}.category{cursor:pointer;padding:8px 12px;border-radius:5px;transition:.3s}.category:hover,.category.active{background:#007bff;color:#fff}.panel[data-v-5af1cef3]{padding-top:60px}.container[data-v-5af1cef3]{text-align:center;margin-top:50px}.container button[data-v-5af1cef3]{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.container button[data-v-5af1cef3]:hover{background:#218838}table[data-v-5af1cef3]{width:80%;margin:20px auto;border-collapse:collapse}th[data-v-5af1cef3],td[data-v-5af1cef3]{border:1px solid #ddd;padding:10px}th[data-v-5af1cef3]{background:#f8f9fa}.edit-btn[data-v-5af1cef3]{background:#ffc107;padding:5px 10px;border-radius:5px;cursor:pointer}.delete-btn[data-v-5af1cef3]{background:#dc3545;padding:5px 10px;border-radius:5px;cursor:pointer}.modal-overlay[data-v-5af1cef3]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-5af1cef3]{background:#fff;padding:20px;border-radius:10px;text-align:center;min-width:300px}.modal-content h2[data-v-5af1cef3]{margin-bottom:10px}.modal-content input[data-v-5af1cef3]{display:block;width:100%;margin-bottom:10px;padding:8px}.permissions-grid[data-v-5af1cef3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:10px}.permission-checkbox[data-v-5af1cef3]{display:flex;align-items:center;gap:5px}.modal-content button[data-v-5af1cef3]{padding:10px 15px;background:#28a745;color:#fff;border:none;border-radius:5px;margin:5px;cursor:pointer}.modal-content button[data-v-5af1cef3]:hover{background:#218838}.close-btn[data-v-5af1cef3]{background:#dc3545!important}.view-btn[data-v-5af1cef3]{background:#17a2b8;padding:5px 10px;border-radius:5px;cursor:pointer;color:#fff;margin:0 5px}.permissions-view[data-v-5af1cef3]{display:flex;justify-content:space-around;margin-top:20px}.permissions-view div[data-v-5af1cef3]{width:45%}.permissions-view ul[data-v-5af1cef3]{list-style-type:none;padding:0}.container[data-v-f9d3ec66]{height:700px;margin:100px auto 60px;background:#f5f7fa;padding:40px;border-radius:20px;box-shadow:0 12px 24px #0000000f;font-family:Segoe UI,sans-serif;color:#2c3e50}.top-grid[data-v-f9d3ec66]{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.balance-section[data-v-f9d3ec66],.tarif-section[data-v-f9d3ec66]{background:#fff;padding:20px 24px;border-radius:14px;box-shadow:0 4px 12px #0000000a}h2[data-v-f9d3ec66],h3[data-v-f9d3ec66]{color:#1f2d3d;margin-bottom:16px;font-weight:600;font-size:22px}hr[data-v-f9d3ec66]{border:none;border-top:1px solid #e1e4e8;margin:36px 0}.info[data-v-f9d3ec66],.tarif-list[data-v-f9d3ec66],.form[data-v-f9d3ec66]{background:#fff;padding:20px 24px;border-radius:14px;margin-bottom:24px;box-shadow:0 4px 12px #0000000a;transition:box-shadow .3s ease}.info[data-v-f9d3ec66]:hover,.tarif-list[data-v-f9d3ec66]:hover,.form[data-v-f9d3ec66]:hover{box-shadow:0 6px 20px #0000000f}.info[data-v-f9d3ec66]{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.info p[data-v-f9d3ec66]{flex:1 1 220px;margin:0}.tarif-list[data-v-f9d3ec66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;list-style:none;padding:0;margin:0}.tarif-list li[data-v-f9d3ec66]{padding:0;border-bottom:none}.tarif-list li[data-v-f9d3ec66]:last-child{border-bottom:none}.form[data-v-f9d3ec66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.form-group[data-v-f9d3ec66]{display:flex;flex-direction:column}label[data-v-f9d3ec66]{margin-bottom:6px;font-weight:600;color:#2d3748}input[type=number][data-v-f9d3ec66]{padding:10px 14px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;background:#fcfcfd;transition:border-color .2s,box-shadow .2s}input[type=number][data-v-f9d3ec66]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}button[data-v-f9d3ec66]{align-self:flex-start;padding:12px 20px;background-color:#3498db;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .25s ease}button[data-v-f9d3ec66]:hover{background-color:#2980b9}.success[data-v-f9d3ec66],.error[data-v-f9d3ec66]{margin-top:16px;font-weight:500;padding:10px 14px;border-radius:6px;max-width:80%}.success[data-v-f9d3ec66]{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.error[data-v-f9d3ec66]{background-color:#fdecea;color:#c0392b;border:1px solid #f5c6cb}.tarif-toggle[data-v-f9d3ec66]{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tarif-toggle span[data-v-f9d3ec66]{transition:transform .3s ease}.tarif-toggle span.rotated[data-v-f9d3ec66]{transform:rotate(180deg)}.tarif-form[data-v-f9d3ec66]{padding:20px;background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px}input[type=range][data-v-f9d3ec66]{width:100%;margin-top:8px}.toggles label[data-v-f9d3ec66]{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-weight:500;position:relative}.toggles input[type=checkbox][data-v-f9d3ec66]{opacity:0;width:0;height:0}.switch[data-v-f9d3ec66]{width:42px;height:24px;background-color:#ccc;border-radius:12px;position:relative;transition:background-color .3s;cursor:pointer}.switch[data-v-f9d3ec66]:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s}input:checked+.switch[data-v-f9d3ec66]{background-color:#4caf50}input:checked+.switch[data-v-f9d3ec66]:before{transform:translate(18px)}