:root{
  /* 데스크톱 MANAGER 앱(app/ui/style.py light_style_sheet)과 맞춘 배색 */
  --bg:#ffffff; --panel:#f7f8f9; --panel2:#ecf0f1; --border:#bdc3c7;
  --text:#1c2530; --muted:#6b7684; --accent:#2c3e50; --accent-soft:#34495e;
  --danger:#E74C3C; --success:#4CAF50;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);
  color:var(--text);font-family:-apple-system,'Pretendard','Segoe UI',Roboto,'Malgun Gothic',sans-serif;
  display:flex;align-items:center;justify-content:center;padding:32px}
.wrap{max-width:560px;width:100%}
.brand{display:flex;align-items:center;gap:9px;margin-bottom:28px;font-weight:700;font-size:14px;color:var(--accent)}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(44,62,80,.14)}
h1{font-size:24px;margin:0 0 10px;color:#0f172a}
.sub{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 26px}
.sub strong{color:var(--text)}

#dropzone{display:block;border:1.5px dashed var(--border);border-radius:16px;padding:38px 24px;
  text-align:center;cursor:pointer;background:var(--panel);transition:.15s}
#dropzone:hover, #dropzone.drag{border-color:var(--accent);background:var(--panel2)}
.dz-icon{font-size:30px;color:var(--accent);margin-bottom:8px;font-weight:300}
.dz-text{font-size:14.5px;font-weight:600;color:var(--text);margin-bottom:6px}
.dz-sub{font-size:12px;color:var(--muted)}

.status{margin-top:18px;font-size:13.5px;min-height:20px}
.status.err{color:var(--danger)}
.status.ok{color:var(--success)}

.network-list{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.network-item{display:flex;justify-content:space-between;align-items:center;gap:12px;
  background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;
  text-decoration:none;color:var(--text);transition:.15s}
.network-item:hover{border-color:var(--accent);background:#e4e9ec}
.network-item .nl-name{font-weight:700;font-size:13.5px}
.network-item .nl-meta{font-size:11.5px;color:var(--muted)}
.network-item .nl-go{font-size:12px;color:var(--accent);font-weight:700}

.help{margin-top:30px;font-size:12px;color:var(--muted);line-height:1.8}
.help a{color:var(--accent)}