*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#1a1a1c;--bg2:#222224;--bg3:#2c2c2e;--bg4:#3a3a3c;--mo:#A47764;--mo2:#b8907e;--qu:#AAB9B1;--ch:#E5D48A;--du:#4C5578;--du2:#6b7399;--co:#c75b3f;--t1:#f5f0eb;--t2:#d4ccc4;--t3:#9a9490;--r:12px;--rs:8px}
[data-theme=light]{--bg:#f5f2ed;--bg2:#fff;--bg3:#f0ece6;--bg4:#ddd8d0;--t1:#1a1a1c;--t2:#3a3a3c;--t3:#7a7470}
html{font-size:16px}
body{height:100%;overflow:hidden;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--t1);font-size:15px;display:flex}
a{color:var(--ch);text-decoration:none}a:hover{text-decoration:underline}[data-theme=light] a{color:var(--du)}
.sidebar{width:280px;min-width:280px;background:var(--bg2);border-right:1px solid var(--bg4);display:flex;flex-direction:column;height:100vh;overflow:hidden}
.sl{padding:16px;border-bottom:1px solid var(--bg4);display:flex;align-items:center;gap:12px}
.sl img{width:48px;height:48px;border-radius:50%;border:2px solid var(--mo)}
.sl div{font-size:13px;color:var(--t2);line-height:1.4}.sl b{color:var(--t1);font-size:15px}.sl .sub{font-size:11px;color:var(--mo);font-weight:600;letter-spacing:0.5px}
.sn{flex:1;padding:6px 8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}
.ss{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ff751f;padding:10px 14px 4px}
.si{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--rs);cursor:pointer;font-size:15px;font-weight:500;color:var(--t2);margin-bottom:2px}
.si:hover{background:var(--bg3);color:var(--t1)}.si.on{background:var(--mo);color:#fff}.si .ic{width:22px;text-align:center;font-size:15px}
.sk{padding:8px;border-top:1px solid var(--bg4)}
.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%}
.sk a{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:var(--rs);font-size:12px;font-weight:600;color:var(--ch);text-decoration:none;background:var(--bg3);border:1px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sk a:hover{background:var(--bg4);border-color:var(--ch);text-decoration:none}
[data-theme=light] .sk a{color:var(--du)}
.app-links{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 6px}
.app-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--rs);font-size:10px;color:var(--t3);text-decoration:none;font-weight:500}
.app-link:hover{background:var(--bg3);color:var(--t1);text-decoration:none}.app-icon{font-size:22px}
.main{flex:1;display:flex;flex-direction:column;overflow:hidden}
.topbar{height:180px;background:var(--bg2);border-bottom:1px solid var(--bg4);display:flex;align-items:center;padding:12px 28px;position:relative;flex-shrink:0}
.tl{display:flex;flex-direction:column;gap:0}.tc{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.td{font-size:14px;color:var(--t3)}
.tm{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.tm img{height:120px;margin-top:5px}.tm span{font-size:18px;color:#ff751f;letter-spacing:5px;text-transform:uppercase;margin-top:4px;font-weight:700;text-shadow:0 1px 8px rgba(255,117,31,.3)}
.tr{margin-left:auto;display:flex;align-items:center;gap:12px}
.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}
.theme-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:4px;color:var(--t3)}
.page{display:none}.page.active{display:block;padding:28px;box-sizing:border-box;min-height:100%}
#p-rech.active{display:flex!important;flex-direction:column;height:calc(100vh - 180px)}
#p-komm.active{display:flex!important;flex-direction:column;height:calc(100vh - 180px)}
#p-euer.active{display:flex!important;flex-direction:column;height:calc(100vh - 180px)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.c{background:var(--bg2);border:1px solid var(--bg4);border-radius:var(--r);padding:14px}.c:hover{border-color:rgba(164,119,100,.4)}
.ch{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ff751f;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}
.se{margin-bottom:14px}
.m{text-align:center;padding:24px;cursor:pointer}.m:hover{border-color:var(--mo);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
.m .v{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:var(--ch);line-height:1}
.m .l{font-size:15px;color:var(--t2);margin-top:6px}.m .s{font-size:12px;color:var(--t3);margin-top:3px}
.b{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
.bg{background:rgba(170,185,177,.15);color:var(--qu);border:1px solid rgba(170,185,177,.3)}
.by{background:rgba(229,212,138,.15);color:var(--ch);border:1px solid rgba(229,212,138,.3)}
.br{background:rgba(199,91,63,.15);color:var(--co);border:1px solid rgba(199,91,63,.3)}
.pg{height:7px;background:var(--bg4);border-radius:4px;overflow:hidden;margin-top:5px}.pb{height:100%;border-radius:4px}
.sc{padding:14px;background:var(--bg3);border-radius:var(--rs);margin-bottom:7px;border-left:3px solid var(--mo);cursor:pointer;font-size:14px;line-height:1.5}.sc:hover{background:var(--bg4)}
.inp{width:100%;padding:8px 10px;border-radius:var(--rs);border:1px solid var(--bg4);background:var(--bg3);color:var(--t1);font-size:14px;font-family:'DM Sans';outline:none}.inp:focus{border-color:var(--mo)}
.il{font-size:11px;color:var(--t3);display:block;margin-bottom:3px;font-weight:500}
.tabs{display:flex;gap:3px;margin-bottom:16px;flex-wrap:wrap}
.tab{padding:8px 16px;border-radius:var(--rs);font-size:13px;font-weight:600;cursor:pointer;background:var(--bg3);color:var(--t3);border:1px solid transparent}.tab:hover{color:var(--t1);background:var(--bg4)}.tab.on{background:var(--mo);color:#fff}
.lb{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--rs);font-size:12px;font-weight:600;background:var(--bg3);color:var(--ch);border:1px solid var(--bg4);cursor:pointer;text-decoration:none}.lb:hover{background:var(--bg4);border-color:var(--ch);text-decoration:none}
[data-theme=light] .lb{color:var(--du)}
.tbl-wrap{overflow-x:auto;overflow-y:auto;border:1px solid var(--bg4);border-radius:var(--r);scrollbar-width:thin}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
table.tbl th{text-align:left;padding:12px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#ff751f;border-bottom:2px solid #ff751f;position:sticky;top:0;background:var(--bg2);z-index:1}
table.tbl td{padding:10px 14px;border-bottom:1px solid rgba(58,58,60,.35)}
table.tbl tr:hover td{background:rgba(164,119,100,.08)}
table.tbl tr:nth-child(even) td{background:rgba(164,119,100,.03)}
table.tbl tr:nth-child(even):hover td{background:rgba(164,119,100,.08)}
.st{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;margin-bottom:16px;color:#ff751f}
.fb{padding:18px;border-radius:var(--r);text-align:center}.fb .fv{font-size:34px;font-family:'Playfair Display',serif;font-weight:700;line-height:1}.fb .fl{font-size:11px;margin-top:5px}
.fg{background:rgba(170,185,177,.1);border:2px solid rgba(170,185,177,.35)}.fg .fv{color:var(--qu)}.fg .fl{color:var(--qu)}
.fy{background:rgba(229,212,138,.1);border:2px solid rgba(229,212,138,.35)}.fy .fv{color:var(--ch)}.fy .fl{color:var(--ch)}
.loading{text-align:center;padding:40px;color:var(--t3);font-size:14px}
.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--bg4);border-top-color:var(--mo);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.fm{background:rgba(164,119,100,.1);border:2px solid rgba(164,119,100,.35)}.fm .fv{color:var(--mo2)}.fm .fl{color:var(--mo2)}
.fw{background:rgba(245,240,235,.05);border:2px solid rgba(245,240,235,.15)}.fw .fv{color:var(--t1)}.fw .fl{color:var(--t2)}

@media(max-width:1100px){.sidebar{width:56px;min-width:56px}.si span:not(.ic){display:none}.sl div,.sk,.ss{display:none}.tm span{display:none}.g2,.g3{grid-template-columns:1fr}}




.fba-kpi-marge{background:rgba(229,212,138,.15)!important;border:2px solid rgba(229,212,138,.4)}
.fba-kpi-marge .fv{color:var(--ch)!important}
.fba-kpi-green{background:rgba(40,180,80,.15)!important;border:2px solid rgba(40,180,80,.5)}
.fba-kpi-green .fv{color:#28b450!important}
.fba-kpi-red{background:rgba(220,60,60,.12)!important;border:2px solid rgba(220,60,60,.4)}
.fba-kpi-red .fv{color:#dc3c3c!important}
.fba-hoch-box{margin-top:10px;background:rgba(229,212,138,.08);border:1.5px solid rgba(229,212,138,.25);border-radius:var(--r);padding:12px}
.fba-hoch-box .ch{background:none!important;padding-left:0!important;color:var(--ch)!important}
.fba-hoch-row{font-size:14px;padding:7px 12px;background:rgba(229,212,138,.06);border-radius:var(--rs);display:flex;justify-content:space-between;margin-bottom:3px;font-weight:600}
.fba-hoch-row span:last-child{color:var(--ch);font-weight:700;font-variant-numeric:tabular-nums}
.fba-hoch-total{font-size:15px;padding:9px 12px;background:rgba(229,212,138,.18);border:1.5px solid rgba(229,212,138,.35);border-radius:var(--rs);display:flex;justify-content:space-between;margin-bottom:3px;font-weight:700}
.fba-hoch-total span:last-child{color:var(--ch);font-weight:800}
#p-fba.active{display:flex!important;flex-direction:column;max-height:calc(100vh - 200px);overflow:hidden}
#p-fba .st{flex-shrink:0}
#p-fba > div:nth-child(2){flex-shrink:0}
#p-fba > .tabs{flex-shrink:0}
#p-fba > .g2{flex:1;overflow-y:auto;border-radius:0 0 var(--r) var(--r);padding-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--mo) transparent}
#p-fba > .g2::-webkit-scrollbar{width:6px}
#p-fba > .g2::-webkit-scrollbar-thumb{background:var(--mo);border-radius:3px}
#p-fba > .g2::-webkit-scrollbar-track{background:transparent}
#p-fba .il{font-size:11px;margin-bottom:2px}
#p-fba .inp{padding:7px 10px;font-size:13px}
#p-fba .ch{font-size:14px;margin-bottom:8px;margin-top:0;padding:7px 10px}
#p-fba .c{padding:14px}
#p-fba .g2{gap:12px}
.fba-row{font-size:13px;padding:5px 12px;background:var(--bg3);border-radius:var(--rs);display:flex;justify-content:space-between;margin-bottom:2px;color:var(--t2)}
.fba-row span:last-child{color:var(--ch);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.fba-bold{font-weight:600}
.fba-sub{font-weight:600;color:var(--co)!important}
.fba-sub span:first-child{color:var(--co)}
.fba-detail{font-size:12px;padding:3px 12px;opacity:.7}
.fba-detail span:last-child{font-weight:400}
.fba-highlight{font-size:14px;font-weight:700;padding:7px 12px;background:rgba(229,212,138,.12);border:1px solid rgba(229,212,138,.3)}