:root{--bg:#010508;--panel:#071117;--card:#0b1820;--line:#173744;--text:#e7f5fb;--muted:#8eabb6;--cyan:#00d4ff;--green:#00ff88;--amber:#ffaa00;--red:#ff3555;--purple:#c084fc}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}body{font-size:14px}.topbar{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;background:#02080cf2;backdrop-filter:blur(8px);z-index:20}.brand{color:var(--cyan);font-size:22px;letter-spacing:1px}.version{margin-inline-start:12px;color:var(--muted);font-size:12px}.badge{display:inline-block;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted)}.linkbtn{color:var(--text);text-decoration:none;margin-inline-start:10px;border:1px solid var(--line);padding:6px 10px;border-radius:8px}.layout{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 60px)}.sidebar{border-left:1px solid var(--line);padding:14px 10px;background:#040b0f}.sidebar button{width:100%;text-align:right;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:10px 12px;margin:2px 0;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#0a202a;color:var(--cyan);border-color:#174252}.main{padding:22px;min-width:0}.panel{display:none;max-width:1400px;margin:auto}.panel.active{display:block}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel h2{font-size:22px;margin:0 0 6px}.panel p{color:var(--muted);margin-top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0}.card.compact{padding:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.toolbar,.actions,.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}input,textarea,select{width:100%;background:#040b0f;color:var(--text);border:1px solid #234958;border-radius:8px;padding:10px;outline:none}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}.toolbar input,.toolbar select{width:auto;min-width:150px}.toolbar input[type=number]{min-width:70px;width:70px}button{background:#10242d;color:var(--text);border:1px solid #265061;border-radius:8px;padding:9px 12px;cursor:pointer}button:hover{border-color:var(--cyan)}button.primary{background:var(--cyan);color:#001015;font-weight:bold;border-color:var(--cyan)}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.output{white-space:pre-wrap;background:#02080c;border:1px solid var(--line);border-radius:10px;padding:12px;min-height:70px;max-height:420px;overflow:auto;color:#bfe9f5;direction:ltr;text-align:left}.output.small{max-height:250px}.metric{font-size:28px;color:var(--cyan);font-weight:bold}.metric-label{color:var(--muted);font-size:12px}.bar{height:7px;background:#0c2731;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--cyan)}#graphCanvas{width:100%;height:620px;background:radial-gradient(circle at 50% 45%,#071b24 0,#02070a 65%);border:1px solid var(--line);border-radius:12px;display:block}.worldmap{height:510px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(#06121a,#02080c);direction:ltr}.worldmap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#15313b55 1px,transparent 1px),linear-gradient(90deg,#15313b55 1px,transparent 1px);background-size:10% 25%;opacity:.55}.worldmap:after{content:"WORLD TENSION MAP";position:absolute;left:18px;top:12px;color:#31515d;letter-spacing:4px}.marker{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:14px;height:14px;border:2px solid #fff7;box-shadow:0 0 18px currentColor;cursor:pointer}.marker span{position:absolute;left:18px;top:-5px;white-space:nowrap;font-size:11px;color:#dcebf0;text-shadow:0 1px 2px #000}.chat{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.chat #chatLog{height:520px;overflow:auto;padding:15px}.bubble{max-width:85%;padding:11px 13px;border-radius:12px;margin:8px 0;line-height:1.7}.bubble.user{margin-right:auto;background:#153645}.bubble.bot{margin-left:auto;background:#0b2219;border:1px solid #164932}.chatbar{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chatbar input{flex:1}.alert{padding:10px;border-radius:8px;margin:8px 0}.danger{background:#40141c;color:#ffd7de}.success{background:#0d3526;color:#c8ffe6}.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle,#09202a,#010508 55%)}.login-card{width:min(430px,92vw);padding:28px;background:#071117;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 80px #000}.login-card h1{margin-bottom:6px}.login-card p{color:var(--muted)}.login-card label{display:block;margin:14px 0 6px}.login-card button{width:100%;margin-top:18px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #102933;padding:8px 0}.tag{display:inline-block;border:1px solid #31515d;border-radius:999px;padding:3px 8px;font-size:11px;margin:2px;color:#b4cbd3}.risk-CRITICAL{color:#ff3555}.risk-HIGH{color:#ff7435}.risk-MEDIUM{color:#ffae35}.risk-LOW{color:#ffe066}.risk-PEACEFUL{color:#00ff88}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:60px;z-index:10;display:flex;overflow:auto;border-left:0;border-bottom:1px solid var(--line);padding:7px;background:#040b0ff2}.sidebar button{min-width:max-content;width:auto}.main{padding:13px}.grid2{grid-template-columns:1fr}#graphCanvas{height:500px}.version{display:none}}