:root{color:#e5eefb;background:#020617;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#0891b240,#0000 30%),linear-gradient(135deg,#020617,#07111f 45%,#020617);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:flex}.sidebar{background:#020617d1;border-right:1px solid #67e8f91f;width:280px;height:100vh;padding:16px;position:sticky;top:0;overflow:auto}.brandBox{background:linear-gradient(135deg,#22d3ee26,#2563eb14);border:1px solid #67e8f938;border-radius:24px;margin-bottom:18px;padding:16px}.brandLine{align-items:center;gap:12px;display:flex}.logo{color:#cffafe;background:#22d3ee24;border:1px solid #67e8f959;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:900;display:inline-flex}.brandLine strong{color:#fff;font-weight:950;display:block}.brandLine small{color:#94a3b8;margin-top:2px;display:block}.badges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge{color:#cffafe;background:#22d3ee1a;border:1px solid #67e8f94d;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.green{color:#d1fae5;background:#10b9811f;border-color:#34d39959}.badge.red{color:#fee2e2;background:#ef44441f;border-color:#f8717159}.badge.yellow{color:#fef3c7;background:#f59e0b1f;border-color:#fbbf2459}.badge.purple{color:#ede9fe;background:#8b5cf61f;border-color:#a78bfa59}nav{gap:6px;display:grid}nav button{text-align:left;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-weight:850;display:flex}nav button:hover,nav button.active{color:#f8fafc;background:#22d3ee1f;border-color:#67e8f93d}.navIcon{color:#67e8f9;background:#0f172af2;border-radius:10px;justify-content:center;align-items:center;width:34px;height:28px;font-size:12px;display:inline-flex}main{flex:1;min-width:0}.top{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;border-bottom:1px solid #67e8f91f;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex;position:sticky;top:0}.top small,.hero small{color:#67e8f9;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:950;display:block}.top h1{color:#fff;margin:2px 0 0;font-size:28px}.hero{background:linear-gradient(135deg,#22d3ee1a,#020617bf,#2563eb1a);border:1px solid #67e8f924;border-radius:26px;justify-content:space-between;gap:18px;margin:20px 22px;padding:22px;display:flex}.hero h2{color:#fff;margin:6px 0;font-size:32px}.hero p{color:#cbd5e1;max-width:980px;line-height:1.6}.stack{gap:18px;margin:0 22px 24px;display:grid}.card{background:#0f172a9e;border:1px solid #67e8f91f;border-radius:26px;padding:20px;box-shadow:0 24px 60px #0000003d}.cardHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.card h2{color:#fff;margin:0;font-size:20px}.card h3{color:#fff;margin:6px 0 12px}.card p{color:#94a3b8;margin:.35rem 0;line-height:1.6}.stats,.gridFields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 22px 18px;display:grid}.gridFields{margin:0}.gridFields.one{grid-template-columns:1fr}.gridFields.five{grid-template-columns:repeat(5,minmax(0,1fr))}.field{background:#02061773;border:1px solid #94a3b82e;border-radius:18px;min-width:0;padding:13px}.field span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900;display:block}.field strong{color:#f8fafc;overflow-wrap:anywhere;margin-top:5px;display:block}.cols{gap:18px;margin:0 22px 24px;display:grid}.cols.two{grid-template-columns:1.2fr .8fr}.mapCols{grid-template-columns:minmax(0,1fr) 380px}.actionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.actionGrid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid button,.templateGrid button{color:#dbeafe;text-align:left;background:#0206176b;border:1px solid #67e8f921;border-radius:20px;padding:16px}.actionGrid button:hover,.actionGrid button.selected,.templateGrid button:hover{background:#22d3ee1a;border-color:#67e8f966}.actionGrid strong{color:#fff;font-size:16px;display:block}.actionGrid small{color:#67e8f9;margin:5px 0 8px;font-weight:900;display:block}.actionGrid span{color:#94a3b8;font-size:13px;line-height:1.45;display:block}.templateCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.templateCard{background:#0206176b;border:1px solid #67e8f921;border-radius:20px;padding:16px}.toolbar{gap:10px;display:flex}.toolbar input,.formGrid input,.formGrid textarea{color:#fff;background:#0206179e;border:1px solid #94a3b83d;border-radius:16px;outline:none;flex:1;padding:12px 14px}.formGrid{grid-template-columns:1fr;gap:14px;display:grid}.formGrid label{color:#cbd5e1;gap:8px;font-weight:850;display:grid}.formGrid textarea{resize:vertical;min-height:110px}.actions{gap:10px;margin-top:14px;display:flex}button,.primary{color:#e0f2fe;background:#0f172abf;border:1px solid #67e8f92e;border-radius:16px;padding:11px 14px;font-weight:950}.primary{color:#06131d;background:#22d3ee;border-color:#22d3ee}.danger{color:#fee2e2;background:#ef44441f;border-color:#f8717159}.empty{text-align:center;background:#02061747;border:1px dashed #94a3b838;border-radius:22px;padding:34px 20px}.emptyIcon{color:#94a3b8;background:#94a3b81f;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;margin:auto auto 8px;font-weight:950;display:flex}.empty h2{color:#fff;margin:0}.empty p{max-width:720px;margin:8px auto 0}.tableWrap{border:1px solid #94a3b829;border-radius:20px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b81f;padding:12px}th{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;background:#02061773;font-size:11px}td{color:#dbeafe}.mapShell{background:radial-gradient(circle at 48% 45%,#1e40af40,#0000 20%),radial-gradient(circle at 30% 35%,#16a34a33,#0000 16%),radial-gradient(circle at 67% 62%,#eab3081f,#0000 18%),linear-gradient(135deg,#0f172a,#111827 42%,#020617);border:1px solid #67e8f921;border-radius:24px;height:620px;position:relative;overflow:hidden}.mapIsland{background:#22c55e0d;border:1px solid #34d39940;border-radius:46%;width:38%;height:54%;position:absolute;top:18%;left:21%;transform:rotate(-14deg)}.mapCity{background:#eab3080d;border:1px solid #fef08a26;border-radius:48%;width:24%;height:42%;position:absolute;top:30%;right:11%;transform:rotate(18deg)}.mapRoad{background:#67e8f91f;position:absolute}.mapRoad.a{width:5px;height:72%;top:10%;left:43%;transform:rotate(18deg)}.mapRoad.b{width:70%;height:4px;top:53%;left:12%;transform:rotate(-9deg)}.mapLabel{color:#cbd5e1;background:#020617a8;border:1px solid #94a3b840;border-radius:14px;padding:5px 9px;font-size:12px;font-weight:950;position:absolute}.paleto{top:18%;left:7%}.sandy{top:38%;left:35%}.grapeseed{top:46%;left:65%}.ls{top:71%;left:49%}.mapNotice{color:#cbd5e1;background:#020617d1;border:1px solid #94a3b82e;border-radius:18px;padding:14px;position:absolute;bottom:18px;left:18px;right:18px}.mapMarker{color:#fee2e2;background:#ef444440;border:1px solid #f8717199;border-radius:14px;padding:4px 8px;font-size:12px;font-weight:950;position:absolute;transform:translate(-50%,-50%)}.loginPage{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loginPanel{background:#0f172ab8;border:1px solid #67e8f92e;border-radius:30px;max-width:760px;padding:28px;box-shadow:0 28px 80px #00000052}.loginPanel h1{color:#fff;margin:18px 0 8px;font-size:36px}.loginPanel p{color:#cbd5e1;line-height:1.65}.loginGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.securityNote{color:#fef3c7;background:#f59e0b1a;border:1px solid #fbbf2447;border-radius:18px;margin-top:18px;padding:14px;line-height:1.5}@media (width<=1100px){.layout{display:block}.sidebar{width:auto;height:auto;position:relative}.stats,.gridFields,.cols.two,.mapCols,.actionGrid,.templateCards{grid-template-columns:1fr}.hero,.cols,.stats,.stack{margin-left:12px;margin-right:12px}.top,.hero{display:block}.loginGrid{grid-template-columns:1fr}}