body { margin: 0; background-color: #0d1117; color: #e6edf3; font-family: 'Segoe UI', sans-serif; display: flex; height: 100vh; }

.sidebar { width: 250px; background: #161b22; padding: 20px; border-right: 1px solid #30363d; display: flex; flex-direction: column; }
.sidebar h1 { color: #58a6ff; letter-spacing: 2px; margin-bottom: 40px; }
.menu-item { padding: 15px; cursor: pointer; color: #8b949e; transition: 0.3s; }
.menu-item:hover, .menu-item.active { background: #21262d; color: white; border-left: 4px solid #58a6ff; }
.status-box { margin-top: auto; padding: 20px; background: #1f242c; border-radius: 8px; font-size: 0.9em; }

.main-content { flex: 1; padding: 30px; overflow-y: auto; }

.stats-row { display: flex; gap: 20px; margin-bottom: 20px; }
.card { background: #161b22; padding: 25px; border-radius: 12px; border: 1px solid #30363d; box-shadow: 0 4px 20px rgba(0,0,0,0.4); flex: 1; position: relative; }

h2 { margin-top: 0; border-bottom: 1px solid #30363d; padding-bottom: 10px; color: #58a6ff; }
h1 { font-size: 2.5em; margin: 10px 0; }

.split-view { display: flex; gap: 20px; }
.input-section { flex: 1; }
.log-section { flex: 1; }

.form-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; color: #8b949e; font-size: 0.9em; }
input, select { width: 100%; background: #0d1117; border: 1px solid #30363d; color: white; padding: 12px; border-radius: 6px; box-sizing: border-box; }
input:focus { border-color: #58a6ff; outline: none; }

button { width: 100%; padding: 15px; background: #238636; color: white; border: none; border-radius: 6px; font-weight: bold; font-size: 1.1em; cursor: pointer; transition: 0.3s; }
button:hover { background: #2ea043; box-shadow: 0 0 15px rgba(46, 160, 67, 0.4); }

#result-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(22, 27, 34, 0.95); display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 12px; backdrop-filter: blur(5px); }
.hidden { display: none !important; }
.small-btn { width: auto; padding: 10px 20px; background: #1f6feb; margin-top: 20px; }

.safe-text { color: #2ea043; text-shadow: 0 0 20px rgba(46, 160, 67, 0.5); font-size: 3em; }
.fraud-text { color: #da3633; text-shadow: 0 0 20px rgba(218, 54, 51, 0.5); font-size: 3em; }

table { width: 100%; border-collapse: collapse; margin-top: 10px; }
td, th { padding: 10px; text-align: left; border-bottom: 1px solid #30363d; }
th { color: #8b949e; font-size: 0.8em; }