:root{
 --ink:#141a22;--ink2:#1d2630;--paper:#eef0ec;--card:#fff;--text:#18202a;--muted:#667080;--line:#e2e5e0;
 --red:#d63a2a;--red-soft:#fdecea;--green:#1b7f5c;--green-soft:#e4f3ec;--mustard:#f1b02e;
 --r-lg:20px;--r-md:12px;--r-sm:8px;
 color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:15px/1.5 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}

[hidden]{display:none!important}
.adv{margin-top:20px}
.advmonth{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.advmonth h3{margin:0 0 4px;font-size:15px}
.expense .dt{color:var(--muted);font-size:12.5px;margin-right:10px;font-variant-numeric:tabular-nums}
button:disabled{opacity:.5;cursor:not-allowed}
input:disabled{background:#eef0ec!important;color:var(--muted);cursor:not-allowed}
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:600}
.badge.closed{background:var(--green-soft);color:var(--green)}.badge.open{background:#fff1c9;color:#7a5a05}
/* PDF / Print */
#printReport{display:none}
@media print{
 @page{size:A4;margin:14mm 12mm 16mm;@bottom-left{content:"Ellis Burger · Raport financiar";font:8pt "Segoe UI",Arial,sans-serif;color:#7a828d}@bottom-right{content:"Faqja " counter(page) " nga " counter(pages);font:8pt "Segoe UI",Arial,sans-serif;color:#7a828d}}
 html,body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 body>*:not(#printReport){display:none!important}
 #printReport{display:block;color:#18202a;font:9.5pt/1.45 "Segoe UI",Arial,Helvetica,sans-serif}
}
#printReport .pr-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:3px solid #d63a2a;margin-bottom:16px}
#printReport .pr-logo{height:17mm;width:auto;border-radius:6px}
#printReport .pr-title{flex:1}
#printReport .pr-title h1{margin:0;font-size:20pt;letter-spacing:.2px;color:#141a22}
#printReport .pr-title p{margin:2px 0 0;font-size:10.5pt;color:#4a5361}
#printReport .pr-meta{text-align:right;font-size:8.5pt;color:#667080;line-height:1.5}
#printReport .pr-meta b{color:#18202a}
#printReport h2{font-size:11pt;margin:20px 0 8px;color:#141a22;padding-left:8px;border-left:4px solid #d63a2a;break-after:avoid}
#printReport .pr-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#printReport .pr-kpi{border:1px solid #dfe3dc;border-radius:6px;padding:9px 11px;background:#f6f7f4;break-inside:avoid}
#printReport .pr-kpi span{display:block;font-size:8pt;color:#667080}
#printReport .pr-kpi strong{display:block;font-size:14pt;margin-top:2px;color:#141a22}
#printReport .pr-kpi.main{background:#141a22;border-color:#141a22}
#printReport .pr-kpi.main span{color:#aeb7c4}#printReport .pr-kpi.main strong{color:#fff}
#printReport .pr-kpi.neg strong{color:#d63a2a}
#printReport table{width:100%;border-collapse:collapse;font-size:8.8pt;font-variant-numeric:tabular-nums}
#printReport thead{display:table-header-group}
#printReport th{background:#141a22;color:#fff;font-weight:600;text-align:right;padding:6px 8px;font-size:8pt}
#printReport td{padding:5px 8px;border-bottom:1px solid #e4e7e1;text-align:right}
#printReport th:first-child,#printReport td:first-child{text-align:left}
#printReport th.l,#printReport td.l{text-align:left}
#printReport tbody tr:nth-child(even) td{background:#f8f9f6}
#printReport tr{break-inside:avoid}
#printReport tfoot td{font-weight:700;border-top:2px solid #141a22;border-bottom:0;background:#eef0ec!important}
#printReport .st-c{color:#1b7f5c;font-weight:600}#printReport .st-o{color:#9a6f05;font-weight:600}
#printReport .neg{color:#d63a2a;font-weight:600}
#printReport .pr-note{margin-top:14px;font-size:8.3pt;color:#667080}
#printReport .pr-sign{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;break-inside:avoid}
#printReport .pr-sign div{border-top:1px solid #8a919c;padding-top:4px;font-size:8.3pt;color:#667080}

/* Menu + faqet */
.top{position:relative}
.menubtn{width:46px;height:46px;border-radius:12px;background:var(--ink2);border:1px solid #2b3744;display:grid;place-items:center;padding:0;flex:none;margin-right:2px}
.menubtn:hover{border-color:var(--mustard)}
.menubtn i{display:block;width:20px;height:2px;background:#fff;border-radius:2px;box-shadow:0 -7px 0 #fff,0 7px 0 #fff}
@media(min-width:1300px){.menubtn{position:absolute;left:28px;top:50%;transform:translateY(-50%);margin:0}.menubtn:active{transform:translateY(-50%)}}
#drawerOv{position:fixed;inset:0;background:rgba(10,15,22,.55);z-index:80}
#drawer{position:fixed;top:0;left:0;bottom:0;width:min(330px,88vw);background:#fff;z-index:90;transform:translateX(-104%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:12px 0 40px rgba(0,0,0,.25);visibility:hidden}
#drawer.open{transform:none;visibility:visible}
body.locked #drawer,body.locked #drawerOv{display:none!important}
.dhead{display:flex;align-items:center;gap:12px;padding:18px 16px;background:var(--ink);color:#fff}
.dhead .dlogo{height:46px;width:auto;border-radius:10px;background:#fff;padding:2px}
.dhead b{display:block;font-size:16px}.dhead small{color:#9aa6b6;font-size:12.5px}
.dhead .dtxt{flex:1}
.dclose{background:var(--ink2);color:#fff;border:1px solid #2b3744;padding:8px 11px;border-radius:10px;font-size:14px;line-height:1}
.dlist{padding:12px;display:grid;gap:4px;overflow:auto}
.navitem{text-align:left;background:transparent;color:var(--text);padding:12px 14px;border-radius:var(--r-md);border:1.5px solid transparent;display:block;width:100%}
.navitem b{display:block;font-size:15px;font-weight:650}
.navitem small{display:block;color:var(--muted);font-size:12.5px;font-weight:400;margin-top:1px}
.navitem:hover{background:#f6f7f4}
.navitem.on{background:#141a22;color:#fff}.navitem.on small{color:#aeb7c4}
.dsep{height:1px;background:var(--line);margin:8px 6px}
.pagehead{margin-bottom:18px}
.pagehead h2{margin:0;font-size:26px;letter-spacing:-.4px}
.pagehead p{margin:4px 0 0;color:var(--muted);font-size:14px}
.page{display:none}.page.on{display:block}

/* Search */
.srbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px}
.srbar input[type=search]{width:100%;border:1.5px solid var(--line);background:#fafbf9;border-radius:var(--r-md);padding:14px 16px;font-size:17px;outline:none}
.srbar input[type=search]:focus{border-color:var(--ink);background:#fff}
.srbar select{border:1.5px solid var(--line);border-radius:var(--r-md);padding:0 12px;background:#fff;font:inherit}
.srsum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#f6f7f4;border-radius:var(--r-md);padding:12px 16px;margin-bottom:14px;font-weight:600}
.srsum strong{font-size:18px}
.srt td,.srt th{text-align:left}.srt td:last-child,.srt th:last-child{text-align:right}
.srt table{min-width:520px}
mark{background:#ffe08a;color:inherit;border-radius:3px;padding:0 1px}
.badge.t-shop{background:var(--red-soft);color:var(--red)}.badge.t-wal{background:#fff1c9;color:#7a5a05}.badge.t-adv{background:#e8ecf9;color:#2f4a9a}
@media(max-width:620px){.srbar{grid-template-columns:1fr 1fr}.srbar input[type=search]{grid-column:1/-1}}
/* Login */
body.locked header,body.locked main{display:none}
#lock{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(1200px 600px at 50% -10%,#243040,var(--ink));place-items:center;padding:20px;overflow:auto}
body.locked #lock,body.modal #lock{display:grid}
.lockcard{background:#fff;border-radius:22px;padding:28px 26px;width:min(420px,100%);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.lockcard .lockLogo{display:block;height:84px;width:auto;margin:0 auto 14px;border-radius:14px}
.lockcard h2{text-align:center;margin:0 0 4px;font-size:22px}
.locksub{text-align:center;color:var(--muted);font-size:13.5px;margin:0 0 18px}
.lockcard .field{margin-bottom:14px}
.lockcard input[type=password],.lockcard input[type=text]{width:100%;border:1.5px solid var(--line);background:#fafbf9;border-radius:var(--r-md);padding:13px 14px;font-size:16px;outline:none}
.lockcard input:focus{border-color:var(--ink);background:#fff}
.meter{height:6px;border-radius:99px;background:#eceee9;overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;width:0;border-radius:99px;transition:width .2s,background .2s}
.mtxt{font-size:12.5px;color:var(--muted);margin-top:5px;min-height:18px}
.lockrow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:2px 0 14px}
.lockrow input{width:auto}
.lockmsg{font-size:13.5px;color:var(--red);min-height:20px;margin:0 0 10px}
.lockmsg.ok{color:var(--green)}
.lockwarn{background:#fff7e0;border-radius:var(--r-md);padding:10px 12px;font-size:12.5px;color:#6b5412;margin-bottom:14px}
.lockcard .btn-main{width:100%;padding:14px}
.lockcard .btn-main:disabled{opacity:.55;cursor:not-allowed}
.linkbtn{background:none;color:var(--muted);padding:10px 4px;font-size:13px;font-weight:500;text-decoration:underline;display:block;margin:6px auto 0}
.linkbtn:hover{color:var(--text)}
.reccode{font:600 20px/1.4 ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;letter-spacing:1.5px;text-align:center;background:#f6f7f4;border:1.5px dashed var(--ink);border-radius:var(--r-md);padding:16px 10px;margin-bottom:12px;user-select:all;word-break:break-all}
.recbtns{display:flex;gap:10px;margin-bottom:14px}.recbtns button{flex:1;padding:10px}
.emailrow{display:flex;gap:8px}.emailrow button{padding:0 16px}
.hright{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hbtn{background:var(--ink2);border:1px solid #2b3744;color:#fff;padding:9px 14px;border-radius:var(--r-md);font-size:13px}
.hbtn:hover{border-color:var(--mustard)}

/* Header */
.top{background:var(--ink);color:#fff}
.top-in{max-width:1120px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.logo{height:56px;width:auto;border-radius:12px;background:#fff;padding:3px;display:block}
.brand h1{margin:0;font-size:18px;letter-spacing:.2px;font-weight:700}
.brand p{margin:0;font-size:12.5px;color:#9aa6b6}
.datepick{display:flex;align-items:center;gap:10px;background:var(--ink2);border:1px solid #2b3744;border-radius:var(--r-md);padding:6px 8px 6px 14px}
.datepick label{font-size:13px;color:#9aa6b6}
.datepick input{background:transparent;border:0;color:#fff;padding:6px 4px;outline:none;color-scheme:dark;font-weight:600}
.todaybtn{background:var(--mustard);color:var(--ink);padding:7px 14px;border-radius:var(--r-sm);font-size:13px}
.todaybtn:hover{background:#f7c256}
.datepick:focus-within{border-color:var(--mustard)}

main{max-width:1120px;margin:0 auto;padding:24px 20px 48px}

/* Hero */
.hero{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:28px;align-items:center;margin-bottom:20px}
.hero .lbl{font-size:13px;color:#9aa6b6}
.profit{font-size:clamp(40px,7vw,64px);font-weight:750;letter-spacing:-1.5px;line-height:1.05;margin:6px 0 0}

.sub{font-size:13px;color:#9aa6b6;margin-top:6px}
.split{display:grid;gap:14px}
.heromid{border-left:1px solid #2b3744;border-right:1px solid #2b3744;padding:0 24px}
.bothval{font-size:clamp(28px,4vw,38px);font-weight:750;letter-spacing:-.8px;line-height:1.1;margin:6px 0 0;color:var(--mustard)}
.fig{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid #2b3744}
.fig span:first-child{color:#9aa6b6;font-size:13.5px}
.fig strong{font-size:20px;font-weight:700}

.bar{height:10px;border-radius:99px;background:#2b3744;overflow:hidden;display:flex}
.bar i{display:block;height:100%;transition:width .35s ease}
.bar .b-exp{background:var(--red)}.bar .b-wal{background:var(--mustard)}
.barlegend{display:flex;justify-content:space-between;font-size:12px;color:#9aa6b6;margin-top:6px}

/* Cards */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.card h2{margin:0 0 4px;font-size:17px;font-weight:700}
.card .desc{margin:0 0 16px;font-size:13px;color:var(--muted)}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:500}
input[type=text],input[type=number]{width:100%;border:1.5px solid var(--line);background:#fafbf9;border-radius:var(--r-md);padding:12px 14px;outline:none;transition:border-color .15s,background .15s}
input[type=text]:focus,input[type=number]:focus{border-color:var(--ink);background:#fff}
.money{position:relative}
.money input{padding-right:34px;font-size:20px;font-weight:700}
.money::after{content:"€";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}
.money.small input{font-size:15px;font-weight:500}

button{border:0;border-radius:var(--r-md);padding:12px 18px;font-weight:650;cursor:pointer;transition:transform .08s,background .15s}
button:active{transform:translateY(1px)}
.btn-main{background:var(--ink);color:#fff}.btn-main:hover{background:#243040}
.btn-add{background:var(--red);color:#fff}.btn-add:hover{background:#bf3022}
.btn-ghost{background:#fff;border:1.5px solid var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--ink)}
.btn-del{background:transparent;color:var(--muted);padding:6px 10px;font-size:13px;font-weight:600;border-radius:var(--r-sm)}
.btn-del:hover{background:var(--red-soft);color:var(--red)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.status{margin:14px 0 0;font-size:13px;color:var(--muted);min-height:20px}
.status.ok{color:var(--green)}

/* Expenses */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{background:#f2f4f0;border:1.5px solid transparent;color:var(--text);padding:7px 13px;border-radius:99px;font-size:13px;font-weight:600}
.chip:hover{border-color:var(--ink);background:#fff}
.erow{display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:end}
.erow .field label{margin-bottom:6px}
.elist{margin-top:14px}
.expense{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.expense .nm{font-weight:600}
.expense .rt{display:flex;align-items:center;gap:6px}
.expense .am{font-weight:700}
.empty{color:var(--muted);text-align:center;padding:26px 10px;font-size:14px;border:1.5px dashed var(--line);border-radius:var(--r-md)}
.etotal{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;background:var(--red-soft);border-radius:var(--r-md);font-weight:700}
.etotal strong{color:var(--red);font-size:18px}

/* History */
.history{margin-top:20px}
.hhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.month{display:flex;gap:10px;align-items:center;background:var(--red-soft);color:var(--red);border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;font-weight:600}
.month.neg{background:var(--red-soft);color:var(--red)}
.month strong{font-size:17px}
.tw{overflow:auto;border:1px solid var(--line);border-radius:var(--r-md)}
table{border-collapse:collapse;width:100%;min-width:860px}
th,td{padding:13px 16px;text-align:right;font-size:14px;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
th{background:#f6f7f4;color:var(--muted);font-weight:600;font-size:12.5px;position:sticky;top:0}
tbody tr{cursor:pointer;transition:background .12s}
tbody tr:hover{background:#f6f7f4}
tbody tr.sel{background:#fff7e0}
tbody tr:last-child td{border-bottom:0}
td.tot{font-weight:700}
td.none{text-align:center;color:var(--muted);padding:30px}
.savebar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px;padding:16px 22px}
.savebar .actions{margin:0}.savebar .status{margin:0}
.till,.left{margin-top:20px}
.lfhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.lfhead h2{margin:0}
.lfmonth{margin-top:18px}.lfmonth[hidden]{display:none}
.lfmonth table{min-width:620px}
.trow.big strong.neg{color:var(--red)}
.tillgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.tillsum{background:#f6f7f4;border-radius:var(--r-md);padding:6px 18px}
.trow{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}
.trow span{color:var(--muted)}.trow strong{font-size:17px}
.trow.big{border:0}.trow.big span{color:var(--text);font-weight:700}.trow.big strong{font-size:26px;color:var(--green)}
@media(max-width:820px){.tillgrid{grid-template-columns:1fr;gap:16px}}
.foot{margin:18px 2px 0;font-size:12.5px;color:var(--muted)}


/* Overview */
.ov{margin-top:20px}
.ovhead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.tabs{display:inline-flex;background:#f2f4f0;border-radius:var(--r-md);padding:4px}
.tab{background:transparent;padding:8px 20px;border-radius:9px;font-size:14px;color:var(--muted)}
.tab[aria-pressed=true]{background:var(--ink);color:#fff}
.nav{display:flex;align-items:center;gap:8px}
.nav .lab{min-width:170px;text-align:center;font-weight:700}
.nav button{padding:8px 14px;background:#fff;border:1.5px solid var(--line);font-size:16px;line-height:1}
.nav button:hover{border-color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.kpi{background:#f6f7f4;border-radius:var(--r-md);padding:14px 16px}
.kpi span{display:block;font-size:12.5px;color:var(--muted)}
.kpi strong{display:block;font-size:20px;margin-top:2px}

.ovcols{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start}
.ovcols h3{margin:0 0 12px;font-size:14px;font-weight:700}
.chart{display:flex;gap:3px;align-items:stretch;height:170px}
.col{flex:1;position:relative;min-width:0;cursor:pointer;border-radius:4px}
.col:hover{background:#f2f4f0}
.col i{position:absolute;left:18%;right:18%;border-radius:4px}
.col i.shop{background:var(--red)}.col i.wal{background:var(--mustard)}
.col.sel{background:#fff1c9}
.axis{display:flex;gap:3px;margin-top:6px}
.axis span{flex:1;text-align:center;font-size:11px;color:var(--muted);min-width:0;overflow:hidden}
.axis span small{display:block;font-size:10px}
.cat{margin-bottom:12px}
.cat .t{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}
.cat .t b{font-weight:700}
.cat .tr{height:8px;border-radius:99px;background:#eceee9;overflow:hidden}
.cat .tr i{display:block;height:100%;background:var(--red);border-radius:99px}
.ovempty{color:var(--muted);font-size:14px;padding:6px 0}
#axis span,.axis span{white-space:nowrap;text-overflow:ellipsis}
@media(max-width:820px){.kpis{grid-template-columns:1fr 1fr}.ovcols{grid-template-columns:1fr}.nav .lab{min-width:130px}}

@media(max-width:820px){
 .hero{grid-template-columns:1fr;padding:22px}
 .heromid{border:0;border-top:1px solid #2b3744;border-bottom:1px solid #2b3744;padding:16px 0}
 .grid{grid-template-columns:1fr}
 .erow{grid-template-columns:1fr 110px}
 .erow .btn-add{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Telefon / ekrane të vogla ===== */
.srbar{grid-template-columns:minmax(0,1fr) auto auto}
.srbar select,.srbar input{min-width:0;max-width:100%}
.tw{-webkit-overflow-scrolling:touch}
.top-in{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
body.noscroll{overflow:hidden}
@media(max-width:820px){
 .field input,.erow input,.datepick input,.srbar select,#pdfRange,.lockcard input{font-size:16px}
 .money.small input{font-size:16px}
 .btn-del{padding:10px 12px}
 .tab{padding:10px 16px}
 .nav button{padding:10px 16px}
 .todaybtn{padding:9px 16px}
 .hhead>div:last-child{width:100%}
 .hhead select,.hhead .dd,.hhead .btn-main,.hhead .btn-ghost{flex:1 1 auto}
}
@media(max-width:700px){
 main{padding-left:14px;padding-right:14px}
 .card{padding:18px 16px}
 .hist table{min-width:0}
 .hist thead{display:none}
 .hist table,.hist tbody{display:block}
 .hist tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding:14px;border-bottom:1px solid var(--line)}
 .hist tr:last-child{border-bottom:0}
 .hist td{display:block;border:0;padding:0;text-align:left;font-size:15px;font-weight:600;min-width:0;overflow-wrap:anywhere}
 .hist td::before{content:attr(data-label);display:block;color:var(--muted);font-weight:500;font-size:11.5px;margin-bottom:1px}
 .hist td:first-child{grid-column:1/-1;font-weight:700;font-size:16px}
 .hist td:first-child::before{content:none}
 .hist td:last-child{grid-column:1/-1}
 .hist td.none{display:block;text-align:center}.hist td.none::before{content:none}
}
@media(max-width:620px){
 .srbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .srbar input[type=search]{grid-column:1/-1}
 .srt table,.srt tbody,.srt tr,.srt td{display:block}.srt table{min-width:0}.srt thead{display:none}
 .srt tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px;border-bottom:1px solid var(--line)}
 .srt tr:last-child{border-bottom:0}
 .srt td{border:0;padding:0;text-align:left!important}
 .srt td:nth-child(1){grid-column:1;grid-row:1;color:var(--muted);font-size:13px}
 .srt td:nth-child(2){grid-column:2;grid-row:1}
 .srt td:nth-child(3){grid-column:1;grid-row:2;font-weight:600;word-break:break-word}
 .srt td:nth-child(4){grid-column:2;grid-row:2;text-align:right!important}
 .srt td.none{grid-column:1/-1;grid-row:auto;text-align:center!important}
 .kpis{gap:8px}.kpi{padding:12px}.kpi strong{font-size:18px}
}

/* klasa që zëvendësojnë style="" (CSP strikte) */
.barlegend.tight{margin-top:-2px}
.desc.nomargin{margin:0}
.hactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}


/* Avancet aktive */
.aa-head h2{display:flex;align-items:center;gap:10px}
.aa-count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:var(--red-soft);color:var(--red);font-size:13px;font-weight:700}
.aa-list{display:grid;gap:10px}
.aa-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fafbf9;transition:border-color .15s,box-shadow .15s,transform .15s}
.aa-item:hover{border-color:#cfd4cc;background:#fff;box-shadow:0 6px 18px rgba(20,26,34,.06);transform:translateY(-1px)}
.aa-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;letter-spacing:.5px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}
.aa-mid{min-width:0}
.aa-name{font-weight:650;font-size:16px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-meta{font-size:12.5px;color:var(--muted);margin-top:2px}
.aa-prog{height:6px;border-radius:99px;background:#e6e9e3;margin-top:8px;overflow:hidden;max-width:240px}
.aa-prog i{display:block;height:100%;background:var(--green);border-radius:99px}
.aa-rt{display:flex;align-items:center;gap:10px}
.aa-am{font-weight:750;font-size:18px;color:var(--red);background:var(--red-soft);padding:6px 12px;border-radius:10px;white-space:nowrap}
.aa-btn{background:var(--ink);color:#fff;padding:8px 14px;font-size:13px;border-radius:10px}
.aa-btn:hover{background:#243040}
.aa-empty{display:flex;align-items:center;gap:12px;padding:18px;border:1.5px dashed var(--line);border-radius:16px;color:var(--muted)}
.aa-ok{width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-weight:800}
.aa-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:18px 20px;border-radius:16px;background:var(--ink);color:#fff}
.aa-tl{display:block;font-weight:650}
.aa-ts{display:block;font-size:12.5px;color:#9aa6b4;margin-top:2px}
.aa-total strong{font-size:26px;font-weight:780;letter-spacing:-.5px;color:var(--mustard)}
@media (max-width:560px){.aa-item{grid-template-columns:auto 1fr;}.aa-rt{grid-column:1/-1;justify-content:space-between}}

/* Dropdown profesional */
select.cs{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.dd{position:relative;display:inline-block;min-width:0}
.dd-btn{display:flex;align-items:center;gap:8px;width:100%;height:100%;min-height:46px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);padding:8px 12px 8px 14px;font:inherit;font-weight:600;color:var(--text);text-align:left;white-space:nowrap;box-shadow:0 1px 2px rgba(20,26,34,.04);transition:border-color .15s,box-shadow .15s,background .15s}
.dd-btn:hover{border-color:#c5cbc2;background:#fcfcfb}
.dd.open .dd-btn,.dd-btn:focus-visible{border-color:var(--ink);box-shadow:0 0 0 4px rgba(20,26,34,.07);outline:none}
.dd-btn:active{transform:none}
.dd-pre{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding-right:9px;border-right:1px solid var(--line)}
.dd-val{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden;text-overflow:ellipsis}
.dd-chev{display:grid;place-items:center;color:var(--muted);margin-left:2px;transition:transform .2s}
.dd.open .dd-chev{transform:rotate(180deg);color:var(--text)}
.dd-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.dd-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(320px,90vw);max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -12px rgba(20,26,34,.28),0 4px 10px rgba(20,26,34,.06);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:opacity .14s,transform .14s,visibility .14s}
.dd.right .dd-menu{left:auto;right:0;transform-origin:top right}
.dd.up .dd-menu{top:auto;bottom:calc(100% + 6px)}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-head{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:8px 10px 6px}
.dd-opt{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:9px;cursor:pointer;font-weight:550;color:var(--text);white-space:nowrap}
.dd-opt.act{background:#f2f4f0}
.dd-opt.on{color:var(--ink);font-weight:700}
.dd-t{flex:1}
.dd-ck{display:grid;place-items:center;color:var(--green);opacity:0}
.dd-opt.on .dd-ck{opacity:1}
.srbar .dd{display:block}
.hactions .dd{align-self:stretch}
@media (max-width:640px){.dd-btn{font-size:16px}}

.aa-tk{color:var(--text);font-weight:600}
.aa-amw{text-align:right}
.aa-aml{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}

.sotbtn{background:#fff;color:var(--ink)}
.sotbtn:hover{background:#f2f4f0}

/* Data: dita/muaji/viti */
.dwrap{position:relative;display:inline-flex;align-items:center}
.datepick input#date{color:transparent;caret-color:transparent;cursor:pointer}
.datepick input#date::-webkit-datetime-edit{color:transparent}
.datepick input#date::-webkit-calendar-picker-indicator{cursor:pointer}
.dshow{position:absolute;left:4px;top:50%;transform:translateY(-50%);color:#fff;font-weight:600;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.2px}

/* Grafiku me ngjyra për çdo shpenzim */
.chwrap{position:relative}
.chart{height:178px;align-items:flex-end;gap:6px;background:repeating-linear-gradient(to top,transparent 0 44px,#eef0ec 44px 45px);border-bottom:1px solid #d9ddd5}
.col{height:100%;border-radius:8px;transition:background .15s}
.col.nc{cursor:default}
.col .stack{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(70%,46px);display:flex;flex-direction:column-reverse;gap:2px;border-radius:6px 6px 2px 2px;overflow:hidden;transition:filter .15s}
.col .stack i{position:static;display:block;flex-basis:0;min-height:2px;border-radius:0}
.col:hover .stack{filter:brightness(1.06) saturate(1.05)}
.col.sel{background:#fff6dc}
.col .cv{position:absolute;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.axis{gap:6px;margin-top:8px}
.chtip{position:absolute;bottom:calc(100% + 8px);z-index:20;min-width:180px;max-width:260px;background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 14px 30px -10px rgba(20,26,34,.45);pointer-events:none;font-size:13px}
.tt-h{font-weight:700;margin-bottom:6px;color:#fff}
.tt-n{color:#9aa6b4}
.tt-r{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:2px 0;color:#dfe4ea}
.tt-r i{width:10px;height:10px;border-radius:3px}
.tt-r b{color:#fff;font-weight:700}
.tt-t{border-top:1px solid #2b3744;margin-top:5px;padding-top:6px}
.chlegend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:12.5px;color:var(--text);font-weight:550}
.chlegend span{display:inline-flex;align-items:center;gap:6px}
.chlegend i,.cat .cn i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.cat .t{align-items:center;gap:8px}
.cat .cn{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0}
.cat .t em{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}
.chart.dense,.axis.dense{gap:3px}
.axis.dense span{overflow:visible;text-overflow:clip}
.col .stack{min-width:4px}

/* Gjatë kontrollit të sesionit (p.sh. pas refresh): mos shfaq hyrjen, shfaq faqen */
/* Gjatë kontrollit (p.sh. pas refresh): pa hyrje -> vetëm sfondi i errët; i hyrë më parë -> faqja */
body.booting #lock .lockcard{visibility:hidden}
html.warm body.booting #lock{display:none!important}
html.warm body.booting.locked header,html.warm body.booting.locked main{display:block}

/* Data në telefona të vegjël: shiriti i datës zë gjithë gjerësinë dhe nuk del jashtë ekranit */
@media(max-width:480px){
 .hright{width:100%}
 .datepick{width:100%;min-width:0;gap:6px;padding:5px 6px 5px 10px}
 .datepick label{display:none}
 .dwrap{flex:1;min-width:0}
 .datepick input#date{width:100%;min-width:0}
 .todaybtn{padding:9px 12px;flex:none}
}

/* Përmbledhja e ditës nën Cash */
.till + .hero{margin-top:20px}

/* Kalendari i programit */
.datepick{position:relative}
.datepick input#date{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.dbtn{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#fff;padding:6px 4px;border-radius:8px;font:inherit;font-weight:600}
.dbtn:hover{background:rgba(255,255,255,.06)}
.dbtn svg{color:#c9d2dc}
.dbtn .dshow{position:static;transform:none;pointer-events:none}
.cal{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:300px;background:#fff;color:var(--text);border-radius:16px;padding:12px;box-shadow:0 24px 48px -16px rgba(20,26,34,.45),0 4px 12px rgba(20,26,34,.08);border:1px solid var(--line)}
.cal[hidden]{display:none}
.cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cal-t{font-weight:700;font-size:15px}
.cal-nav{width:34px;height:34px;padding:0;border-radius:10px;background:#f2f4f0;color:var(--text);font-size:18px;line-height:1}
.cal-nav:hover{background:#e6e9e3}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-wd{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:4px 0}
.cal-d{height:36px;padding:0;border-radius:10px;background:transparent;color:var(--text);font-weight:600;font-size:14px;border:1.5px solid transparent}
.cal-d:hover{background:#f2f4f0}
.cal-d.open{background:#fff1c9;color:#7a5a05}
.cal-d.closed{background:var(--green);color:#fff}
.cal-d.closed:hover{background:#166b4d}
.cal-d.today{border-color:var(--ink)}
.cal-d.sel{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mustard)}
.cal-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.cal-lg{display:flex;gap:12px;font-size:12px;color:var(--muted);font-weight:600}
.cal-lg span{display:inline-flex;align-items:center;gap:6px}
.cal-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.cal-dot.closed{background:var(--green)}.cal-dot.open{background:#f1c75a}
.cal-today{background:var(--ink);color:#fff;padding:7px 12px;font-size:13px;border-radius:9px}
.cal-sum{margin-top:8px;font-size:12px;color:var(--muted)}
@media(max-width:480px){
 .cal{position:fixed;left:12px;right:12px;top:auto;width:auto;margin-top:0}
 .dbtn{width:100%;justify-content:space-between}
 .cal-d{height:40px}
}

/* Udhëzimi për iPhone (Add to Home Screen) */
.iosmodal{position:fixed;inset:0;z-index:120;background:rgba(10,14,20,.55);display:grid;place-items:end center;padding:16px}
.iosmodal[hidden]{display:none}
.iosbox{width:min(420px,100%);background:#fff;border-radius:20px;padding:22px;text-align:center;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);margin-bottom:env(safe-area-inset-bottom)}
.iosbox img{border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.iosbox h3{margin:12px 0 10px;font-size:18px}
.iosbox ol{text-align:left;margin:0 0 16px;padding-left:22px;color:var(--text);font-size:14.5px;line-height:1.6}
.iosbox .btn-main{width:100%}
.navitem[hidden]{display:none}

/* iPhone/Android (ekran i plotë): koka nuk hyn nën shiritin e orës dhe baterisë */
.top{padding-top:env(safe-area-inset-top)}
#lock{padding-top:max(20px,env(safe-area-inset-top))}