:root{--gray-900: #2d2d2d;--gray-700: #555;--gray-600: #666;--gray-500: #888;--gray-400: #aaa;--gray-300: #ccc;--gray-200: #e5e5e5;--gray-100: #f2f2f2;--gray-50: #f8f8f8;--white: #fff;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #dbeafe;--green: #22c55e;--green-light: #dcfce7;--orange: #f59e0b;--orange-light: #fef3c7;--red: #ef4444;--red-light: #fef2f2;--font: Arial, Helvetica, sans-serif;--max-width: 1100px;--radius: 12px;--radius-lg: 20px;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}body{font-family:var(--font);color:var(--gray-700);background:var(--gray-50);line-height:1.6;min-height:100vh}.admin-header{background:var(--white);border-bottom:2px solid var(--gray-200);padding:0 24px;position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.header-logo img{height:36px;width:auto}.header-badge{background:var(--accent-light);color:var(--accent);font-size:.6rem;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--gray-600)}.header-right strong{color:var(--gray-900)}.btn-logout{background:none;border:1px solid var(--gray-300);color:var(--gray-600);font-family:var(--font);font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-logout:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(180deg,var(--gray-50),var(--gray-100))}.login-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:44px 36px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);text-align:center}.login-card img{height:40px;margin:0 auto 8px}.login-card h1{font-size:1.3rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.login-subtitle{font-size:.8rem;color:var(--gray-500);margin-bottom:28px}.login-back{margin-top:-18px;margin-bottom:24px;font-size:.78rem}.login-back a{color:var(--gray-500);text-decoration:none}.login-back a:hover{text-decoration:underline}.login-error{display:none;background:var(--red-light);color:var(--red);font-size:.78rem;font-weight:700;padding:10px 14px;border-radius:10px;margin-bottom:14px;text-align:left}.login-error.show{display:block}.form-group{margin-bottom:18px;text-align:left}.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--gray-700);margin-bottom:5px}.form-input{width:100%;padding:11px 14px;font-family:var(--font);font-size:.85rem;color:var(--gray-900);background:var(--white);border:2px solid var(--gray-200);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.form-input::placeholder{color:var(--gray-400)}.form-select{width:100%;padding:11px 14px;font-family:var(--font);font-size:.85rem;color:var(--gray-900);background:var(--white);border:2px solid var(--gray-200);border-radius:10px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s}.form-select:focus{border-color:var(--accent)}.form-hint{font-size:.72rem;color:var(--gray-500);margin-top:3px}.commune-wrapper{position:relative}.commune-results{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--gray-200);border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:var(--shadow)}.commune-results.open{display:block}.commune-item{padding:9px 14px;font-size:.82rem;color:var(--gray-700);cursor:pointer;transition:background .15s;display:flex;justify-content:space-between;align-items:center}.commune-item:hover{background:var(--accent-light)}.commune-item .code-postal{font-size:.72rem;color:var(--gray-400);font-weight:700}.commune-selected{display:none;background:var(--accent-light);color:var(--accent);font-size:.78rem;font-weight:700;padding:7px 12px;border-radius:8px;margin-top:6px;align-items:center;justify-content:space-between}.commune-selected.show{display:flex}.commune-remove{background:none;border:none;color:var(--accent);font-size:1.1rem;cursor:pointer;padding:0 4px;font-weight:700}.commune-remove:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:.85rem;padding:10px 24px;border-radius:10px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent);color:var(--white);width:100%;padding:13px;font-size:.9rem}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.btn-create{background:var(--accent);color:var(--white);padding:10px 28px;border-radius:50px}.btn-create:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-create svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.btn-ghost{background:none;border:2px solid var(--gray-200);color:var(--gray-600);padding:9px 18px}.btn-ghost:hover{border-color:var(--gray-400);color:var(--gray-900);background:var(--gray-50)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:.75rem;padding:6px 14px;border-radius:8px}.btn-back{background:none;border:none;color:var(--accent);font-family:var(--font);font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0;margin-bottom:20px}.btn-back:hover{text-decoration:underline}.btn-back svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);border-radius:8px;background:var(--white);cursor:pointer;transition:all .2s;color:var(--gray-500)}.btn-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.btn-icon:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-icon.danger:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.btn-copy-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;background:var(--accent);color:var(--white);font-family:var(--font);font-size:.88rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .15s}.btn-copy-link:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-copy-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.screen{display:none}.screen.active{display:block}.dashboard-content{max-width:var(--max-width);margin:0 auto;padding:28px 24px}.dashboard-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:14px}.dashboard-title-row h2{font-size:1.3rem;font-weight:700;color:var(--gray-900)}.sessions-empty{text-align:center;padding:50px 24px;background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--radius-lg)}.sessions-empty-icon{width:52px;height:52px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.sessions-empty-icon svg{width:26px;height:26px;stroke:var(--gray-400);fill:none;stroke-width:2}.sessions-empty h3{font-size:.95rem;color:var(--gray-700);margin-bottom:4px}.sessions-empty p{font-size:.82rem;color:var(--gray-500)}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);padding:18px 22px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.session-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.session-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.session-info h3{font-size:.95rem;font-weight:700;color:var(--gray-900);margin-bottom:3px}.session-meta{display:flex;gap:14px;flex-wrap:wrap}.session-meta span{font-size:.73rem;color:var(--gray-500);display:flex;align-items:center;gap:4px}.session-meta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.session-status{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.session-status.active{background:var(--green-light);color:var(--green)}.session-status.closed{background:var(--gray-100);color:var(--gray-500)}.session-actions{display:flex;gap:6px;flex-shrink:0}@media(max-width:600px){.session-card-top{flex-direction:column;align-items:flex-start}.session-actions{align-self:flex-end}}.detail-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-top:16px}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}}.detail-map-container{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}[data-admin=detail-map]{width:100%;height:500px}.detail-sidebar{display:flex;flex-direction:column;gap:16px}.users-panel,.blocked-panel{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius)}.panel-header{padding:14px 18px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.panel-header h3{font-size:.9rem;font-weight:700;color:var(--gray-900)}.panel-header .count{font-size:.72rem;color:var(--gray-500);background:var(--gray-100);padding:2px 10px;border-radius:50px;font-weight:700}.user-item{padding:12px 18px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s}.user-item:last-child{border-bottom:none}.user-item:hover{background:var(--gray-50)}.user-item-info{display:flex;align-items:center;gap:10px;min-width:0}.user-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.1)}.user-name{font-size:.82rem;font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-traces-count{font-size:.72rem;color:var(--gray-500);white-space:nowrap}.user-ip{font-size:.65rem;color:var(--gray-400);font-family:monospace}.user-actions{display:flex;gap:4px;flex-shrink:0}.user-item.blocked{background:var(--red-light);opacity:.7}.user-item.blocked .user-name{text-decoration:line-through;color:var(--red)}.blocked-badge{font-size:.65rem;font-weight:700;color:var(--red);background:var(--red-light);border:1px solid var(--red);padding:1px 8px;border-radius:50px}.blocked-item{padding:10px 18px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem}.blocked-item:last-child{border-bottom:none}.blocked-item-info .pseudo{font-weight:700;color:var(--red)}.blocked-item-info .ip{font-size:.68rem;color:var(--gray-400);font-family:monospace}.users-scroll{max-height:280px;overflow-y:auto}.blocked-scroll{max-height:200px;overflow-y:auto}.panel-empty{padding:14px 18px;font-size:.78rem;color:var(--gray-400);text-align:center}.modal-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:200;align-items:center;justify-content:center;padding:24px}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-sm{max-width:440px}.modal-header{padding:22px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.1rem;font-weight:700;color:var(--gray-900)}.modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--gray-100);cursor:pointer;color:var(--gray-500);font-size:1.1rem;transition:all .2s}.modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.modal-body{padding:20px 24px}.modal-footer{padding:0 24px 22px;display:flex;gap:10px;justify-content:flex-end}.modal-footer .btn-primary{width:auto;padding:10px 32px}[data-admin=toast]{position:fixed;bottom:24px;right:24px;background:var(--gray-900);color:var(--white);font-family:var(--font);font-size:.82rem;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:var(--shadow-lg);z-index:300;transform:translateY(100px);opacity:0;transition:all .3s ease}[data-admin=toast].show{transform:translateY(0);opacity:1}[data-admin=toast].success{background:var(--green)}[data-admin=toast].error{background:var(--red)}.admin-footer{text-align:center;padding:20px;font-size:.72rem;color:var(--gray-400);border-top:1px solid var(--gray-200);margin-top:50px}.admin-footer a{color:var(--accent);text-decoration:none}.admin-footer a:hover{text-decoration:underline}