:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#202a3c;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-body{min-height:100vh;display:grid;place-items:center;background:#f5f7fb;padding:20px}.login-box{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:36px;width:100%;max-width:360px;box-shadow:0 14px 50px #1726410b}.lock-mark{height:56px;width:56px;border-radius:15px;background:#eff4ff;display:grid;place-items:center;margin:0 auto 29px;color:#316bde;font-size:36px}.login-box label{display:block;font-size:13px;font-weight:650;margin:17px 0 8px}.login-box input{width:100%;height:46px;border:1px solid #dce2eb;border-radius:8px;padding:12px}.primary{background:#2e66da;border:0;border-radius:8px;color:white;cursor:pointer;font-weight:650;padding:12px 17px}.login-button{height:46px;width:100%;margin-top:24px}.error{color:#c23543;font-size:13px;text-align:center}.app-body{display:flex;min-height:100vh}.sidebar{background:#172238;width:235px;min-width:235px;color:white;display:flex;flex-direction:column;padding:30px 16px}.sidebar-brand{font-size:18px;font-weight:760;padding:3px 14px 37px}.brand-icon{color:#83aafc;font-size:25px;margin-right:7px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar a{padding:13px 15px;color:#adb9d0;text-decoration:none;font-size:14px;border-radius:8px}.sidebar a:hover,.sidebar a.nav-active{background:#283b5b;color:#fff}.logout{margin-top:auto}.logout button{background:transparent;border:0;color:#b6c4d8;cursor:pointer;padding:15px;width:100%;text-align:left}.main{padding:32px 36px 50px;max-width:1800px;flex:1;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.top-actions{display:flex;align-items:center;gap:12px}.eyebrow{font-size:11px;font-weight:800;color:#6080ae;letter-spacing:1.5px}h1{margin:8px 0;font-size:28px}.top p,.section p{font-size:13px;color:#7d889b;line-height:1.6;margin:5px 0 0}.user-pill{background:#fff;padding:11px 17px;border:1px solid #e7eaf0;border-radius:40px;font-size:13px;color:#506078;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat,.section{background:white;border:1px solid #e7eaf0;border-radius:12px}.stat{padding:20px}.stat span,.stat small{display:block;font-size:13px;color:#7d889b}.stat strong{display:block;font-size:29px;margin:14px 0}.stat small{font-size:11px}.section{padding:23px;margin-bottom:20px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.section-title h2{font-size:18px;margin:0 0 6px}.status{height:max-content;color:#996b21;background:#fff3df;border-radius:30px;padding:7px 12px;white-space:nowrap;font-size:12px}.table-wrap{overflow:auto;border:1px solid #edf0f5;border-radius:9px}table{width:100%;border-collapse:collapse;min-width:850px;font-size:12px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf0f5;white-space:nowrap}th{background:#f8f9fc;color:#69768b;font-weight:650}tr:last-child td{border-bottom:0}.product-name{max-width:260px;overflow:hidden;text-overflow:ellipsis}.good{color:#16845d;font-weight:650}.bad{color:#c34c4c;font-weight:650}.empty-cell{text-align:center;color:#8792a3;padding:30px}.notice{padding:12px 15px;background:#fff7e9;border:1px solid #f1dfbc;border-radius:8px;color:#725321;font-size:13px;margin-bottom:18px}.sync-btn{white-space:nowrap}.footer{color:#8994a4;font-size:11px;padding:0 3px;line-height:1.5}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:200px;min-width:200px}.main{padding:24px}}@media(max-width:700px){.app-body{display:block}.sidebar{width:100%;padding:15px}.sidebar-brand{padding:0 0 10px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar a{white-space:nowrap}.logout{display:none}.main{padding:18px}.stats{grid-template-columns:1fr 1fr}.top{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}h1{font-size:23px}.section{padding:16px}}

