/* 45 - DASHBOARD ANALYTICS: Metrik kartlar ust, cok sutunlu grid, koyu mavi UI, veri odakli */
:root{--da-bg:#0F1923;--da-surface:#172A3A;--da-card:#1E3448;--da-pr:#4FC3F7;--da-pr2:#0288D1;--da-green:#66BB6A;--da-orange:#FFA726;--da-red:#EF5350;--da-tx:#E0E8EF;--da-tx2:#7A8FA0;--da-bd:#2A4055;--da-f:'Inter','Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
::selection{background:var(--da-pr);color:#000}
body{background:var(--da-bg);color:var(--da-tx);font:400 14px/1.7 var(--da-f);-webkit-font-smoothing:antialiased}
a:link,a:visited{color:var(--da-pr);text-decoration:none;transition:color .15s}
a:hover{color:#81D4FA}
img{max-width:100%}
h1{font:700 22px/1.2 var(--da-f);color:#FFF;margin:0 0 12px}
h2{font:600 18px/1.3 var(--da-f);color:#FFF;margin:0 0 10px}
h3{font:600 15px/1.3 var(--da-f);margin:0 0 6px}
#container{display:grid;grid-template-columns:56px 1fr;min-height:100vh}

/* Mini sidebar: Icon-only nav */
#da-sidebar{background:var(--da-surface);border-right:1px solid var(--da-bd);display:flex;flex-direction:column;align-items:center;padding:12px 0;position:sticky;top:0;height:100vh}
.da-sidebar-logo{width:36px;height:36px;background:var(--da-pr);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#000;font:700 14px var(--da-f);margin-bottom:20px;text-decoration:none}
.da-sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}
.da-sidebar-nav a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--da-tx2);border-radius:8px;text-decoration:none;transition:all .15s;font-size:16px}
.da-sidebar-nav a:hover{background:rgba(79,195,247,.1);color:var(--da-pr)}
.da-sidebar-bottom{margin-top:auto}

/* Main area */
#da-main{padding:0}
#da-topbar{background:var(--da-surface);border-bottom:1px solid var(--da-bd);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.da-topbar-title{font:600 16px var(--da-f);color:#FFF}
.da-topbar-title a{color:#FFF;text-decoration:none}
.da-topbar-right{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--da-tx2)}
.da-topbar-right a{color:var(--da-tx2);text-decoration:none}
.da-topbar-right a:hover{color:var(--da-pr)}

#content{padding:20px 24px;min-height:calc(100vh - 52px)}

/* Metric cards: Top row */
.da-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}
.da-metric{background:var(--da-card);border:1px solid var(--da-bd);border-radius:10px;padding:16px;position:relative;overflow:hidden}
.da-metric::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.da-metric.da-m-blue::before{background:var(--da-pr)}
.da-metric.da-m-green::before{background:var(--da-green)}
.da-metric.da-m-orange::before{background:var(--da-orange)}
.da-metric.da-m-red::before{background:var(--da-red)}
.da-metric-label{font:500 11px var(--da-f);color:var(--da-tx2);text-transform:uppercase;letter-spacing:.06em}
.da-metric-value{font:700 28px var(--da-f);color:#FFF;margin-top:4px}

/* Forum: Dense data grid */
.da-section{background:var(--da-card);border:1px solid var(--da-bd);border-radius:10px;margin-bottom:16px;overflow:hidden}
.da-section-head{padding:12px 16px;border-bottom:1px solid var(--da-bd);display:flex;justify-content:space-between;align-items:center}
.da-section-head h2{font:600 14px var(--da-f);color:var(--da-pr);margin:0;text-transform:uppercase;letter-spacing:.04em}
.da-section-head h2 a{color:var(--da-pr);text-decoration:none}
.da-forum-row{display:grid;grid-template-columns:1fr 70px 70px 160px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--da-bd);transition:background .1s;font-size:13px}
.da-forum-row:last-child{border-bottom:none}
.da-forum-row:hover{background:rgba(79,195,247,.03)}
.da-forum-name a{color:var(--da-tx);font:500 14px var(--da-f);text-decoration:none}
.da-forum-name a:hover{color:var(--da-pr)}
.da-forum-name small{display:block;color:var(--da-tx2);font-size:12px;margin-top:1px}
.da-forum-num{text-align:center;color:var(--da-tx2)}
.da-forum-num strong{color:#FFF;font-weight:600}
.da-forum-last{font-size:12px;color:var(--da-tx2)}
.da-forum-last a{color:var(--da-pr)}

/* Thread rows */
.da-thread-row{display:grid;grid-template-columns:8px 1fr 60px 60px 140px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--da-bd);transition:background .1s;font-size:13px}
.da-thread-row:hover{background:rgba(79,195,247,.03)}
.da-thread-dot{width:6px;height:6px;border-radius:50%;background:var(--da-bd)}
.da-thread-new .da-thread-dot{background:var(--da-green)}
.da-thread-title a{color:var(--da-tx);font:500 13px var(--da-f);text-decoration:none}
.da-thread-title a:hover{color:var(--da-pr)}
.da-thread-title small{display:block;color:var(--da-tx2);font-size:11px}
.da-thread-title small a{color:var(--da-tx2);font-size:11px}
.da-thread-num{text-align:center;color:var(--da-tx2);font-size:12px}
.da-thread-num strong{color:var(--da-tx)}
.da-thread-last{font-size:11px;color:var(--da-tx2)}
.da-thread-last a{color:var(--da-pr)}

/* Posts: Compact data cards */
.da-post{background:var(--da-card);border:1px solid var(--da-bd);border-radius:10px;margin-bottom:8px;overflow:hidden}
.da-post-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--da-bd);background:var(--da-surface)}
.da-post-author{display:flex;align-items:center;gap:8px;font:500 13px var(--da-f)}
.da-post-author a{color:var(--da-pr);text-decoration:none}
.da-post-info{font-size:11px;color:var(--da-tx2)}
.da-post-date{font-size:11px;color:var(--da-tx2)}
.da-post-body{padding:14px 16px;font-size:14px;line-height:1.7}
.da-post-actions{padding:8px 16px;border-top:1px solid var(--da-bd);display:flex;gap:12px}
.da-post-actions a{color:var(--da-tx2);font-size:11px;text-decoration:none}
.da-post-actions a:hover{color:var(--da-pr)}

