:root{ color-scheme:light; --wm-ink:#11110f;--wm-muted:#6e706b;--wm-muted-soft:#92958f; --wm-paper:#fff;--wm-canvas:#f5f5f2;--wm-canvas-strong:#ecece7; --wm-green:#277a6e;--wm-green-dark:#1d5f57;--wm-green-soft:#e5f1ee; --wm-yellow:#ffca43;--wm-yellow-soft:#fff3c4;--wm-navy:#16112f; --wm-danger:#b5482a;--wm-danger-soft:#fff0ec;--wm-success:#277a6e; --wm-line:rgba(17,17,15,.09);--wm-line-strong:rgba(17,17,15,.16);--wm-white-line:rgba(255,255,255,.13); --wm-card-bg:rgba(255,255,255,.92);--wm-card-edge:rgba(255,255,255,.94); --wm-surface:#fff;--wm-surface-hover:#fff;--wm-glass:rgba(250,250,248,.88); --wm-warning-text:#765500;--wm-error-text:#a13b25;--wm-icon-muted:#34342f; --wm-shadow-xs:0 8px 24px rgba(24,29,27,.06);--wm-shadow-sm:0 14px 45px rgba(24,29,27,.075); --wm-shadow:0 24px 70px rgba(24,29,27,.10);--wm-shadow-lg:0 34px 110px rgba(20,27,24,.14); --wm-radius-xs:10px;--wm-radius-sm:14px;--wm-radius-md:18px;--wm-radius-card:24px;--wm-radius-lg:32px;--wm-radius-pill:999px; --wm-control-height:48px;--wm-page-width:1180px; --wm-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif; --wm-ease:cubic-bezier(.2,.75,.25,1); --ink:var(--wm-ink);--muted:var(--wm-muted);--paper:var(--wm-paper);--canvas:var(--wm-canvas); --green:var(--wm-green);--green2:var(--wm-green-dark);--green-soft:var(--wm-green-soft); --yellow:var(--wm-yellow);--navy:var(--wm-navy);--red:var(--wm-danger);--line:var(--wm-line);--shadow:var(--wm-shadow); } /* Dark-Mode-Palette: greift automatisch bei Systempraeferenz, sofern die Person keine explizite Wahl getroffen hat (siehe theme-toggle in app-shell.js, das [data-theme] auf setzt und in localStorage merkt). */ @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ color-scheme:dark; --wm-ink:#f1f1ec;--wm-muted:#a6a89f;--wm-muted-soft:#797b74; --wm-paper:#1c1c22;--wm-canvas:#121216;--wm-canvas-strong:#1a1a20; --wm-green:#3fae9c;--wm-green-dark:#8fe0cf;--wm-green-soft:rgba(63,174,156,.16); --wm-yellow:#ffd166;--wm-yellow-soft:rgba(255,209,102,.14); --wm-danger:#e2694a;--wm-danger-soft:rgba(226,105,74,.14);--wm-success:#3fae9c; --wm-line:rgba(255,255,255,.10);--wm-line-strong:rgba(255,255,255,.18); --wm-card-bg:#1a1a20;--wm-card-edge:rgba(255,255,255,.10); --wm-surface:#1e1e25;--wm-surface-hover:#262630;--wm-glass:rgba(18,18,22,.82); --wm-warning-text:#e0c069;--wm-error-text:#ff9478;--wm-icon-muted:#d8d8d2; } } :root[data-theme="dark"]{ color-scheme:dark; --wm-ink:#f1f1ec;--wm-muted:#a6a89f;--wm-muted-soft:#797b74; --wm-paper:#1c1c22;--wm-canvas:#121216;--wm-canvas-strong:#1a1a20; --wm-green:#3fae9c;--wm-green-dark:#8fe0cf;--wm-green-soft:rgba(63,174,156,.16); --wm-yellow:#ffd166;--wm-yellow-soft:rgba(255,209,102,.14); --wm-danger:#e2694a;--wm-danger-soft:rgba(226,105,74,.14);--wm-success:#3fae9c; --wm-line:rgba(255,255,255,.10);--wm-line-strong:rgba(255,255,255,.18); --wm-card-bg:#1a1a20;--wm-card-edge:rgba(255,255,255,.10); --wm-surface:#1e1e25;--wm-surface-hover:#262630;--wm-glass:rgba(18,18,22,.82); --wm-warning-text:#e0c069;--wm-error-text:#ff9478;--wm-icon-muted:#d8d8d2; } *,*::before,*::after{box-sizing:border-box} html{font-family:var(--wm-font);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--wm-canvas)} body{margin:0;color:var(--wm-ink);background:var(--wm-canvas);font-family:var(--wm-font)} body.wm-page{min-height:100vh;background:radial-gradient(circle at 78% -8%,rgba(39,122,110,.10),transparent 31%),radial-gradient(circle at 10% 4%,rgba(255,202,67,.08),transparent 24%),var(--wm-canvas)} button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit}img{max-width:100%} ::selection{background:rgba(39,122,110,.18)} :focus-visible{outline:3px solid rgba(39,122,110,.25);outline-offset:2px} input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--wm-green)!important;box-shadow:0 0 0 4px rgba(39,122,110,.11)!important} .app-bar,.wm-topbar{min-height:62px;padding:10px max(18px,calc((100vw - var(--wm-page-width))/2));display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:100;background:var(--wm-glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--wm-line);color:var(--wm-ink)} .app-brand,.wm-brand{display:flex;align-items:center;gap:10px;color:var(--wm-ink);text-decoration:none;font-size:14px;font-weight:780;letter-spacing:-.025em} .app-mark,.wm-brand-mark.wm-brand-mark{width:31px!important;height:31px!important;border-radius:10px!important;background:var(--wm-navy)!important;color:var(--wm-yellow)!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(22,17,47,.16)!important} .app-context{padding-left:17px;border-left:1px solid var(--wm-line);font-size:13px;font-weight:720;color:var(--wm-muted)} .app-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.app-actions a,.app-link{color:var(--wm-muted);text-decoration:none;font-size:13px;font-weight:680}.app-actions a:hover,.app-link:hover{color:var(--wm-ink)} .wm-site-menu{position:relative;flex:0 0 auto}.wm-site-menu__trigger{min-height:38px;border:1px solid var(--wm-line);border-radius:999px;background:var(--wm-glass);color:var(--wm-ink);padding:8px 13px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:760;cursor:pointer;box-shadow:0 6px 18px rgba(22,17,47,.04);transition:.18s var(--wm-ease)}.wm-site-menu__trigger:hover,.wm-site-menu.is-open .wm-site-menu__trigger{background:var(--wm-surface);border-color:var(--wm-line-strong);box-shadow:var(--wm-shadow-xs)}.wm-site-menu__dots{width:17px;height:17px;display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:3px;place-content:center}.wm-site-menu__dots i{display:block;width:5px;height:5px;border-radius:2px;background:var(--wm-green)}.wm-site-menu__panel[hidden]{display:none}.wm-site-menu__panel{position:absolute;z-index:500;right:0;top:calc(100% + 11px);width:min(410px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 84px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px;background:var(--wm-surface);border:1px solid var(--wm-line);border-radius:24px;box-shadow:0 28px 85px rgba(18,20,18,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:var(--wm-ink)}.wm-site-menu__panel-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 12px}.wm-site-menu__panel-head>div{display:flex;flex-direction:column;gap:3px}.wm-site-menu__panel-head span{color:var(--wm-green);font-size:9px;font-weight:850;letter-spacing:.15em}.wm-site-menu__panel-head strong{font-size:19px;letter-spacing:-.035em}.wm-site-menu__panel-head button{width:34px;height:34px;border:1px solid var(--wm-line);border-radius:50%;background:var(--wm-canvas);color:var(--wm-ink);font-size:22px;line-height:1;cursor:pointer}.wm-site-menu__group{padding:11px 5px;border-top:1px solid var(--wm-line)}.wm-site-menu__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.wm-site-menu__group-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.wm-site-menu__group-head span{color:var(--wm-muted-soft);font-size:10px}.wm-site-menu__links{display:grid;gap:3px}.wm-site-menu__link{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px!important;border-radius:13px;color:var(--wm-ink)!important;text-decoration:none!important}.wm-site-menu__link:hover,.wm-site-menu__link.is-active{background:var(--wm-canvas)}.wm-site-menu__link.is-active{box-shadow:inset 3px 0 var(--wm-green)}.wm-site-menu__link i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--wm-green-soft);color:var(--wm-green-dark);font-style:normal;font-size:13px;font-weight:850}.wm-site-menu__link>span{min-width:0;display:flex;flex-direction:column;gap:2px}.wm-site-menu__link strong{font-size:12.5px}.wm-site-menu__link small{color:var(--wm-muted);font-size:10.5px;line-height:1.3}.wm-site-menu__link b{color:var(--wm-green);font-size:16px}.wm-site-menu__footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 5px 3px;border-top:1px solid var(--wm-line)}.wm-site-menu__footer a{font-size:11.5px!important;font-weight:760!important;color:var(--wm-green-dark)!important}.wm-site-menu__footer a:last-child{color:var(--wm-muted)!important}.nav-links>.wm-site-menu .wm-site-menu__trigger{background:var(--wm-glass)} /* Kontextmenü: Jede Rolle sieht nur die für ihren Arbeitsfluss relevanten Ziele. */ .wm-site-menu__trigger{min-height:42px;border-color:rgba(17,17,15,.07);background:var(--wm-surface);padding:9px 14px;box-shadow:0 8px 24px rgba(22,17,47,.07)}.wm-site-menu__dots{width:18px;height:18px;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);gap:4px}.wm-site-menu__dots i{border-radius:50%}.wm-site-menu__panel{width:min(390px,calc(100vw - 28px));padding:12px;background:var(--wm-surface);border-color:var(--wm-line);border-radius:23px;box-shadow:0 30px 90px rgba(17,17,15,.22);backdrop-filter:none;-webkit-backdrop-filter:none;animation:wm-menu-in .2s var(--wm-ease)}.wm-site-menu[data-profile="guest"] .wm-site-menu__panel{width:min(360px,calc(100vw - 28px))}.wm-site-menu__panel-head{padding:5px 6px 12px}.wm-site-menu__panel-head>div{gap:4px}.wm-site-menu__panel-head span{font-size:9px}.wm-site-menu__panel-head strong{font-size:22px}.wm-site-menu__panel-head button{width:38px;height:38px;background:var(--wm-canvas);border-color:transparent;color:var(--wm-icon-muted)}.wm-site-menu__group{margin-top:7px;padding:8px;border:0;border-radius:18px;background:var(--wm-canvas)}.wm-site-menu__group-head{padding:3px 5px 7px;margin:0}.wm-site-menu__group-head strong{font-size:10px}.wm-site-menu__group-head span{font-size:9.5px}.wm-site-menu__links{gap:5px}.wm-site-menu__link{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;min-height:61px;padding:9px!important;border:1px solid transparent;border-radius:14px}.wm-site-menu__link:hover{background:var(--wm-surface-hover)}.wm-site-menu__link.is-active{background:var(--wm-surface-hover);border-color:rgba(39,122,110,.11);box-shadow:0 7px 20px rgba(31,54,48,.07)}.wm-site-menu__link i{width:42px;height:42px;border-radius:13px}.wm-site-menu__link i svg{width:21px;height:21px}.wm-site-menu__link strong{font-size:13.5px;letter-spacing:-.012em}.wm-site-menu__link small{font-size:10.5px}.wm-site-menu__link b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(39,122,110,.07);font-size:13px}.wm-site-menu__link em{border-radius:999px;padding:5px 7px;background:var(--wm-green-soft);color:var(--wm-green-dark);font-size:8.5px;font-style:normal;font-weight:850;letter-spacing:.03em}.wm-site-menu__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:8px;padding:10px 7px 2px;border-top:1px solid var(--wm-line)}.wm-site-menu__footer a{display:inline-flex!important;align-items:center;gap:5px;padding:4px 0!important}.wm-site-menu__footer a:last-child{color:var(--wm-muted)!important}@keyframes wm-menu-in{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}} .wm-container{width:min(var(--wm-page-width),calc(100% - 40px));margin-inline:auto}.wm-section{padding-block:clamp(76px,10vw,124px)} .wm-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--wm-green);font-size:12px;font-weight:830;letter-spacing:.14em;text-transform:uppercase} .wm-title{margin:0;color:var(--wm-ink);font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.058em;font-weight:770} .wm-lead{margin:18px 0 0;color:var(--wm-muted);font-size:clamp(16px,2vw,20px);line-height:1.58} .wm-card{background:var(--wm-card-bg);border:1px solid var(--wm-card-edge);border-radius:var(--wm-radius-card);box-shadow:var(--wm-shadow-sm)} .wm-card--flat{box-shadow:none;border-color:var(--wm-line)}.wm-card--dark{background:var(--wm-navy);border-color:rgba(255,255,255,.08);color:#fff;box-shadow:0 24px 70px rgba(22,17,47,.18)} .wm-divider{border:0;border-top:1px solid var(--wm-line)} .wm-button.wm-button{min-height:var(--wm-control-height);border:1px solid transparent;border-radius:var(--wm-radius-sm);padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:14px;font-weight:770;line-height:1.2;cursor:pointer;transition:transform .18s var(--wm-ease),filter .18s ease,box-shadow .18s ease,background .18s ease} .wm-button.wm-button:hover{filter:brightness(1.035);transform:translateY(-1px)}.wm-button.wm-button:active{transform:scale(.98)}.wm-button.wm-button:disabled{opacity:.52;cursor:not-allowed;transform:none} .wm-button--primary.wm-button--primary{background:var(--wm-navy);color:#fff;box-shadow:0 11px 25px rgba(22,17,47,.16)} .wm-button--accent.wm-button--accent{background:var(--wm-yellow);color:var(--wm-navy);box-shadow:0 11px 24px rgba(255,202,67,.18)} .wm-button--secondary.wm-button--secondary{background:var(--wm-surface);color:var(--wm-ink);border-color:var(--wm-line)} .wm-button--ghost.wm-button--ghost{background:transparent;color:var(--wm-muted);border-color:var(--wm-line-strong);box-shadow:none} .wm-button--pill.wm-button--pill{border-radius:var(--wm-radius-pill);padding-inline:22px}.wm-button--block.wm-button--block{width:100%} .wm-text-button{border:0;background:transparent;color:var(--wm-green-dark);padding:8px 2px;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none} .wm-field{display:grid;gap:7px;margin-block:15px}.wm-label,.wm-field>label{color:var(--wm-ink);font-size:12px;font-weight:750} .wm-input.wm-input,.wm-select.wm-select,.wm-field>input,.wm-field>select{width:100%;min-height:var(--wm-control-height);border:1px solid var(--wm-line-strong);border-radius:var(--wm-radius-sm);background:var(--wm-paper);color:var(--wm-ink);padding:11px 14px;outline:none} .wm-help-text{color:var(--wm-muted-soft);font-size:11.5px;line-height:1.45} .app-pill,.wm-badge{display:inline-flex;align-items:center;gap:7px;border-radius:var(--wm-radius-pill);padding:7px 11px;background:var(--wm-green-soft);color:var(--wm-green-dark);font-size:11px;font-weight:780} .app-pill::before,.wm-badge--live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wm-green);box-shadow:0 0 0 4px rgba(39,122,110,.08)} .wm-badge--warning{background:var(--wm-yellow-soft);color:var(--wm-warning-text)}.wm-status{border-radius:var(--wm-radius-sm);padding:11px 13px;font-size:13px;line-height:1.45} .wm-status--error{background:var(--wm-danger-soft);color:var(--wm-error-text);border:1px solid rgba(181,72,42,.12)}.wm-status--success{background:var(--wm-green-soft);color:var(--wm-green-dark);border:1px solid rgba(39,122,110,.15)} .wm-status--warning{background:var(--wm-yellow-soft);color:var(--wm-warning-text);border:1px solid rgba(118,85,0,.13)} .wm-empty{padding:38px 18px;color:var(--wm-muted);font-size:13px;text-align:center} .ds-auth-page,.wm-auth-page{min-height:calc(100vh - 62px)!important;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(circle at 70% 0,rgba(39,122,110,.13),transparent 35%),var(--wm-canvas)!important;font-family:var(--wm-font)!important} .ds-auth-card,.wm-auth-card.wm-auth-card{width:min(450px,100%);background:var(--wm-card-bg)!important;border-radius:28px!important;padding:32px!important;border:1px solid var(--wm-card-edge)!important;box-shadow:var(--wm-shadow)!important} .wm-dialog.wm-dialog{background:var(--wm-paper);border:1px solid var(--wm-card-edge);border-radius:var(--wm-radius-card);box-shadow:var(--wm-shadow-lg)} .wm-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,6,25,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:16px} .admin-page,.pos-page{background:radial-gradient(circle at 75% -5%,rgba(39,122,110,.09),transparent 32%),var(--wm-canvas)!important;font-family:var(--wm-font)!important} .admin-form>section,.pos-cart,.topup-card{border-radius:var(--wm-radius-card)!important;border:1px solid var(--wm-card-edge)!important;box-shadow:var(--wm-shadow-sm)!important} .admin-preview-stage{border-radius:var(--wm-radius-card)!important}.wallet-phone{font-family:var(--wm-font)!important} .ds-help-button{width:auto;min-width:44px;height:44px;border-radius:var(--wm-radius-pill);border:1px solid var(--wm-line);background:var(--wm-surface);color:var(--wm-ink);padding:0 15px;font-weight:760;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px} .ds-help-button:hover{background:var(--wm-surface-hover);box-shadow:var(--wm-shadow-xs)}.ds-help-dot{width:22px;height:22px;border-radius:50%;background:var(--wm-navy);color:#fff;display:grid;place-items:center;font-size:12px} .wm-theme-toggle{width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--wm-line);background:var(--wm-glass);color:var(--wm-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:.18s var(--wm-ease)} .wm-theme-toggle:hover{background:var(--wm-surface);box-shadow:var(--wm-shadow-xs)} .wm-theme-toggle svg{width:16px;height:16px} @media(max-width:650px){.wm-theme-toggle{width:36px;height:36px}} .wm-table{width:100%;border-collapse:collapse}.wm-table th{text-align:left;padding:16px 12px;color:var(--wm-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--wm-line)} .wm-table td{padding:16px 12px;border-bottom:1px solid var(--wm-line);font-size:14px}.wm-table tr:last-child td{border-bottom:0} @media(max-width:650px){.app-bar,.wm-topbar{min-height:56px;padding:9px 14px;gap:10px}.app-context{font-size:12px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-brand strong{display:none}.app-actions{gap:7px}.app-actions .app-pill,.app-actions>a{display:none}.app-actions a{font-size:12px}.wm-site-menu__trigger{min-width:42px;min-height:38px;padding:8px 11px}.wm-site-menu__trigger-label{display:none}.wm-site-menu__panel{position:fixed;top:64px;left:10px;right:10px;width:auto;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);border-radius:21px}.wm-site-menu__footer{grid-template-columns:1fr}.nav-links>.wm-site-menu .wm-site-menu__panel{top:70px}.wm-container{width:min(100% - 28px,var(--wm-page-width))}.wm-section{padding-block:72px}.ds-auth-page,.wm-auth-page{min-height:calc(100vh - 56px)!important;padding:20px 14px}.ds-auth-card,.wm-auth-card.wm-auth-card{padding:25px 21px!important;border-radius:24px!important}.wm-button.wm-button{min-height:46px}} @media(max-width:650px){.wm-site-menu__trigger{min-width:44px;min-height:44px;padding:9px 12px}.wm-site-menu__panel,.wm-site-menu[data-profile="guest"] .wm-site-menu__panel{top:66px;left:12px;right:12px;width:auto;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);padding:11px;border-radius:23px}.wm-site-menu__panel-head{padding:4px 5px 10px}.wm-site-menu__panel-head strong{font-size:21px}.wm-site-menu__group{margin-top:6px;padding:7px}.wm-site-menu__link{min-height:60px}.wm-site-menu__footer{margin-top:7px;padding-top:9px}.nav-links>.wm-site-menu .wm-site-menu__panel{top:68px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}