:root{--red:#A90432;--yellow:#FDB912;--dark:#171717;--light:#F5F5F5;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--light);color:#292929;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--dark);color:#fff;z-index:1040;transition:.25s;overflow:auto}
.brand{height:76px;display:flex;align-items:center;gap:12px;padding:14px 20px;text-decoration:none;color:#fff}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--red) 50%,var(--yellow) 50%);font-weight:900}.brand-text{font-weight:800}
.sidebar nav a{display:flex;gap:14px;align-items:center;color:#ddd;text-decoration:none;padding:12px 22px;border-left:4px solid transparent}.sidebar nav a:hover{color:#fff;background:#252525;border-color:var(--yellow)}
.main{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 14px #0000000d;position:sticky;top:0;z-index:1030}.content{padding:24px}.menu-button{display:none;font-size:1.4rem}.notification-link{position:relative;text-decoration:none}.notification-link span{position:absolute;top:-8px;right:-9px;background:var(--red);color:white;border-radius:20px;font-size:.65rem;padding:2px 5px}
.card{border:0;border-radius:16px;box-shadow:0 5px 18px #0000000a}.stat-card{overflow:hidden}.stat-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--red),var(--yellow))}.stat-value{font-size:1.65rem;font-weight:800;color:var(--red)}
.btn-primary{--bs-btn-bg:var(--red);--bs-btn-border-color:var(--red);--bs-btn-hover-bg:#870329}.btn-warning{--bs-btn-bg:var(--yellow)}.progress-bar{background:linear-gradient(90deg,var(--red),var(--yellow))}
.table thead th{background:#242424;color:#fff;white-space:nowrap}.badge-planlandı,.badge-bekliyor{background:#6c757d}.badge-tamamlandı{background:#198754}.badge-acil{background:var(--red)}.overdue{border-left:5px solid var(--red)!important;background:#fff1f3!important}
.timer{font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:800;color:var(--red)}canvas{max-height:340px}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{margin-left:0}.menu-button{display:block}.content{padding:16px}.topbar{padding:0 14px}.brand-text{display:inline}}