:root{--ink:#0B1F24;--ink-2:#10313A;--brass:#C2A15A;--brass-2:#D8BE86;--bone:#F4EFE4;--paper:#FBF8F1;--slate:#20302E;--muted:#5C6A67;--line:#e3ddd0;--danger:#a03535;--ok:#1f6b48}
*{box-sizing:border-box}
body{margin:0;font-family:"Inter",system-ui,sans-serif;background:#F1ECE0;color:var(--slate);line-height:1.55}
a{color:inherit;text-decoration:none}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.side{background:var(--ink);color:var(--bone);padding:22px 16px;display:flex;flex-direction:column;gap:6px}
.side .logo{display:flex;align-items:center;gap:11px;padding:6px 8px 20px;border-bottom:1px solid rgba(244,239,228,.12);margin-bottom:14px}
.side .logo .mono{width:40px;height:40px;border-radius:10px;background:rgba(194,161,90,.16);color:var(--brass-2);display:grid;place-items:center;font-family:"Fraunces",serif;font-weight:700}
.side .logo b{font-family:"Fraunces",serif;font-size:1rem;color:var(--bone)}
.side .logo span{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,228,.55)}
.side a.nav{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:9px;color:rgba(244,239,228,.78);font-size:.92rem;font-weight:500;transition:.15s}
.side a.nav:hover{background:rgba(255,255,255,.05);color:var(--bone)}
.side a.nav.active{background:var(--brass);color:var(--ink);font-weight:600}
.side a.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.side .spacer{flex:1}
.side a.logout{color:rgba(244,239,228,.6);font-size:.86rem;padding:11px 13px}
.side a.logout:hover{color:var(--brass-2)}
.main{padding:30px 34px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.topbar h1{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--ink);margin:0}
.topbar .who{font-size:.88rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}
.card .n{font-family:"Fraunces",serif;font-size:2rem;color:var(--ink);font-weight:600}
.card .l{font-size:.84rem;color:var(--muted);margin-top:2px}
.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px}
.panel h2{font-family:"Fraunces",serif;font-size:1.2rem;margin:0 0 16px}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
tr:hover td{background:#faf7f0}
.badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.74rem;font-weight:600}
.badge.acik{background:#e7f1ec;color:#1f6b48}
.badge.durusma{background:#fbf0dc;color:#9a6b12}
.badge.beklemede{background:#eee;color:#666}
.badge.kapali{background:#f3e2e2;color:#a03535}
.badge.unread{background:#fbe6c8;color:#9a6b12}
label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--slate)}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-family:"Inter";font-size:.93rem;background:#fff;color:var(--slate);margin-bottom:15px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brass)}
textarea{resize:vertical;min-height:110px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:9px;border:none;font-family:"Inter";font-weight:600;font-size:.9rem;cursor:pointer;transition:.2s}
.btn-primary{background:var(--ink);color:var(--bone)}
.btn-primary:hover{background:var(--ink-2)}
.btn-brass{background:var(--brass);color:var(--ink)}
.btn-brass:hover{background:var(--brass-2)}
.btn-sm{padding:7px 13px;font-size:.82rem}
.btn-danger{background:#f3e2e2;color:var(--danger)}
.btn-danger:hover{background:#eccccc}
.btn-light{background:#f0ebe0;color:var(--slate)}
.actions-inline{display:flex;gap:8px}
.alert{padding:12px 16px;border-radius:9px;margin-bottom:18px;font-size:.9rem;font-weight:500}
.alert-ok{background:#e7f1ec;color:var(--ok);border:1px solid #bfe0cd}
.alert-err{background:#f3e2e2;color:var(--danger);border:1px solid #e2c2c2}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--ink);padding:20px}
.login-box{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.login-box .mono{width:54px;height:54px;border-radius:13px;background:var(--ink);color:var(--brass);display:grid;place-items:center;font-family:"Fraunces",serif;font-weight:700;font-size:1.2rem;margin:0 auto 18px}
.login-box h1{font-family:"Fraunces",serif;font-size:1.5rem;text-align:center;margin:0 0 4px}
.login-box p.sub{text-align:center;color:var(--muted);font-size:.88rem;margin:0 0 26px}
.login-box .btn{width:100%;justify-content:center}
.muted{color:var(--muted);font-size:.86rem}
.hint-box{background:#faf7f0;border:1px dashed var(--line);border-radius:10px;padding:14px 16px;font-size:.82rem;color:var(--muted);margin-top:16px;line-height:1.6}
@media(max-width:860px){.layout{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap;position:sticky;top:0;z-index:20}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.main{padding:20px}}