/* MyBB compat */
.tborder{background:var(--da-card);border:1px solid var(--da-bd);border-radius:10px;margin-bottom:16px;overflow:hidden}
.thead{background:var(--da-surface);color:var(--da-pr);padding:10px 16px;font:600 12px var(--da-f);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--da-bd)}
.thead a{color:var(--da-pr);text-decoration:none}
.tcat{background:rgba(79,195,247,.05);color:var(--da-tx2);padding:6px 16px;font-size:11px;border-bottom:1px solid var(--da-bd)}
.tcat a{color:var(--da-tx2);text-decoration:none}
.trow1,.trow2{background:transparent;padding:8px 16px;border-bottom:1px solid var(--da-bd)}
.trow1:hover,.trow2:hover{background:rgba(79,195,247,.03)}
.trow_shaded{background:rgba(239,83,80,.05);padding:8px 16px;border-bottom:1px solid rgba(239,83,80,.15)}
.trow_selected{background:rgba(255,167,38,.05);padding:8px 16px}
.trow_sep{background:var(--da-surface);padding:4px 16px;font-size:10px;color:var(--da-tx2)}
.smalltext{font-size:12px;color:var(--da-tx2)}.largetext{font:600 18px var(--da-f);color:#FFF}
.navigation{padding:0 0 12px;font-size:12px;color:var(--da-tx2)}
.navigation a{color:var(--da-tx2);text-decoration:none}.navigation a:hover{color:var(--da-pr)}
.tfixed{table-layout:fixed;word-wrap:break-word}

blockquote{background:var(--da-surface);border-left:3px solid var(--da-pr);border-radius:0 8px 8px 0;padding:12px 16px;margin:12px 0;color:var(--da-tx2)}
blockquote cite{display:block;font-weight:600;font-size:11px;color:var(--da-pr);margin-bottom:6px}
.codeblock{background:#0A1018;border:1px solid var(--da-bd);border-radius:8px;padding:12px;font:13px 'JetBrains Mono',monospace;color:var(--da-green);overflow-x:auto}

input.button,a.button{background:var(--da-pr);color:#000;border:none;padding:8px 20px;font:600 12px var(--da-f);border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}
input.button:hover,a.button:hover{background:#81D4FA;box-shadow:0 0 12px rgba(79,195,247,.3)}
input.textbox,select{background:var(--da-surface);border:1px solid var(--da-bd);padding:8px 12px;color:var(--da-tx);font:400 13px var(--da-f);border-radius:6px;outline:none}
input.textbox:focus{border-color:var(--da-pr)}
textarea{background:var(--da-surface);border:1px solid var(--da-bd);padding:10px;color:var(--da-tx);font:400 13px var(--da-f);border-radius:6px;resize:vertical;min-height:100px;outline:none}
textarea:focus{border-color:var(--da-pr)}
fieldset{border:1px solid var(--da-bd);border-radius:8px;padding:14px;margin:10px 0}
legend{color:var(--da-pr);font:600 11px var(--da-f);padding:0 6px;text-transform:uppercase}

.popup_menu{background:var(--da-card);border:1px solid var(--da-bd);border-radius:8px;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.3);overflow:hidden}
.popup_item{padding:8px 14px;display:block;color:var(--da-tx);font-size:13px;text-decoration:none;border-bottom:1px solid var(--da-bd)}
.popup_item:hover{background:rgba(79,195,247,.06);color:var(--da-pr)}

.pagination{display:flex;gap:4px;margin:12px 0}
.pagination a,.pagination .current{padding:6px 10px;font:500 12px var(--da-f);border-radius:4px;border:1px solid var(--da-bd)}
.pagination a{color:var(--da-tx2);background:var(--da-card);text-decoration:none}
.pagination a:hover{border-color:var(--da-pr);color:var(--da-pr)}
.pagination .current{background:var(--da-pr);color:#000;border-color:var(--da-pr)}

.red_alert{background:rgba(239,83,80,.08);border:1px solid rgba(239,83,80,.2);border-radius:6px;padding:10px 14px;color:var(--da-red);font-size:13px;margin:10px 0}
.pm_alert{background:rgba(79,195,247,.05);border:1px solid rgba(79,195,247,.15);border-radius:6px;padding:10px 14px;color:var(--da-pr);font-size:13px;margin:10px 0}

.da-footer{padding:16px 24px;border-top:1px solid var(--da-bd);font:400 11px var(--da-f);color:var(--da-tx2);text-align:center}
.da-footer a{color:var(--da-tx2);text-decoration:none}

.forum_status{display:none}
.subforumicon{display:inline-block;margin:0 2px}
.usercp_nav_item,.modcp_nav_item{display:block;padding:8px 16px;color:var(--da-tx);font-size:13px;border-bottom:1px solid var(--da-bd);text-decoration:none}
.usercp_nav_item:hover,.modcp_nav_item:hover{background:rgba(79,195,247,.05);color:var(--da-pr)}
.usercp_container{margin:8px 0}
.usercp_avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--da-bd)}
.editor_control_bar{background:var(--da-surface);padding:6px;border:1px solid var(--da-bd);border-radius:6px 6px 0 0}
.scaleimages img{max-width:100%}
.pollbar{height:6px;background:var(--da-pr);border-radius:3px}
.hidden{display:none}.hiddenrow{display:none}.selectall{text-align:center}.no_bottom_border{border-bottom:0}
.pmspace{float:right;margin:-3px 5px}
.pmspace_container{height:3px;background:var(--da-bd);border-radius:2px;overflow:hidden}
.pmspace_container .pmspace_used{background:var(--da-pr);height:100%;border-radius:2px}
.reputation_positive{color:var(--da-green)}.reputation_negative{color:var(--da-red)}.reputation_neutral{color:var(--da-tx2)}
.thread_status{display:inline-block;width:16px;height:16px}
.star_rating_container{display:inline-block}.star_rating{display:inline-block;height:16px;background-repeat:no-repeat}
.showthread_spinner{width:100%;text-align:center;padding:20px;color:var(--da-tx2)}
#quick_login .remember_me input{vertical-align:middle;margin:-3px 0 0 5px}
.modqueue_controls{float:right;border:1px solid var(--da-bd);border-radius:6px;padding:6px;font-size:11px}
.postbit_buttons>a{color:var(--da-tx2);font-size:11px;margin-right:8px;text-decoration:none}
.postbit_buttons>a:hover{color:var(--da-pr)}
.post{background:var(--da-card);border:1px solid var(--da-bd);border-radius:10px;margin-bottom:8px;overflow:hidden}
.post .post_author{background:var(--da-surface);padding:10px 16px;border-bottom:1px solid var(--da-bd);font-size:12px}
.post .post_author a{color:var(--da-pr);font-weight:600;text-decoration:none}
.post .post_content{padding:14px 16px;font-size:14px;line-height:1.7}
.post .post_controls{padding:8px 16px;border-top:1px solid var(--da-bd);display:flex;gap:12px}
.post .post_controls a{color:var(--da-tx2);font-size:11px;text-decoration:none}
.post .post_controls a:hover{color:var(--da-pr)}
.post.classic .post_author{width:140px;vertical-align:top;border-right:1px solid var(--da-bd);border-bottom:none;padding:12px;text-align:center}

@media(max-width:900px){#container{grid-template-columns:1fr}#da-sidebar{display:none}.da-metrics{grid-template-columns:1fr 1fr}.da-forum-row{grid-template-columns:1fr}.da-forum-num,.da-forum-last{display:none}.da-thread-row{grid-template-columns:8px 1fr}.da-thread-num,.da-thread-last{display:none}.post.classic .post_author{display:block;width:100%;border-right:none;border-bottom:1px solid var(--da-bd)}}
@media print{#da-sidebar,#da-topbar,.da-footer,.da-post-actions,.pagination{display:none!important}body{background:#fff;color:#000}}