.staff-page{--staff-bg:#030b0e;--staff-panel:#071216;--staff-gold:#d5a14d;--staff-gold-soft:#efca84;--staff-cream:#f4eee3;--staff-muted:#9ea5a4;margin:0;min-height:100svh;background:radial-gradient(circle at 77% 8%,rgba(28,73,65,.24),transparent 28%),linear-gradient(120deg,#02080b,#061116 70%,#02080b);color:var(--staff-cream)}
.staff-shell{min-height:100svh;display:grid;grid-template-columns:280px minmax(0,1fr)}
.staff-sidebar{position:sticky;top:0;height:100svh;padding:34px 30px 28px;border-right:1px solid rgba(213,161,77,.62);background:linear-gradient(180deg,rgba(1,8,11,.97),rgba(3,13,16,.93));display:flex;flex-direction:column}
.staff-logo{display:block;width:190px;margin:0 0 64px}.staff-logo img{display:block;width:100%;height:auto}
.staff-nav{display:grid;gap:9px}.staff-nav a{position:relative;color:#b8bcba;text-decoration:none;padding:14px 18px 14px 27px;font:1.05rem Arial,sans-serif;border-radius:2px}.staff-nav a:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:transparent}.staff-nav a:hover,.staff-nav a[aria-current=page]{color:var(--staff-gold-soft);background:linear-gradient(90deg,rgba(213,161,77,.13),transparent)}.staff-nav a[aria-current=page]:before{background:var(--staff-gold)}
.staff-back{margin-top:auto;color:var(--staff-gold-soft);text-decoration:none;font-size:.95rem;border-top:1px solid rgba(213,161,77,.3);padding-top:24px}
.staff-main{padding:54px clamp(36px,5vw,88px) 70px;min-width:0}.staff-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px}.staff-head h1{font:400 clamp(3.5rem,5.6vw,6.2rem)/.95 "Cormorant",Georgia,serif;margin:0 0 14px;letter-spacing:-.02em}.staff-head p{color:#b9b9b5;font:1.18rem/1.6 "Cormorant",Georgia,serif;margin:0;max-width:680px}.staff-crown{color:var(--staff-gold-soft);font:3rem "Cormorant",serif}
.staff-tabs{display:flex;gap:34px;overflow:auto;border-bottom:1px solid rgba(213,161,77,.32);margin-bottom:26px}.staff-tab{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;color:#939a99;padding:0 4px 15px;font-size:1rem;cursor:pointer}.staff-tab[aria-selected=true]{color:var(--staff-gold-soft);border-color:var(--staff-gold)}
.staff-toolbar{display:flex;align-items:center;gap:18px;margin:0 0 28px}.staff-search{display:flex;align-items:center;gap:12px;flex:1;max-width:660px;border:1px solid rgba(213,161,77,.55);padding:12px 17px;background:rgba(0,0,0,.12)}.staff-search span{color:var(--staff-gold)}.staff-search input{width:100%;border:0;outline:0;background:transparent;color:var(--staff-cream);font-size:1rem}.staff-search input::placeholder{color:#7f8786}.staff-filter-toggle{border:1px solid rgba(213,161,77,.55);background:transparent;color:var(--staff-gold-soft);padding:12px 18px;cursor:pointer}
.staff-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px}.staff-list{min-width:0}.staff-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 0;border-bottom:1px solid rgba(213,161,77,.32)}.staff-avatar{width:72px;height:72px;border-radius:50%;border:1px solid var(--staff-gold);display:grid;place-items:center;overflow:hidden;color:var(--staff-gold-soft);font:2.3rem "Cormorant",serif;background:#09171a}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-card h2{font:400 1.8rem/1.1 "Cormorant",Georgia,serif;margin:0;color:var(--staff-cream)}.staff-card .staff-meta{display:block;color:#858e8d;font-size:.78rem;margin:6px 0}.staff-card blockquote{margin:5px 0 0;color:#bfc0bc;font:1rem/1.5 "Cormorant",Georgia,serif}.staff-card-actions{display:grid;justify-items:end;gap:9px}.staff-link,.staff-action{border:0;border-bottom:1px solid rgba(213,161,77,.52);background:none;color:var(--staff-gold-soft);padding:4px 0;cursor:pointer;text-decoration:none;font-size:.85rem}.staff-action.danger{color:#d99b96;border-color:rgba(217,155,150,.45)}.staff-badge{display:inline-block;color:var(--staff-gold-soft);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-left:9px}.staff-badge.blocked{color:#d99b96}
.staff-filters{border-left:1px solid rgba(213,161,77,.35);padding-left:34px}.staff-filters h2{font:400 2.1rem "Cormorant",serif;margin:0 0 28px}.filter-group{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid rgba(213,161,77,.22)}.filter-group h3{font:400 1.1rem "Cormorant",serif;margin:0 0 13px;color:var(--staff-gold-soft)}.filter-group label{display:flex;gap:9px;align-items:center;color:#a9afad;font-size:.87rem;margin:11px 0}.filter-group input{accent-color:var(--staff-gold)}.staff-reset{border:0;background:none;color:#8f9795;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.staff-empty{padding:48px 0;color:#9fa6a4;font:1.25rem "Cormorant",serif}.staff-status{min-height:24px;color:#d99b96}.staff-status.success{color:#9fc8a6}
.report-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.report-type{display:inline-block;color:var(--staff-gold-soft);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.report-reason{color:#d6a5a0;font-size:.83rem;margin:0 0 8px}.report-card blockquote{padding-left:18px;border-left:1px solid var(--staff-gold);white-space:pre-wrap;max-width:760px}.report-by{display:block;color:#808987;font-size:.76rem;margin-top:12px}.report-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.staff-primary{border:1px solid var(--staff-gold);background:linear-gradient(110deg,#efcb83,#c18a39);color:#100b05;padding:10px 18px;cursor:pointer;min-width:154px}.staff-secondary{border:1px solid rgba(213,161,77,.45);background:transparent;color:var(--staff-gold-soft);padding:9px 17px;cursor:pointer;min-width:154px}.staff-danger{border:0;background:transparent;color:#d99b96;padding:4px 0;cursor:pointer;border-bottom:1px solid rgba(217,155,150,.4)}
@media(max-width:1050px){.staff-shell{grid-template-columns:220px minmax(0,1fr)}.staff-sidebar{padding-inline:20px}.staff-logo{width:165px}.staff-layout{grid-template-columns:1fr}.staff-filters{border-left:0;border-top:1px solid rgba(213,161,77,.35);padding:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.staff-filters h2,.staff-reset{grid-column:1/-1}.filter-group{border-bottom:0}}
@media(max-width:720px){.staff-shell{display:block}.staff-sidebar{position:relative;height:auto;padding:17px 5%;border-right:0;border-bottom:1px solid rgba(213,161,77,.55)}.staff-logo{width:155px;margin:0 0 16px}.staff-nav{display:flex;gap:14px;overflow:auto}.staff-nav a{padding:9px 0;white-space:nowrap;font-size:.88rem}.staff-nav a:before{display:none}.staff-back{position:absolute;right:5%;top:20px;margin:0;padding:0;border:0;font-size:.82rem}.staff-main{padding:36px 5% 60px}.staff-head{margin-bottom:30px}.staff-crown{display:none}.staff-layout{gap:30px}.staff-card{grid-template-columns:auto minmax(0,1fr);gap:16px}.staff-card-actions,.report-actions{grid-column:2;justify-items:start;align-items:flex-start}.staff-avatar{width:58px;height:58px}.staff-filters{grid-template-columns:1fr}.staff-toolbar{align-items:stretch}.staff-filter-toggle{display:none}.report-card{grid-template-columns:1fr}.report-actions{grid-column:1;flex-direction:row;flex-wrap:wrap}.staff-primary,.staff-secondary{min-width:0}.staff-head h1{font-size:3.4rem}}

/* Circle-Verwaltung – Umsetzung des freigegebenen Mockups */
html{scrollbar-gutter:stable}
.admin-mockup,.moderation-mockup{
  min-height:100svh;
  overflow-x:hidden;
  background:#031012 url("assets/circle-social-background.png") center top/cover fixed no-repeat;
  color:#f4ead9;
}
.admin-mockup:before,.moderation-mockup:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(1,12,15,.22),rgba(1,14,16,.08) 60%,rgba(1,10,12,.14));
}
.admin-page-shell{width:100%;min-height:100svh;padding:28px 4.35% 54px}
.admin-topbar{height:79px;display:grid;grid-template-columns:300px 1fr 180px;align-items:start;gap:22px}
.admin-brand{display:block;width:225px;height:92px;margin-top:-8px}
.admin-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.admin-main-nav{display:flex;justify-content:center;align-items:flex-start;gap:52px;padding-top:27px}
.admin-main-nav a,.admin-main-nav button{position:relative;border:0;background:none;color:#f2eadf;text-decoration:none;font:400 1.16rem/1 "Cormorant",Georgia,serif;padding:0 4px 21px;white-space:nowrap;cursor:pointer}
.admin-main-nav [aria-current="page"]{color:#e5b65e}
.admin-main-nav [data-unread]{position:absolute;top:-12px;right:-13px;font:11px/18px Arial,sans-serif;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e5b65e;color:#071013;text-align:center}
.admin-account{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:8px;color:#edc777}
.admin-account-avatar{width:56px;height:56px;border:1px solid #dba44e;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#071417;color:#e7bb67;text-decoration:none}
.admin-account-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}
.admin-account-avatar span{display:grid;width:100%;height:100%;place-items:center}
.admin-heart{font:400 2rem/1 "Cormorant",Georgia,serif;color:#e5b95e}
.admin-chevron{font:400 1.6rem/1 Arial,sans-serif;color:#f2eadf;margin-top:-5px}
.admin-content{max-width:1540px;margin:35px auto 0}
.admin-hero{min-height:191px}
.admin-hero h1{margin:0;color:#fff7e9;font:400 clamp(4.5rem,6.15vw,6.6rem)/.92 "Cormorant",Georgia,serif;letter-spacing:-.035em;text-shadow:0 2px 5px rgba(0,0,0,.4)}
.admin-hero p{margin:12px 0 47px;color:#edbd61;font:400 clamp(2.2rem,3.15vw,3.35rem)/1 "Muzi Script","Italianno",cursive;letter-spacing:.035em;text-shadow:0 2px 12px rgba(0,0,0,.55)}
.admin-mockup .staff-status,.moderation-mockup .staff-status{margin:0 0 12px;min-height:20px;color:#dfaaa5;font:.9rem Arial,sans-serif}
.admin-mockup .staff-status:empty,.moderation-mockup .staff-status:empty{visibility:hidden}
.admin-tabs{display:flex;align-items:flex-end;gap:64px;border-bottom:1px solid rgba(222,168,78,.76);height:67px}
.admin-tabs button,.admin-tabs a{position:relative;border:0;background:transparent;color:#eee6da;text-decoration:none;padding:0 10px 22px;font:400 1.55rem/1 "Cormorant",Georgia,serif;cursor:pointer;white-space:nowrap}
.admin-tabs [aria-selected="true"]{color:#e8b85c}
.admin-tabs [aria-selected="true"]:after{content:"";position:absolute;left:-3px;right:-3px;bottom:-1px;height:3px;background:#efc26e}
.admin-tabs .admin-tab-pending{visibility:hidden;pointer-events:none}
.admin-owner{min-height:161px;display:flex;align-items:center;border-bottom:1px solid rgba(222,168,78,.7)}
.admin-owner-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px;padding:23px 12px}
.admin-owner-copy h2,.admin-member-name{margin:0;color:#fff6e7;font:400 2.55rem/1 "Cormorant",Georgia,serif}
.admin-owner-copy h2 span{color:#e7b75b;font-size:.9em}
.admin-owner-copy p,.admin-member-role{margin:8px 0 0;color:#efe4d5;font:400 1.25rem/1.2 "Cormorant",Georgia,serif}
.admin-access{color:#f6eee0;font:400 1.2rem/1 "Cormorant",Georgia,serif;white-space:nowrap}
.admin-avatar{width:112px;height:112px;border:1px solid #e6b34e;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0b1b1c;color:#e9be6e;font:400 3.4rem/1 "Cormorant",Georgia,serif;flex:0 0 auto}
.admin-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.admin-summary-mark{width:112px;height:112px;border:1px solid rgba(230,179,78,.65);border-radius:50%;display:grid;place-items:center;color:#e7b75b;font:400 3.2rem/1 "Cormorant",Georgia,serif;background:rgba(7,20,23,.3)}
.admin-team{padding-top:0}
.admin-team-head{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:36px;border-bottom:1px solid rgba(233,210,170,.25);padding:12px 10px}
.admin-team-head h2{margin:0;color:#fff7e9;font:400 2.6rem/1 "Cormorant",Georgia,serif}
.admin-search{width:min(490px,42vw);height:55px;display:flex;align-items:center;gap:16px;border:1px solid #e0a944;border-radius:999px;padding:0 20px;background:rgba(3,15,16,.24)}
.admin-search span{color:#fff6e7;font:400 2rem/1 Arial,sans-serif;transform:rotate(-20deg)}
.admin-search input{width:100%;border:0;outline:0;background:transparent;color:#fff6e7;font:400 1.14rem "Cormorant",Georgia,serif}
.admin-search input::placeholder{color:#a9a39a}
.admin-team-list{min-height:132px}
.admin-member-row{display:grid;grid-template-columns:minmax(300px,1.2fr) minmax(510px,2.1fr) minmax(270px,1fr);align-items:center;gap:34px;min-height:132px;padding:17px 12px;border-bottom:1px solid rgba(222,168,78,.74)}
.admin-member-person{display:flex;align-items:center;gap:28px;min-width:0}
.admin-member-person .admin-avatar{width:96px;height:96px}
.admin-member-name{font-size:2rem}
.admin-member-role{font-size:1.15rem}
.admin-permissions{display:grid;grid-template-columns:1.25fr 1.2fr 1.1fr;gap:20px;color:#eee4d4;font:400 1rem/1.25 "Cormorant",Georgia,serif}
.admin-permission{display:flex;align-items:center;gap:13px}
.admin-permission-icon{color:#e8b246;font:400 1.9rem/1 Arial,sans-serif;flex:0 0 auto}
.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:42px;border-left:1px solid rgba(237,221,194,.32);padding-left:32px}
.admin-edit-rights{min-width:210px;border:1px solid #e7ad41;border-radius:999px;background:rgba(2,13,15,.36);color:#f2e8d8;padding:12px 22px;font:400 1rem "Cormorant",Georgia,serif;cursor:pointer}
.admin-remove-role{border:0;border-bottom:1px solid rgba(235,223,203,.45);background:transparent;color:#d8d0c4;padding:4px 0;font:400 .95rem "Cormorant",Georgia,serif;cursor:pointer;white-space:nowrap}
.admin-remove-role.danger{color:#e0aaa4}
.admin-footer-note{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 8px 0}
.admin-footer-note p{margin:0;color:#d7cec0;font:400 1rem/1.45 "Cormorant",Georgia,serif}
.admin-footer-note p span{display:inline-block;margin-right:18px;color:#fff2d6;font:400 1.8rem/1 "Cormorant",Georgia,serif;vertical-align:middle}
.admin-add-button{min-width:295px;border:1px solid #e3aa42;border-radius:999px;background:linear-gradient(105deg,#f5d18a,#b87825);color:#191006;padding:14px 28px;font:600 1.14rem "Cormorant",Georgia,serif;cursor:pointer}
.admin-empty{margin:0;padding:45px 12px;color:#c9c1b5;font:400 1.2rem "Cormorant",Georgia,serif}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.moderation-section{border-bottom:1px solid rgba(222,168,78,.72)}
.moderation-list{min-height:250px}
.moderation-mockup .staff-empty,.admin-mockup .staff-empty{margin:0;padding:62px 12px;color:#c9c1b5;font:400 1.35rem "Cormorant",Georgia,serif}
.moderation-mockup .report-card,.admin-mockup .report-card{min-height:142px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:22px 12px;border-bottom:1px solid rgba(222,168,78,.72)}
.moderation-mockup .report-card>div:first-child,.admin-mockup .report-card>div:first-child{min-width:0}
.moderation-mockup .report-type,.admin-mockup .report-type{display:inline-block;margin:0 0 8px;color:#e8b85c;font:.78rem/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.moderation-mockup .report-reason,.admin-mockup .report-reason{margin:0 0 7px;color:#d9aaa6;font:.9rem/1.35 Arial,sans-serif}
.moderation-mockup .report-card h2,.admin-mockup .report-card h2{margin:0;color:#fff6e7;font:400 1.75rem/1.15 "Cormorant",Georgia,serif}
.moderation-mockup .report-card blockquote,.admin-mockup .report-card blockquote{max-width:850px;margin:11px 0 0;padding-left:18px;border-left:1px solid #daa448;color:#efe5d5;font:400 1.08rem/1.4 "Cormorant",Georgia,serif;white-space:pre-wrap}
.moderation-mockup .report-by,.admin-mockup .report-by{display:block;margin-top:10px;color:#9d9f9b;font:.78rem/1.4 Arial,sans-serif}
.moderation-mockup .report-actions,.admin-mockup .report-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.moderation-mockup .staff-primary,.moderation-mockup .staff-secondary,.admin-mockup .staff-primary,.admin-mockup .staff-secondary{min-width:160px;border:1px solid #e2aa43;border-radius:999px;padding:11px 18px;font:600 .98rem "Cormorant",Georgia,serif;cursor:pointer}
.moderation-mockup .staff-primary,.admin-mockup .staff-primary{background:linear-gradient(105deg,#f5d18a,#b87825);color:#191006}
.moderation-mockup .staff-secondary,.admin-mockup .staff-secondary{background:rgba(3,15,16,.32);color:#f1e6d5}
.moderation-mockup .staff-danger,.admin-mockup .staff-danger{border:0;border-bottom:1px solid rgba(224,170,164,.55);background:transparent;color:#e0aaa4;padding:5px 0;font:400 .9rem "Cormorant",Georgia,serif;cursor:pointer}
.moderation-footer-note{border-top:0}
.moderation-back-link{border-bottom:1px solid rgba(232,184,92,.7);color:#e8b85c;text-decoration:none;padding:4px 0;font:400 1rem "Cormorant",Georgia,serif;white-space:nowrap}

@media(max-width:1100px){
  .admin-page-shell{padding-inline:4%}
  .admin-topbar{grid-template-columns:220px 1fr 130px}
  .admin-brand{width:195px}
  .admin-main-nav{gap:25px}
  .admin-member-row{grid-template-columns:1fr 1.5fr}.admin-row-actions{grid-column:2;border-left:0;padding-left:0;justify-content:flex-start}
  .admin-permissions{grid-template-columns:1fr}
}
@media(max-width:760px){
  .admin-page-shell{padding:17px 5% 36px;background:rgba(1,11,13,.2)}
  .admin-topbar{height:auto;grid-template-columns:1fr auto;align-items:center}.admin-brand{width:175px;height:72px}.admin-main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:28px;overflow-x:auto;padding:15px 0 0}.admin-main-nav a,.admin-main-nav button{font-size:1rem;padding-bottom:13px}.admin-account{padding:0}.admin-heart{display:none}.admin-content{margin-top:28px}
  .admin-hero{min-height:148px}.admin-hero h1{font-size:3.4rem}.admin-hero p{font-size:2.05rem;margin-bottom:28px}.admin-tabs{gap:28px;overflow-x:auto;height:58px}.admin-tabs button,.admin-tabs a{font-size:1.22rem;padding-inline:2px}
  .admin-owner-card{grid-template-columns:auto 1fr;gap:20px}.admin-access{grid-column:2}.admin-avatar,.admin-summary-mark{width:82px;height:82px}.admin-owner-copy h2{font-size:2rem}
  .admin-team-head{align-items:flex-start;flex-direction:column;padding-block:22px}.admin-search{width:100%}.admin-member-row{grid-template-columns:1fr;gap:22px;padding-block:25px}.admin-permissions{grid-template-columns:1fr}.admin-row-actions{grid-column:1;padding:0;gap:22px;flex-wrap:wrap}.admin-edit-rights{min-width:0}.admin-footer-note{align-items:flex-start;flex-direction:column}.admin-add-button{width:100%;min-width:0}
  .moderation-mockup .report-card,.admin-mockup .report-card{grid-template-columns:1fr;gap:22px}.moderation-mockup .report-actions,.admin-mockup .report-actions{justify-content:flex-start}
}