:root{--bg:#10151f;--surface:#171f2c;--col:#1a2433;--line:#29384c;--ink:#edf2fa;--muted:#91a1b8;--accent:#65d6bd;--accent-ink:#10201f;--accent-soft:#183a37;--accent-light:#80e0c9;--bar:#1a2d35}
body{background:radial-gradient(ellipse at 80% 0,rgba(54,84,111,.12),transparent 55%),var(--bg);font-size:13px}
.app{max-width:1760px;gap:28px;padding-block:24px;grid-template-columns:232px minmax(0,1fr)}
#kalicilik-durumu{background:transparent!important;font-size:11px!important;color:var(--muted)!important;padding-block:7px!important;backdrop-filter:blur(16px)}
.side{padding:8px 12px 8px 0;border-right:1px solid var(--line);top:46px;height:calc(100dvh - 68px)}
.brand{padding:0 8px 24px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}
.brand:before{content:'SN';display:grid;place-items:center;grid-row:span 2;width:40px;height:40px;background:var(--accent);color:var(--accent-ink);border-radius:12px;font-size:15px;font-weight:800;letter-spacing:-1px}
.brand b{font-size:15px;letter-spacing:-.3px}.brand span{font-size:10px!important;letter-spacing:.04em}
.nav{gap:5px}.nav button{border-radius:9px;padding:10px 12px;color:#aab8cb;font-size:12px}.nav button:hover{color:var(--ink)}
.nav button[aria-current=page]{background:rgba(101,214,189,.12);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.nav .gh{font-size:9px;letter-spacing:.12em;margin-top:12px;padding-left:12px;color:#72859e}
.nav .no{width:18px;opacity:.9;display:flex;align-items:center}.nav .no svg{width:16px;height:16px}.nav .nm{font-weight:500}
.mcard{background:rgba(26,36,51,.75);border-color:var(--line);border-radius:12px;padding:12px}.mcard b{font-size:12px}.mcard div{font-size:10px;color:var(--muted)}
.main{gap:22px}.btn{padding:9px 13px;border-color:var(--line);border-radius:8px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.pri{font-weight:700}.btn svg{width:16px;height:16px}.btn.tg{background:var(--surface);border-color:var(--line);color:var(--ink)}
.top{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:14px}.top h1{font-size:23px}.top p{font-size:12px;color:var(--muted)}
.panel,.r-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px;min-width:0}
.form input,.form select,.sel,.r-period input,.r-ledger-filters input,.r-ledger-filters select{background:#111a27;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 11px;font-size:12px;min-width:0}
.col{background:#141d2a;border-color:var(--line);padding:12px}.col h3{font-size:10px;padding-bottom:9px;letter-spacing:.04em}.card{background:#1b2635;border-color:#304156;border-radius:10px;padding:13px}.card b{font-size:12px}.card .meta{font-size:10px}.chip{background:#223a43;color:#9cddd1;border:0;font-size:10px}.card .acts{gap:6px}.card .btn{padding:6px 9px;font-size:10px}
.r-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 0 4px}.r-eyebrow{color:#768ca9;font-size:9px;letter-spacing:.16em;font-weight:600}.r-title-line{display:flex;gap:12px;align-items:center;margin-top:11px}.r-title-line h1{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:700}.r-hero p{color:var(--muted);font-size:12px;margin:10px 0 0}.r-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.r-live{font-size:10px;color:#8fb9ad;display:flex;align-items:center;gap:7px}.r-live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(101,214,189,.08)}
.r-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.r-kpi{background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 4%,var(--surface)),var(--surface));border:1px solid var(--line);border-radius:13px;padding:17px 18px;position:relative;overflow:hidden}.r-kpi:after{content:'';position:absolute;left:0;top:21px;height:29px;width:3px;border-radius:3px;background:var(--tone)}.r-kpi-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b1bfd1;gap:5px}.r-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--tone) 9%,transparent);color:var(--tone)}.r-icon svg{width:16px;height:16px}.r-kpi strong{display:block;font-size:31px;font-weight:650;line-height:1.3;margin-top:12px;letter-spacing:-1px}.r-kpi small{display:block;color:var(--muted);font-size:9px;margin-top:7px;line-height:1.6}
.r-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}.r-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.r-panel-head h2{font-size:13px;font-weight:600;margin:0}.r-panel-head small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.r-panel-head>svg{color:var(--muted)}.r-chip{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:6px;color:#9dabc0;white-space:nowrap}
.r-chart-key{display:flex;gap:16px;color:var(--muted);font-size:9px}.r-chart-key span{display:flex;align-items:center;gap:6px}.r-chart-key i,.r-legend i{width:7px;height:7px;display:inline-block;border-radius:2px;background:#8babff}.r-chart-key i.green{background:#5dd4bb}.r-chart-key i.pink{background:#f2969f}
.r-bars{display:flex;align-items:end;gap:16px;height:171px;margin-top:25px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#29384c66 38px,#29384c66 39px)}.r-day{flex:1;height:100%;display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0}.r-bar-pair{height:140px;display:flex;align-items:end;justify-content:center;gap:5px;width:100%}.r-bar-pair>div{background:linear-gradient(#a4baff,#6384d3);width:22%;max-width:20px;min-height:2px;border-radius:4px 4px 0 0;position:relative}.r-bar-pair>div.green{background:linear-gradient(#6bdfc5,#3b8f80)}.r-bar-pair b{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.r-day>span{font-size:9px;color:var(--muted)}
.r-distribution{display:flex;align-items:center;justify-content:space-around;gap:24px;min-height:196px;flex-wrap:wrap}.r-ring{width:146px;height:146px;border-radius:50%;padding:15px;flex:none}.r-ring>div{border-radius:50%;background:var(--surface);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.r-ring strong{font-size:29px;letter-spacing:-1px}.r-ring span{font-size:9px;color:var(--muted)}.r-legend{display:flex;flex-direction:column;gap:13px;flex:1;min-width:115px}.r-legend>div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.r-legend span{color:var(--muted);display:flex;align-items:center;gap:8px}
.r-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.r-table th{font-weight:500;text-align:left;font-size:9px;color:#7e91aa;background:transparent;padding:10px 12px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em}.r-table td{padding:14px 12px;border-bottom:1px solid #29384c77;background:transparent!important}.r-table tr:last-child td{border-bottom:0}.r-table small{font-size:9px;margin-top:4px}.r-table b{font-weight:500}.r-avatar{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:10px;border-radius:9px;background:#223a43;color:#8fdcca;font-size:11px}.r-state{color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,transparent);padding:5px 8px;border-radius:5px;font-size:9px}.r-link{background:none;border:0;color:var(--accent);font-size:10px;display:flex;align-items:center;gap:5px}.r-link svg{width:13px;height:13px}
.r-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;flex-wrap:wrap}.r-tabs{display:flex;gap:22px;font-size:11px;color:var(--muted)}.r-tabs button{border:0;background:transparent;color:inherit;padding:0;font-size:inherit}.r-tabs .active{color:var(--accent);position:relative}.r-tabs .active:after{content:'';height:2px;background:var(--accent);position:absolute;left:0;right:0;bottom:-21px}.r-period{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.r-period input{padding:7px 9px}
.r-chart-empty{height:155px;display:grid;place-items:center;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#29384c66 38px,#29384c66 39px);margin-top:18px}.r-chart-empty>div{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);padding:10px 18px}.r-chart-empty svg{color:#536b84}.r-chart-empty strong{font-size:11px;font-weight:500}.r-chart-empty span{font-size:9px;color:var(--muted)}.r-months{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:15px}.r-account{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #29384c88}.r-account div{flex:1}.r-account b{font-size:11px;font-weight:500}.r-account small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.r-account strong{color:#748aa6;font-size:18px}.r-account-icon{width:32px;height:32px;display:grid;place-items:center;background:#1c3c39;color:#72d9c2;border-radius:10px}.r-account-icon.violet{background:#322d46;color:#b8a0ff}.r-account-icon.amber{background:#3d3529;color:#f3c779}.r-footnote{font-size:9px;color:var(--muted);margin:14px 0 0}.r-ledger-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.r-ledger-filters input{flex:1;min-width:120px}.r-ledger-filters input:disabled,.r-ledger-filters select:disabled{opacity:.7}.r-ledger-empty{display:flex;align-items:center;flex-direction:column;gap:10px;min-height:160px;justify-content:center;white-space:normal;text-align:center}.r-ledger-empty svg{width:28px;height:28px;color:#516d86}.r-ledger-empty strong{font-size:12px;font-weight:500}.r-ledger-empty span{font-size:10px;color:var(--muted)}
.menukapat{display:none}
.r-report-filters{display:flex;gap:10px;flex-wrap:wrap}.r-report-filters select{background:#111a27;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 11px;font-size:11px;max-width:100%}.r-type-bars{display:flex;flex-direction:column;gap:20px;margin-top:24px}.r-type-bars>div{display:grid;grid-template-columns:94px minmax(0,1fr) 20px;gap:10px;align-items:center;font-size:10px;color:var(--muted)}.r-type-bars>div>div{height:6px;background:#29384c66;border-radius:6px;overflow:hidden}.r-type-bars i{height:100%;display:block;border-radius:6px}.r-type-bars b{text-align:right;color:var(--ink)}
/* Onaylı sol menüye dokunmadan, referanslardaki ışık yalnız grafiklerde kullanılır. */
.r-panel{box-shadow:inset 0 1px 0 rgba(138,208,239,.035)}
.r-bar-pair>div:not(.green){background:linear-gradient(#8de7fb,#428ec4);box-shadow:0 0 14px rgba(96,215,241,.12)}
.r-chart-key i:not(.green):not(.pink){background:#8de7fb}
.r-bar-pair>div.green{box-shadow:0 0 14px rgba(93,212,187,.09)}
@media(max-width:1100px){.r-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.r-two{grid-template-columns:minmax(0,1fr)}.r-distribution{justify-content:start}.r-legend{max-width:260px}}
@media(max-width:980px){.app{grid-template-columns:186px minmax(0,1fr);gap:18px}.app.nonav{grid-template-columns:minmax(0,1fr)}.side{height:calc(100dvh - 68px)}.nav button{font-size:11px}.nav .gh{font-size:9px}.brand{grid-template-columns:32px 1fr;padding-left:0;column-gap:8px}.brand:before{width:32px;height:32px;border-radius:9px;font-size:12px}.brand b{font-size:12px}.brand span{font-size:8px!important}.r-title-line h1{font-size:25px}}
@media(max-width:520px){.app{grid-template-columns:minmax(0,1fr);padding-top:18px}.side{height:auto;padding:12px}.menukapat{display:inline-flex}.brand{padding-bottom:12px}.r-kpis{gap:10px}.r-kpi{padding:13px}.r-kpi strong{font-size:27px}.r-kpi small{font-size:8px}.r-icon{width:24px;height:24px}.r-kpi-label{font-size:10px}.r-panel{padding:16px}.r-bars{gap:9px}.r-hero{padding-top:0}.r-hero-actions{gap:9px}.r-title-line h1{font-size:25px}.r-hero p{font-size:11px}.r-period{width:100%;justify-content:space-between}.r-tabs .active:after{display:none}.r-months{font-size:7px}.r-account small{font-size:8px}}

/* Finans: sayısal özetler ve hareketler tablo, karşılaştırma grafik. */
.r-finance-summary .r-table{min-width:520px}.r-finance-summary td{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.r-money-in{color:#5dd4bb}.r-money-out{color:#f2969f}
.p-yeni{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:10px;margin-top:14px}.p-yeni input,.p-yeni select,.p-yeni textarea{width:100%;min-width:0}.p-yeni textarea{grid-column:span 2;min-height:50px}.p-board{grid-template-columns:repeat(4,minmax(245px,1fr));min-width:1040px}.p-arsiv{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.p-personeller{display:flex;gap:16px;overflow-x:auto;align-items:start;padding-bottom:10px}.p-kisi{min-width:270px;flex:1;background:var(--surface-alt,#19283a);padding:15px;border-radius:12px}.p-kisi details{border:1px solid var(--line);padding:12px;margin-top:12px;border-radius:8px}.p-kisi summary{cursor:pointer;font-weight:600}.p-kisi summary span{float:right;color:var(--muted)}.p-revize{font-size:12px;color:#f3c779}.jc.acil{border-left:3px solid #ef809a}.p-teslim{color:#65d5c0;font-size:12px}.p-dialog{background:#131e2e;color:#e7eef8;border:1px solid #39536d;border-radius:16px;width:min(620px,92vw);max-height:85vh;overflow:auto;padding:25px}.p-dialog::backdrop{background:#040a15c9;backdrop-filter:blur(4px)}.p-dialog label{display:block;margin:12px 0;font-size:13px}.p-dialog label>input,.p-dialog label>select,.p-dialog label>textarea{display:block;width:100%;margin-top:6px}.p-dialog fieldset{border:1px solid #39536d;border-radius:8px}.p-dialog .p-tur{display:flex;justify-content:space-between;align-items:center}.p-dialog .p-tur input{width:90px;margin:0}.p-dialog pre{white-space:pre-wrap;word-break:break-word;font-size:12px}.p-dialog #personel-form-hata{color:#ff9aaf}@media(max-width:700px){.p-yeni{grid-template-columns:1fr 1fr}.p-yeni textarea{grid-column:1/-1}.p-dialog{padding:18px}}

.p-board .jc[draggable="true"]{user-select:none;cursor:grab}.p-board .jc[draggable="true"]:active{cursor:grabbing}

/* Firma kartı açıldığında tek büyük pencere; onaylı menü altta korunur. */
#sns-bolum.firma-tam{position:fixed;inset:16px;z-index:10000;width:calc(100% - 32px)!important;height:calc(100dvh - 32px)!important;min-height:0!important;border-radius:18px;background:#0c1422;box-shadow:0 0 0 100vmax #030916b8}
@media(max-width:600px){#sns-bolum.firma-tam{inset:0;width:100%!important;height:100dvh!important;border-radius:0}}

body:has(#sns-bolum.firma-tam) #kalicilik-durumu{visibility:hidden}
.ana-asistan{border:1px solid #36566b;border-radius:16px;background:linear-gradient(120deg,#122c3c,#172136);box-shadow:0 0 26px #65d5c00a;min-width:0}

/* Gerçek iş formu alanları da panelin kendi tema renklerini kullanır. */
.p-yeni input,.p-yeni select,.p-yeni textarea,.p-dialog input,.p-dialog select,.p-dialog textarea{font:inherit;box-sizing:border-box;color:var(--ink,#e7eef8);background:var(--surface,#172a3a);border:1px solid var(--line,#39536d);border-radius:9px;padding:10px 12px;min-height:40px;outline:none}
.p-yeni input::placeholder,.p-yeni textarea::placeholder,.p-dialog input::placeholder,.p-dialog textarea::placeholder{color:var(--muted,#a2b5c9);opacity:1}
.p-yeni input:focus,.p-yeni select:focus,.p-yeni textarea:focus,.p-dialog input:focus,.p-dialog select:focus,.p-dialog textarea:focus{border-color:#72c7ca;box-shadow:0 0 0 2px #72c7ca22}
.p-yeni option,.p-dialog option{background:var(--surface,#172a3a);color:var(--ink,#e7eef8)}
.brand[role=button]{cursor:pointer}.brand[role=button]:focus-visible{outline:2px solid #72c7ca;outline-offset:5px;border-radius:8px}

.r-hero{padding-block:18px}.otomasyon-raporu{margin-top:22px;padding:20px}.otomasyon-raporu>h2{margin:0 0 10px;font-size:18px}.otomasyon-raporu iframe{width:100%;height:640px;border:0;border-radius:10px;display:block}

.mesai-alani{display:grid;gap:7px;margin:10px 0}.mesai-alani small{font-size:11px;color:var(--muted)}.mesai-alani .mesai-hata{color:#efabb1}.mesai-alani button[data-mesai=basla]{border-color:#72c7ca;color:#9ce7df}.mesai-alani button[data-mesai=bitir]{border-color:#dfac78;color:#f1c99c}