*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial;background:#0f172a url(https://gmai-brics.ru/map-bg.jpg) center/cover no-repeat fixed;color:white}
.header{background:rgba(0,0,0,0.85);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.header h1 span{color:#22c55e}
.auth-btns{display:flex;gap:8px;flex-wrap:wrap}
.btn-auth{padding:8px 16px;border-radius:8px;border:2px solid #22c55e;background:transparent;color:#22c55e;cursor:pointer;font-size:13px}
.btn-auth:hover{background:#22c55e;color:#000}
.user-info{color:#22c55e;font-size:13px}
.user-info a{color:#ef4444;margin-left:10px}
.container{max-width:1000px;margin:0 auto;padding:20px}
.tabs{display:flex;gap:10px;margin-bottom:16px}
.tab{padding:12px 24px;background:rgba(0,0,0,0.85);border:2px solid #334155;border-radius:12px;color:white;cursor:pointer;font-weight:bold}
.tab.active{background:#22c55e;color:#000}
.search{background:rgba(0,0,0,0.85);padding:20px;border-radius:16px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.search label{color:#94a3b8;font-size:12px;display:block;margin-bottom:4px}
.search select,.search input{width:100%;padding:8px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:white;font-size:13px}
.search select option{background:#0f172a;color:white!important}
.btn{padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:bold;cursor:pointer;background:#22c55e;color:#000}
#map,#mapT{height:300px;border-radius:12px;margin-bottom:16px;border:1px solid #334155}
.cards{display:grid;gap:10px}
.card{background:rgba(0,0,0,0.85);border:1px solid #334155;border-radius:10px;padding:14px}
.no{text-align:center;padding:30px;color:#94a3b8}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1000;justify-content:center;align-items:center}
.modal.active{display:flex}
.modal-content{background:#1e293b;padding:24px;border-radius:16px;width:360px;max-width:90%;position:relative}
.modal-content h2{color:#22c55e;margin-bottom:16px}
.modal-content input,.modal-content select{width:100%;padding:10px;margin-bottom:10px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:white;font-size:14px}
.modal-content .btn{width:100%;margin-top:8px}
.close{position:absolute;top:10px;right:14px;cursor:pointer;color:#94a3b8;font-size:22px;border:none;background:none}
.clocks-grid{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.clock-item{text-align:center}
.clock-item canvas{display:block}
.clock-time{font-size:9px;color:#22c55e;margin-top:2px}