:root {
    --sec-bg: #0f1115;
    --sec-panel: #1a1d24;
    --sec-text: #e2e8f0;
    --sec-muted: #64748b;
    --sec-primary: #10b981; /* Emerald Green */
    --sec-primary-dark: #059669;
    --sec-border: #334155;
    --sec-alert: #f59e0b;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background-color: var(--sec-bg); color: var(--sec-text);
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
}
a { text-decoration: none; color: inherit; }

/* Dashboard Layout */
.sec-dashboard { display: grid; grid-template-columns: 250px 1fr; min-height: 100vh;}

/* Sidebar */
.sec-sidebar { background: var(--sec-panel); border-right: 1px solid var(--sec-border); display: flex; flex-direction: column;}
.sec-brand { padding: 20px; border-bottom: 1px solid var(--sec-border); font-size: 18px; font-weight: bold; color: var(--sec-primary); display: flex; align-items: center; gap: 10px;}
.sec-brand::before { content: '🛡️'; }

.sec-nav { flex: 1; padding: 20px 0; }
.sec-nav a { display: flex; align-items: center; gap: 15px; padding: 12px 20px; color: var(--sec-muted); transition: all 0.2s; border-left: 3px solid transparent;}
.sec-nav a:hover, .sec-nav a.active { color: var(--sec-text); background: rgba(16,185,129,0.1); border-left-color: var(--sec-primary);}
.sn-icon { font-size: 16px; width: 20px; text-align: center;}

.sec-sidebar-footer { padding: 20px; border-top: 1px solid var(--sec-border); font-size: 12px; color: var(--sec-muted);}

/* Main Content */
.sec-main { display: flex; flex-direction: column;}
.sec-header { background: var(--sec-panel); padding: 15px 30px; border-bottom: 1px solid var(--sec-border); display: flex; justify-content: space-between; align-items: center;}
.sh-status { display: flex; align-items: center; gap: 10px; color: var(--sec-primary); font-weight: bold;}
.sh-status::before { content: ''; width: 10px; height: 10px; background: var(--sec-primary); border-radius: 50%; box-shadow: 0 0 10px var(--sec-primary); animation: pulse 2s infinite;}
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }

.sh-actions a { background: var(--sec-primary); color: #000; padding: 8px 20px; font-weight: bold; border-radius: 2px;}
.sh-actions a:hover { background: var(--sec-primary-dark); }

.content-pad { padding: 30px; }

/* Grid blocks */
.grid-row { display: grid; gap: 20px; margin-bottom: 20px;}
.col-4 { grid-template-columns: repeat(4, 1fr);}
.col-2 { grid-template-columns: 2fr 1fr;}

.sec-box { background: var(--sec-panel); border: 1px solid var(--sec-border); border-radius: 4px; padding: 20px;}
.sb-header { font-size: 12px; color: var(--sec-muted); text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid var(--sec-border); padding-bottom: 10px;}

/* Stats */
.stat-val { font-size: 32px; font-weight: bold; color: var(--sec-text); margin-bottom: 5px;}
.stat-desc { font-size: 12px; color: var(--sec-primary);}

/* Hero Terminal */
.term-box { background: #000; border: 1px solid var(--sec-border); padding: 20px; font-family: monospace; height: 300px; display: flex; flex-direction: column; justify-content: center;}
.term-line { margin-bottom: 10px; color: var(--sec-text); font-size: 16px; line-height: 1.5;}
.tl-prompt { color: var(--sec-primary); margin-right: 10px;}
.tl-highlight { color: var(--sec-alert); }
.btn-term { display: inline-block; margin-top: 20px; border: 1px solid var(--sec-primary); color: var(--sec-primary); padding: 10px 20px; transition: all 0.2s;}
.btn-term:hover { background: var(--sec-primary); color: #000; }

/* Features List */
.feat-list { list-style: none; }
.feat-list li { padding: 15px 0; border-bottom: 1px dashed var(--sec-border); display: flex; gap: 15px;}
.feat-list li:last-child { border-bottom: none; }
.fl-icon { color: var(--sec-primary); font-size: 18px;}
.fl-title { font-weight: bold; margin-bottom: 5px;}
.fl-desc { color: var(--sec-muted); line-height: 1.4;}

/* Data Table */
.data-t { width: 100%; border-collapse: collapse; text-align: left;}
.data-t th { padding: 10px; border-bottom: 1px solid var(--sec-border); color: var(--sec-muted);}
.data-t td { padding: 10px; border-bottom: 1px solid #232a35;}
.data-t tr:hover td { background: rgba(255,255,255,0.02); }
.status-tag { background: rgba(16,185,129,0.2); color: var(--sec-primary); padding: 2px 8px; border-radius: 10px; font-size: 11px;}

@media (max-width: 1024px) {
    .sec-dashboard { grid-template-columns: 1fr; }
    .sec-sidebar { display: none; } /* Simplified for responsive */
    .col-4, .col-2 { grid-template-columns: 1fr; }
    .term-box { height: auto; padding: 40px 20px; }
}