*{box-sizing:border-box}body{background:#dddddd9c;font-family:'Segoe UI',Arial,sans-serif;margin:0;padding:0;font-size:12px;color:#2d3748}.container{max-width:1200px;margin:0 auto;padding:8px}.section{background:#dddddd15;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:12px;margin-bottom:12px;border:1px solid #e2e8f0}.section-title{font-size:1.3em;color:#1a202c;margin:0 0 10px 0;font-weight:600;text-align:center}.bornes-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.borne-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.borne{background:#fafbfc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.06);padding:10px;text-align:center;transition:all .25s ease;border:2px solid #e2e8f0;width:150px;position:relative}.borne:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#cbd5e0}.power-badge{position:absolute;top:-6px;right:-6px;background:#718096;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.65em;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:10}.prise7kw .power-badge{background:#4a5568}.prise2kw .power-badge{background:#a0aec0}.borne.occupee{border-color:#4299e1;background:linear-gradient(135deg,#fff 0,#ebf8ff 100%)}.borne.expired{border-color:#fc8181;background:linear-gradient(135deg,#fff 0,#fff5f5 100%);animation:pulse-border 2s infinite}@keyframes pulse-border{0%,100%{border-color:#fc8181;box-shadow:0 2px 4px rgba(252,129,129,.2)}50%{border-color:#f56565;box-shadow:0 4px 8px rgba(252,129,129,.3)}}.borne-header{font-weight:700;font-size:1.15em;margin-bottom:5px;color:#2d3748}.borne-type{font-size:.75em;margin-bottom:8px;font-weight:500;color:#718096}.status{margin:8px 0;font-weight:600;padding:6px;border-radius:6px;font-size:.95em}.status.libre{color:#48bb78;background:#f0fff4;border:1px solid #c6f6d5}.status.occupee{color:#4299e1;background:#ebf8ff;border:1px solid #bee3f8}.status.expired{color:#f56565;background:#fff5f5;border:1px solid #fed7d7;animation:pulse-text 2s infinite}@keyframes pulse-text{0%,100%{opacity:1}50%{opacity:.7}}.time-info-container{background:#f7fafc;border-radius:6px;padding:8px 6px;margin:8px 0;border:1px solid #e2e8f0}.time-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:.8em}.time-label{color:#718096;font-weight:500;font-size:.85em}.time-value{color:#2d3748;font-weight:700;font-size:.95em;font-family:'Courier New',monospace}.time-remaining{color:#ed8936}.time-input-container{margin:8px 0}.time-input-label{font-size:.75em;color:#718096;margin-bottom:4px;display:block;font-weight:500}.time-selectors{display:flex;gap:6px;align-items:center;margin:4px 0}.time-selector-group{flex:1;display:flex;flex-direction:column}.time-selector-label{font-size:.7em;color:#a0aec0;margin-bottom:2px;text-align:center}select.time-select{border:1px solid #e2e8f0;border-radius:6px;padding:6px 4px;font-size:.9em;background:#fff;cursor:pointer;transition:all .2s;font-weight:600;text-align:center;color:#2d3748}select.time-select:focus{outline:0;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1)}select.time-select:hover{border-color:#cbd5e0}button.time-ok{display:none}button.time-ok.show{display:block}.queue-waiting{font-size:.75em;color:#718096;margin:6px 0;padding:3px 6px;background:#f7fafc;border-radius:4px;font-weight:500}input[type=text]{border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;width:100%;font-size:.9em;margin:4px 0;transition:border-color .2s}input[type=text]:focus{outline:0;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1)}button{background:#4299e1;color:#fff;border:none;border-radius:6px;padding:7px 10px;font-size:.85em;font-weight:600;cursor:pointer;width:100%;margin:3px 0;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1)}button:hover{background:#3182ce;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}button.libere{background:#f56565}button.libere:hover{background:#e53e3e}.queues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.queue-card{background:#fafbfc;border-radius:10px;padding:12px;border:1px solid #e2e8f0;transition:all .2s}.queue-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.queue-title{font-weight:700;font-size:1.05em;margin-bottom:8px;color:#2d3748}.queue-count{font-size:.85em;margin-bottom:8px;color:#718096}.queue-list{list-style:none;padding:0;margin:8px 0;max-height:150px;overflow-y:auto;font-size:.85em}.queue-list li{padding:5px 8px;margin:3px 0;background:#f7fafc;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.queue-list button{width:auto;padding:3px 10px;margin:0;font-size:.85em}.chat-container{background:#f7fafc;border-radius:10px;padding:12px;height:300px;display:flex;flex-direction:column;border:1px solid #e2e8f0}.chat-messages{flex:1;overflow-y:auto;margin-bottom:10px;padding:8px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.chat-message{margin-bottom:8px;padding:6px 10px;border-radius:8px;background:#f7fafc;border-left:3px solid #4299e1;font-size:.85em}.chat-message-author{font-weight:700;color:#2d3748;font-size:.9em;margin-bottom:2px}.chat-message-time{font-size:.75em;color:#a0aec0;margin-left:5px}.chat-message-text{color:#4a5568;line-height:1.4}.chat-input-container{display:flex;gap:6px}.chat-input-container input{flex:1;margin:0}.chat-input-container button{width:auto;padding:7px 15px;margin:0}@keyframes newMessageBlink{0%,100%{background:#f7fafc}50%{background:#e6fffa}}.chat-message.new-message{animation:newMessageBlink .5s ease-in-out 2}.notification-badge{position:absolute;top:-5px;right:-5px;background:#f56565;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;animation:pulse 1s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{background:#fff;border-radius:10px;padding:15px;text-align:center;border:2px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-card.stat-alert{border-color:#fc8181;background:linear-gradient(135deg,#fff 0,#fff5f5 100%)}.stat-card.stat-warning{border-color:#f6ad55;background:linear-gradient(135deg,#fff 0,#fffaf0 100%)}.stat-card.stat-success{border-color:#48bb78;background:linear-gradient(135deg,#fff 0,#f0fff4 100%)}.stat-card.stat-neutral{border-color:#cbd5e0;background:#fafbfc}.stat-icon{font-size:2em;margin-bottom:8px}.stat-value{font-size:1.8em;font-weight:700;color:#2d3748;margin:5px 0}.stat-label{font-size:.85em;color:#718096;margin-top:5px}.activity-feed{max-height:200px;overflow-y:auto;background:#fff;border-radius:8px;padding:10px;scroll-behavior:smooth}.activity-feed::-webkit-scrollbar{width:8px}.activity-feed::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.activity-feed::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.activity-feed::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px}.stat-icon{font-size:1.5em}.stat-value{font-size:1.3em}.stat-label{font-size:.75em}.activity-feed{max-height:150px}.activity-item{padding:8px;font-size:.8em}}@media (min-width:768px){.bornes-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:480px){body{font-size:10px}.container{padding:4px}.section{padding:8px;margin-bottom:8px}.bornes-container{gap:8px;padding:0;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scroll-padding:0 20px;align-items:flex-start}.borne-row{gap:4px;margin:0;flex-wrap:nowrap;justify-content:flex-start;padding:0 18px 0 0;margin-left:0;min-width:fit-content;width:auto}.borne{width:110px!important;min-width:110px;max-width:110px;padding:5px;flex-shrink:0}.borne-row>div[style*="visibility: hidden"]{display:none!important}.power-badge{width:24px;height:24px;font-size:.5em;top:-3px;right:-3px}.borne-header{font-size:.9em;margin-bottom:2px}.borne-type{font-size:.6em;margin-bottom:3px}.status{font-size:.75em;padding:3px;margin:3px 0}.queue-waiting{font-size:.6em;padding:2px 3px;margin:3px 0}.time-info-container{padding:3px 2px;margin:3px 0}.time-row{font-size:.65em;padding:1px 0}.time-label{font-size:.7em}.time-value{font-size:.75em}.time-input-label{font-size:.6em;margin-bottom:2px}.time-selector-label{font-size:.55em;margin-bottom:1px}.time-selectors{gap:3px}select.time-select{padding:2px 1px;font-size:.75em}button{padding:4px 5px;font-size:.7em;margin:2px 0}input[type=text]{padding:3px 4px;font-size:.75em;margin:2px 0}.section-title{font-size:1em;margin-bottom:6px}.queues-grid{grid-template-columns:1fr;gap:8px}.queue-card{padding:8px}.queue-title{font-size:.9em}.queue-count{font-size:.75em}.chat-container{height:220px;padding:8px}.chat-messages{padding:6px}.chat-message{padding:4px 6px;font-size:.75em}.chat-input-container{flex-wrap:wrap}.chat-input-container input{font-size:.8em}.chat-input-container button{font-size:.75em;padding:5px 10px}.api-status{padding:4px 8px;font-size:.7em;top:5px;right:5px}.api-status-dot{width:6px;height:6px}}@media (max-width:375px){.borne{width:100px!important;min-width:100px;max-width:100px;padding:4px}.borne-row{gap:3px;padding:0 12px 0 0}.power-badge{width:22px;height:22px;font-size:.45em}}@media (min-width:481px) and (max-width:768px){.borne{width:145px}.borne-row{gap:7px}.borne-row>div[style*="visibility: hidden"]{width:80px!important}}.api-status{position:fixed;top:10px;right:10px;background:#fafbfc;border-radius:20px;padding:8px 15px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px;font-size:.85em;font-weight:600;z-index:1000;transition:all .3s ease;border:1px solid #e2e8f0}.api-status-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e0;transition:all .3s ease}.api-status.online .api-status-dot{background:#48bb78}.api-status.offline .api-status-dot{background:#f56565}.api-status-text{color:#2d3748}.api-status.online .api-status-text{color:#48bb78}.api-status.offline .api-status-text{color:#f56565}