:root{--bg:#eef2f5;--sidebar:#2f3640;--sidebar-hover:#3d4654;--nav:#dfe4ea;--top:#2980b9;--top-hover:#1f6a9a;--ink:#2c3e50;--muted:#7f8c8d;--line:#d5dde3;--white:#ffffff;--danger:#c0392b;--success:#27ae60;--warn:#e67e22;--excel:#1a6b5a;--brand:#e67e22}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,sans-serif;font-size:13px;-webkit-text-size-adjust:100%}.nav-btn,a,button,table.data tbody tr{touch-action:manipulation}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:13px}.app{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:220px;background:var(--sidebar);color:#ecf0f1;display:flex;flex-direction:column;flex-shrink:0}.sidebar.hidden{display:none}.brand-wrap{padding:16px 12px 12px;text-align:center}.brand-logo{width:196px;max-width:100%;height:auto;display:block;margin:0 auto}.login-logo{width:220px;margin-bottom:16px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:var(--nav);text-align:left;padding:10px 16px;border:none;border-left:3px solid transparent;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:var(--sidebar-hover)}.nav-btn.active{border-left-color:#3498db;color:#fff;font-weight:600}.sidebar-foot{margin-top:auto;padding:8px 0}.logout{display:block;width:calc(100% - 20px);margin:10px;background:var(--danger);color:#fff;border:none;border-radius:4px;padding:10px 14px;cursor:pointer;font-weight:600}.logout:hover{background:#e74c3c}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:48px;background:var(--top);display:flex;align-items:center;padding:6px 14px 6px 10px;color:#fff}.menu-toggle{background:transparent;color:#fff;border:none;font-weight:600;padding:4px 12px;min-height:32px;cursor:pointer}.menu-toggle:hover{background:var(--top-hover)}.head{display:flex;align-items:center;padding:12px 18px 8px}.app-title{color:var(--ink);font-size:18px;font-weight:700}.crumb{margin-left:auto;color:var(--muted)}.content{padding:12px 18px 18px;flex:1 1}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.tile{min-height:110px;border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.tile:hover{filter:brightness(.96)}.tile svg{width:28px;height:28px}.stats{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin:12px 0}.stat-card{background:#fff;border:1px solid #dce3ea;border-radius:6px;padding:14px 12px}.stat-value{font-size:20px;font-weight:700;color:var(--ink)}.stat-label{color:var(--muted);margin-top:4px}.ayar-kart,.chart-box,.panel{background:#fff;border:1px solid var(--line);border-radius:4px}.chart-box{padding:12px 14px 8px;min-height:260px;overflow-x:auto}.section-title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 8px}table.data{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}table.data th{background:#34495e;color:#fff;padding:7px 8px;text-align:left;font-weight:600}table.data td{padding:7px 8px;border-bottom:1px solid #e5ebf0}table.data tr:nth-child(2n) td{background:#f7f9fb}table.data tbody tr.tip-satis td{background:#f5d0ce}table.data tbody tr.tip-tahsilat td{background:#d5f5e3}table.data tbody tr.tip-alis td{background:#fdebd0}table.data tbody tr.tip-odeme td{background:#d6eaf8}table.data tbody tr.tip-acilis td{background:#eaecee}table.data tbody tr:hover td{background:#d4e6f1}table.data tbody tr.sel td{background:#1f6a9a!important;color:#fff!important;font-weight:600}table.data tbody tr.sel td:first-child{box-shadow:inset 4px 0 0 #0e3d5b}table.data tbody tr{cursor:pointer}table.data td input,table.data td select{width:100%;min-height:26px;border:1px solid #d5dde3;background:#fff}table.data td.locked{background:#f4f6f7!important;color:#2c3e50}.row,.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grow{flex:1 1}.right{margin-left:auto}.btn{border:none;border-radius:4px;padding:8px 16px;font-weight:600;cursor:pointer}.btn.primary{background:#2980b9;color:#fff}.btn.primary:hover{background:#1f6a9a}.btn.success{background:var(--success);color:#fff}.btn.success:hover{background:#1e874b}.btn.danger{background:var(--danger)}.btn.danger,.btn.warn{color:#fff;padding:8px 14px}.btn.warn{background:var(--warn)}.btn.excel{background:var(--excel);color:#fff}.btn.excel:hover{background:#145546}.btn.ghost{background:#ecf0f1;border:1px solid #bdc3c7;padding:8px 14px}.btn.whatsapp{background:#25d366;color:#fff}.btn.whatsapp:hover{background:#1da851}input,select,textarea{border:1px solid #c5ced6;border-radius:3px;padding:5px 8px;background:#fff;min-height:28px}input:focus,select:focus,textarea:focus{outline:none;border-color:#2980b9}.field-cap{color:#5d6d7e;font-size:11px;font-weight:600}.doc-title{font-size:18px;font-weight:700;color:#1a252f;margin:0}.hint{color:var(--muted)}.hint,.path{font-size:12px}.path{color:var(--ink);word-break:break-all}.split{display:flex;gap:10px;min-height:520px}.split-left{width:38%;min-width:280px}.split-left.wide{width:62%}.split-right{flex:1 1;min-width:0}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-back{position:fixed;inset:0;background:rgba(20,28,36,.45);display:flex;align-items:center;justify-content:center;z-index:40;padding:20px;pointer-events:auto}.modal{position:relative;background:#f4f7f9;border-radius:6px;width:min(1100px,100%);max-height:92vh;overflow:auto;padding:14px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.modal>.doc-title,.modal>h2{padding-right:40px}.modal-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:4px;background:#ecf0f1;color:#2c3e50;font-size:22px;line-height:1;cursor:pointer;z-index:2}.modal-x:hover{background:#d5dde3}.modal.sm{width:min(520px,100%)}.modal.md{width:min(980px,100%)}.form-grid{display:grid;grid-gap:8px 16px;gap:8px 16px}.form-grid label{display:flex;flex-direction:column;gap:4px}.total-box{background:#f8fafc;border:1px solid var(--line);border-radius:6px;padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;flex:1 1}.genel{font-size:20px;font-weight:700;color:#1a5276}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2f3640}.login-card{width:min(380px,92vw);background:#fff;border-radius:8px;padding:28px 24px}.err{color:var(--danger);margin:8px 0 0}.sidebar-scrim{display:none}@media (max-width:1100px){.stats,.tiles{grid-template-columns:repeat(2,1fr)}.split{flex-direction:column;min-height:0}.split-left,.split-left.wide{width:100%;min-width:0}.total-box{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){body,html{font-size:14px}button,input,select,textarea{font-size:16px}.app{min-height:100dvh}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;width:min(260px,86vw);display:flex!important;transform:translateX(-100%);transition:transform .18s ease;box-shadow:4px 0 24px rgba(0,0,0,.28);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar:not(.hidden){transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:45;border:none;padding:0;margin:0;background:rgba(20,28,36,.45);cursor:pointer}.nav-btn{padding:14px 16px;min-height:46px}.logout{min-height:44px}.topbar{height:auto;min-height:48px;padding:max(6px,env(safe-area-inset-top)) 14px 6px 10px}.menu-toggle{min-height:40px;padding:8px 14px}.head{padding:10px 12px 4px;flex-wrap:wrap;gap:4px}.app-title{font-size:16px}.crumb{margin-left:0;width:100%;font-size:12px}.content{padding:10px}.tiles{grid-template-columns:repeat(2,1fr);gap:10px}.tile{min-height:88px;font-size:14px}.stats{grid-template-columns:1fr 1fr}.btn{min-height:44px;padding:10px 16px}input,select,textarea{min-height:40px;padding:8px 10px}table.data{min-width:560px}table.data td,table.data th{padding:11px 8px}.modal-back{padding:8px;align-items:stretch}.modal,.modal.md,.modal.sm{width:100%;max-height:100dvh;border-radius:8px;padding:40px 12px 16px}.modal-x{width:40px;height:40px}.total-box{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.toolbar label{display:flex;flex-direction:column;gap:4px;flex:1 1 140px;min-width:0}}@media (max-width:640px){.stats,.tiles{grid-template-columns:1fr}.content{padding:10px}}