:root{--bg:#eef1f6;--panel:#fff;--panel-2:#f8fafc;--line:#e6eaf0;--line-strong:#d3dae4;--text:#0f172a;--text-2:#475569;--muted:#6b7688;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eef4ff;--danger:#dc2626;--danger-soft:#fef2f2;--success:#16a34a;--warning:#b45309;--side:#131b2e;--side-2:#1c2740;--radius:10px;--radius-sm:7px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 34px #0f172a29;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em}.login-wrap{background:radial-gradient(1200px 500px at 50% -10%, #dbe6fb 0%, transparent 60%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:360px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:15px;padding:40px 36px;display:flex}.login-logo{object-fit:contain;align-self:center;width:76px;height:76px}.login-card h1{text-align:center;margin:0;font-size:25px;font-weight:700}.login-card>.muted{text-align:center;margin-top:-6px;margin-bottom:6px;font-size:13px}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--side-2) 0%, var(--side) 100%);color:#cdd6e6;flex-direction:column;gap:22px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:2px 8px 4px;display:flex}.brand img{object-fit:contain;flex-shrink:0;width:38px;height:38px}.brand-name{color:#fff;font-size:16px;font-weight:700;line-height:1.1}.brand-sub{color:#8595ad;letter-spacing:.03em;text-transform:uppercase;font-size:10.5px}.sidebar nav{flex-direction:column;flex:1;gap:3px;display:flex}.sidebar nav a{color:#a9b5cb;border-radius:8px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar nav a svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.sidebar nav a:hover{color:#fff;background:#26324e}.sidebar nav a.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb59}.sidebar nav a.active svg{opacity:1}.sidebar-foot{border-top:1px solid #2a3654;flex-direction:column;gap:10px;padding-top:14px;display:flex}.user-name{color:#8fa0bd;padding:0 10px;font-size:13px;font-weight:500}.content{min-width:0;max-width:1400px;padding:26px 30px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-head h2{align-items:center;gap:10px;margin:0;font-size:21px;font-weight:700;display:flex}.page-actions{gap:10px;display:flex}.search{width:280px}.count-badge{color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:2px 11px;font-size:13px;font-weight:600}.table{border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);font-size:14px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 14px}.table thead th{background:var(--panel-2);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.table tbody tr{cursor:pointer;transition:background .1s}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--primary-soft)}.num{font-variant-numeric:tabular-nums;text-align:right!important}.mono{color:var(--text-2);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12.5px}.sub{color:var(--muted);font-size:12px}.pos{color:var(--danger);font-weight:600}.thumb-cell{width:48px;padding:6px 6px 6px 12px!important}.thumb{object-fit:cover;border:1px solid var(--line);background:#eef1f6;border-radius:7px;width:38px;height:38px;display:block}.thumb-empty{border:1px dashed var(--line-strong);background:var(--panel-2)}.pager{color:var(--muted);align-items:center;gap:14px;margin-top:16px;font-size:13px;display:flex}label{color:var(--muted);flex-direction:column;gap:5px;font-size:12.5px;font-weight:500;display:flex}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);background:#fff;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb24}input::placeholder{color:#9aa5b6}.check{color:var(--text);flex-direction:row;align-items:center;gap:8px;font-weight:500}.check input,.merge-row input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.form-grid{grid-template-columns:1fr 1fr;gap:13px 18px;display:grid}.span2{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);box-shadow:var(--shadow-sm);background:#fff;padding:9px 15px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line-strong)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #2563eb4d}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ghost{color:#b9c6db;box-shadow:none;background:0 0;border-color:#34405d}.btn-ghost:hover:not(:disabled){color:#fff;background:#26324e}.btn-ghost-light{color:var(--muted);border-color:var(--line-strong)}.btn-danger{color:var(--danger);border-color:#eab8b8}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#e59a9a}.icon-btn{cursor:pointer;color:var(--muted);box-shadow:none;background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.icon-btn:hover{color:var(--text)}.badge{vertical-align:middle;letter-spacing:.01em;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.badge-taslak{color:#56657c;background:#eef1f6}.badge-beklemede{color:var(--warning);background:#fef4e2}.badge-onaylandi{color:var(--success);background:#e3f5ea}.badge-iptal{background:var(--danger-soft);color:var(--danger)}.badge-arsiv{color:#6d4fc0;background:#eee9fb;margin-left:6px}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:16px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-count{color:var(--muted);background:#e5eaf1;border-radius:20px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-block}.tab.active .tab-count{background:var(--primary);color:#fff}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.flt{color:var(--muted);flex-direction:row;align-items:center;gap:7px;font-size:12.5px}.empty{color:var(--muted);cursor:default;text-align:center!important;padding:30px!important}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);width:min(680px,100%);max-height:calc(100vh - 60px);box-shadow:var(--shadow-lg);border-radius:14px;padding:22px 26px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h3{margin:0;font-size:17px;font-weight:700}.doc-grid{grid-template-columns:1fr 320px;gap:18px;margin-bottom:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;align-content:start;gap:13px 18px;padding:18px;display:grid}.totals{grid-template-columns:1fr;gap:9px;font-size:14px}.totals>div{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.totals .grand{border-top:1px solid var(--line);color:var(--text);margin-top:2px;padding-top:10px;font-size:17px;font-weight:700}.num-input{text-align:right;width:96px;padding:6px 8px}.chain{color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;gap:12px;margin:-8px 0 14px;padding:9px 13px;font-size:13px;display:flex}.chain a{color:var(--primary);font-weight:500;text-decoration:none}.chain a:hover{text-decoration:underline}.dropdown-wrap{position:relative}.dropdown{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:30;max-height:270px;margin-top:3px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-item{cursor:pointer;color:var(--text);border-bottom:1px solid var(--line);padding:9px 12px;font-size:14px}.dropdown-item:last-child{border-bottom:0}.dropdown-item:hover{background:var(--primary-soft)}.ledger{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.ledger-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ledger-head h4{margin:0;font-size:14px}.ledger-bal{color:var(--muted);font-size:14px}.ledger-bal.owed b{color:var(--danger)}.odeme-form{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:flex}.odeme-form label{flex:1;min-width:110px}.odeme-form .btn{flex-shrink:0}.ledger-table{font-size:13px}.ledger-table td,.ledger-table th{padding:7px 12px}.paid{color:var(--success);font-weight:600}.merge{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.merge h4{margin:0 0 6px;font-size:14px}.merge-note{border-radius:var(--radius-sm);color:#7a5c14;background:#fff9ec;border:1px solid #f2e2bb;margin-bottom:12px;padding:9px 12px;font-size:12.5px;line-height:1.55}.merge-list{flex-direction:column;gap:5px;max-height:240px;margin-bottom:14px;display:flex;overflow-y:auto}.merge-row{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);flex-direction:row;align-items:center;gap:12px;padding:8px 11px;font-size:13px;transition:background .1s,border-color .1s}.merge-row:hover{background:var(--panel-2)}.merge-row.sel{border-color:var(--primary);background:var(--primary-soft)}.merge-tel{color:var(--muted);flex:1}.period-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.period{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1c2740 0%,#131b2e 100%);padding:18px 20px}.period-title{letter-spacing:.06em;text-transform:uppercase;color:#94a8c9;margin-bottom:14px;font-size:12px;font-weight:600}.period-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pm-value{font-variant-numeric:tabular-nums;color:#fff;font-size:24px;font-weight:700;line-height:1.1}.pm-label{color:#8fa3c4;margin-top:5px;font-size:11.5px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:26px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--sc,var(--primary));border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;transition:transform .12s,box-shadow .12s}.stat-link{cursor:pointer}.stat-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-wide{background:linear-gradient(#fff,#f8fafc);grid-column:span 2}.stat-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:27px;font-weight:700;line-height:1.1}.stat-sub{color:var(--muted);margin-top:7px;font-size:12px}.stat-blue{--sc:#2563eb}.stat-violet{--sc:#7c3aed}.stat-amber{--sc:#d97706}.stat-green{--sc:#16a34a}.stat-dark{--sc:#334155}.dash-recent h3{margin:0 0 12px;font-size:15px;font-weight:700}.muted{color:var(--muted);margin:0}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #f3cfcf;padding:8px 11px;font-size:13px}
