:root{--ink:#18352c;--paper:#f6f2e9;--card:#fffdf8;--line:#d9d5c9;--accent:#c66b45;--mint:#dceade;--danger:#a83b32;--shadow:0 18px 50px rgba(24,53,44,.09)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;padding-bottom:78px}button,input,textarea,select{font:inherit}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}.admin-side{position:sticky;top:0;height:calc(100vh - 78px);padding:34px 24px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.admin-brand{color:#fff;text-decoration:none;font:700 28px Georgia,serif}.admin-brand span{display:block;color:#c6d19a;font-style:italic;font-weight:400}.admin-side nav{display:grid;gap:7px;margin-top:52px}.admin-side nav a{color:#dce5df;text-decoration:none;padding:13px 15px;border-radius:12px;font-weight:700}.admin-side nav a:hover,.admin-side nav a.active{background:#fff;color:var(--ink)}.shop-link{margin-top:auto;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.2);padding-top:22px;font-weight:700}.admin-main{min-width:0;padding:54px clamp(24px,5vw,76px) 72px}.admin-top,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.admin-top{margin-bottom:32px}.admin-top h1{font:700 clamp(42px,6vw,76px)/.95 Georgia,serif;margin:5px 0 14px}.admin-top p,.panel p{line-height:1.6}.kicker{margin:0!important;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:#8d6f47}.mode-pill{border:1px solid #9eb2a7;background:#fff;padding:10px 14px;border-radius:999px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.stat-grid span{display:block;color:#6b746f;font-size:13px}.stat-grid strong{display:block;margin-top:12px;font:700 31px Georgia,serif}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.panel h2{font:700 27px Georgia,serif;margin:5px 0 16px}.button{border:0;border-radius:11px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;padding:13px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover{filter:brightness(1.12)}.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.danger{background:var(--danger)}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:650px}.table-wrap th,.table-wrap td{text-align:left;padding:15px 12px;border-bottom:1px solid #e6e2d8;vertical-align:middle}.table-wrap th{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#6f7772}.status{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eee;font-size:12px;font-weight:800}.status.paid{background:#d9eee0;color:#176137}.status.failed,.status.canceled,.status.expired{background:#f4dcd7;color:#8e3028}.status.open,.status.pending{background:#f3e8c9;color:#725612}.empty-state{padding:35px;text-align:center;color:#68726c}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.quick-grid a{display:grid;gap:9px;padding:22px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:18px;background:var(--mint)}.quick-grid span{font-weight:800;color:#8d6f47}.quick-grid strong{font:700 21px Georgia,serif}.quick-grid small{line-height:1.45}.product-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:20px;align-items:start}.editor{position:sticky;top:24px}.product-admin-list{display:grid;gap:12px}.product-admin-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:16px;align-items:center;border-top:1px solid #e5e1d8;padding-top:14px}.product-admin-card:first-child{border-top:0}.product-admin-card img{width:90px;height:90px;object-fit:cover;border-radius:14px;background:#eee}.product-admin-card h3{margin:0 0 5px;font:700 20px Georgia,serif}.product-admin-card p{margin:0;color:#68726c;font-size:13px}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.product-meta span{font-size:12px;border-radius:999px;padding:5px 8px;background:#eef1eb}.card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.small-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700}.small-button.delete{color:var(--danger)}label{display:grid;gap:7px;font-weight:700;font-size:13px;margin-top:15px}input,textarea,select{width:100%;border:1px solid #bfc6c0;border-radius:10px;background:#fff;padding:12px;color:var(--ink)}textarea{resize:vertical}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.form-actions{display:flex;gap:9px;margin-top:19px}.form-status{min-height:1.3em;margin:12px 0 0!important;font-weight:700;color:#176137}.order-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:700}.filter.active{background:var(--ink);color:#fff}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;align-items:start}.session-card{background:var(--mint)}code{background:rgba(255,255,255,.65);padding:2px 5px;border-radius:5px}dialog{border:0;border-radius:22px;padding:0;max-width:min(680px,calc(100vw - 28px));width:100%;color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(12,25,21,.62)}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:28px;cursor:pointer}.order-detail{padding:32px}.order-detail h2{font:700 31px Georgia,serif;margin:5px 0 18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.detail-box{background:#f4f1e9;border-radius:12px;padding:13px}.detail-lines{display:grid;gap:8px;border-block:1px solid var(--line);padding:15px 0;margin:15px 0}.detail-line{display:flex;justify-content:space-between;gap:18px}.vs-demo-notice{position:fixed;z-index:1000;left:0;right:0;bottom:0;min-height:78px;background:#102a22;color:#fff;border-top:1px solid #39554b;padding:13px clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px}.vs-demo-notice div{display:grid;gap:3px}.vs-demo-notice span{font-size:12px;color:#c7d3ce}.vs-demo-notice nav{display:flex;gap:8px}.vs-demo-notice a{color:#fff;text-decoration:none;border:1px solid #557066;border-radius:9px;padding:9px 13px;font-weight:750}.vs-demo-notice a.primary{background:#cfff65;color:#102a22;border-color:#cfff65}
@media(max-width:960px){body{padding-bottom:115px}.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto;padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.admin-side nav{margin:0;display:flex;justify-content:center;flex-wrap:wrap}.shop-link{margin:0;padding:0;border:0}.stat-grid{grid-template-columns:1fr 1fr}.product-layout,.settings-grid{grid-template-columns:1fr}.editor{position:static}.vs-demo-notice{min-height:115px}.admin-main{padding-top:34px}}@media(max-width:650px){body{padding-bottom:156px}.admin-side{grid-template-columns:1fr}.admin-side nav{justify-content:flex-start}.admin-main{padding:30px 16px 55px}.admin-top,.panel-head{display:grid}.stat-grid,.quick-grid,.two-fields{grid-template-columns:1fr}.product-admin-card{grid-template-columns:70px 1fr}.product-admin-card img{width:70px;height:70px}.card-actions{grid-column:1/-1;justify-content:flex-start}.vs-demo-notice{min-height:156px;display:grid}.vs-demo-notice nav{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}}

/* Fjora beheer v60: rustigere acties en gecentreerde webshoplink */
.admin-side .shop-link{align-self:center;margin-top:30px;margin-bottom:auto;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:11px;padding:11px 18px;font-weight:700;text-align:center}
.admin-side .shop-link:hover{background:#fff;color:var(--ink)}
.settings-form>.button[type="submit"]{margin-top:28px}
@media(max-width:960px){.admin-side .shop-link{margin:0;padding:11px 18px}}
@media(max-width:650px){.admin-side .shop-link{justify-self:center;margin-top:4px}}