
:root{--bg:#061327;--panel:#0d223d;--text:#eef7ff;--muted:#9fb7cf;--accent:#7dd3fc;--accent2:#d8f3ff;--warn:#ffd166;--border:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#061327,#081b33 55%,#061327);color:var(--text)}
.topbar{padding:16px;border-bottom:1px solid var(--border);background:rgba(4,12,24,.86);display:flex;justify-content:space-between;gap:12px;align-items:center}
.brand{display:flex;gap:14px;align-items:center}.brand img{width:86px;border-radius:10px;background:#fff;padding:8px}h1{font-size:25px;margin:0 0 4px}.brand p{margin:0;color:var(--muted);max-width:860px}
.badge{border:1px solid rgba(125,211,252,.45);background:rgba(125,211,252,.12);color:var(--accent);border-radius:999px;padding:8px 12px;font-weight:bold;font-size:12px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#07172c;border-bottom:1px solid var(--border)}
.tab{border:1px solid var(--border);background:#0b213b;color:var(--text);padding:10px 14px;border-radius:999px;font-weight:bold;cursor:pointer}.tab.active{background:var(--accent);color:#051324}
main{max-width:1280px;margin:0 auto;padding:16px 14px 50px}.view{display:none}.view.active{display:block}
.notice{border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.08);border-radius:15px;padding:13px 15px;color:#ffe9a3;margin-bottom:16px;line-height:1.35}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:linear-gradient(180deg,var(--panel),#0a1d35);border:1px solid var(--border);border-radius:16px;padding:16px}.stat strong{display:block;font-size:28px}.stat span{color:var(--muted)}
.searchbox,.about,.coming{background:rgba(13,34,61,.72);border:1px solid var(--border);border-radius:18px;padding:16px}
.toolbar{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:10px;margin-bottom:14px}.toolbar.one{grid-template-columns:1fr}#afac .toolbar{grid-template-columns:1.3fr .7fr}
input,select{width:100%;padding:13px 14px;border-radius:13px;border:1px solid var(--border);background:#081a31;color:var(--text);font-size:16px;outline:none}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:14px}.card{background:linear-gradient(180deg,var(--panel),#0a1c34);border:1px solid var(--border);border-radius:17px;padding:15px}.card h3{margin:0 0 8px;font-size:18px}.card h4{margin:12px 0 6px;color:var(--accent);font-size:17px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 10px}.tag{font-size:12px;color:#c8e8f8;border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.04)}.tag.ok{color:#b9ffd0}.tag.bad{color:#ffb7b7}.tag.warn{color:#ffe6a3}
.row{margin:8px 0;color:#dceeff;line-height:1.35}.row span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}
.priority{border:1px solid rgba(125,211,252,.28);background:rgba(125,211,252,.065);border-radius:13px;padding:12px;margin:10px 0}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{display:inline-block;text-decoration:none;color:#041324;background:var(--accent);font-weight:bold;border-radius:10px;padding:9px 11px;font-size:14px;border:none;cursor:pointer}.btn.secondary{background:transparent;color:var(--accent);border:1px solid rgba(125,211,252,.45)}.btn.star{background:#ffd166;color:#071327}
.phone-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.phone-link{display:inline-block;text-decoration:none;color:#041324;background:var(--accent2);border-radius:999px;padding:6px 9px;font-weight:bold;font-size:13px}
.coord{margin-top:12px;padding:12px;border-radius:13px;border:1px solid rgba(125,211,252,.25);background:rgba(125,211,252,.07)}.code-badge{display:inline-block;margin:0 0 6px;padding:5px 9px;border-radius:999px;background:rgba(125,211,252,.14);border:1px solid rgba(125,211,252,.42);color:var(--accent);font-weight:bold;font-size:12px}
.designator-badge{display:inline-block;margin:0 0 6px;padding:5px 9px;border-radius:999px;background:rgba(255,209,102,.11);border:1px solid rgba(255,209,102,.42);color:#ffe6a3;font-weight:bold;font-size:12px}
.tech{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.tech div{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px;padding:9px;color:#dceeff}
.mini{margin-left:8px;border:1px solid rgba(125,211,252,.45);background:transparent;color:var(--accent);border-radius:8px;padding:4px 7px;cursor:pointer;font-weight:bold}.hint{color:var(--muted);font-size:14px}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:28px;border:1px dashed var(--border);border-radius:16px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:22px;margin-top:20px}
@media(max-width:800px){.topbar{display:block;padding:12px 14px}.brand{align-items:flex-start}.brand img{width:64px}h1{font-size:19px}.brand p{font-size:13px;line-height:1.25}.badge{display:inline-block;margin-top:8px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.toolbar,#afac .toolbar{grid-template-columns:1fr}.tech{grid-template-columns:1fr}}

.card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.star-icon{font-size:24px;line-height:1;border:none;background:transparent;color:#ffd166;cursor:pointer;padding:2px 4px}
.star-icon.active{filter:drop-shadow(0 0 5px rgba(255,209,102,.35))}
@media print{.tabs,.topbar,.actions,.star-icon,.mini,footer,.notice{display:none!important}.card{break-inside:avoid;background:white!important;color:#000!important;border:1px solid #aaa}.row,.card h3,.card h4{color:#000!important}body{background:white!important;color:#000!important}}