.export-btn{display:inline-block;text-decoration:none;color:#42536d;background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:11px 14px;font-size:13px}

/* DARK DASHBOARD THEME */
body, .app-body {
    background: #0b0d12 !important;
    color: #f2f3f8 !important;
}

.sidebar {
    background: #11131c !important;
    border-right: 1px solid #292d3a !important;
    color: #f2f3f8 !important;
}

.sidebar a, .sidebar-brand {
    color: #e5e7f0 !important;
}

.main {
    background: #0b0d12 !important;
}

.top, .section, .stat, .table-wrap {
    background: #171a24 !important;
    color: #f2f3f8 !important;
    border-color: #303443 !important;
}

h1, h2, h3, th, td, .product-name {
    color: #f2f3f8 !important;
}

table {
    background: #171a24 !important;
}

thead, th {
    background: #222635 !important;
}

td {
    border-color: #303443 !important;
}

tbody tr:hover {
    background: #25283a !important;
}

.nav-active, .primary, .sync-btn {
    background: #7539db !important;
    color: #ffffff !important;
}

.export-btn {
    background: #25283a !important;
    color: #ffffff !important;
    border-color: #44485c !important;
}

input, select {
    background: #222635 !important;
    color: #ffffff !important;
    border-color: #44485c !important;
}


/* DARK LOGIN DESIGN */
body.login-body {
    background: #0b0d12 !important;
    color: #f2f3f8 !important;
    color-scheme: dark;
}

.login-box {
    background: #171a24 !important;
    color: #f2f3f8 !important;
    border: 1px solid #303443 !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important;
}

.login-box label {
    color: #e5e7f0 !important;
}

.login-box input {
    background: #222635 !important;
    color: #ffffff !important;
    border: 1px solid #44485c !important;
}

.login-box input::placeholder {
    color: #989eaf !important;
}

.login-box input:focus {
    border-color: #8548ee !important;
    outline: 2px solid rgba(133,72,238,0.2);
}

.lock-mark {
    background: #29213d !important;
    color: #a675ff !important;
}

.login-button {
    background: #7539db !important;
    color: #ffffff !important;
}


/* SABIT TABLO BASLIKLARI */
@media (min-width: 900px) {
    .app-body .table-wrap {
        overflow: visible !important;
    }
}

.app-body .table-wrap thead th {
    position: sticky !important;
    top: 0;
    z-index: 30;
    background: #222635 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}


/* PRICE TABLE SORTING */
#price-table .price-sort {
 background: transparent;
 border: none;
 color: #ffffff;
 font: inherit;
 font-weight: 700;
 cursor: pointer;
 white-space: nowrap;
}
#price-table .price-sort:hover { color: #b995ff; }
#price-table thead th {
 position: sticky;
 top: 0;
 z-index: 30;
 background: #222635 !important;
}

/* MUSTERI FIYATLARI - HAFIF YESIL */
#price-table tbody tr[data-product] td:nth-child(4),
#price-table tbody tr[data-product] td:nth-child(6) {
    background: rgba(80, 200, 120, 0.12) !important;
    color: #b9f5ca !important;
    font-weight: 600;
}

#price-table tbody tr[data-product]:hover td:nth-child(4),
#price-table tbody tr[data-product]:hover td:nth-child(6) {
    background: rgba(80, 200, 120, 0.22) !important;
}


#price-table tbody tr.price-alert td:nth-child(4),#price-table tbody tr.price-alert td:nth-child(6),#price-table tbody tr.price-alert td:nth-child(7),#price-table tbody tr.price-alert:hover td:nth-child(4),#price-table tbody tr.price-alert:hover td:nth-child(6),#price-table tbody tr.price-alert:hover td:nth-child(7){background:rgba(220,50,60,.20)!important;color:#ffb5bc!important;font-weight:700}

.price-controls {
 display:flex;gap:12px;align-items:center;
 flex-wrap:wrap;margin:14px 0;
}
.price-controls input,.price-controls select {
 background:#222635;color:#fff;
 border:1px solid #44495c;
 border-radius:8px;padding:11px;
}
#price-count {color:#aeb6c7}
.stock-status {font-weight:700;white-space:nowrap}
.status-active {color:#9de5b4}
.status-low {color:#ffc477}
.status-missing {color:#ff9e80}
#price-table tbody tr[hidden] {display:none!important}