*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#172033}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:15px 5%;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #e7eaf0}.brand{font-weight:800;text-decoration:none;font-size:1.15rem;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff}.topbar nav{display:flex;gap:20px;margin-left:auto}.topbar nav a{text-decoration:none;color:#596579}.theme-toggle{border:0;background:#eef1f6;border-radius:10px;padding:9px 11px;cursor:pointer}.container{max-width:1250px;margin:auto;padding:36px 5%}.hero{padding:34px 0 22px}.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:.2em 0}.muted{color:#718096}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #e6eaf0;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(16,24,40,.06)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:18px}.card h3{margin:0 0 7px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:10px 15px;background:#111827;color:#fff;text-decoration:none;cursor:pointer}.btn.secondary{background:#eef1f6;color:#1f2937}.btn.danger{background:#dc2626}.btn.small{padding:7px 10px;font-size:.9rem}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:15px 0 20px}.form{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:11px 12px;border:1px solid #d9dee8;border-radius:10px;font:inherit;background:#fff}.field textarea{min-height:120px}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;cursor:pointer}.lightbox{position:fixed;inset:0;background:rgba(5,8,18,.94);display:none;align-items:center;justify-content:center;z-index:100;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;top:18px;border:0;background:#fff;color:#111;border-radius:10px;padding:10px;cursor:pointer}.lightbox .close{right:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:20px}.stat strong{font-size:2rem;display:block}.alert{padding:12px 15px;border-radius:12px;margin-bottom:16px;background:#eef2ff}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.footer{max-width:1250px;margin:30px auto;padding:25px 5%;display:flex;justify-content:space-between;color:#7b8798;border-top:1px solid #e7eaf0}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 65px)}.sidebar{background:#111827;color:#dbe2ea;padding:22px;position:sticky;top:65px;height:calc(100vh - 65px)}.sidebar h2{color:#fff}.sidebar a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;margin:3px 0}.sidebar a:hover{background:#273142}.admin-main{padding:28px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #edf0f4}.thumb{width:70px;height:52px;object-fit:cover;border-radius:8px}.dropzone{border:2px dashed #cbd5e1;border-radius:15px;padding:28px;text-align:center;background:#f8fafc}.sortable{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.sortable-item{background:#fff;border:1px solid #e4e8ee;border-radius:13px;padding:8px;cursor:grab}.sortable-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.pagination{display:flex;gap:7px;margin-top:20px}.pagination a{padding:8px 11px;border:1px solid #dce1e8;border-radius:9px;text-decoration:none;background:#fff}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.form-grid{grid-template-columns:1fr}.sortable{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.topbar{gap:10px}.topbar nav{display:none}.container{padding:22px 4%}.grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr 1fr}.footer{display:block}.gallery-head{display:block}.sortable{grid-template-columns:repeat(2,1fr)}}body.dark{background:#0b1020;color:#e5e7eb}body.dark .topbar,body.dark .card,body.dark .form,body.dark .stat,body.dark .table,body.dark .sortable-item,body.dark .pagination a{background:#121a2b;border-color:#273248;color:#e5e7eb}body.dark .field input,body.dark .field textarea,body.dark .field select{background:#0f172a;color:#e5e7eb;border-color:#334155}body.dark .muted{color:#9aa8bd}body.dark .topbar nav a{color:#b7c0cf}
.photo-grid{grid-template-columns:repeat(var(--pg-cols,4),minmax(0,1fr))}.pg-layout-masonry{display:block;columns:var(--pg-cols,4) 220px}.pg-layout-masonry figure{break-inside:avoid;margin:0 0 12px!important}.pg-layout-justified{grid-auto-rows:180px}.pg-layout-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.pg-layout-slider figure{min-width:min(80vw,520px);scroll-snap-align:center}.pg-layout-slideshow figure:not(:first-child){display:none}@media(max-width:900px){.photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.photo-grid{grid-template-columns:repeat(2,1fr)}}
/* MeinPixel Premium UX */
:root{--pg-accent:#7c3aed;--pg-accent-2:#06b6d4;--pg-bg:#f6f7fb;--pg-card:#fff;--pg-text:#172033;--pg-muted:#718096;--pg-border:#e7eaf0;--pg-shadow:0 18px 50px rgba(16,24,40,.08)}
body{background:radial-gradient(circle at 10% -10%,rgba(124,58,237,.08),transparent 32%),radial-gradient(circle at 90% 0,rgba(6,182,212,.07),transparent 28%),var(--pg-bg);transition:background .25s,color .25s}
.topbar{height:68px;padding:10px 4%;box-shadow:0 5px 25px rgba(16,24,40,.04)}
.brand{letter-spacing:-.02em}.brand-mark{background:linear-gradient(135deg,var(--pg-accent),var(--pg-accent-2));box-shadow:0 8px 18px rgba(124,58,237,.22)}
.btn{font-weight:700;box-shadow:0 7px 16px rgba(17,24,39,.08);transition:transform .16s,box-shadow .16s,opacity .16s}.btn:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(17,24,39,.12)}.btn:active{transform:translateY(0)}
.card,.form,.stat,.table,.sortable-item{box-shadow:var(--pg-shadow);transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{transform:translateY(-2px);box-shadow:0 22px 55px rgba(16,24,40,.11)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--pg-accent);box-shadow:0 0 0 4px rgba(124,58,237,.10)}
.alert{box-shadow:0 8px 24px rgba(16,24,40,.05);animation:mpSlide .25s ease}.premium-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(124,58,237,.18);background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(6,182,212,.08));color:var(--pg-accent);padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:800}
.admin-shell{grid-template-columns:250px 1fr}.sidebar{background:linear-gradient(180deg,#101827 0%,#0b1220 100%);padding:18px 14px;box-shadow:12px 0 35px rgba(0,0,0,.08);overflow:auto}.sidebar h2{padding:0 10px;margin:4px 0}.sidebar .muted{padding:0 10px;color:#94a3b8}.sidebar a{color:#b8c2d1;padding:10px 12px;transition:background .15s,color .15s,transform .15s}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}
.admin-main{min-width:0}.admin-main>.container>h1{letter-spacing:-.04em}.admin-main .form{box-shadow:0 12px 36px rgba(16,24,40,.06)}
.mp-mobile-menu{display:none}.mp-overlay{display:none}.mp-command{display:none;position:fixed;inset:0;z-index:300;background:rgba(2,6,23,.56);backdrop-filter:blur(8px);align-items:flex-start;justify-content:center;padding-top:12vh}.mp-command.open{display:flex}.mp-command-box{width:min(680px,92vw);background:var(--pg-card);border:1px solid var(--pg-border);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.mp-command-box input{width:100%;border:0;border-bottom:1px solid var(--pg-border);padding:18px 20px;font:inherit;font-size:1.05rem;outline:none;background:transparent;color:inherit}.mp-command-list{max-height:52vh;overflow:auto;padding:8px}.mp-command-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none}.mp-command-item:hover,.mp-command-item.selected{background:rgba(124,58,237,.10)}.mp-kbd{margin-left:auto;font-size:.75rem;border:1px solid var(--pg-border);padding:3px 7px;border-radius:6px;color:var(--pg-muted)}
.mp-toast-stack{position:fixed;right:20px;bottom:20px;z-index:500;display:grid;gap:10px}.mp-toast{min-width:280px;max-width:420px;background:#111827;color:#fff;padding:13px 15px;border-radius:13px;box-shadow:0 18px 50px rgba(0,0,0,.22);animation:mpToast .25s ease}.mp-toast.success{border-left:4px solid #22c55e}.mp-toast.error{border-left:4px solid #ef4444}
.mp-loading{position:relative;overflow:hidden}.mp-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:mpShimmer 1.2s infinite}.mp-page-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--pg-accent),var(--pg-accent-2));z-index:9999;transition:width .2s}
@keyframes mpSlide{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes mpToast{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mpShimmer{to{transform:translateX(100%)}}
@media(max-width:900px){.mp-mobile-menu{display:inline-flex;border:0;background:#eef1f6;border-radius:10px;padding:9px 11px;cursor:pointer}.topbar nav{display:none}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:68px;bottom:0;width:280px;height:auto;z-index:250;transform:translateX(-105%);transition:transform .22s ease}.sidebar.open{transform:none}.mp-overlay.open{display:block;position:fixed;inset:68px 0 0;background:rgba(2,6,23,.38);z-index:200}.admin-main{padding:20px}.container{padding:28px 4%}}
@media(max-width:600px){.mp-toast-stack{left:12px;right:12px;bottom:12px}.mp-toast{min-width:0}.toolbar{align-items:flex-start;flex-direction:column}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:1.55rem}}
body.dark{--pg-bg:#080d18;--pg-card:#111827;--pg-text:#e5e7eb;--pg-muted:#9aa8bd;--pg-border:#263247;background:radial-gradient(circle at 10% -10%,rgba(124,58,237,.12),transparent 32%),#080d18}body.dark .mp-mobile-menu{background:#1b2536;color:#e5e7eb}body.dark .theme-toggle{background:#1b2536;color:#e5e7eb}body.dark .mp-command-box{background:#111827}
.lightbox .lb-prev,.lightbox .lb-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.92);color:#111;border-radius:50%;width:46px;height:46px;font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.2)}.lightbox .lb-prev{left:20px}.lightbox .lb-next{right:20px}.lightbox .close{z-index:2;font-size:1.3rem}.dragging{opacity:.55;transform:scale(.98)}
@media(max-width:600px){.lightbox .lb-prev{left:8px}.lightbox .lb-next{right:8px}.lightbox .lb-prev,.lightbox .lb-next{width:40px;height:40px}.table{display:block;overflow-x:auto;white-space:nowrap}}