@font-face{
font-family:'Twemoji Country Flags';
src:url('TwemojiCountryFlags.woff2') format('woff2');
font-display:swap;
unicode-range:U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067, U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;
}

:root{
--bg-base:#0d0e11;
--bg-panel:#17181c;
--bg-panel-alt:#1c1d22;
--bg-hover:#212229;
--bg-input:#141519;
--border:rgba(255,255,255,.08);
--border-strong:rgba(255,255,255,.16);
--text-1:#edeef1;
--text-2:#95979f;
--text-3:#5a5c65;

--role-dgl:#9b87f5;
--role-admin:#f5934c;
--role-fuehrung:#5b9dfa;
--role-leitung:#22d3ee;
--role-sachbearbeiter:#ec4899;
--role-erw:#34d399;
--role-ausb:#e0a940;
--role-probe:#ef5a5f;
--kripo-acc:#60a5fa;

--anw-taeglich:#5b9dfa;
--anw-untersch:#b98af9;
--anw-wochenende:#f472b6;
--anw-woche:#38d9d9;

--anzahl-0:#5a5c65;
--anzahl-2:#e0a940;
--anzahl-3:#5fd0a0;
--anzahl-5:#34d399;

--dock-h:62px;
--dock-space:110px;
--radius-s:8px;
--radius-m:12px;
--radius-l:18px;

--font-display:'Rajdhani',sans-serif;
--font-body:'Inter',sans-serif;
--font-mono:'JetBrains Mono',monospace;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
background-color:var(--bg-base);
background-image:
radial-gradient(circle at 15% -10%, rgba(155,135,245,.06), transparent 40%),
radial-gradient(circle at 92% 8%, rgba(224,169,64,.05), transparent 35%),
radial-gradient(circle at 50% 100%, rgba(52,211,153,.04), transparent 45%);
background-attachment:fixed;
color:var(--text-1);
font-family:'Twemoji Country Flags', var(--font-body);
-webkit-font-smoothing:antialiased;
min-height:100vh;
}
h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:.02em;}
button{font-family:inherit;}
input,select{font-family:inherit;color:inherit;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#2a2b32;border-radius:8px;border:2px solid var(--bg-panel);}
::-webkit-scrollbar-thumb:hover{background:#38394200;}
:focus-visible{outline:2px solid var(--role-ausb);outline-offset:2px;border-radius:4px;}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{
animation-duration:1ms!important;
animation-iteration-count:1!important;
transition-duration:1ms!important;
scroll-behavior:auto!important;
}
}
.app{display:flex;min-height:100vh;}

.brand-card{
position:absolute;top:18px;left:18px;z-index:58;
padding:9px 18px 9px 9px;border-radius:20px;
border:1px solid var(--border-strong);
box-shadow:0 10px 30px -8px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
}
.brand-card::before{
content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 60%),rgba(23,24,28,.72);
-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
}
.brand{display:flex;align-items:center;gap:12px;padding:0;}
.brand-badge{
width:46px;height:46px;flex:0 0 46px;border-radius:12px;
background:#f4f5f7;border:1px solid var(--border-strong);
display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px;
}
.brand-badge img{width:100%;height:100%;object-fit:contain;display:block;}
.brand-badge.nologo{background:linear-gradient(155deg,#242530,#1a1b20);border-color:var(--role-ausb);
font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--role-ausb);}
.brand-badge.nologo::after{content:'LP';}
.brand-name{font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:.04em;line-height:1.15;}
.brand-sub{font-size:11px;color:var(--text-3);letter-spacing:.03em;margin-top:2px;}

html.dock-hidden .nav{
transform:translateY(calc(var(--dock-h) + 46px));
opacity:0;pointer-events:none;
transition:transform .4s cubic-bezier(.5,0,.75,.35), opacity .26s ease .08s;
}
.nav:has(.nav-group.open){transform:none;transition:none;}
.dock-hint{position:fixed;left:0;right:0;bottom:9px;margin-inline:auto;z-index:56;
width:104px;height:5px;border-radius:999px;pointer-events:none;
background:linear-gradient(90deg,
color-mix(in srgb,var(--role-ausb) 25%, transparent) 0%,
var(--role-ausb) 50%,
color-mix(in srgb,var(--role-ausb) 25%, transparent) 100%);
box-shadow:0 1px 3px rgba(0,0,0,.55);
opacity:0;transition:opacity .3s ease;}
.dock-hint::before,.dock-hint::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;}
.dock-hint::before{box-shadow:0 0 9px -2px color-mix(in srgb,var(--role-ausb) 50%, transparent),
0 0 20px -4px color-mix(in srgb,var(--role-ausb) 26%, transparent);}
.dock-hint::after{opacity:0;
box-shadow:0 0 14px 0 color-mix(in srgb,var(--role-ausb) 72%, transparent),
0 0 30px -2px color-mix(in srgb,var(--role-ausb) 46%, transparent);}
.dock-hint > i{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}
.dock-hint > i::after{
content:'';position:absolute;top:0;bottom:0;left:0;width:52%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,.95), transparent);
transform:translateX(-130%);}
@keyframes dockHintShine{
0% { transform:translateX(-130%); }
70%,100% { transform:translateX(320%); }
}
@keyframes dockHintGlowA{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes dockHintGlowB{0%,100%{opacity:0;}50%{opacity:1;}}
html.dock-hidden .dock-hint{opacity:1;}
html.dock-hidden .dock-hint::before{animation:dockHintGlowA 3.2s ease-in-out infinite;}
html.dock-hidden .dock-hint::after{animation:dockHintGlowB 3.2s ease-in-out infinite;}
html.dock-hidden .dock-hint > i::after{animation:dockHintShine 2.6s cubic-bezier(.42,0,.4,1) infinite;}
.nav{
position:fixed;left:0;right:0;bottom:18px;margin-inline:auto;z-index:58;
transition:transform .52s cubic-bezier(.17,.84,.24,1), opacity .3s ease;
width:max-content;max-width:calc(100vw - 24px);
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;
padding:8px;border-radius:22px;
border:1px solid var(--border-strong);
box-shadow:0 18px 46px -14px rgba(0,0,0,.72);
}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 60%),rgba(20,21,26,.76);
-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}
.nav-item{
flex:0 0 auto;position:relative;
display:flex;align-items:center;gap:9px;
background:transparent;border:1px solid transparent;
color:var(--text-2);padding:6px 14px 6px 6px;border-radius:16px;
font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;
transition:background .16s, color .16s, border-color .16s;
}
.nav-item svg{flex:0 0 30px;width:30px;height:30px;padding:6px;border-radius:10px;stroke:currentColor;fill:none;}
.nav-badge{display:none;margin-left:0;flex:0 0 auto;min-width:19px;height:19px;padding:0 6px;border-radius:999px;
background:var(--role-probe);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:19px;
text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 12px -2px color-mix(in srgb,var(--role-probe) 75%, transparent);}
.nav-badge.show{display:block;}

.nav-group{position:relative;display:flex;flex:0 0 auto;--gc:var(--role-ausb);}
.nav-group[data-group="wissen"]{--gc:#5b9dfa;}
.nav-group[data-group="austausch"]{--gc:#34d399;}
.nav-group[data-group="verwaltung"]{--gc:#9b87f5;}

.nav-ghead{
flex:0 0 auto;position:relative;
display:flex;align-items:center;gap:9px;
background:transparent;border:1px solid transparent;
color:var(--text-2);padding:6px 12px 6px 6px;border-radius:16px;
font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;
transition:background .16s, color .16s, border-color .16s;
}
.nav-ghead .nav-gicon,
.nav > .nav-item svg{flex:0 0 30px;width:30px;height:30px;padding:6px;border-radius:10px;
stroke:currentColor;fill:none;
color:color-mix(in srgb,var(--gc,var(--role-ausb)) 76%, var(--text-2));
background:color-mix(in srgb,var(--gc,var(--role-ausb)) 11%, transparent);
border:1px solid color-mix(in srgb,var(--gc,var(--role-ausb)) 20%, transparent);
transition:background .16s, border-color .16s, color .16s, box-shadow .16s;}
.nav-glabel,.nav-lbl{
display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;
transition:max-width .32s cubic-bezier(.3,.9,.3,1), opacity .2s ease, margin-right .32s;}
.nav-group.has-active .nav-glabel,
.nav > .nav-item.active .nav-lbl{max-width:190px;opacity:1;}
.nav-gchev{flex:0 0 12px;width:12px;height:12px;stroke:currentColor;fill:none;opacity:.42;
transform:rotate(-90deg);
transition:transform .26s cubic-bezier(.3,.9,.3,1), opacity .16s;}
.nav-ghead:hover,
.nav > .nav-item:hover{background:rgba(255,255,255,.06);color:var(--text-1);
border-color:color-mix(in srgb,var(--gc,var(--role-ausb)) 22%, rgba(255,255,255,.08));}
.nav-ghead:hover .nav-gicon,
.nav > .nav-item:hover svg{color:var(--gc,var(--role-ausb));
background:color-mix(in srgb,var(--gc,var(--role-ausb)) 17%, transparent);
border-color:color-mix(in srgb,var(--gc,var(--role-ausb)) 34%, transparent);}
.nav-ghead:hover .nav-gchev{opacity:.9;}
.nav-group.open .nav-ghead,
.nav-group.has-active .nav-ghead,
.nav > .nav-item.active{color:var(--text-1);
background:color-mix(in srgb,var(--gc,var(--role-ausb)) 15%, rgba(255,255,255,.02));
border-color:color-mix(in srgb,var(--gc,var(--role-ausb)) 40%, transparent);}
.nav-group.open .nav-gicon,
.nav-group.has-active .nav-gicon,
.nav > .nav-item.active svg{color:var(--gc,var(--role-ausb));
background:color-mix(in srgb,var(--gc,var(--role-ausb)) 22%, transparent);
border-color:color-mix(in srgb,var(--gc,var(--role-ausb)) 46%, transparent);
box-shadow:0 0 14px -3px color-mix(in srgb,var(--gc,var(--role-ausb)) 75%, transparent);}
.nav-group.open .nav-gchev{opacity:1;transform:rotate(-90deg) translateX(2px);}
.nav-gbadge{margin-left:0;}

.nav-sub{
position:fixed;left:var(--fx,50%);top:var(--fy,50%);z-index:70;
width:266px;max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain;
padding:12px;border-radius:18px;
background:
radial-gradient(120% 90% at 50% 100%, color-mix(in srgb,var(--gc) 13%, transparent), transparent 62%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 55%),
rgba(16,17,22,.9);
-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);
border:1px solid color-mix(in srgb,var(--gc) 24%, rgba(255,255,255,.12));
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 24px 54px rgba(0,0,0,.6),
0 0 40px -6px color-mix(in srgb,var(--gc) 20%, transparent);
opacity:0;visibility:hidden;pointer-events:none;
transform-origin:var(--forigin,50%) bottom;
transform:translateY(12px) scale(.94);
transition:opacity .2s ease, transform .34s cubic-bezier(.16,.84,.28,1), visibility 0s linear .34s;
}
.nav-group.open .nav-sub{opacity:1;visibility:visible;pointer-events:auto;transform:none;
transition:opacity .2s ease, transform .34s cubic-bezier(.16,.84,.28,1), visibility 0s;}
.nav-group::after{content:"";position:fixed;z-index:69;
left:calc(var(--fx,0px) + var(--forigin,0px));top:var(--fby,0px);
width:2px;height:12px;border-radius:2px;
background:linear-gradient(0deg, color-mix(in srgb,var(--gc) 15%, transparent), var(--gc));
box-shadow:0 0 10px color-mix(in srgb,var(--gc) 65%, transparent);
transform:translateX(-50%) scaleY(0);transform-origin:bottom center;opacity:0;
transition:transform .3s cubic-bezier(.16,.84,.28,1), opacity .18s;}
.nav-group.open::after{opacity:1;transform:translateX(-50%) scaleY(1);transition-delay:.06s;}
.nav-subtitle{display:flex;align-items:center;gap:10px;padding:2px 4px 11px;margin-bottom:9px;
border-bottom:1px solid rgba(255,255,255,.07);}
.nav-subicon{flex:0 0 28px;width:28px;height:28px;padding:5px;border-radius:9px;stroke:currentColor;fill:none;
color:var(--gc);background:color-mix(in srgb,var(--gc) 16%, transparent);
border:1px solid color-mix(in srgb,var(--gc) 32%, transparent);
box-shadow:0 0 16px -4px color-mix(in srgb,var(--gc) 70%, transparent);}
.nav-subname{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:700;font-size:14px;
letter-spacing:.03em;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-subcount{flex:0 0 auto;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--text-3);
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:2px 7px;}
.nav-subin{display:flex;flex-direction:column;gap:2px;}
.nav-sub .nav-item{
position:relative;width:100%;font-size:12.8px;font-weight:500;gap:10px;
padding:8px 10px;border-radius:10px;border:none;background:transparent;color:var(--text-2);
white-space:normal;
opacity:0;transform:translateY(8px);
transition:opacity .3s ease, transform .3s cubic-bezier(.16,.84,.28,1), background .15s, color .15s;}
.nav-group.open .nav-sub .nav-item{opacity:1;transform:none;}
.nav-sub .nav-item svg{flex:0 0 16px;width:16px;height:16px;padding:0;border:none;background:none;border-radius:0;
color:color-mix(in srgb,var(--gc) 62%, var(--text-3));transition:color .15s;}
.nav-sub .nav-item::after{content:"\203A";margin-left:auto;padding-left:6px;font-size:15px;line-height:1;
color:var(--gc);opacity:0;transform:translateX(-4px);transition:opacity .15s, transform .2s;}
.nav-sub .nav-item:hover{background:color-mix(in srgb,var(--gc) 12%, rgba(255,255,255,.03));color:var(--text-1);}
.nav-sub .nav-item:hover svg{color:var(--gc);}
.nav-sub .nav-item:hover::after{opacity:.7;transform:none;}
.nav-sub .nav-item.active{color:var(--text-1);font-weight:600;
background:linear-gradient(90deg, color-mix(in srgb,var(--gc) 24%, transparent), color-mix(in srgb,var(--gc) 6%, transparent) 88%);}
.nav-sub .nav-item.active svg{color:var(--gc);}
.nav-sub .nav-item.active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:3px;height:16px;border-radius:0 3px 3px 0;background:var(--gc);
box-shadow:0 0 10px color-mix(in srgb,var(--gc) 75%, transparent);}
.nav-group.open .nav-sub .nav-item:nth-child(1){transition-delay:.03s;}
.nav-group.open .nav-sub .nav-item:nth-child(2){transition-delay:.06s;}
.nav-group.open .nav-sub .nav-item:nth-child(3){transition-delay:.09s;}
.nav-group.open .nav-sub .nav-item:nth-child(4){transition-delay:.12s;}
.nav-group.open .nav-sub .nav-item:nth-child(5){transition-delay:.15s;}
.nav-group.open .nav-sub .nav-item:nth-child(6){transition-delay:.18s;}
.nav-group.open .nav-sub .nav-item:nth-child(7){transition-delay:.21s;}
@media (prefers-reduced-motion: reduce){
.nav-sub,.nav-gchev,.nav-sub .nav-item{transition:none;}
.nav-group.open .nav-sub .nav-item{transition-delay:0s;}
}
.nav-ghead:not(.has-lbl){padding-right:8px;}
.nav-group.has-active .nav-ghead{padding-right:12px;}
.nav > .nav-item{padding-right:6px;}
.nav > .nav-item.active{padding-right:14px;}
@media (max-width:1050px){
.user-chip{padding:0 5px;}
.user-name{max-width:120px;}
}
@media (max-width:560px){
.nav-glabel,.nav-lbl{max-width:0 !important;opacity:0 !important;}
.nav-gchev{display:none;}
.nav-group.has-active .nav-ghead,.nav > .nav-item.active{padding-right:8px;}
.nav-ghead{gap:0;}
}

@media (min-width:901px){
html:is([data-nav="side"],[data-nav="classic"]) .nav{
position:fixed;left:0;top:0;bottom:0;right:auto;
width:258px;max-width:258px;margin:0;
padding:106px 12px 18px;
flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;
gap:2px;border-radius:0;border:none;border-right:1px solid var(--border-strong);
box-shadow:none;overflow-y:auto;overflow-x:hidden;
transform:none !important;opacity:1 !important;transition:none;
}
html:is([data-nav="side"],[data-nav="classic"]) .nav::before{border-radius:0;
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 22%),var(--bg-panel);
-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}
html:is([data-nav="side"],[data-nav="classic"]):is([data-sidebar="glass"],.bg-on:not([data-sidebar="solid"])) .nav::before{
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 38%,rgba(255,255,255,.04)),rgba(18,19,24,.3);
-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);
box-shadow:inset -1px 0 0 rgba(255,255,255,.1), inset 0 0 40px rgba(255,255,255,.025);}
html:is([data-nav="side"],[data-nav="classic"]) .dock-hint{display:none;}

html:is([data-nav="side"],[data-nav="classic"]) .brand-card{
position:fixed;top:0;left:0;width:258px;z-index:59;
padding:16px 14px;border:none;border-right:1px solid var(--border-strong);
border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;}
html:is([data-nav="side"],[data-nav="classic"]) .brand-card::before{border-radius:0;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 70%),var(--bg-panel);
-webkit-backdrop-filter:none;backdrop-filter:none;}
html:is([data-nav="side"],[data-nav="classic"]):is([data-sidebar="glass"],.bg-on:not([data-sidebar="solid"])) .brand-card::before{
background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.02) 55%,rgba(255,255,255,.04)),rgba(18,19,24,.3);
-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);
box-shadow:inset -1px 0 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.14);}

html:is([data-nav="side"],[data-nav="classic"]) .main{margin-left:258px;padding-bottom:44px;}
html:is([data-nav="side"],[data-nav="classic"]) .topbar{padding-left:0;}

html:is([data-nav="side"],[data-nav="classic"]){--dock-h:0px;--dock-space:26px;}

html:is([data-nav="side"],[data-nav="classic"]) .dgl-distbar{
transform:translateX(calc(-50% + 129px));max-width:min(880px,calc(74vw - 129px));}

html[data-nav="side"] .nav-item,
html[data-nav="side"] .nav-ghead{
width:100%;flex:0 0 auto;justify-content:flex-start;gap:11px;
padding:9px 11px !important;border-radius:10px;white-space:normal;text-align:left;}
html[data-nav="side"] .nav-item svg,
html[data-nav="side"] .nav-ghead .nav-gicon{
flex:0 0 20px;width:20px;height:20px;padding:0;border:none;background:none;border-radius:0;}
html[data-nav="side"] .nav-glabel,
html[data-nav="side"] .nav-lbl{max-width:none !important;opacity:1 !important;overflow:visible;}
html[data-nav="side"] .nav-badge{margin-left:auto;}
html[data-nav="side"] .nav-gchev{margin-left:auto;opacity:.5;transform:rotate(90deg);}
html[data-nav="side"] .nav-group.open .nav-gchev{transform:rotate(-90deg);}

html[data-nav="side"] .nav-group{display:block;width:100%;flex:0 0 auto;}
html[data-nav="side"] .nav-group::after{display:none;}
html[data-nav="side"] .nav-sub{
position:static;left:auto;top:auto;width:auto;max-width:none;min-width:0;
transform:none;opacity:1;visibility:visible;pointer-events:auto;
background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
padding:0;margin:0;border-radius:0;
display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease;}
html[data-nav="side"] .nav-group.open .nav-sub,
html[data-nav="side"] .nav-group.has-active .nav-sub{grid-template-rows:1fr;}
html[data-nav="side"] .nav-subtitle{display:none;}
html[data-nav="side"] .nav-subin{
min-height:0;overflow:hidden;padding:2px 0 4px 13px;margin-left:9px;
border-left:1px solid var(--border);}
html[data-nav="side"] .nav-sub .nav-item{
opacity:1;transform:none;transition-delay:0s !important;font-size:12.5px;padding:7px 10px !important;}
html[data-nav="side"] .nav-sub .nav-item::after{display:none;}
html[data-nav="side"] .nav-group:not(.open):not(.has-active) .nav-sub{pointer-events:none;}
html[data-nav="side"] .nav-group:not(.open):not(.has-active) .nav-subin{padding:0;border-left-color:transparent;}

html[data-nav="classic"] .nav-ghead,
html[data-nav="classic"] .nav-subtitle,
html[data-nav="classic"] .nav-group::after{display:none;}
html[data-nav="classic"] .nav-group,
html[data-nav="classic"] .nav-sub,
html[data-nav="classic"] .nav-subin{display:contents;}
html[data-nav="classic"] .nav-sub{visibility:visible;pointer-events:auto;}
html[data-nav="classic"] .nav-sub .nav-item{
opacity:1;transform:none;transition-delay:0s !important;}
html[data-nav="classic"] .nav-sub .nav-item::after{display:none;}
html[data-nav="classic"] .nav-sub .nav-item.active::before{display:none;}

html[data-nav="classic"] .nav .nav-item{
width:100%;flex:0 0 auto;justify-content:flex-start;gap:11px;
background:transparent;border:none;border-left:3px solid transparent;
color:var(--text-2);padding:10px 11px !important;border-radius:0 10px 10px 0;
font-size:13.5px;font-weight:500;white-space:normal;text-align:left;
transition:background .15s, color .15s, border-color .15s;}
html[data-nav="classic"] .nav .nav-item svg{
flex:0 0 18px;width:18px;height:18px;padding:0;border:none;background:none;border-radius:0;
color:currentColor;}
html[data-nav="classic"] .nav-lbl{max-width:none !important;opacity:1 !important;overflow:visible;}
html[data-nav="classic"] .nav-badge{margin-left:auto;}
html[data-nav="classic"] .nav .nav-item:hover{background:var(--bg-hover);color:var(--text-1);}
html[data-nav="classic"] .nav .nav-item:hover svg{color:currentColor;}
html[data-nav="classic"] .nav .nav-item.active{
background:linear-gradient(90deg, color-mix(in srgb,var(--role-ausb) 14%, transparent), transparent 80%);
color:var(--role-ausb);border-left-color:var(--role-ausb);
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-ausb) 10%, transparent);}
html[data-nav="classic"] .nav .nav-item.active svg{color:var(--role-ausb);}

html[data-nav="classic"] .nav-item[data-page="home"]{order:1;}
html[data-nav="classic"] .nav-item[data-page="einweisung"]{order:2;}
html[data-nav="classic"] .nav-item[data-page="freigaben"]{order:3;}
html[data-nav="classic"] .nav-item[data-page="regeln"]{order:4;}
html[data-nav="classic"] .nav-item[data-page="bzr"]{order:5;}
html[data-nav="classic"] .nav-item[data-page="dashboard"]{order:6;}
html[data-nav="classic"] .nav-item[data-page="table"]{order:7;}
html[data-nav="classic"] .nav-item[data-page="pma"]{order:8;}
html[data-nav="classic"] .nav-item[data-page="cert"]{order:9;}
html[data-nav="classic"] .nav-item[data-page="adocs"]{order:10;}
html[data-nav="classic"] .nav-item[data-page="elvl"]{order:11;}
html[data-nav="classic"] .nav-item[data-page="tests"]{order:12;}
html[data-nav="classic"] .nav-item[data-page="anwesenheit"]{order:13;}
html[data-nav="classic"] .nav-item[data-page="chat"]{order:14;}
html[data-nav="classic"] .nav-item[data-page="support"]{order:15;}
html[data-nav="classic"] .nav-item[data-page="tickets"]{order:16;}
html[data-nav="classic"] .nav-item[data-page="dgl"]{order:17;}
html[data-nav="classic"] .nav-item[data-page="roles"]{order:18;}
html[data-nav="classic"] .nav-item[data-page="einstellungen"]{order:19;}
}
.save-notify{position:fixed;top:14px;left:50%;transform:translate(-50%,-10px);z-index:590;
display:flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;
font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-2);white-space:nowrap;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02) 60%), rgba(21,22,27,.7);
-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
border:1px solid var(--border-strong);box-shadow:0 10px 26px rgba(0,0,0,.45);
opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;}
.save-notify.show{opacity:1;transform:translate(-50%,0);}
.save-notify::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--text-3);flex:0 0 7px;transition:background .2s;}
.save-notify.ok{color:var(--role-erw);}
.save-notify.ok::before{background:var(--role-erw);box-shadow:0 0 8px rgba(52,211,153,.4);}
.save-notify.busy{color:var(--role-ausb);}
.save-notify.busy::before{background:var(--role-ausb);}
.save-notify.warn{color:var(--role-probe);}
.save-notify.warn::before{background:var(--role-probe);}

.user-dock{position:fixed;z-index:559;bottom:var(--nc-edge);
right:calc(var(--nc-edge) + var(--nc-fab-size) + 12px);}
html.nc-hidden .user-dock{right:var(--nc-edge);}
.user-chip{
--uc:var(--role-ausb);
display:flex;align-items:center;gap:9px;
height:var(--nc-fab-size);padding:0 5px 0 5px;border-radius:999px;
position:relative;isolation:isolate;
border:1px solid rgba(255,255,255,.14);
background:radial-gradient(90% 140% at 0% 50%,color-mix(in srgb,var(--uc) 22%,transparent),transparent 62%),
linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 45%,rgba(255,255,255,.06)),rgba(16,17,22,.3);
-webkit-backdrop-filter:blur(18px) saturate(1.8) brightness(1.1);backdrop-filter:blur(18px) saturate(1.8) brightness(1.1);
box-shadow:0 14px 34px -12px rgba(0,0,0,.7), 0 0 0 1px rgba(0,0,0,.2),
inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.05), inset 0 0 20px rgba(255,255,255,.03);
transition:transform .18s, border-color .18s, box-shadow .18s;
}
.user-chip::before,.nc-fab::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:-1;
background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 50%);}
.user-chip:hover{transform:translateY(-2px);
border-color:color-mix(in srgb,var(--uc) 50%, rgba(255,255,255,.18));
box-shadow:0 16px 36px -10px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.28),
inset 0 0 20px rgba(255,255,255,.05),
0 0 26px -8px color-mix(in srgb,var(--uc) 75%, transparent);}
.user-avatar{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;
display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:12.5px;
color:var(--uc);border:2px solid transparent;
background:linear-gradient(160deg,color-mix(in srgb,var(--uc) 22%,#15161b),#101116) padding-box,
conic-gradient(from 200deg,var(--uc),color-mix(in srgb,var(--uc) 25%,transparent) 35%,rgba(255,255,255,.55) 55%,color-mix(in srgb,var(--uc) 25%,transparent) 75%,var(--uc)) border-box;
box-shadow:0 0 16px -4px color-mix(in srgb,var(--uc) 85%, transparent), 0 4px 10px -4px rgba(0,0,0,.6);}
.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.user-meta{min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:2px;}
.user-name{font-size:12px;font-weight:650;color:var(--text-1);line-height:1.2;letter-spacing:.01em;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:148px;}
.user-level{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;
font-family:var(--font-display);font-size:8.5px;font-weight:700;line-height:1;
text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--uc) 80%, white);
padding:2px 6px 2px 5px;border-radius:999px;
background:color-mix(in srgb,var(--uc) 14%,transparent);border:1px solid color-mix(in srgb,var(--uc) 32%,transparent);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;}
.user-level::before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--uc);
box-shadow:0 0 6px var(--uc);}
.user-logout{position:relative;color:var(--text-2);cursor:pointer;margin-left:6px;
background:linear-gradient(170deg,rgba(255,255,255,.13),rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 10px -5px rgba(0,0,0,.6);
width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;
transition:color .15s, background .15s, border-color .15s, transform .15s;}
.user-logout::before{content:'';position:absolute;left:-8px;top:7px;bottom:7px;width:1px;
background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);}
.user-logout:hover{color:#ff8f93;transform:scale(1.06);
background:linear-gradient(170deg,rgba(239,90,95,.26),rgba(239,90,95,.08));
border-color:color-mix(in srgb,var(--role-probe) 50%, transparent);}
.user-logout svg{width:14px;height:14px;stroke:currentColor;transform:translateX(1px);}
.user-chip.is-tuck{gap:0;}
.user-chip .user-avatar{padding:0;cursor:pointer;appearance:none;}
.user-body{display:flex;align-items:center;gap:9px;min-width:0;
max-width:340px;opacity:1;margin-left:9px;overflow:hidden;
transition:max-width .3s cubic-bezier(.22,.8,.3,1), opacity .18s ease, margin-left .3s cubic-bezier(.22,.8,.3,1);}
.user-chip.is-tuck .user-body{max-width:0;opacity:0;margin-left:0;}
.user-chip.is-tuck:hover .user-body,
.user-chip.is-tuck:focus-within .user-body,
.user-chip.is-tuck.is-open .user-body{max-width:340px;opacity:1;margin-left:9px;}
.user-chip.is-tuck::after{content:'';position:absolute;right:7px;top:50%;width:4px;height:4px;margin-top:-2px;
border-radius:50%;background:var(--uc);box-shadow:0 0 7px var(--uc);opacity:.75;
transition:opacity .18s;pointer-events:none;}
.user-chip.is-tuck:hover::after,
.user-chip.is-tuck:focus-within::after,
.user-chip.is-tuck.is-open::after{opacity:0;}
.user-chip.is-tuck{padding-right:14px;transition:transform .18s, border-color .18s, box-shadow .18s, padding-right .3s cubic-bezier(.22,.8,.3,1);}
.user-chip.is-tuck:hover,
.user-chip.is-tuck:focus-within,
.user-chip.is-tuck.is-open{padding-right:5px;}
@media (hover:none){ .user-chip.is-tuck:hover .user-body{max-width:0;opacity:0;margin-left:0;}
.user-chip.is-tuck.is-open .user-body{max-width:340px;opacity:1;margin-left:9px;}
.user-chip.is-tuck:hover::after{opacity:.75;} .user-chip.is-tuck.is-open::after{opacity:0;}
.user-chip.is-tuck:hover{padding-right:14px;} .user-chip.is-tuck.is-open{padding-right:5px;} }
@media (max-width:620px){ .user-chip{padding:0 5px;} .user-chip.is-tuck{padding-right:14px;} .user-chip.is-tuck.is-open{padding-right:5px;} }

.auth-gate{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px;
background:radial-gradient(circle at 20% 0%, rgba(155,135,245,.10), transparent 40%),
radial-gradient(circle at 85% 100%, rgba(52,211,153,.08), transparent 45%), rgba(9,10,13,.94);
backdrop-filter:blur(6px);}
.auth-gate.show{display:flex;}
.auth-card{width:100%;max-width:430px;text-align:center;padding:34px 30px 30px;border-radius:22px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 55%), var(--bg-panel);
border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 80px rgba(0,0,0,.6);}
.auth-logo{width:84px;height:84px;object-fit:contain;background:#f4f5f7;border-radius:18px;padding:5px;margin-bottom:16px;}
.auth-greet{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.2px;color:var(--text-1);margin-bottom:6px;}
.auth-title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.05em;color:var(--text-1);}
.auth-sub{font-size:12.5px;color:var(--text-3);margin-top:3px;margin-bottom:22px;}
.auth-btn{display:inline-flex;align-items:center;gap:10px;width:100%;justify-content:center;
background:linear-gradient(180deg,#6f7cf0,#5865F2);color:#fff;border:1px solid #4650c0;
padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 8px 22px rgba(88,101,242,.4);transition:filter .15s, transform .1s;}
.auth-btn:hover{filter:brightness(1.07);}
.auth-btn:active{transform:scale(.98);}
.auth-btn svg{width:20px;height:20px;fill:#fff;}
.auth-note{font-size:12px;color:var(--text-2);line-height:1.5;margin-top:18px;}
.auth-note b{color:var(--text-1);}
.auth-idbox{font-family:var(--font-mono);font-size:12px;color:var(--role-ausb);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-top:10px;user-select:all;word-break:break-all;}
.auth-logout{margin-top:16px;background:none;border:none;color:var(--text-3);text-decoration:underline;cursor:pointer;font-size:12.5px;}
.auth-logout:hover{color:var(--text-1);}
.auth-btn.recheck{margin-top:18px;background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 92%, white), var(--role-ausb));
color:#1a1206;border-color:color-mix(in srgb,var(--role-ausb) 55%, black);
box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 8px 22px color-mix(in srgb,var(--role-ausb) 35%, transparent);}
.auth-btn.recheck svg{fill:none;stroke:#1a1206;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.auth-btn.recheck:disabled{filter:saturate(.55) brightness(.85);cursor:default;transform:none;}
.auth-btn.recheck .spin{animation:authSpin 1s linear infinite;}
@keyframes authSpin{to{transform:rotate(360deg);}}
.upd-bar{position:fixed;left:50%;bottom:22px;z-index:700;display:flex;align-items:center;gap:12px;
padding:11px 12px 11px 16px;border-radius:14px;max-width:min(640px, calc(100vw - 32px));
transform:translate(-50%, 24px);opacity:0;pointer-events:none;
transition:transform .3s cubic-bezier(.22,.8,.3,1), opacity .25s ease;
border:1px solid color-mix(in srgb,var(--role-ausb) 42%, var(--border-strong));
background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 50%), rgba(18,19,24,.82);
-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
box-shadow:0 20px 50px -18px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.16);}
.upd-bar.show{transform:translate(-50%, 0);opacity:1;pointer-events:auto;}
.upd-bar > svg{width:18px;height:18px;flex:0 0 18px;stroke:var(--role-ausb);fill:none;}
.upd-txt{font-size:12.5px;line-height:1.45;color:var(--text-1);min-width:0;}
.upd-go{flex:0 0 auto;padding:8px 14px;border-radius:10px;cursor:pointer;white-space:nowrap;
font-size:12.5px;font-weight:700;color:#20170a;border:1px solid color-mix(in srgb,var(--role-ausb) 55%, black);
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 90%, white), var(--role-ausb));
box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:filter .15s, transform .1s;}
.upd-go:hover{filter:brightness(1.07);}
.upd-go:active{transform:scale(.97);}
.upd-x{flex:0 0 auto;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:17px;line-height:1;
color:var(--text-3);background:transparent;border:1px solid transparent;transition:all .15s;}
.upd-x:hover{color:var(--text-1);background:var(--bg-hover);border-color:var(--border);}
@media(max-width:620px){
.upd-bar{flex-wrap:wrap;left:16px;right:16px;transform:translate(0, 24px);max-width:none;}
.upd-bar.show{transform:translate(0, 0);}
.upd-txt{flex:1 1 100%;order:2;}
.upd-go{order:3;flex:1 1 auto;}
}
.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:20px;text-align:left;}
.auth-field{display:flex;flex-direction:column;gap:5px;}
.auth-lbl{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:.09em;
text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:7px;}
.auth-opt{font-size:9.5px;letter-spacing:.05em;color:var(--text-3);opacity:.7;text-transform:none;
border:1px solid var(--border);border-radius:999px;padding:1px 6px;}
.auth-field input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:10px;padding:11px 12px;font-size:13.5px;font-family:inherit;width:100%;
transition:border-color .15s, box-shadow .15s;}
.auth-field input::placeholder{color:var(--text-3);opacity:.65;}
.auth-field input:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 60%, var(--border-strong));
box-shadow:0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);}
.auth-err{font-size:12px;color:#ff9095;min-height:16px;line-height:1.4;}
.auth-err:empty{min-height:0;}
.auth-warn{font-size:12px;line-height:1.5;color:#ffb0b4;margin-top:14px;padding:10px 12px;border-radius:10px;
background:color-mix(in srgb,#ef5a5f 12%, transparent);border:1px solid color-mix(in srgb,#ef5a5f 34%, transparent);}
.auth-btn.send{margin-top:2px;background:linear-gradient(180deg, color-mix(in srgb,var(--role-erw) 90%, white), var(--role-erw));
color:#06251a;border-color:color-mix(in srgb,var(--role-erw) 55%, black);
box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 8px 22px color-mix(in srgb,var(--role-erw) 32%, transparent);}
.auth-btn.send svg{fill:none;stroke:#06251a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.auth-btn.send:disabled{filter:saturate(.5) brightness(.85);cursor:default;transform:none;}
.auth-done{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;
font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:.03em;color:var(--role-erw);}
.auth-done svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.auth-card-box{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));}
.acb-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 12px;
border-bottom:1px solid var(--border);font-size:12.5px;text-align:left;}
.acb-row:last-child{border-bottom:none;}
.acb-row span{color:var(--text-3);font-size:11px;letter-spacing:.05em;text-transform:uppercase;flex:0 0 auto;}
.acb-row b{color:var(--text-1);font-weight:650;min-width:0;word-break:break-word;text-align:right;}
.acb-mono{font-family:var(--font-mono);font-size:11.5px;color:var(--role-ausb);}
.auth-deny{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;
font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.03em;color:#ff8f93;}
.auth-deny svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.auth-card-box.is-deny{border-color:color-mix(in srgb,#ef5a5f 38%, var(--border));
background:linear-gradient(180deg, color-mix(in srgb,#ef5a5f 10%, transparent), rgba(255,255,255,0));}
.auth-card-box.is-deny .acb-row{border-bottom-color:color-mix(in srgb,#ef5a5f 20%, var(--border));}
.auth-card-box.is-deny .acb-row:last-child{border-bottom:none;}
#afRetry{margin-top:16px;}

.member-head.user-head,.user-row{display:grid;grid-template-columns:150px 1fr 150px 34px;gap:8px;align-items:center;}
.user-row{padding:2px 0;}
.user-row .u-id{font-family:var(--font-mono);font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user-row .u-name{font-size:12.5px;color:var(--text-1);display:flex;align-items:center;gap:8px;min-width:0;}
.user-row .u-nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user-row .u-av{position:relative;overflow:hidden;width:24px;height:24px;border-radius:50%;flex:0 0 auto;
display:grid;place-items:center;background:var(--av-c,#8a8d98);color:#fff;font-size:10.5px;font-weight:700;}
.user-row .u-av .ava-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.user-row select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:7px;padding:7px 8px;font-size:12.5px;width:100%;appearance:none;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5c65' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 7px center;padding-right:22px;}
.user-row .u-owner{font-size:10.5px;color:var(--role-ausb);text-align:center;font-weight:700;text-transform:uppercase;}
.user-row .u-match{color:var(--role-erw);font-size:11px;}
.user-row .u-eff{font-size:12px;color:var(--text-1);display:flex;flex-direction:column;line-height:1.15;}
.user-row .u-src{font-size:10px;color:var(--text-3);}
.dgl-subnav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:6px;border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), rgba(22,23,28,.6);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);width:fit-content;max-width:100%;}
.dgl-subtab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;border:1px solid transparent;
background:transparent;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;}
.dgl-subtab svg{width:16px;height:16px;stroke:currentColor;}
.dgl-subtab:hover{background:var(--bg-hover);color:var(--text-1);}
.dgl-subtab.active{color:#20170a;
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 88%, white), var(--role-ausb));
box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 4px 14px rgba(224,169,64,.28);}
.dgl-subpage{display:none;animation:pageIn .2s ease;}
.dgl-subpage.active{display:block;}
.dgl-subcnt{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
background:#ef5a5f;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;}
.dgl-subcnt.on{display:inline-block;}
.dgl-subtab.active .dgl-subcnt{background:#20170a;color:var(--role-ausb);}

.fs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px 0;}
.fs-stat{position:relative;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;cursor:pointer;
text-align:left;border:1px solid var(--border);
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 60%), var(--bg-panel-alt);
transition:border-color .15s, transform .15s, box-shadow .15s, background .15s;}
.fs-stat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fc) 45%, var(--border-strong));}
.fs-stat.is-on{border-color:color-mix(in srgb,var(--fc) 62%, transparent);
background:linear-gradient(180deg, color-mix(in srgb,var(--fc) 13%, transparent), rgba(255,255,255,0) 70%), var(--bg-panel-alt);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px -12px color-mix(in srgb,var(--fc) 70%, transparent);}
.fs-stat-ic{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
background:color-mix(in srgb,var(--fc) 16%, transparent);border:1px solid color-mix(in srgb,var(--fc) 34%, transparent);}
.fs-stat-ic svg{width:17px;height:17px;stroke:var(--fc);stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.fs-stat-n{font-family:var(--font-display);font-size:23px;font-weight:800;line-height:1;color:var(--text-1);}
.fs-stat-l{font-size:12px;font-weight:600;color:var(--text-2);line-height:1.2;}
.fs-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px 0;}
.fs-cats{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:12px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)), rgba(22,23,28,.5);
border:1px solid var(--border);}
.fs-cat{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;cursor:pointer;
border:1px solid transparent;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;
transition:all .15s;white-space:nowrap;}
.fs-cat svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.fs-cat:hover{background:var(--bg-hover);color:var(--text-1);}
.fs-cat.is-on{color:var(--fc);border-color:color-mix(in srgb,var(--fc) 45%, transparent);
background:color-mix(in srgb,var(--fc) 14%, transparent);}
.fs-cat-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:800;line-height:18px;
text-align:center;background:color-mix(in srgb,var(--fc) 24%, transparent);color:var(--fc);}
.fs-cat.is-on .fs-cat-n{background:var(--fc);color:#101116;}
.fs-bar .elvl-search{flex:1 1 220px;min-width:180px;}
.fs-list{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow:auto;padding:2px;}
.fs-row{display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:12px;
background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0));
border:1px solid var(--border);border-left:3px solid #34d399;transition:border-color .15s, background .15s;}
.fs-row:hover{border-color:var(--border-strong);border-left-color:#34d399;background:var(--bg-hover);}
.fs-row.is-rejected{border-left-color:#ef5a5f;opacity:.75;}
.fs-row.is-rejected:hover{border-left-color:#ef5a5f;}
.fs-row.is-missing{border-left-color:#e0a940;}
.fs-row.is-missing:hover{border-left-color:#e0a940;}
.fs-row.is-again{border-left-color:#e0a940;}
.fs-again{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:800;
color:#e0a940;background:color-mix(in srgb,#e0a940 14%, transparent);border:1px solid color-mix(in srgb,#e0a940 40%, transparent);}
.fs-dn{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:800;
font-family:var(--font-mono);letter-spacing:.03em;
color:#34d399;background:color-mix(in srgb,#34d399 13%, transparent);border:1px solid color-mix(in srgb,#34d399 38%, transparent);}
.fs-av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
background:color-mix(in srgb,var(--role-ausb) 22%, transparent);color:var(--role-ausb);
font-family:var(--font-display);font-weight:700;font-size:17px;border:1px solid var(--border-strong);}
.fs-av img{width:100%;height:100%;object-fit:cover;display:block;}
.fs-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;}
.fs-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700;font-size:14px;color:var(--text-1);min-width:0;}
.fs-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3);}
.fs-disc{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);}
.fs-disc svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.7;}
.fs-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text-2);
background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;padding:1px 7px;}
.fs-note{font-size:12px;color:var(--text-2);line-height:1.45;padding:6px 10px;border-radius:8px;
background:var(--bg-input);border:1px solid var(--border);max-width:640px;}
.fs-alert{font-size:11.5px;font-weight:600;color:#ffb0b4;padding:5px 10px;border-radius:8px;max-width:640px;
background:color-mix(in srgb,#ef5a5f 12%, transparent);border:1px solid color-mix(in srgb,#ef5a5f 34%, transparent);}
.fs-acts{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.fs-wait{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;font-size:12px;font-weight:600;
color:#e0a940;background:color-mix(in srgb,#e0a940 11%, transparent);
border:1px solid color-mix(in srgb,#e0a940 34%, transparent);white-space:nowrap;}
.fs-wait svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.fs-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;cursor:pointer;
font-size:12.5px;font-weight:700;border:1px solid var(--border-strong);background:var(--bg-hover);
color:var(--text-1);transition:all .14s;white-space:nowrap;}
.fs-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.fs-btn:hover{transform:translateY(-1px);}
.fs-btn.ok{border-color:color-mix(in srgb,#34d399 45%, transparent);color:#34d399;
background:color-mix(in srgb,#34d399 12%, transparent);}
.fs-btn.ok:hover{background:color-mix(in srgb,#34d399 22%, transparent);}
.fs-btn.no{border-color:color-mix(in srgb,#ef5a5f 45%, transparent);color:#ef5a5f;
background:color-mix(in srgb,#ef5a5f 10%, transparent);}
.fs-btn.no:hover{background:color-mix(in srgb,#ef5a5f 20%, transparent);}
.fs-empty{padding:34px 14px;text-align:center;color:var(--text-3);font-size:13px;
border:1px dashed var(--border);border-radius:12px;}
.fs-help{margin-top:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel-alt);overflow:hidden;}
.fs-help summary{cursor:pointer;padding:11px 14px;font-size:12.5px;font-weight:700;color:var(--text-2);
list-style:none;display:flex;align-items:center;gap:9px;transition:color .15s, background .15s;}
.fs-help summary::-webkit-details-marker{display:none;}
.fs-help summary::before{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(-45deg);margin-left:2px;transition:transform .2s;}
.fs-help[open] summary::before{transform:rotate(45deg);}
.fs-help summary:hover{color:var(--text-1);background:var(--bg-hover);}
.fs-help p{margin:0;padding:0 16px 12px 16px;font-size:12.5px;line-height:1.6;color:var(--text-2);}
.fs-help p:first-of-type{padding-top:4px;}
.fs-help b{color:var(--text-1);}
@media(max-width:860px){
.fs-stats{grid-template-columns:1fr;}
.fs-stat{padding:11px 13px;}
}
@media(max-width:640px){
.fs-row{flex-wrap:wrap;}
.fs-acts{width:100%;justify-content:flex-start;flex-wrap:wrap;}
.fs-btn{flex:1 1 auto;justify-content:center;}
.fs-bar{flex-direction:column;align-items:stretch;}
.fs-bar .elvl-search{flex:0 0 auto;width:100%;min-width:0;}
.fs-cats{overflow-x:auto;flex-wrap:nowrap;}
.fs-list{max-height:none;overflow:visible;}
}

.logs-list{max-height:60vh;overflow:auto;padding:8px 14px 16px;display:flex;flex-direction:column;gap:6px;}
.log-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:11px;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));border:1px solid var(--border);
border-left:3px solid var(--lc,var(--role-ausb));transition:background .12s,border-color .12s;}
.log-item:hover{background:var(--bg-hover);}
.log-ic{flex:0 0 30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-top:1px;
background:color-mix(in srgb,var(--lc,var(--role-ausb)) 18%, transparent);color:var(--lc,var(--role-ausb));}
.log-ic svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;}
.log-main{flex:1;min-width:0;}
.log-line1{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.log-action{font-weight:700;font-size:13px;color:var(--text-1);}
.log-detail{font-size:12.5px;color:var(--text-2);}
.log-line2{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:11px;color:var(--text-3);}
.log-who{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);}
.log-who .av{width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--lc,var(--role-ausb)) 30%, var(--bg-panel-alt));
color:var(--text-1);font-size:9px;font-weight:700;display:grid;place-items:center;text-transform:uppercase;}
.log-chip{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;}
.log-ts{font-family:var(--font-mono);white-space:nowrap;}
.log-ts .rel{color:var(--text-2);}
.log-line3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;}
.log-meta-i{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-3);
background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:6px;padding:1px 6px;max-width:100%;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.log-meta-i.mono{font-family:var(--font-mono);letter-spacing:-.01em;}
.logs-empty{padding:22px;text-align:center;color:var(--text-3);}

.cert-hint-top{margin-top:16px;margin-bottom:0;text-align:center;}
.cert-status{margin-top:14px;font-size:13px;min-height:0;border-radius:10px;padding:0;line-height:1.5;transition:padding .15s;}
.cert-status:empty{padding:0;}
.cert-status.busy,.cert-status.ok,.cert-status.err{padding:9px 13px;}
.cert-status.busy{color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--border);}
.cert-status.ok{color:var(--role-erw);background:color-mix(in srgb,var(--role-erw) 12%, transparent);border:1px solid color-mix(in srgb,var(--role-erw) 35%, var(--border));}
.cert-status.err{color:var(--role-probe);background:color-mix(in srgb,var(--role-probe) 12%, transparent);border:1px solid color-mix(in srgb,var(--role-probe) 40%, var(--border));font-weight:600;}
.cert-status a{color:var(--role-ausb);text-decoration:underline;text-underline-offset:2px;}
.cert-status .btn-copy{font:inherit;cursor:pointer;border:1px solid var(--border,rgba(255,255,255,.15));background:transparent;color:var(--text-2);border-radius:7px;padding:3px 9px;margin-left:6px;}
.cert-status .btn-copy:hover{background:var(--bg-hover);}
input.field-missing,.cdd.field-missing .cdd-btn{border-color:var(--role-probe)!important;
box-shadow:0 0 0 2px color-mix(in srgb,var(--role-probe) 22%, transparent);}
.cm-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 10px;}
.cm-list-label{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-1);}
.cm-list-tools{display:flex;gap:8px;}
.cm-mini{padding:5px 12px;font-size:12px;}
.cert-multi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;
border-radius:12px;transition:box-shadow .15s,background .15s;}
.cert-multi-grid.field-missing{padding:9px;background:color-mix(in srgb,var(--role-probe) 7%, transparent);
box-shadow:0 0 0 2px color-mix(in srgb,var(--role-probe) 30%, transparent);}
.cm-item{position:relative;display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;cursor:pointer;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)), rgba(20,21,26,.45);
border:1px solid var(--border);transition:border-color .15s,transform .12s,background .15s;}
.cm-item:hover{border-color:color-mix(in srgb,var(--role-ausb) 42%, var(--border));transform:translateY(-1px);}
.cm-item .cm-cb{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.cm-item .cm-check{flex:0 0 auto;width:19px;height:19px;border-radius:6px;border:1.5px solid var(--border-strong);
background:var(--bg-hover);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;}
.cm-item .cm-check::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;
transform:rotate(-45deg) scale(0);transform-origin:center;margin-top:-2px;transition:transform .13s;}
.cm-item .cm-label{font-size:13px;color:var(--text-2);line-height:1.35;}
.cm-item.sel{border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border));
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 10%, transparent), transparent), rgba(20,21,26,.5);}
.cm-item.sel .cm-check{background:var(--role-ausb);border-color:var(--role-ausb);}
.cm-item.sel .cm-check::after{transform:rotate(-45deg) scale(1);}
.cm-item.sel .cm-label{color:var(--text-1);}
.cert-batch{margin-top:22px;padding:18px 18px 16px;border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)), rgba(20,21,26,.45);
border:1px solid color-mix(in srgb,var(--role-ausb) 26%, var(--border-strong));}
.cert-batch-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.cbh-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-1);}
.cbh-count{font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1.6;padding:1px 10px;border-radius:999px;
color:color-mix(in srgb,var(--role-ausb) 85%, white);background:color-mix(in srgb,var(--role-ausb) 18%, transparent);
border:1px solid color-mix(in srgb,var(--role-ausb) 42%, transparent);}
.cbh-note{font-weight:400;font-size:11.5px;color:var(--text-3);}
.cert-batch-list{display:flex;flex-direction:column;gap:8px;}
.cert-batch-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)), rgba(20,21,26,.6);
border:1px solid color-mix(in srgb,var(--role-ausb) 22%, var(--border));border-left:3px solid color-mix(in srgb,var(--role-ausb) 65%, transparent);
font-size:13px;transition:border-color .16s,box-shadow .16s,transform .16s;}
.cert-batch-item:hover{border-color:color-mix(in srgb,var(--role-ausb) 42%, var(--border));transform:translateY(-1px);
box-shadow:0 10px 28px -12px color-mix(in srgb,var(--role-ausb) 70%, transparent);}
.cert-batch-item .bi-num{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--bg-hover);color:var(--text-3);
font-family:var(--font-mono);font-size:10.5px;font-weight:700;display:grid;place-items:center;}
.cert-batch-item .bi-name{font-weight:600;color:var(--text-1);}
.cert-batch-item .bi-ausb{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto;}
.cert-batch-item .bi-sep{color:var(--text-3);flex:0 0 auto;}
.cert-batch-item .bi-link{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:var(--role-erw);
text-decoration:none;font-size:11.5px;font-weight:700;background:color-mix(in srgb,var(--role-erw) 14%, transparent);
border:1px solid color-mix(in srgb,var(--role-erw) 35%, transparent);border-radius:999px;padding:3px 10px;}
.cert-batch-item .bi-link:hover{background:color-mix(in srgb,var(--role-erw) 22%, transparent);}
.cert-batch-item .bi-copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;cursor:pointer;font:inherit;
font-size:11.5px;font-weight:700;color:var(--text-2);background:transparent;
border:1px solid var(--border-strong);border-radius:999px;padding:3px 10px;transition:background .15s,color .15s,border-color .15s;}
.cert-batch-item .bi-copy:hover{background:var(--bg-hover);color:var(--text-1);border-color:color-mix(in srgb,var(--text-2) 40%, var(--border-strong));}
.cert-batch-item .bi-copy svg{width:13px;height:13px;stroke:currentColor;fill:none;}
.cert-batch-item .bi-del{margin-left:auto;flex:0 0 auto;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:6px;}
.cert-batch-item .bi-del:hover{color:var(--role-probe);background:var(--bg-hover);}
.cert-batch-item.done{border-color:color-mix(in srgb,var(--role-erw) 40%, var(--border));border-left-color:var(--role-erw);opacity:.85;}
.cert-batch-item.done .bi-name{color:var(--role-erw);}
.cert-batch-item.done .bi-num{background:color-mix(in srgb,var(--role-erw) 28%, transparent);color:var(--role-erw);}
.cert-admin{margin-top:22px;padding-top:16px;border-top:1px solid var(--border-strong);}
.cert-admin-info{font-size:13px;color:var(--text-2);margin-bottom:10px;}
#certClearBtn{color:#fff;background:linear-gradient(180deg,#e5636a,#d63d45);border:1px solid #b7333a;padding:10px 16px;border-radius:var(--radius-m);font-weight:700;font-size:13px;cursor:pointer;transition:filter .15s, transform .1s;}
#certClearBtn:hover{filter:brightness(1.06);}
#certClearBtn:active{transform:scale(.98);}
#certClearBtn:disabled{opacity:.5;cursor:default;}
@media (max-width:700px){.log-row{grid-template-columns:1fr;gap:2px;}.member-head.user-head,.user-row{grid-template-columns:1fr 1fr 120px 30px;}}

.main{flex:1;min-width:0;margin-left:0;padding:26px 26px 120px 26px;max-width:2100px;}
.topbar{padding-left:252px;}

.page:is([data-page="home"],[data-page="anwesenheit"],[data-page="cert"],
[data-page="einweisung"],[data-page="freigaben"],[data-page="regeln"],
[data-page="bzr"],[data-page="chat"],[data-page="einstellungen"],
[data-page="roles"]) > *{margin-left:auto;margin-right:auto;}
.page[data-page="cert"] .cert-view > *,
.page[data-page="anwesenheit"] .aw-accent > *,
.page[data-page="anwesenheit"] .aw-pane > *{margin-left:auto;margin-right:auto;}
.page[data-page="chat"] .chat-with-members{justify-content:center;}
.page[data-page="anwesenheit"] .aw-subnav{justify-content:center;}
.page{display:none;}
.page.active{display:block;animation:pageIn .42s cubic-bezier(.2,.7,.2,1);}
@keyframes pageIn{from{opacity:0;transform:translate3d(0,14px,0);}to{opacity:1;transform:translate3d(0,0,0);}}
@media (prefers-reduced-motion:reduce){
.page.active{animation:none;}
.adoc-swap{animation:none!important;}
}
.page-heading{flex:1 1 auto;min-width:0;}
.page-title{font-size:22px;font-weight:700;letter-spacing:.02em;line-height:1.1;}
.page-sub{font-size:12.5px;color:var(--text-3);margin-top:3px;}

.topbar.topbar-centered{position:relative;min-height:70px;justify-content:flex-end;}
.topbar.topbar-centered .kw-stamp{margin-left:0;}
.topbar.topbar-centered .page-heading{
position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
text-align:center;flex:0 0 auto;
pointer-events:none;
}

:root{--lx-w:1180px;}

.lx-head{flex-wrap:wrap;row-gap:10px;}
.lx-count{flex:0 0 auto;padding:3px 9px;border-radius:999px;
font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:none;color:var(--text-3);
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);}
.lx-count:empty{display:none;}
.lx-search{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-width:230px;
padding:7px 12px;border-radius:12px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;}
.lx-search:focus-within{background:rgba(255,255,255,.06);
border-color:color-mix(in srgb,var(--role-ausb) 55%, transparent);
box-shadow:0 0 0 3px color-mix(in srgb,var(--role-ausb) 14%, transparent);}
.lx-search > svg{flex:0 0 auto;width:15px;height:15px;stroke:var(--text-3);fill:none;}
.lx-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:0;
color:var(--text-1);font:inherit;font-size:12.5px;letter-spacing:0;text-transform:none;}
.lx-search input::placeholder{color:var(--text-3);}
.lx-clear{flex:0 0 auto;width:20px;height:20px;padding:0;display:grid;place-items:center;
border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--text-2);cursor:pointer;}
.lx-clear svg{width:11px;height:11px;stroke:currentColor;fill:none;}
.lx-clear:hover{background:rgba(255,255,255,.16);color:var(--text-1);}
.lx-clear[hidden]{display:none;}

.lx-modes{flex:0 0 auto;display:flex;gap:3px;padding:3px;border-radius:12px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);}
.lx-mode{width:30px;height:26px;padding:0;display:grid;place-items:center;
border:0;border-radius:9px;background:transparent;color:var(--text-3);cursor:pointer;
transition:background .18s ease, color .18s ease;}
.lx-mode svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.lx-mode:hover{color:var(--text-1);}
.lx-mode.active{color:var(--text-1);
background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05));
box-shadow:inset 0 1px 0 rgba(255,255,255,.14);}

.lx-wrap{max-width:var(--lx-w);display:flex;flex-direction:column;gap:26px;}
.lx-group{display:flex;flex-direction:column;gap:13px;}
.lx-ghead{display:flex;align-items:center;gap:11px;}
.lx-gic{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
color:var(--text-2);border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));}
.lx-gic svg{width:16px;height:16px;stroke:currentColor;fill:none;}
.lx-gic.is-fav{color:var(--role-ausb);border-color:color-mix(in srgb,var(--role-ausb) 35%, transparent);
box-shadow:0 0 16px -6px var(--role-ausb);}
.lx-gtxt{display:flex;flex-direction:column;min-width:0;}
.lx-gtxt b{font-family:var(--font-display);font-size:15.5px;font-weight:800;letter-spacing:.01em;
line-height:1.2;color:var(--text-1);}
.lx-gtxt i{font-style:normal;font-size:11.5px;color:color-mix(in srgb,var(--text-2) 65%, var(--text-3));}
.lx-gnum{flex:0 0 auto;padding:2px 7px;border-radius:999px;
font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:var(--text-3);
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.lx-gline{flex:1 1 auto;height:1px;background:linear-gradient(90deg, rgba(255,255,255,.13), transparent);}

.launcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.lx-tile{
position:relative;overflow:hidden;isolation:isolate;
display:flex;align-items:center;gap:14px;text-align:left;
padding:15px 16px;cursor:pointer;color:var(--text-1);
border-radius:18px;border:1px solid var(--border);
background:
radial-gradient(120% 130% at 0% 0%, color-mix(in srgb,var(--acc) 13%, transparent), transparent 58%),
linear-gradient(180deg,#1e1f25 0%,#141519 60%,#0e0f12 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.45);
transition:transform .18s cubic-bezier(.2,.8,.3,1), border-color .22s ease;
}
.lx-tile::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
background:radial-gradient(190px 190px at var(--mx,50%) var(--my,0%),
color-mix(in srgb,var(--acc) 20%, transparent), transparent 70%);
opacity:0;transition:opacity .25s ease;}
.lx-wrap .lx-tile:hover::before{opacity:1;}
.lx-tile::after{content:"";position:absolute;left:0;top:15px;bottom:15px;width:2px;z-index:1;border-radius:2px;
background:var(--acc);opacity:0;transform:scaleY(.3);
transition:opacity .22s ease, transform .28s cubic-bezier(.2,.8,.3,1);}
.lx-wrap .lx-tile:hover::after,.lx-wrap .lx-tile:focus-visible::after{opacity:.9;transform:scaleY(1);}
.lx-wrap .lx-tile:hover{transform:translateY(-3px);
border-color:color-mix(in srgb,var(--acc) 42%, var(--border-strong));
box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 38px rgba(0,0,0,.55),
0 0 26px -10px color-mix(in srgb,var(--acc) 65%, transparent);}
.lx-wrap .lx-tile:active{transform:translateY(-1px) scale(.995);}
.lx-tile:focus-visible{outline:2px solid color-mix(in srgb,var(--acc) 70%, transparent);outline-offset:2px;}
.lx-wrap .lx-tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 26px rgba(0,0,0,.45),
0 0 4px color-mix(in srgb,var(--acc) 10%, transparent);}
.lx-wrap .lx-tile .lx-sheen{box-shadow:0 0 16px -4px color-mix(in srgb,var(--acc) 32%, transparent);
animation:lxGlow 4.5s ease-in-out infinite;}
.lx-wrap .lx-tile:hover .lx-sheen,
.lx-wrap.is-fresh .lx-tile .lx-sheen{animation:none;box-shadow:none;}
@keyframes lxGlow{0%,100%{opacity:0;}50%{opacity:1;}}

.lx-sheen{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;overflow:hidden;}
.lx-sheen::before{content:"";position:absolute;top:-60%;bottom:-60%;left:0;width:36%;
background:linear-gradient(100deg, transparent, rgba(255,255,255,.13), transparent);
transform:translateX(-260%) rotate(8deg);}
.lx-wrap .lx-tile:hover .lx-sheen::before{animation:lxSheen .9s ease-out;}
@keyframes lxSheen{ to{ transform:translateX(430%) rotate(8deg); } }

.lx-tile .ic{position:relative;z-index:2;order:0;flex:0 0 auto;
width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
border:1px solid color-mix(in srgb,var(--acc) 26%, transparent);
background:linear-gradient(180deg, color-mix(in srgb,var(--acc) 24%, #16171b), color-mix(in srgb,var(--acc) 7%, #0f1013));
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -6px 12px rgba(0,0,0,.38),
0 0 16px -4px color-mix(in srgb,var(--acc) 55%, transparent);
transition:transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease;}
.lx-tile .ic svg{width:23px;height:23px;stroke:var(--acc);color:var(--acc);fill:none;
filter:drop-shadow(0 0 5px color-mix(in srgb,var(--acc) 60%, transparent));}
.lx-wrap .lx-tile:hover .ic{transform:translateY(-1px) scale(1.06) rotate(-2deg);
box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 0 22px -4px color-mix(in srgb,var(--acc) 75%, transparent);}

.lx-body{position:relative;z-index:2;order:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.lx-tile .lbl{font-size:13.5px;font-weight:700;line-height:1.25;letter-spacing:.005em;color:var(--text-1);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
overflow-wrap:anywhere;}
.lx-desc{font-size:11.5px;line-height:1.4;color:var(--text-2);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.lx-badge{position:relative;z-index:2;order:2;display:none;flex:0 0 auto;
min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;
font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:#0e0f12;
background:var(--role-probe);box-shadow:0 0 12px -2px var(--role-probe);}
.lx-badge.show{display:inline-flex;}

.lx-go{position:relative;z-index:2;order:3;flex:0 0 auto;width:20px;height:20px;
display:grid;place-items:center;color:var(--text-3);opacity:.45;transform:translateX(-3px);
transition:opacity .22s ease, transform .22s ease, color .22s ease;}
.lx-go svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.lx-wrap .lx-tile:hover .lx-go{opacity:1;transform:translateX(0);color:var(--acc);}

.lx-fav{position:absolute;z-index:4;top:7px;right:7px;width:24px;height:24px;
display:grid;place-items:center;border-radius:50%;color:var(--text-3);cursor:pointer;
opacity:0;transform:scale(.8);
transition:opacity .2s ease, transform .2s ease, color .2s ease, background .2s ease;}
.lx-fav svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.lx-fav:hover{background:rgba(255,255,255,.10);color:var(--role-ausb);transform:scale(1.12);}
.lx-tile:hover .lx-fav,.lx-tile:focus-visible .lx-fav{opacity:1;transform:scale(1);}
.lx-tile.is-fav .lx-fav{opacity:1;transform:scale(1);color:var(--role-ausb);}
.lx-tile.is-fav .lx-fav svg{fill:color-mix(in srgb,var(--role-ausb) 85%, transparent);
filter:drop-shadow(0 0 6px color-mix(in srgb,var(--role-ausb) 60%, transparent));}

.lx-chips{display:flex;flex-wrap:wrap;gap:9px;}
.lx-chip{position:relative;display:inline-flex;align-items:center;gap:8px;
padding:8px 14px 8px 11px;border-radius:999px;cursor:pointer;
color:var(--text-1);font-size:12.5px;font-weight:650;
border:1px solid color-mix(in srgb,var(--acc) 26%, var(--border));
background:linear-gradient(180deg, color-mix(in srgb,var(--acc) 12%, rgba(255,255,255,.04)), rgba(255,255,255,.02));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
transition:transform .16s ease, border-color .2s ease;}
.lx-chip svg{flex:0 0 auto;width:16px;height:16px;stroke:var(--acc);fill:none;}
.lx-wrap .lx-chip:hover{transform:translateY(-2px);
border-color:color-mix(in srgb,var(--acc) 55%, transparent);
box-shadow:0 8px 20px -8px color-mix(in srgb,var(--acc) 70%, transparent);}
.lx-cbadge{font-style:normal;min-width:17px;height:17px;padding:0 5px;
display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
font-family:var(--font-mono);font-size:10px;font-weight:800;color:#0e0f12;background:var(--role-probe);}

.lx-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center;
border-radius:20px;border:1px dashed rgba(255,255,255,.13);background:rgba(255,255,255,.02);}
.lx-empty svg{width:30px;height:30px;stroke:var(--text-3);fill:none;}
.lx-empty b{font-size:14px;color:var(--text-1);}
.lx-empty span{font-size:12px;color:var(--text-3);max-width:440px;}

.lx-wrap.is-compact{gap:20px;}
.lx-wrap.is-compact .launcher{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px;}
.lx-wrap.is-compact .lx-tile{padding:10px 12px;gap:11px;border-radius:14px;}
.lx-wrap.is-compact .lx-tile::after{top:10px;bottom:10px;}
.lx-wrap.is-compact .lx-desc{display:none;}
.lx-wrap.is-compact .lx-tile .ic{width:34px;height:34px;border-radius:11px;}
.lx-wrap.is-compact .lx-tile .ic svg{width:18px;height:18px;}
.lx-wrap.is-compact .lx-tile .lbl{font-size:12.5px;}
.lx-wrap.is-compact .lx-fav{top:2px;right:3px;width:20px;height:20px;}
.lx-wrap.is-compact .lx-fav svg{width:12px;height:12px;}

@keyframes lxIn{ from{opacity:0;transform:translateY(12px) scale(.97);} to{opacity:1;transform:none;} }
.lx-wrap.is-fresh .lx-tile{animation:lxIn .46s cubic-bezier(.2,.8,.3,1) both;
animation-delay:calc(var(--i,0) * 26ms);}
.lx-wrap.is-fresh .lx-chip{animation:lxIn .4s cubic-bezier(.2,.8,.3,1) both;}

@media (max-width:760px){
.lx-search{flex:1 1 100%;min-width:0;order:9;}
.lx-modes{order:8;}
.launcher{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
.lx-wrap{gap:22px;}
}
@media (max-width:520px){
.launcher{grid-template-columns:1fr;}
.lx-wrap.is-compact .launcher{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
.lx-gtxt i{display:none;}
.lx-tile{padding:13px 14px;}
.lx-fav{opacity:1;transform:scale(1);}
}

.home-hero{max-width:var(--lx-w);margin-bottom:20px;}
.home-hero:empty{display:none;}

.hh-card{
--hc:var(--role-ausb);
position:relative;overflow:hidden;border-radius:24px;padding:20px 24px;
display:flex;align-items:center;gap:20px;flex-wrap:wrap;
border:1px solid color-mix(in srgb,var(--hc) 20%, var(--border));
background:
radial-gradient(120% 150% at 0% 0%, color-mix(in srgb,var(--hc) 15%, transparent), transparent 56%),
linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 55%), rgba(23,24,28,.72);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 36px rgba(0,0,0,.38),
0 0 34px -18px color-mix(in srgb,var(--hc) 70%, transparent);
}
.hh-card::after{content:'';position:absolute;inset:0;pointer-events:none;
background:linear-gradient(105deg, transparent 36%, color-mix(in srgb,var(--hc) 11%, transparent) 48%, transparent 60%);
transform:translateX(-130%);animation:kwSheen 9s ease-in-out 1.2s infinite;}

.hh-av{position:relative;flex:0 0 auto;width:76px;height:76px;border-radius:50%;
display:grid;place-items:center;color:var(--hc);
background:conic-gradient(from -60deg, color-mix(in srgb,var(--hc) 85%, transparent), color-mix(in srgb,var(--hc) 12%, transparent) 62%, color-mix(in srgb,var(--hc) 85%, transparent));
box-shadow:0 0 26px -8px color-mix(in srgb,var(--hc) 80%, transparent);}
.hh-av::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#111216;}
.hh-av img,.hh-av svg{position:relative;z-index:1;}
.hh-av img{width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover;display:block;}
.hh-av svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hh-av .hh-dot{position:absolute;right:2px;bottom:2px;z-index:2;width:15px;height:15px;border-radius:50%;
background:var(--role-erw);border:3px solid #14151a;box-shadow:0 0 10px color-mix(in srgb,var(--role-erw) 70%, transparent);}

.hh-id{display:flex;align-items:center;gap:18px;min-width:0;flex:1 1 320px;}
.hh-txt{min-width:0;}
.hh-greet{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:700;}
.hh-name{font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1.15;letter-spacing:.01em;
margin:2px 0 9px;color:var(--text-1);
text-shadow:0 0 26px color-mix(in srgb,var(--hc) 32%, transparent);}
.hh-tags{display:flex;flex-wrap:wrap;gap:7px;}
.hh-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
border:1px solid rgba(255,255,255,.12);color:var(--text-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.10);}
.hh-tag .hh-tdot{width:7px;height:7px;border-radius:50%;background:var(--wt,var(--hc));box-shadow:0 0 8px var(--wt,var(--hc));}
.hh-tag b{color:var(--text-1);font-family:var(--font-mono);font-weight:700;}

.hh-weeks{flex:0 0 auto;margin-left:auto;display:flex;flex-direction:column;gap:8px;
padding:12px 16px 10px;border-radius:18px;
background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.hh-weeks-cap{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);font-weight:700;}
.hh-bars{display:flex;align-items:flex-end;gap:6px;height:52px;}
.hh-bar{position:relative;width:16px;height:100%;display:flex;align-items:flex-end;}
.hh-bar i{display:block;width:100%;border-radius:5px 5px 3px 3px;min-height:4px;
height:calc(4px + (100% - 4px) * var(--v,0));
background:linear-gradient(180deg, color-mix(in srgb,var(--hc) 90%, white), color-mix(in srgb,var(--hc) 55%, transparent));
box-shadow:0 0 12px -3px color-mix(in srgb,var(--hc) 75%, transparent);
transition:height .5s cubic-bezier(.2,.8,.3,1);}
.hh-bar[data-v="0"] i{background:rgba(255,255,255,.10);box-shadow:none;}
.hh-bar.is-now:not([data-v="0"]) i{background:linear-gradient(180deg,#fff, color-mix(in srgb,var(--hc) 80%, transparent));}
.hh-bar.is-now::after{content:'';position:absolute;left:50%;bottom:-7px;width:4px;height:4px;border-radius:50%;
transform:translateX(-50%);background:var(--hc);box-shadow:0 0 8px var(--hc);}
.hh-bars-legend{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3);
font-family:var(--font-mono);letter-spacing:.04em;}

.hh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;}
.hh-foot{margin-top:11px;font-size:12px;color:var(--text-3);display:flex;flex-wrap:wrap;gap:6px 18px;}
.hh-foot b{color:var(--text-2);font-weight:600;}

.home-sec{max-width:var(--lx-w);display:flex;align-items:center;gap:14px;margin:0 0 14px;}
.home-sec span{flex:0 0 auto;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
color:var(--text-3);font-weight:700;}
.home-sec i{flex:1 1 auto;height:1px;background:linear-gradient(90deg, rgba(255,255,255,.14), transparent);}

@media (max-width:860px){
.hh-weeks{margin-left:0;width:100%;}
.hh-stats{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
.hh-card{padding:16px 16px 18px;gap:14px;}
.hh-id{gap:13px;flex:1 1 100%;}
.hh-av{width:60px;height:60px;}
.hh-name{font-size:21px;}
.hh-stats{gap:10px;}
}
.adocs-layout{display:flex;flex-direction:column;gap:22px;align-items:stretch;}
.adocs-side-col{position:relative;z-index:40;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px;width:100%;}
#adocsCatBoxes{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px;}
#adocsCatBoxes > .adocs-cat:nth-child(4n+1){--cat:#e0a940;}
#adocsCatBoxes > .adocs-cat:nth-child(4n+2){--cat:#5b9dfa;}
#adocsCatBoxes > .adocs-cat:nth-child(4n+3){--cat:#34d399;}
#adocsCatBoxes > .adocs-cat:nth-child(4n+4){--cat:#9b87f5;}
#adocsCatBoxes .adocs-cat{--cat:#e0a940;position:relative;z-index:1;flex:0 0 auto;
background:none;border:none;box-shadow:none;border-radius:0;overflow:visible;padding:0;
-webkit-backdrop-filter:none;backdrop-filter:none;}
#adocsCatBoxes .adocs-cat:hover{z-index:50;}
.adocs-side-head{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:default;white-space:nowrap;
margin:0;padding:9px 15px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-weight:700;line-height:1;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), rgba(19,20,25,.6);
-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
border:1px solid rgba(255,255,255,.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 8px 22px rgba(0,0,0,.4);
transition:transform .22s cubic-bezier(.2,.75,.3,1), box-shadow .22s, border-color .22s, color .22s;}
.adocs-cat:hover .adocs-side-head, .adocs-cat.cat-active .adocs-side-head{color:var(--text-1);transform:translateY(-1px);
border-color:color-mix(in srgb,var(--cat) 45%, rgba(255,255,255,.12));
box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 10px 26px rgba(0,0,0,.46), 0 0 24px color-mix(in srgb,var(--cat) 30%, transparent);}
.adocs-side-head .ash-label{display:inline-flex;align-items:center;gap:8px;min-width:0;}
.adocs-side-head .ash-label::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;
background:var(--cat);box-shadow:0 0 10px color-mix(in srgb,var(--cat) 70%,transparent);}
.adocs-side-head::after{content:"";flex:0 0 auto;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(45deg);margin:-2px 0 0 1px;opacity:.4;transition:transform .3s ease, opacity .2s;}
.adocs-cat:hover .adocs-side-head::after{transform:rotate(-135deg);margin-top:2px;opacity:.85;}
.adoc-cat-tools{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;margin-left:1px;}
.adoc-cat-add,.adoc-cat-del{width:21px;height:21px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);
cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .14s;}
.adoc-cat-add{color:var(--text-2);}
.adoc-cat-del{color:var(--text-3);}
.adoc-cat-add svg,.adoc-cat-del svg{width:12px;height:12px;stroke:currentColor;}
.adoc-cat-add:hover{background:var(--cat);color:#141017;border-color:var(--cat);box-shadow:0 0 14px color-mix(in srgb,var(--cat) 55%, transparent);}
.adoc-cat-del:hover{background:var(--role-probe);color:#fff;border-color:var(--role-probe);box-shadow:0 0 14px color-mix(in srgb,var(--role-probe) 50%, transparent);}
.adoc-newcat{width:auto;align-self:flex-start;justify-content:center;margin:0;font-size:12px;border-radius:999px;padding:9px 16px;
border:1px dashed rgba(255,255,255,.18);transition:border-color .15s,background .15s,color .15s,transform .14s;}
.adoc-newcat:hover{border-color:color-mix(in srgb,var(--role-ausb) 55%, transparent);color:var(--text-1);background:color-mix(in srgb,var(--role-ausb) 8%, transparent);transform:translateY(-1px);}
.adocs-list{position:absolute;top:100%;left:50%;z-index:1;
display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
width:max-content;min-width:190px;max-width:340px;margin-top:9px;padding:12px;border-radius:16px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 55%), rgba(17,18,23,.82);
-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);
border:1px solid color-mix(in srgb,var(--cat) 24%, rgba(255,255,255,.12));
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 22px 50px rgba(0,0,0,.55), 0 0 34px color-mix(in srgb,var(--cat) 14%, transparent);
opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(-12px) scale(.96);transform-origin:top center;
transition:opacity .3s ease, transform .44s cubic-bezier(.16,.84,.28,1), visibility 0s linear .44s;}
.adocs-list::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:13px;}
.adocs-cat:hover .adocs-list, .adocs-cat:focus-within .adocs-list{opacity:1;visibility:visible;pointer-events:auto;
transform:translateX(-50%) translateY(0) scale(1);
transition:opacity .3s ease, transform .44s cubic-bezier(.16,.84,.28,1), visibility 0s;}
.adoc-item{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;cursor:pointer;
font-size:12px;line-height:1.2;color:var(--text-2);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);text-align:left;width:auto;
opacity:0;transform:translateY(9px);
transition:opacity .34s ease, transform .34s cubic-bezier(.16,.84,.28,1), background .16s, color .16s, border-color .16s, box-shadow .16s;}
.adocs-cat:hover .adoc-item, .adocs-cat:focus-within .adoc-item{opacity:1;transform:translateY(0);}
.adoc-item:hover{background:rgba(255,255,255,.09);color:var(--text-1);border-color:color-mix(in srgb,var(--cat) 32%, rgba(255,255,255,.08));}
.adoc-item.active{background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 28%, transparent),color-mix(in srgb,var(--cat) 12%, transparent));
border-color:color-mix(in srgb,var(--cat) 58%,transparent);color:var(--text-1);font-weight:600;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 4px 14px color-mix(in srgb,var(--cat) 22%, transparent);}
.adoc-item .adot{width:6px;height:6px;border-radius:50%;flex:0 0 6px;
background:color-mix(in srgb,var(--cat) 55%, #4a4d57);box-shadow:0 0 6px color-mix(in srgb,var(--cat) 30%,transparent);transition:background .16s,box-shadow .16s;}
.adoc-item:hover .adot{background:color-mix(in srgb,var(--cat) 85%, #4a4d57);}
.adoc-item.active .adot{background:var(--cat);box-shadow:0 0 9px color-mix(in srgb,var(--cat) 85%,transparent);}
.adoc-item .adoc-item-t{flex:0 1 auto;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adoc-item-hasdel{padding-right:26px;}
.adoc-item-del{position:absolute;top:50%;right:5px;transform:translateY(-50%);
color:var(--text-3);font-size:15px;line-height:1;padding:0 3px;border-radius:5px;
opacity:0;pointer-events:none;transition:opacity .12s,color .12s,background .12s;}
.adoc-item:hover .adoc-item-del{opacity:.8;pointer-events:auto;}
.adoc-item-del:hover{color:var(--role-probe);background:var(--bg-hover);opacity:1;}
.adocs-cat:hover .adoc-item:nth-child(1),.adocs-cat:focus-within .adoc-item:nth-child(1){transition-delay:.05s,.05s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(2),.adocs-cat:focus-within .adoc-item:nth-child(2){transition-delay:.1s,.1s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(3),.adocs-cat:focus-within .adoc-item:nth-child(3){transition-delay:.15s,.15s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(4),.adocs-cat:focus-within .adoc-item:nth-child(4){transition-delay:.2s,.2s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(5),.adocs-cat:focus-within .adoc-item:nth-child(5){transition-delay:.25s,.25s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(6),.adocs-cat:focus-within .adoc-item:nth-child(6){transition-delay:.3s,.3s,0s,0s,0s,0s;}
.adocs-cat:hover .adoc-item:nth-child(n+7),.adocs-cat:focus-within .adoc-item:nth-child(n+7){transition-delay:.34s,.34s,0s,0s,0s,0s;}
.adoc-skel{height:37px;border-radius:10px;background:var(--bg-hover);position:relative;overflow:hidden;}
.adoc-chip-skel{width:160px;height:38px;border-radius:999px;}
.adoc-chip-skel:nth-child(2){width:140px;}
.adoc-chip-skel:nth-child(3){width:130px;}
.adoc-skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.08) 50%,transparent 80%);
animation:adocShimmer 1.15s ease-in-out infinite;}
@keyframes adocShimmer{100%{transform:translateX(100%)}}
.adoc-swap{animation:adocSwapIn .2s cubic-bezier(.22,.61,.36,1);}
@keyframes adocSwapIn{from{opacity:0;transform:translate3d(0,5px,0)}to{opacity:1;transform:none}}
.adocs-tabs{justify-content:center;margin-bottom:8px;}
.adocs-archive-view{max-width:1120px;margin:0 auto;}
.adoc-arch-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:2px 0 14px;}
.adoc-arch-actions .elvl-search{flex:1 1 200px;min-width:160px;margin:0;}
.adoc-arch-segs{display:inline-flex;gap:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:14px;max-width:100%;flex-wrap:wrap;}
.adoc-arch-seg{border:none;background:none;color:var(--text-2);padding:8px 14px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;
display:inline-flex;align-items:center;gap:7px;transition:background .14s,color .14s;}
.adoc-arch-seg:hover{color:var(--text-1);}
.adoc-arch-seg.active{background:color-mix(in srgb,var(--role-ausb) 22%, transparent);color:var(--text-1);}
.adoc-arch-cnt{font-size:11px;font-weight:800;color:var(--role-erw);}
.adoc-arch-list{display:flex;flex-direction:column;gap:10px;}
.adoc-arch-group{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02);}
.adoc-arch-group-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;font-size:12px;color:var(--text-2);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01));border-bottom:1px solid var(--border);}
.adoc-arch-badge{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
color:#0b0c10;background:var(--role-ausb);}
.adoc-arch-group-head .adoc-arch-when{color:var(--text-1);font-weight:600;}
.adoc-arch-gcount{margin-left:auto;color:var(--text-3);font-size:11.5px;}
.adoc-arch-group-docs{display:flex;flex-direction:column;}
.adoc-arch-list > .adoc-arch-catblock{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02);}
.adoc-arch-group-docs > .adoc-arch-catblock + .adoc-arch-catblock{border-top:2px solid var(--border);}
.adoc-arch-cathead{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text-1);
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01));border-bottom:1px solid var(--border);}
.adoc-arch-catn{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-3);background:rgba(255,255,255,.06);padding:1px 8px;border-radius:999px;}
.adoc-arch-item{display:flex;align-items:center;gap:12px;padding:11px 14px;}
.adoc-arch-catblock .adoc-arch-item + .adoc-arch-item{border-top:1px solid rgba(255,255,255,.05);}
.adoc-arch-item:hover{background:rgba(255,255,255,.035);}
.adoc-arch-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--c,#5b9dfa);
box-shadow:0 0 8px color-mix(in srgb,var(--c,#5b9dfa) 60%,transparent);}
.adoc-arch-titles{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.adoc-arch-title{font-size:13.5px;color:var(--text-1);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adoc-arch-cat{font-size:11.5px;color:var(--text-3);display:flex;flex-wrap:wrap;gap:5px 9px;align-items:center;}
.adoc-arch-reason{color:var(--text-2);}
.adoc-arch-reason::before,.adoc-arch-when::before{content:"·";margin-right:9px;color:var(--text-3);}
.adoc-arch-cat > .adoc-arch-reason:first-child::before{content:none;margin:0;}
.adoc-arch-btns{flex:0 0 auto;display:inline-flex;gap:6px;align-items:center;}
.adoc-arch-act{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;
border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-2);transition:all .14s;white-space:nowrap;}
.adoc-arch-act svg{width:14px;height:14px;flex:0 0 auto;}
.adoc-arch-act:hover{color:var(--text-1);border-color:var(--border-strong);background:rgba(255,255,255,.08);}
.adoc-arch-act.restore:hover{color:#34d399;border-color:color-mix(in srgb,#34d399 45%,var(--border-strong));}
.adoc-arch-act.del{padding:7px 9px;color:var(--text-3);}
.adoc-arch-act.del:hover{color:#fff;background:var(--role-probe);border-color:var(--role-probe);}
@media (max-width:620px){
.adoc-arch-item{flex-wrap:wrap;}
.adoc-arch-btns{width:100%;justify-content:flex-end;}
}
.adoc-arch-modal{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:20px;}
.adoc-arch-modal-back{position:absolute;inset:0;background:rgba(6,7,10,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.adoc-arch-modal-card{position:relative;z-index:1;width:min(900px,96vw);max-height:90vh;display:flex;flex-direction:column;
background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;
box-shadow:0 30px 80px rgba(0,0,0,.6);}
.adoc-arch-modal-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);}
.adoc-arch-modal-tt{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.adoc-arch-modal-x{flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-2);cursor:pointer;font-size:16px;line-height:1;transition:all .14s;}
.adoc-arch-modal-x:hover{color:#fff;background:var(--role-probe);border-color:var(--role-probe);}
.adoc-arch-modal-meta{padding:8px 18px;font-size:12px;color:var(--text-3);border-bottom:1px solid var(--border);background:rgba(255,255,255,.02);}
.adoc-arch-modal-body{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;margin:16px;max-width:none;}
html.adoc-arch-lock{overflow:hidden;}
.adoc-arch-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--border);}
.toast.loading{--tc:#5b9dfa;--tc-glow:rgba(91,157,250,.3);}
.toast .lb-main{flex:1;min-width:210px;}
.toast .lb-track{height:5px;margin-top:7px;border-radius:3px;background:rgba(255,255,255,.13);overflow:hidden;}
.toast .lb-fill{height:100%;width:0;border-radius:3px;background:var(--tc);box-shadow:0 0 8px var(--tc-glow);transition:width .25s ease;}
.toast.indet .lb-fill{width:40%;animation:lbIndet 1.1s ease-in-out infinite;}
@keyframes lbIndet{0%{transform:translateX(-105%)}100%{transform:translateX(260%)}}
.toast .ic .lb-spin{animation:lbSpin .8s linear infinite;}
@keyframes lbSpin{to{transform:rotate(360deg)}}
.adocs-main{min-width:0;display:flex;flex-direction:column;align-items:center;}
.adocs-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;width:100%;max-width:900px;}
.adocs-bar-title{font-family:var(--font-display);font-size:19px;font-weight:700;}
.adocs-bar-actions{display:flex;gap:8px;}
.adoc-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:9px 11px;border-radius:14px;
width:100%;max-width:900px;position:sticky;top:8px;z-index:30;
background:linear-gradient(180deg, rgba(28,30,36,.96), rgba(20,21,26,.94));
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.5);}
.adoc-toolbar select{background:rgba(18,19,24,.7);color:var(--text-1);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12.5px;}
.tb-btn{min-width:32px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);
color:var(--text-1);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;position:relative;
transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform .06s;}
.tb-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:#fff;}
.tb-btn:active{transform:scale(.94);}
.tb-btn.tb-active{
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 34%, transparent), color-mix(in srgb,var(--role-ausb) 16%, transparent));
border-color:color-mix(in srgb,var(--role-ausb) 70%, transparent);color:#ffe6b0;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-ausb) 45%, transparent), 0 0 12px color-mix(in srgb,var(--role-ausb) 30%, transparent);}
.tb-btn.tb-active::after{content:'';position:absolute;left:6px;right:6px;bottom:-4px;height:2px;border-radius:2px;
background:var(--role-ausb);box-shadow:0 0 6px color-mix(in srgb,var(--role-ausb) 70%, transparent);}
.tb-sep{width:1px;height:22px;background:var(--border-strong);margin:0 3px;}
.tb-actions{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:6px;}
.tb-actions .btn-primary,.tb-actions .btn-ghost{height:32px;padding:0 12px;}
.tb-btn-glyph{font-family:var(--font-display);font-size:15px;font-weight:800;}
.tb-count{font-size:11.5px;color:var(--text-2);white-space:nowrap;padding:0 4px;user-select:none;letter-spacing:.2px;}

.adoc-livebar{display:flex;align-items:center;gap:10px;width:100%;max-width:900px;margin:0 0 10px;padding:7px 12px;border-radius:12px;
border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
font-size:12.5px;color:var(--text-2);}
.adoc-livebar.is-edit{border-color:color-mix(in srgb,var(--role-ausb) 45%,transparent);color:var(--text-1);
background:linear-gradient(180deg,color-mix(in srgb,var(--role-ausb) 15%,transparent),rgba(255,255,255,.015));}
.adoc-livebar .alb-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#5b9dfa;box-shadow:0 0 8px rgba(91,157,250,.7);}
.adoc-livebar.is-edit .alb-dot{background:var(--role-ausb);box-shadow:0 0 9px color-mix(in srgb,var(--role-ausb) 75%,transparent);}
.adoc-livebar.is-typing .alb-dot{animation:adocLivePulse 1.1s ease-in-out infinite;}
@keyframes adocLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.adoc-livebar .alb-avas{display:inline-flex;align-items:center;flex:0 0 auto;}
.adoc-livebar .alb-p{display:inline-flex;margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2px var(--pc,#5b9dfa),0 2px 8px rgba(0,0,0,.4);}
.adoc-livebar .alb-p:first-child{margin-left:0;}
.adoc-livebar .alb-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adoc-livebar .alb-tag{flex:0 0 auto;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
color:#bfe0ff;background:rgba(91,157,250,.16);border:1px solid rgba(91,157,250,.38);}
.adoc-livebar .alb-note{flex:0 0 auto;font-size:11.5px;color:var(--text-3);}
.adoc-paper.adoc-live-follow{border-color:rgba(91,157,250,.45);box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 0 1px rgba(91,157,250,.28);}
.adoc-peer-caret{position:relative;display:inline-block;width:0;height:1.05em;vertical-align:-.16em;margin:0 -1px;
border-left:2px solid var(--pc,#5b9dfa);pointer-events:none;}
.adoc-peer-caret.is-typing{animation:adocCaretBlink 1.05s steps(2,end) infinite;}
@keyframes adocCaretBlink{0%,100%{opacity:1}50%{opacity:.3}}
.adoc-peer-caret .apc-flag{position:absolute;left:-1px;top:-1.5em;display:block;padding:1px 6px;border-radius:6px 6px 6px 0;
background:var(--pc,#5b9dfa);color:#10131a;font-family:var(--font-display);font-size:10px;font-style:normal;font-weight:800;
line-height:1.3;letter-spacing:.2px;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis;
box-shadow:0 3px 10px rgba(0,0,0,.45);}
.adoc-peer-caret .apc-flag::after{content:attr(data-n);}
.adoc-peer-block{background:rgba(91,157,250,.09);border-radius:6px;box-shadow:0 0 0 5px rgba(91,157,250,.09);}
.adoc-item-live{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;}
.adoc-item-live i{width:6px;height:6px;border-radius:50%;background:var(--pc,#5b9dfa);box-shadow:0 0 7px var(--pc,#5b9dfa);}
.adoc-item-live.is-edit i{animation:adocLivePulse 1.3s ease-in-out infinite;}
.adoc-item-live b{font-size:9.5px;font-weight:800;color:var(--text-3);}
.adoc-item.has-live{border-color:rgba(91,157,250,.4);}
.adocs-cat-live{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;}
.adocs-cat-live i{width:6px;height:6px;border-radius:50%;background:var(--pc,#5b9dfa);box-shadow:0 0 7px var(--pc,#5b9dfa);}
.adocs-cat-live.is-edit i{animation:adocLivePulse 1.3s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){
.adoc-livebar.is-typing .alb-dot,.adoc-item-live.is-edit i,.adocs-cat-live.is-edit i,.adoc-peer-caret.is-typing{animation:none;}
}
@media (max-width:640px){
.adoc-livebar{font-size:11.5px;padding:6px 10px;gap:8px;}
.adoc-livebar .alb-tag,.adoc-livebar .alb-note{display:none;}
}
.adoc-pop{position:absolute;z-index:60;min-width:180px;max-width:340px;padding:8px;border-radius:12px;
background:linear-gradient(180deg,rgba(30,32,38,.98),rgba(22,23,28,.98));border:1px solid var(--border-strong);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.55);
display:none;animation:popIn .12s ease;}
@keyframes popIn{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.adoc-pop.open{display:block;}
.adoc-pop-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);margin:2px 4px 6px;}
.adoc-char-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;}
.adoc-char-grid button{height:30px;border-radius:7px;border:1px solid var(--border);background:rgba(255,255,255,.04);
color:var(--text-1);font-size:15px;cursor:pointer;transition:background .1s,border-color .1s;}
.adoc-char-grid button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:#fff;}
.adoc-pop-list{display:flex;flex-direction:column;gap:3px;}
.adoc-pop-list button{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:8px;border:1px solid transparent;
background:transparent;color:var(--text-1);font-size:13px;cursor:pointer;transition:background .1s,border-color .1s;}
.adoc-pop-list button:hover{background:var(--bg-hover);border-color:var(--border);}
.adoc-pop-list button small{display:block;color:var(--text-2);font-size:11px;margin-top:1px;padding-left:26px;}
.adoc-pop-list button .adoc-co-mi{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
margin-right:8px;vertical-align:-4px;}
.adoc-pop-list button .adoc-co-mi svg{width:16px;height:16px;stroke:currentColor;fill:none;}

.adoc-find{position:sticky;top:64px;z-index:29;display:none;flex-wrap:wrap;align-items:center;gap:6px;width:100%;max-width:900px;
margin-bottom:12px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,rgba(28,30,36,.96),rgba(20,21,26,.94));
border:1px solid var(--border-strong);box-shadow:0 10px 26px rgba(0,0,0,.45);}
.adoc-find.open{display:flex;}
.adoc-find input{background:rgba(18,19,24,.7);color:var(--text-1);border:1px solid var(--border);border-radius:8px;
padding:6px 9px;font-size:13px;min-width:150px;flex:1 1 150px;}
.adoc-find input:focus{outline:none;border-color:var(--border-strong);}
.adoc-find .btn-ghost,.adoc-find .btn-primary{height:32px;padding:0 10px;font-size:12.5px;}
.adoc-find-count{font-size:12px;color:var(--text-2);white-space:nowrap;padding:0 2px;}
.adoc-find-hit{background:#ffe066;color:#111;border-radius:2px;}
.adoc-find-hit.cur{background:#ff9f1a;box-shadow:0 0 0 2px rgba(255,159,26,.4);}

.adoc-content .adoc-callout{--co:#38bdf8;position:relative;margin:15px 0;padding:13px 16px 13px 48px;border-radius:13px;
border:1px solid color-mix(in srgb, var(--co) 32%, var(--border));border-left:3px solid var(--co);
background:
linear-gradient(180deg, color-mix(in srgb, var(--co) 16%, transparent), color-mix(in srgb, var(--co) 5%, transparent)),
linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 26px rgba(0,0,0,.28);}
.adoc-content .adoc-callout::before{content:'';position:absolute;left:16px;top:15px;width:19px;height:19px;
background-color:var(--co);
-webkit-mask:var(--co-ic) center/contain no-repeat;mask:var(--co-ic) center/contain no-repeat;
filter:drop-shadow(0 0 6px color-mix(in srgb, var(--co) 55%, transparent));}
.adoc-content .adoc-callout > :first-child{margin-top:0;} .adoc-content .adoc-callout > :last-child{margin-bottom:0;}
.adoc-content .adoc-co-info{--co:#38bdf8;
--co-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cline%20x1='12'%20y1='11.5'%20x2='12'%20y2='16'/%3E%3Cline%20x1='12'%20y1='8'%20x2='12'%20y2='8.01'/%3E%3C/svg%3E");}
.adoc-content .adoc-co-warn{--co:#ef4444;
--co-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10.3%203.9%201.8%2018a2%202%200%200%200%201.7%203h16.9a2%202%200%200%200%201.7-3L13.7%203.9a2%202%200%200%200-3.4%200z'/%3E%3Cline%20x1='12'%20y1='9'%20x2='12'%20y2='13'/%3E%3Cline%20x1='12'%20y1='17'%20x2='12'%20y2='17.01'/%3E%3C/svg%3E");}
.adoc-content .adoc-co-tip{--co:#34d399;
--co-ic:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M9%2018h6'/%3E%3Cpath%20d='M10%2022h4'/%3E%3Cpath%20d='M15.1%2014c.2-1%20.6-1.7%201.4-2.5A4.6%204.6%200%200%200%2018%208%206%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.8.8%201.2%201.5%201.4%202.5'/%3E%3C/svg%3E");}
.adoc-content .adoc-co-law{--co:#a78bfa;}
.adoc-content .adoc-co-law::before{-webkit-mask:none;mask:none;background:none;content:'§';
font-weight:800;font-size:18px;line-height:1;color:var(--co);top:12px;filter:none;}
.adoc-content .adoc-callout.adoc-co-sel{outline:2px solid color-mix(in srgb, var(--co) 75%, transparent);outline-offset:3px;}
.adoc-callout.adoc-co-dragging{opacity:.45;}
body.adoc-co-dragging-lock, body.adoc-co-dragging-lock *{cursor:grabbing !important;user-select:none !important;}
.adoc-co-dropline{position:absolute;z-index:59;height:3px;border-radius:2px;display:none;pointer-events:none;
background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.85);}
.adoc-co-tools{position:absolute;z-index:60;display:none;gap:4px;padding:4px;border-radius:10px;
background:linear-gradient(180deg,rgba(30,32,38,.98),rgba(22,23,28,.98));border:1px solid var(--border-strong);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(0,0,0,.5);}
.adoc-co-tools button{min-width:30px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--border);
background:rgba(255,255,255,.05);color:var(--text-1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.adoc-co-tools button:hover{background:var(--bg-hover);color:#fff;border-color:var(--border-strong);}
.adoc-co-tools button.danger:hover{background:#7f1d1d;border-color:#b91c1c;color:#fff;}
.adoc-co-tools .adoc-co-grip{cursor:grab;}
.adoc-co-tools .adoc-co-grip:active{cursor:grabbing;}
.adoc-co-tools svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.adoc-co-tools .adoc-co-exit{gap:6px;padding:0 10px 0 8px;font-family:inherit;font-size:12px;font-weight:600;margin-left:2px;
color:#bfe6ff;border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.12);}
.adoc-co-tools .adoc-co-exit:hover{background:rgba(56,189,248,.24);border-color:rgba(56,189,248,.7);}
#adocContent.adoc-reflowing{opacity:.45;pointer-events:none;transition:opacity .2s ease;}

.adoc-content table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px;}
.adoc-content table td,.adoc-content table th{border:1px solid var(--border-strong);padding:7px 10px;vertical-align:top;}
.adoc-content table th{background:rgba(255,255,255,.05);font-weight:700;text-align:left;}
.adoc-content table tr:nth-child(even) td{background:rgba(255,255,255,.02);}
.adoc-tbl-tools{position:absolute;z-index:60;display:none;gap:4px;padding:4px;border-radius:10px;
background:linear-gradient(180deg,rgba(30,32,38,.98),rgba(22,23,28,.98));border:1px solid var(--border-strong);
box-shadow:0 12px 30px rgba(0,0,0,.5);}
.adoc-tbl-tools button{min-width:28px;height:28px;padding:0 7px;border-radius:7px;border:1px solid var(--border);
background:rgba(255,255,255,.05);color:var(--text-1);font-size:12px;cursor:pointer;}
.adoc-tbl-tools button:hover{background:var(--bg-hover);color:#fff;}
.adoc-tbl-tools button.danger:hover{background:#7f1d1d;border-color:#b91c1c;color:#fff;}

.adoc-content .adoc-pagebreak{height:0;margin:20px 0;border:0;border-top:2px dashed var(--border-strong);position:relative;
break-after:page;page-break-after:always;}
.adoc-content .adoc-pagebreak::after{content:'Seitenumbruch';position:absolute;left:50%;top:-9px;transform:translateX(-50%);
background:var(--bg-1,#14151a);padding:0 8px;font-size:10px;letter-spacing:.5px;color:var(--text-2);text-transform:uppercase;}
@media print{.adoc-content .adoc-pagebreak::after{display:none;}}

.adoc-content .adoc-toc{margin:14px 0;padding:12px 16px;border-radius:10px;border:1px solid var(--border);
background:rgba(255,255,255,.03);}
.adoc-content .adoc-toc-title{font-weight:700;margin-bottom:6px;font-family:var(--font-display);}
.adoc-content .adoc-toc ol{margin:0;padding-left:20px;} .adoc-content .adoc-toc li{margin:3px 0;}
.adoc-content .adoc-toc a{color:inherit;text-decoration:none;} .adoc-content .adoc-toc a:hover{text-decoration:underline;}
.adoc-content .adoc-toc .lvl2{margin-left:14px;} .adoc-content .adoc-toc .lvl3{margin-left:28px;}

.adocs-main.adoc-fs{position:fixed;inset:0;z-index:2000;margin:0;padding:22px clamp(16px,5vw,80px);overflow:auto;
background:var(--bg-1,#0f1014);max-width:none;}
.adocs-main.adoc-fs .adoc-toolbar{max-width:1000px;margin-left:auto;margin-right:auto;}
.adocs-main.adoc-fs .adoc-paper{margin-left:auto;margin-right:auto;}
.adocs-main.adoc-fs .adocs-bar{max-width:1000px;margin-left:auto;margin-right:auto;}
body.adoc-fs-lock{overflow:hidden;}
.adocs-main.adoc-fs-big .adoc-paper{max-width:min(1400px,94vw);padding:38px clamp(28px,4vw,64px) 52px;}
.adocs-main.adoc-fs-big .adoc-content{font-size:16.5px;}
.adocs-main.adoc-fs-big .adoc-kicker{font-size:26px;}
.adocs-main.adoc-fs-big .adoc-sub{font-size:19px;}

#adocEditBtn{display:none!important;}
.adoc-floatbar{position:fixed;right:clamp(10px,2.4vw,30px);top:50%;transform:translateY(-50%);
z-index:2100;display:flex;flex-direction:column;gap:12px;}
.adoc-fab{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;color:var(--text-1);border:1px solid var(--border-strong);
background:color-mix(in srgb,var(--bg-2,#191b21) 82%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
box-shadow:0 8px 22px rgba(0,0,0,.45);transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;}
.adoc-fab:hover{transform:scale(1.08);border-color:var(--role-ausb);box-shadow:0 10px 28px rgba(0,0,0,.55);}
.adoc-fab:active{transform:scale(.96);}
.adoc-fab svg{width:23px;height:23px;}
.adoc-fab-edit{background:color-mix(in srgb,var(--role-ausb) 78%,#101216);border-color:color-mix(in srgb,var(--role-ausb) 60%,transparent);color:#0f1206;}
.adoc-fab-edit:hover{background:var(--role-ausb);}
.adoc-fab-ic-close{display:none;}
.adocs-main.adoc-fs .adoc-fab-ic-open{display:none;}
.adocs-main.adoc-fs .adoc-fab-ic-close{display:inline-flex;}
@media (max-width:820px){
.adoc-floatbar{right:12px;bottom:18px;top:auto;transform:none;}
.adoc-fab{width:46px;height:46px;}
.adoc-fab svg{width:20px;height:20px;}
}

.adoc-draft-bar{display:none;align-items:center;gap:10px;width:100%;max-width:900px;margin-bottom:12px;padding:9px 12px;
border-radius:10px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.4);font-size:13px;color:#ffe6b0;}
.adoc-draft-bar.open{display:flex;}
.adoc-draft-bar button{height:28px;padding:0 10px;border-radius:7px;font-size:12px;cursor:pointer;border:1px solid var(--border-strong);
background:rgba(255,255,255,.06);color:var(--text-1);}
.adoc-draft-bar button.primary{background:#f59e0b;border-color:#f59e0b;color:#1a1206;font-weight:700;}
.tb-group{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);}
.adoc-toolbar select{background:rgba(18,19,24,.7);color:var(--text-1);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12.5px;
cursor:pointer;transition:border-color .12s,color .12s,box-shadow .12s;}
.adoc-toolbar select:hover{border-color:var(--border-strong);}
.adoc-toolbar select.tb-set{border-color:color-mix(in srgb,var(--role-ausb) 60%, transparent);color:#ffe6b0;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-ausb) 30%, transparent);}
.tb-color{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:32px;min-width:30px;padding:0 8px;border-radius:8px;border:1px solid var(--border);
background:rgba(255,255,255,.04);color:var(--text-1);cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1;position:relative;overflow:hidden;
transition:border-color .12s,box-shadow .12s,transform .1s;}
.tb-color:hover{border-color:var(--border-strong);color:#fff;}
.tb-color:active{transform:scale(.94);}
.tb-color input[type=color]{width:20px;height:20px;border:none;background:none;padding:0;cursor:pointer;}
.tb-color::after{content:'';position:absolute;left:5px;right:5px;bottom:3px;height:3px;border-radius:2px;background:var(--sw,#111);pointer-events:none;
box-shadow:0 0 0 1px rgba(0,0,0,.25);}
.tb-mark span{color:var(--text-2);}
.tb-marks{display:inline-flex;gap:4px;align-items:center;}
.tb-mk{width:20px;height:20px;border-radius:5px;border:1px solid rgba(0,0,0,.3);background:var(--m,#ffe066);cursor:pointer;
transition:transform .1s,box-shadow .1s;}
.tb-mk:hover{transform:scale(1.12);}
.tb-mk.tb-active{box-shadow:0 0 0 2px var(--role-ausb), 0 0 8px color-mix(in srgb,var(--role-ausb) 60%, transparent);transform:scale(1.12);}
.tb-mk-none{background:transparent;color:var(--text-3);font-size:11px;display:inline-flex;align-items:center;justify-content:center;}
.tb-mk-none svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.tb-mark svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.adoc-cpop{min-width:236px;max-width:262px;}
.adoc-cp-top{display:flex;gap:10px;align-items:stretch;margin-bottom:9px;}
.adoc-cp-wheel{width:46px;min-height:58px;padding:0;border:1px solid var(--border-strong);border-radius:9px;background:none;cursor:pointer;flex:0 0 auto;}
.adoc-cp-wheel::-webkit-color-swatch-wrapper{padding:0;}
.adoc-cp-wheel::-webkit-color-swatch{border:none;border-radius:8px;}
.adoc-cp-wheel::-moz-color-swatch{border:none;border-radius:8px;}
.adoc-cp-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center;}
.adoc-cp-field{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--text-2);text-transform:uppercase;}
.adoc-cp-field input{flex:1;min-width:0;height:28px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:rgba(255,255,255,.05);
color:var(--text-1);font-size:12px;font-family:var(--font-mono,ui-monospace,'SFMono-Regular',Menlo,monospace);letter-spacing:.3px;text-transform:none;font-weight:600;
transition:border-color .12s,box-shadow .12s;}
.adoc-cp-field input:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 60%, transparent);
box-shadow:0 0 0 2px color-mix(in srgb,var(--role-ausb) 25%, transparent);}
.adoc-cp-field input.bad{border-color:#ef4444;box-shadow:0 0 0 2px rgba(239,68,68,.22);}
.adoc-cp-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:9px;}
.adoc-cp-sw{height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.35);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
transition:transform .1s,box-shadow .1s;}
.adoc-cp-sw:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--border-strong);}
.adoc-cp-clear{display:block;width:100%;height:30px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);
color:var(--text-1);font-size:12px;font-weight:600;cursor:pointer;transition:background .1s,border-color .1s;margin-bottom:7px;}
.adoc-cp-clear:hover{background:var(--bg-hover);border-color:var(--border-strong);color:#fff;}
.adoc-cp-hint{font-size:10.5px;color:var(--text-3);line-height:1.5;padding:0 2px;}
.adoc-cp-hint b{color:var(--text-2);font-weight:700;}
.adoc-paper{background:#191b21;color:var(--text-1);border-radius:14px;padding:30px 40px 44px;width:100%;max-width:900px;margin-inline:auto;
box-shadow:0 16px 40px rgba(0,0,0,.55);border:1px solid var(--border-strong);min-height:60vh;}
.adoc-paper:not(.adoc-editing){user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;}
.adoc-paper.adoc-editing,.adoc-paper.adoc-editing *{user-select:text;-webkit-user-select:text;-ms-user-select:text;}
.adoc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.adoc-kicker{font-size:22px;font-weight:800;text-decoration:underline;color:var(--text-1);}
.adoc-sub{font-size:17px;color:var(--text-2);margin-top:1px;}
.adoc-stand{font-size:11px;color:#7fb0ff;margin-top:2px;}
.adoc-logo{height:52px;width:auto;}
.adoc-hr{border:none;border-top:2px solid var(--border-strong);margin:10px 0 22px;}
.adoc-content{font-family:Arial,Helvetica,sans-serif;font-size:14.5px;line-height:1.6;color:var(--text-1);outline:none;}
.adoc-content h1{font-size:22px;font-weight:700;margin:6px 0 18px;}
.adoc-content h2{font-size:19px;font-weight:700;color:#ffcf7a;margin:26px 0 10px;padding-bottom:5px;
border-bottom:1px solid var(--border-strong);}
.adoc-content h3{font-size:15.5px;font-weight:600;color:#cfe3ff;margin:20px 0 8px;}
.adoc-content p{margin:0 0 12px;}
.adoc-content ul,.adoc-content ol{margin:8px 0 14px;padding-left:26px;}
.adoc-content li{margin:4px 0;}
.adoc-content li::marker{color:var(--role-ausb);}
.adoc-content blockquote{margin:12px 0;padding:6px 14px;border-left:3px solid var(--role-ausb);
background:color-mix(in srgb,var(--role-ausb) 8%,transparent);color:var(--text-2);border-radius:0 8px 8px 0;font-style:italic;}
.adoc-content img{max-width:100%;height:auto;border-radius:6px;}
.adoc-content a{color:#7fb0ff;}
.adoc-content table{border-collapse:collapse;margin:10px 0;}
.adoc-content table td,.adoc-content table th{border-color:var(--border-strong);padding:5px 14px;}
.adoc-content table th{color:#ffcf7a;font-weight:700;text-align:left;}
.pdf-faithful{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;overflow-x:auto;color:#111;}
.pdf-page{position:relative;flex:none;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.18);border-radius:2px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;}
.pdf-page img{border-radius:0;}
@media print{.pdf-faithful{gap:0;}.pdf-page{box-shadow:none;border-radius:0;zoom:1!important;page-break-after:always;break-after:page;}}
.adoc-editable-head{outline:1px dashed color-mix(in srgb,var(--role-ausb) 60%,transparent);outline-offset:2px;border-radius:4px;cursor:text;transition:background .12s;}
.adoc-editable-head:hover,.adoc-editable-head:focus{background:color-mix(in srgb,var(--role-ausb) 12%,transparent);}
.adoc-img-sel{outline:2px solid var(--role-ausb);outline-offset:1px;}
.adoc-logo-editable{cursor:pointer;outline:1px dashed color-mix(in srgb,var(--role-ausb) 60%,transparent);outline-offset:3px;border-radius:4px;}
#adocContent[contenteditable="true"] img{cursor:pointer;}
.adoc-img-tools{position:absolute;z-index:1200;display:none;gap:4px;align-items:center;background:#1b1e25;border:1px solid var(--border-strong);border-radius:9px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.45);}
.adoc-img-tools button{height:28px;min-width:28px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text-1);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.adoc-img-tools button:hover{background:var(--bg-hover);border-color:var(--border-strong);}
.adoc-img-tools button.danger:hover{background:var(--role-probe);border-color:var(--role-probe);color:#fff;}
.adoc-img-tools button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.adoc-content[contenteditable="true"]{min-height:50vh;box-shadow:0 0 0 2px color-mix(in srgb,var(--role-ausb) 40%,transparent);border-radius:8px;padding:10px;}
@media (max-width:820px){
.adoc-paper{padding:22px 18px 32px;}
.adoc-head{gap:10px;}
.adoc-logo{height:auto;max-width:34%;}
}
.elvl-panel{padding-bottom:6px;}
.elvl-tabs{display:flex;gap:6px;padding:10px 16px 0;}
.elvl-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px 10px 0 0;cursor:pointer;font-size:13px;font-weight:600;
color:var(--text-3);background:transparent;border:1px solid transparent;border-bottom:none;transition:color .13s,background .13s;}
.elvl-tab:hover{color:var(--text-1);}
.elvl-tab.active{color:var(--text-1);background:var(--bg-panel-alt);border-color:var(--border-strong);}
.elvl-tab-count{font-size:11px;font-weight:800;color:var(--role-erw);}
.elvl-panel #elvlArchiveView .ga5-grid{padding:6px 16px 16px;}
.elvl-search{background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
border:1px solid var(--border);color:var(--text-1);border-radius:9px;padding:7px 11px;font-size:12.5px;width:190px;}
.elvl-search:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));}
.elvl-save-state{font-size:11.5px;color:var(--text-3);white-space:nowrap;}
.elvl-save-state.ok{color:var(--role-erw);} .elvl-save-state.busy{color:var(--role-ausb);}
.elvl-scroll{overflow:auto;max-height:74vh;border-top:1px solid var(--border);}
.elvl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:1080px;}
.elvl-table thead th{position:sticky;top:0;z-index:2;background:rgba(28,29,34,.96);
text-align:left;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-weight:700;
padding:10px 8px;border-bottom:1px solid var(--border-strong);white-space:nowrap;}
.elvl-table th.c,.elvl-table td.c{text-align:center;}
.elvl-table tbody td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:middle;}
.elvl-table tbody tr:hover{background:rgba(255,255,255,.02);}
.elvl-in{width:100%;min-width:44px;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--text-1);
padding:6px 7px;font-size:12.5px;font-family:inherit;transition:border-color .12s,background .12s;}
.elvl-in:hover{border-color:var(--border);}
.elvl-in:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 55%,var(--border-strong));background:rgba(0,0,0,.25);}
.elvl-in.dn{width:52px;text-align:center;font-family:var(--font-mono);}
.elvl-in.datum{width:104px;text-align:center;font-family:var(--font-mono);}
.elvl-in.name{font-weight:600;min-width:130px;}
.elvl-in.notiz{min-width:190px;}
td.elvl-note{min-width:200px;}
.elvl-check{width:24px;height:24px;border-radius:7px;border:1px solid var(--border-strong);background:rgba(255,255,255,.03);
display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:transparent;transition:all .12s;}
.elvl-check.on{background:rgba(52,211,153,.18);border-color:var(--role-erw);color:var(--role-erw);}
.elvl-check svg{width:14px;height:14px;stroke:currentColor;stroke-width:3;}
.elvl-pill{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-width:44px;
background:color-mix(in srgb, var(--pill-color,#5a5c65) 16%, var(--bg-panel-alt));
border:1px solid color-mix(in srgb, var(--pill-color,#5a5c65) 55%, var(--border-strong));
color:color-mix(in srgb, var(--pill-color,#5a5c65) 82%, white);
padding:5px 9px;border-radius:999px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .12s;}
.elvl-pill:hover{filter:brightness(1.15);}
.elvl-pill.wide{min-width:118px;border-radius:8px;}
.elvl-pill .cv{font-size:10px;opacity:.7;}
.elvl-del{background:none;border:none;color:var(--text-3);cursor:pointer;padding:5px;border-radius:7px;display:inline-flex;}
.elvl-del:hover{color:var(--role-probe);background:var(--bg-hover);}
.elvl-del svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;}
.elvl-legend{margin:16px 20px 18px;padding:14px 16px;border-radius:12px;
background:linear-gradient(180deg, rgba(239,90,95,.14), rgba(239,90,95,.04));
border:1px solid color-mix(in srgb,var(--role-probe) 48%, transparent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 22px rgba(239,90,95,.12);}
.elvl-legend-title{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--role-probe);font-size:13px;margin-bottom:7px;}
.elvl-legend-title svg{width:16px;height:16px;stroke:currentColor;}
.elvl-legend p{margin:0;font-size:13px;line-height:1.65;color:var(--text-2);}
.elvl-legend b{color:var(--text-1);}
.perms-scroll{overflow:auto;}
.perms-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:520px;}
.perms-table th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border-strong);}
.perms-table th.c{text-align:center;}
.perms-table td{padding:8px 10px;border-bottom:1px solid var(--border);}
.perms-table td.c{text-align:center;}
.perms-table tbody tr:hover{background:rgba(255,255,255,.02);}
.perms-area{font-weight:600;color:var(--text-1);white-space:nowrap;}
.perm-state{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:28px;padding:0 10px;border-radius:999px;
font-size:11.5px;font-weight:700;white-space:nowrap;
background:color-mix(in srgb, var(--pc,#5a5c65) 16%, var(--bg-panel-alt));
border:1px solid color-mix(in srgb, var(--pc,#5a5c65) 55%, var(--border-strong));
color:color-mix(in srgb, var(--pc,#5a5c65) 82%, white);}
.perm-state.locked{cursor:default;}
.perms-sub .perms-area{padding-left:26px;font-weight:400;color:var(--text-2);font-size:12px;}
.perms-sub .perm-sel{min-width:84px;height:26px;font-size:11px;}
.perms-sub .perm-state{min-width:60px;height:24px;font-size:11px;}
.perm-act-off{opacity:.45;}
.perm-sel{appearance:none;-webkit-appearance:none;min-width:114px;height:30px;padding:0 26px 0 12px;border-radius:999px;
font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter .12s;
background:color-mix(in srgb, var(--pc,#5a5c65) 16%, var(--bg-panel-alt))
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 9px center;
border:1px solid color-mix(in srgb, var(--pc,#5a5c65) 55%, var(--border-strong));
color:color-mix(in srgb, var(--pc,#5a5c65) 85%, white);}
.perm-sel:hover{filter:brightness(1.12);}
.perm-sel:focus{outline:none;border-color:var(--pc,#5a5c65);}
.perm-sel option{background:var(--bg-panel);color:var(--text-1);font-weight:600;}

.rv-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
opacity:0;pointer-events:none;transition:opacity .18s;z-index:80;}
.rv-backdrop.open{opacity:1;pointer-events:auto;}
.rv-drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100vw);z-index:81;display:flex;flex-direction:column;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), var(--bg-panel);
border-left:1px solid var(--border-strong);box-shadow:-18px 0 50px rgba(0,0,0,.45);
transform:translateX(100%);transition:transform .22s ease;}
.rv-drawer.open{transform:translateX(0);}
.rv-head{padding:16px 18px 12px;border-bottom:1px solid var(--border);}
.rv-head-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.rv-head h3{margin:0;font-size:15px;color:var(--text-1);display:flex;align-items:center;gap:8px;}
.rv-head h3 svg{width:17px;height:17px;stroke:var(--role-dgl);fill:none;stroke-width:2;}
.rv-close{background:transparent;border:0;color:var(--text-3);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px;}
.rv-close:hover{background:var(--bg-hover);color:var(--text-1);}
.rv-hint{margin:8px 0 0;font-size:11.5px;color:var(--text-3);line-height:1.5;}
.rv-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.rv-role{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;
background:var(--bg-panel-alt);border:1px solid var(--border-strong);color:var(--text-2);transition:all .15s;}
.rv-role:hover{color:var(--text-1);border-color:var(--rc);}
.rv-role.active{background:color-mix(in srgb, var(--rc) 22%, var(--bg-panel-alt));border-color:var(--rc);
color:color-mix(in srgb, var(--rc) 85%, white);}
.rv-sum{display:flex;gap:6px;padding:12px 18px 0;}
.rv-sum span{flex:1;text-align:center;padding:7px 4px;border-radius:10px;font-size:11px;font-weight:700;
background:color-mix(in srgb, var(--sc) 14%, var(--bg-panel-alt));border:1px solid color-mix(in srgb, var(--sc) 45%, var(--border));
color:color-mix(in srgb, var(--sc) 82%, white);}
.rv-list{flex:1;overflow:auto;padding:12px 18px 18px;display:flex;flex-direction:column;gap:6px;}
.rv-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;
background:var(--bg-panel-alt);border:1px solid var(--border);transition:opacity .15s;}
.rv-item.off{opacity:.4;}
.rv-item svg{width:17px;height:17px;flex:none;stroke:var(--text-2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rv-item.on svg{stroke:var(--rc);}
.rv-name{flex:1;font-size:12.5px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rv-item .perm-sel{min-width:104px;height:28px;font-size:11px;}
.rv-locked{font-size:11px;color:var(--text-3);font-style:italic;padding-right:6px;}
.rv-foot{padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;}
.rv-foot .btn-primary{margin-left:auto;}
.rv-item{cursor:default;}
.rv-item.rv-nav{cursor:pointer;}
.rv-item.rv-nav:hover{border-color:var(--rc);background:var(--bg-hover);}
.rv-item.cur{border-color:var(--rc);box-shadow:inset 3px 0 0 var(--rc);}
.rv-go{flex:none;width:20px;text-align:center;font-size:13px;color:var(--text-3);opacity:0;transition:opacity .12s;}
.rv-item.rv-nav:hover .rv-go,.rv-item.cur .rv-go{opacity:1;color:var(--rc);}
body.rv-preview .main{margin-right:min(430px,100vw);}
body.rv-preview .topbar{padding-right:min(430px,100vw);}
.rv-banner{position:fixed;top:0;left:0;right:min(430px,100vw);z-index:79;display:none;
align-items:center;gap:10px;padding:9px 16px;font-size:12.5px;font-weight:700;color:#20170a;
background:linear-gradient(180deg, color-mix(in srgb,var(--rc,#9b87f5) 88%, white), var(--rc,#9b87f5));
box-shadow:0 4px 18px rgba(0,0,0,.3);}
body.rv-preview .rv-banner{display:flex;}
body.rv-preview .main{padding-top:60px;}
.rv-banner svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;}
.rv-banner .rv-exit{margin-left:auto;background:rgba(0,0,0,.24);border:0;color:#fff;font-size:11.5px;font-weight:700;
padding:5px 11px;border-radius:999px;cursor:pointer;}
.rv-banner .rv-exit:hover{background:rgba(0,0,0,.4);}
@media(max-width:900px){ body.rv-preview .main{margin-right:0;} .rv-banner{left:0;right:0;} }

.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.panel.accent-panel{position:relative;
border:1px solid color-mix(in srgb,var(--acc,var(--role-ausb)) 20%, var(--border));
border-left:3px solid var(--acc,var(--role-ausb));
box-shadow:0 0 0 1px color-mix(in srgb,var(--acc,var(--role-ausb)) 7%, transparent), inset 0 1px 0 rgba(255,255,255,.07), 0 14px 36px rgba(0,0,0,.38), 0 10px 30px -14px color-mix(in srgb,var(--acc,var(--role-ausb)) 45%, transparent);
transition:box-shadow .18s,border-color .18s;}
.panel.accent-panel:hover{border-color:color-mix(in srgb,var(--acc,var(--role-ausb)) 34%, var(--border));
box-shadow:0 0 0 1px color-mix(in srgb,var(--acc,var(--role-ausb)) 13%, transparent), inset 0 1px 0 rgba(255,255,255,.08), 0 16px 42px rgba(0,0,0,.42), 0 14px 38px -12px color-mix(in srgb,var(--acc,var(--role-ausb)) 58%, transparent);}
.accent-panel .panel-head{border-bottom:1px solid color-mix(in srgb,var(--acc,var(--role-ausb)) 22%, var(--border));margin-bottom:4px;}
.accent-panel .panel-head h2{color:var(--text-1);text-shadow:0 0 20px color-mix(in srgb,var(--acc,var(--role-ausb)) 40%, transparent);}
.accent-panel .panel-count{color:color-mix(in srgb,var(--acc,var(--role-ausb)) 78%, white);font-weight:600;
background:color-mix(in srgb,var(--acc,var(--role-ausb)) 12%, transparent);border:1px solid color-mix(in srgb,var(--acc,var(--role-ausb)) 34%, transparent);
border-radius:20px;padding:2px 10px;}
.panel-head-badge{flex:0 0 40px;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;
color:color-mix(in srgb,var(--acc,var(--role-ausb)) 82%, white);
background:color-mix(in srgb,var(--acc,var(--role-ausb)) 16%, transparent);
border:1px solid color-mix(in srgb,var(--acc,var(--role-ausb)) 50%, transparent);
box-shadow:0 0 20px -4px color-mix(in srgb,var(--acc,var(--role-ausb)) 70%, transparent), inset 0 0 12px -6px color-mix(in srgb,var(--acc,var(--role-ausb)) 85%, transparent);}
.panel-head-badge svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.panel-head.with-badge{align-items:center;gap:13px;}
.panel-head.with-badge h2{flex:1;}
.dash-list{display:flex;flex-direction:column;padding:8px 12px 16px 12px;gap:3px;}
.dash-role{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;cursor:pointer;
border:1px solid transparent;transition:background .15s,border-color .15s;}
.dash-role:hover{background:color-mix(in srgb,var(--dash-rc,var(--role-ausb)) 10%, var(--bg-hover));
border-color:color-mix(in srgb,var(--dash-rc,var(--role-ausb)) 28%, transparent);}
.dash-role .dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px;box-shadow:0 0 10px -1px var(--dash-rc,currentColor);}
.dash-role .r-label{flex:1;font-size:13px;color:var(--text-1);white-space:nowrap;}
.dash-role .r-bar{height:7px;border-radius:999px;background:var(--bg-panel-alt);width:96px;flex:0 0 96px;overflow:hidden;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.dash-role .r-bar span{display:block;height:100%;border-radius:999px;transition:width .35s ease;box-shadow:0 0 10px -1px var(--dash-rc,currentColor);}
.dash-role .r-label{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.dash-role .r-count{font-family:var(--font-mono);font-size:14px;font-weight:600;color:color-mix(in srgb,var(--dash-rc,var(--text-2)) 55%, var(--text-1));width:22px;text-align:right;flex:0 0 22px;}
.dash-role.dash-role-static{cursor:default;}
.dash-role.dash-role-static:hover{background:transparent;border-color:transparent;}
.dash-empty{padding:16px 12px;font-size:12.5px;color:var(--text-3);}
.dash-cov-mini{display:flex;gap:10px;flex-wrap:wrap;padding:6px 20px 2px;}
.dash-cchip{flex:1;min-width:88px;display:flex;flex-direction:column;gap:3px;padding:9px 12px;border-radius:11px;
background:color-mix(in srgb,var(--cc,#4ea86a) 12%, var(--bg-panel-alt));
border:1px solid color-mix(in srgb,var(--cc,#4ea86a) 30%, var(--border));}
.dash-cchip .cc-n{font-family:var(--font-mono);font-size:20px;font-weight:700;line-height:1;
color:var(--cc,#4ea86a);text-shadow:0 0 16px color-mix(in srgb,var(--cc,#4ea86a) 45%, transparent);}
.dash-cchip .cc-l{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
.dash-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px 18px 20px;}
.dash-mini{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:13px;
background:var(--bg-panel-alt);border:1px solid var(--border);}
.dash-mini .dm-v{font-family:var(--font-mono);font-size:21px;font-weight:700;color:var(--text-1);line-height:1;}
.dash-mini .dm-v small{font-family:var(--font-sans,inherit);font-size:11.5px;color:var(--text-3);font-weight:500;}
.dash-mini .dm-l{font-size:11px;color:var(--text-2);line-height:1.35;}
.dash-mini .dm-bar{height:5px;border-radius:999px;background:var(--bg-hover);overflow:hidden;margin-top:6px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.dash-mini .dm-bar span{display:block;height:100%;border-radius:999px;
background:linear-gradient(90deg,var(--role-ausb),var(--role-erw));transition:width .35s ease;}
@media (max-width:1180px){.dash-grid{grid-template-columns:1fr;}}
@media (max-width:520px){.dash-mini-grid{grid-template-columns:1fr;}.dash-cov-mini{gap:8px;}}

.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.search-wrap{
position:relative;flex:0 1 320px;min-width:200px;max-width:420px;
}
.search-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-3);}
.search-wrap input{
width:100%;color:var(--text-1);
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
border:1px solid var(--border);
padding:10px 14px 10px 38px;border-radius:var(--radius-m);font-size:13.5px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
transition:border-color .15s, box-shadow .15s;
}
.search-wrap input::placeholder{color:var(--text-3);}
.search-wrap input:focus{border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);outline:none;}

@property --kw-prog{ syntax:"<number>"; inherits:true; initial-value:0; }
@property --kw-c{ syntax:"<color>"; inherits:true; initial-value:#e0a940; }
.kw-stamp{
--kw-c:var(--role-ausb);
--kw-prog:0;
position:relative;overflow:hidden;margin-left:auto;
display:inline-flex;align-items:center;gap:12px;
padding:8px 16px 8px 9px;border-radius:var(--radius-l);
border:1px solid color-mix(in srgb,var(--kw-c) 26%, var(--border-strong));
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.012) 60%), rgba(26,27,32,.55);
-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 6px 18px rgba(0,0,0,.35);
cursor:default;user-select:none;
transition:--kw-prog .9s cubic-bezier(.3,.9,.3,1), --kw-c .45s ease,
width .38s cubic-bezier(.3,.9,.3,1),
border-color .25s, box-shadow .25s, transform .18s;
}
.kw-stamp.next-week{--kw-c:var(--role-dgl);}
.kw-stamp.archive-week{--kw-c:var(--role-leitung);}
.kw-stamp:hover{transform:translateY(-1px);
border-color:color-mix(in srgb,var(--kw-c) 46%, var(--border-strong));
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 26px rgba(0,0,0,.45),
0 0 22px color-mix(in srgb,var(--kw-c) 20%, transparent);}
.kw-stamp::after{
content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
background:linear-gradient(105deg, transparent 36%, color-mix(in srgb,var(--kw-c) 15%, transparent) 48%, transparent 60%);
transform:translateX(-130%);
animation:kwSheen 8s ease-in-out 1.5s infinite;
}
@keyframes kwSheen{ 0%{transform:translateX(-130%);} 22%,100%{transform:translateX(130%);} }
.kw-stamp.kw-in{animation:kwEnter .5s cubic-bezier(.2,.9,.25,1.15) backwards;}
@keyframes kwEnter{ from{opacity:0;transform:translateY(-9px) scale(.94);} to{opacity:1;transform:none;} }

.stamp-ring{
position:relative;flex:0 0 auto;width:54px;height:54px;border-radius:50%;
display:grid;place-items:center;color:var(--kw-c);transition:color .45s ease;
background:conic-gradient(from -90deg,
var(--kw-c) calc(var(--kw-prog) * 360deg),
color-mix(in srgb,var(--kw-c) 13%, transparent) 0);
}
.stamp-ring::before{
content:'';position:absolute;inset:-5px;border-radius:50%;
border:1.5px dashed color-mix(in srgb,var(--kw-c) 42%, transparent);
animation:kwSpin 22s linear infinite;
}
@keyframes kwSpin{ to{ transform:rotate(360deg); } }
.stamp-disc{
position:relative;width:44px;height:44px;border-radius:50%;
display:flex;flex-direction:column;align-items:center;justify-content:center;
background:radial-gradient(circle at 50% 28%, color-mix(in srgb,var(--kw-c) 13%, rgba(16,17,21,.97)), rgba(13,14,17,.99));
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kw-c) 20%, transparent), 0 2px 8px rgba(0,0,0,.5);
}
.stamp-label{font-family:var(--font-display);font-size:8.5px;letter-spacing:.2em;opacity:.8;line-height:1;margin-bottom:1px;}
.stamp-number{font-family:var(--font-mono);font-size:18px;font-weight:600;line-height:1.05;min-width:20px;text-align:center;outline:none;
display:grid;place-items:center;perspective:260px;}
.kw-digit{
grid-area:1/1;--dy:1;--kwb:2.6px;
will-change:transform,opacity;
text-shadow:0 0 7px color-mix(in srgb,var(--kw-c) 30%, transparent);
background-image:linear-gradient(100deg,
currentColor 0 40%,
color-mix(in srgb, currentColor 25%, white) 50%,
currentColor 60% 100%);
background-size:320% 100%;
background-repeat:no-repeat;
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;
animation:kwShine 12s cubic-bezier(.32,.06,.28,1) infinite;
}
.stamp-number{position:relative;}
.stamp-number::after{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;z-index:-1;
background:radial-gradient(circle,color-mix(in srgb,var(--kw-c) 34%,transparent),transparent 68%);
opacity:.25;animation:kwGlowO 5.6s cubic-bezier(.37,0,.63,1) infinite;}
@keyframes kwGlowO{0%,100%{opacity:.2;}50%{opacity:.75;}}
@keyframes kwShine{
0% { background-position:8% 0; }
22%,100% { background-position:92% 0; }
}
.kw-digit.kw-digit-in{
animation:kwDigitIn .62s cubic-bezier(.2,.92,.28,1.06) .14s both,
kwShine 12s cubic-bezier(.32,.06,.28,1) .9s infinite;
}
.kw-digit.kw-digit-out{
animation:kwDigitOut .42s cubic-bezier(.4,.02,.5,1) both;
pointer-events:none;
}
@keyframes kwDigitIn{
0% { opacity:0; filter:blur(var(--kwb));
transform:translateY(calc(96% * var(--dy))) rotateX(calc(-78deg * var(--dy))) scale(.92); }
50% { opacity:1; filter:blur(0); }
100% { opacity:1; filter:blur(0); transform:none; }
}
@keyframes kwDigitOut{
0% { opacity:1; filter:blur(0); transform:none; }
60% { opacity:.3; }
100% { opacity:0; filter:blur(var(--kwb));
transform:translateY(calc(-96% * var(--dy))) rotateX(calc(78deg * var(--dy))) scale(.92); }
}
.kw-stamp.kw-bump{animation:kwPulse .7s ease;}
@keyframes kwPulse{
0% { box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 6px 18px rgba(0,0,0,.35), 0 0 0 0 color-mix(in srgb,var(--kw-c) 42%, transparent); }
100%{ box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 6px 18px rgba(0,0,0,.35), 0 0 0 16px transparent; }
}

.kw-body{display:flex;flex-direction:column;gap:4px;min-width:0;}
.kw-stamp.kw-swap .kw-cap,
.kw-stamp.kw-swap .kw-range{animation:kwTextSwap .46s cubic-bezier(.3,.9,.3,1);}
.kw-stamp.kw-swap .kw-range{animation-delay:.04s;}
@keyframes kwTextSwap{
0% { opacity:0; transform:translateY(5px); }
60% { opacity:1; }
100%{ opacity:1; transform:none; }
}
.kw-cap{display:flex;align-items:center;gap:7px;line-height:1;white-space:nowrap;
font-family:var(--font-display);font-weight:700;font-size:9.5px;
letter-spacing:.17em;text-transform:uppercase;color:var(--text-3);}
.kw-day{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.02em;text-transform:none;
color:color-mix(in srgb,var(--kw-c) 75%, white);
background:color-mix(in srgb,var(--kw-c) 13%, transparent);
border:1px solid color-mix(in srgb,var(--kw-c) 26%, transparent);
padding:2px 6px;border-radius:99px;}
.kw-range{font-family:var(--font-mono);font-size:12.5px;font-weight:600;line-height:1.1;
color:var(--text-1);white-space:nowrap;}
.kw-track{height:3px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;}
.kw-track span{display:block;height:100%;border-radius:99px;width:calc(var(--kw-prog) * 100%);
background:linear-gradient(90deg, color-mix(in srgb,var(--kw-c) 45%, transparent), var(--kw-c));
box-shadow:0 0 8px color-mix(in srgb,var(--kw-c) 55%, transparent);}

@media (prefers-reduced-motion: reduce){
.stamp-ring::before,.kw-digit,.kw-stamp::after,
.kw-stamp.kw-in,.kw-stamp.kw-bump,.kw-digit.kw-digit-in,
.kw-stamp.kw-swap .kw-cap,.kw-stamp.kw-swap .kw-range{ animation:none; }
.kw-digit{-webkit-text-fill-color:currentColor;}
.kw-digit.kw-digit-out{display:none;}
}

.btn-primary{
margin-left:auto;color:#20170a;
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 86%, white), var(--role-ausb));
border:1px solid color-mix(in srgb,var(--role-ausb) 65%, #000);
padding:11px 18px;border-radius:var(--radius-m);font-weight:700;font-size:13.5px;
cursor:pointer;white-space:nowrap;transition:filter .15s, transform .1s, box-shadow .15s;
box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 6px 18px rgba(224,169,64,.26);
}
.btn-primary:hover{filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 8px 24px rgba(224,169,64,.4);}
.btn-primary:active{transform:scale(.98);}
.btn-ghost{
color:var(--text-1);border:1px solid var(--border-strong);
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.012) 60%), rgba(26,27,32,.74);
padding:10px 16px;border-radius:var(--radius-m);font-size:13px;font-weight:600;cursor:pointer;
transition:background .15s, border-color .18s, transform .1s;
box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 6px 18px rgba(0,0,0,.35);
}
.btn-ghost:hover{background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 60%), rgba(34,35,42,.82);
border-color:rgba(255,255,255,.24);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 26px rgba(0,0,0,.45);}
.btn-ghost:active{transform:scale(.98);}
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
.btn-primary svg,.btn-ghost svg{width:15px;height:15px;stroke:currentColor;fill:none;flex:0 0 auto;}
.tb-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;}
.cert-status .btn-copy{display:inline-flex;align-items:center;gap:5px;}
.cert-status .btn-copy svg{width:13px;height:13px;stroke:currentColor;fill:none;}
.btn-danger{color:var(--role-probe);border-color:color-mix(in srgb,var(--role-probe) 40%, var(--border-strong));}
.btn-ghost:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3);}
.aw-storno-cd{font-family:var(--font-mono);font-size:12px;opacity:.85;margin-left:4px;}
.btn-danger:hover{border-color:color-mix(in srgb,var(--role-probe) 60%, transparent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 26px rgba(0,0,0,.45), 0 0 20px color-mix(in srgb,var(--role-probe) 22%, transparent);}

.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;}
.stat-card{
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 55%), rgba(23,24,28,.82);
border:1px solid color-mix(in srgb,var(--stat-color,var(--role-ausb)) 22%, var(--border));
border-left:3px solid var(--stat-color,var(--role-ausb));border-radius:var(--radius-l);
padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;
box-shadow:0 0 0 1px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 8%, transparent), inset 0 1px 0 rgba(255,255,255,.06), 0 8px 28px -12px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 45%, transparent), 0 10px 26px rgba(0,0,0,.32);
transition:box-shadow .18s,border-color .18s,transform .18s;
}
.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--stat-color,var(--role-ausb)) 42%, var(--border));
box-shadow:0 0 0 1px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 16%, transparent), inset 0 1px 0 rgba(255,255,255,.08), 0 14px 38px -10px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 60%, transparent), 0 14px 30px rgba(0,0,0,.38);}
.stat-card::after{content:'';position:absolute;right:-22px;top:-22px;width:88px;height:88px;border-radius:50%;
background:radial-gradient(circle,var(--stat-color,var(--role-ausb)),transparent 70%);opacity:.16;}
.stat-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
background:color-mix(in srgb, var(--stat-color,var(--role-ausb)) 16%, transparent);
border:1px solid color-mix(in srgb,var(--stat-color,var(--role-ausb)) 45%, transparent);
box-shadow:0 0 18px -4px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 65%, transparent), inset 0 0 10px -6px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 80%, transparent);
color:color-mix(in srgb,var(--stat-color,var(--role-ausb)) 82%, white);margin-bottom:4px;position:relative;z-index:1;}
.stat-icon svg{width:17px;height:17px;stroke:currentColor;}
.stat-number{font-family:var(--font-mono);font-size:28px;font-weight:600;line-height:1;position:relative;z-index:1;
color:color-mix(in srgb,var(--stat-color,var(--role-ausb)) 30%, var(--text-1));
text-shadow:0 0 22px color-mix(in srgb,var(--stat-color,var(--role-ausb)) 45%, transparent);}
.stat-label{font-size:12px;color:var(--text-2);position:relative;z-index:1;}

.legend-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;}
.legend-chip{
display:flex;align-items:center;gap:8px;background:var(--bg-panel);
border:1px solid var(--border);border-radius:999px;padding:8px 14px 8px 10px;
cursor:pointer;font-size:12.5px;color:var(--text-2);transition:all .15s;
}
.legend-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--chip-color);flex:0 0 9px;}
.legend-chip .cnt{font-family:var(--font-mono);color:var(--text-3);font-size:11.5px;}
.legend-chip:hover{border-color:var(--border-strong);}
.legend-chip.active{
background:color-mix(in srgb, var(--chip-color) 16%, var(--bg-panel));
border-color:var(--chip-color);color:var(--text-1);
}
.legend-chip.active .cnt{color:var(--chip-color);}
.legend-mine{margin-left:6px;border-style:dashed;border-color:color-mix(in srgb,var(--chip-color) 45%, var(--border));}
.legend-mine svg{width:14px;height:14px;stroke:var(--chip-color);fill:none;stroke-width:2;flex:0 0 14px;}
.legend-reset{margin-left:2px;font-size:12px;color:var(--text-3);background:none;border:none;cursor:pointer;
text-decoration:underline;text-underline-offset:2px;padding:8px 4px;}
.legend-reset:hover{color:var(--text-1);}

.content-grid{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start;}
.panel{background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 50%), rgba(23,24,28,.72);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 14px 36px rgba(0,0,0,.38);}
.panel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;padding:18px 20px 12px 20px;}
.panel-head h2{font-size:17px;font-weight:600;}
.panel-count{font-size:12px;color:var(--text-3);font-family:var(--font-mono);}
.table-scroll{overflow:visible;}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;}
thead th{
position:sticky;top:0;background:var(--bg-panel-alt);z-index:2;
text-align:left;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
color:var(--text-3);font-weight:600;padding:10px 6px;border-bottom:1px solid var(--border);
cursor:pointer;white-space:nowrap;user-select:none;
}
thead th:hover{color:var(--text-2);}
thead th.sorted{color:var(--role-ausb);}
thead th .arrow{display:inline-flex;vertical-align:middle;margin-left:4px;opacity:.7;}
thead th .arrow svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
tbody td{padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:middle;}
tbody tr:hover td{background:var(--bg-hover);}
tbody td:first-child{box-shadow:inset 4px 0 0 0 var(--row-accent,transparent);}

.dn-badge{
width:36px;height:36px;flex:0 0 36px;border-radius:50%;
background:
radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--dn-badge, var(--role-color,var(--text-3))) 34%, var(--bg-panel-alt)), var(--bg-panel-alt) 78%);
border:2px solid var(--dn-badge, var(--role-color,var(--text-3)));
box-shadow:0 0 0 3px color-mix(in srgb, var(--dn-badge, var(--role-color,var(--text-3))) 15%, transparent),
inset 0 1px 2px rgba(0,0,0,.35);
display:flex;align-items:center;justify-content:center;
font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--text-1);letter-spacing:.02em;
}
.name-text{font-weight:600;font-size:13.5px;white-space:nowrap;}

.chip{
border:1px solid var(--border-strong);background:var(--bg-panel-alt);color:var(--text-2);
border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;
transition:all .15s;
}
.chip.on{background:rgba(52,211,153,.14);border-color:var(--role-erw);color:var(--role-erw);}
.chip.off{opacity:.7;}
.chip.warn{background:rgba(239,90,95,.14);border-color:var(--role-probe);color:var(--role-probe);}

.pill{
display:inline-flex;align-items:center;gap:7px;
background:color-mix(in srgb, var(--pill-color) 15%, var(--bg-panel-alt));
border:1px solid color-mix(in srgb, var(--pill-color) 55%, var(--border-strong));
color:color-mix(in srgb, var(--pill-color) 75%, white);
padding:5px 9px 5px 8px;border-radius:999px;font-size:12px;font-weight:600;
cursor:pointer;white-space:nowrap;transition:filter .15s;
}
.pill:hover{filter:brightness(1.15);}
.pill svg{width:12px;height:12px;stroke:currentColor;opacity:.75;}
.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 7px;}

input[type=number]{-moz-appearance:textfield;appearance:textfield;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;}

.dual-num{display:flex;align-items:center;gap:5px;}
.dual-num input{
width:42px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:7px;padding:6px 4px;text-align:center;font-family:var(--font-mono);font-size:12.5px;
}
.dual-num input::-webkit-outer-spin-button,.dual-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.dual-sep{color:var(--text-3);font-size:12px;}
.dual-num-ungern input{border-color:rgba(239,68,68,.32);color:#ef8f8f;background:color-mix(in srgb,#ef4444 6%,var(--bg-input));}
.dual-num-ungern input:focus{border-color:rgba(239,68,68,.6);outline:none;}
.dual-num-ungern input:not(:placeholder-shown){color:#ef4444;font-weight:700;}

.multi-num{display:flex;flex-wrap:wrap;align-items:center;gap:5px;max-width:210px;}
.num-chip{position:relative;display:flex;align-items:center;}
.num-chip input{
width:46px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:7px;padding:6px 15px 6px 5px;text-align:center;font-family:var(--font-mono);font-size:12.5px;
}
.num-chip input::-webkit-outer-spin-button,.num-chip input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.num-chip .del-num{
position:absolute;right:2px;top:50%;transform:translateY(-50%);
width:14px;height:14px;border:none;background:none;color:var(--text-3);cursor:pointer;
font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;
}
.num-chip .del-num:hover{color:var(--role-probe);background:rgba(239,90,95,.12);}
.add-num{
width:27px;height:29px;border:1px dashed var(--border-strong);background:var(--bg-panel-alt);
color:var(--text-2);border-radius:7px;cursor:pointer;font-size:16px;line-height:1;
display:flex;align-items:center;justify-content:center;transition:all .15s;
}
.add-num:hover{border-color:var(--role-ausb);color:var(--role-ausb);}

tr.group-row td{padding:0;border-bottom:none;background:transparent;}
tr.group-row:hover td{background:transparent;}
.group-head{
display:flex;align-items:center;gap:10px;
padding:14px 12px 9px 12px;margin-top:10px;
border-top:2px solid var(--group-color,var(--border-strong));
background:linear-gradient(180deg,color-mix(in srgb,var(--group-color,#ffffff) 12%,transparent),transparent);
}
tr.group-row:first-child .group-head{margin-top:0;}
.group-dot{width:9px;height:9px;border-radius:50%;background:var(--group-color);flex:0 0 9px;
box-shadow:0 0 0 3px color-mix(in srgb,var(--group-color) 22%,transparent);}
.group-name{font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--group-color);}
.group-count{font-family:var(--font-mono);font-size:11px;color:var(--text-2);
background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:999px;padding:2px 9px;}

.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 182px;gap:12px;align-items:start;}
.table-layout > .table-panel{min-width:0;}
.table-panel{overflow:visible;}
.ausb-legend-panel{position:sticky;top:18px;}
.ausb-leg-list{display:flex;flex-direction:column;padding:6px 12px 14px 12px;gap:1px;max-height:74vh;overflow:auto;}
.ausb-leg-item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;}
.ausb-leg-item:hover{background:var(--bg-hover);}
.ausb-leg-num{
width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
font-family:var(--font-mono);font-size:12px;font-weight:700;
color:var(--c,var(--role-ausb));
background:color-mix(in srgb, var(--c,var(--role-ausb)) 20%, transparent);
border:1px solid color-mix(in srgb, var(--c,var(--role-ausb)) 52%, transparent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
transition:box-shadow .2s, border-color .2s;
}
.ausb-leg-num.glow{
color:#eafff3;
border-color:color-mix(in srgb, var(--c) 85%, transparent);
box-shadow:0 0 12px color-mix(in srgb, var(--c) 80%, transparent),
0 0 22px color-mix(in srgb, var(--c) 45%, transparent),
inset 0 1px 0 rgba(255,255,255,.25);
text-shadow:0 0 6px color-mix(in srgb, var(--c) 70%, transparent);
}
.ausb-leg-label{font-size:12px;color:var(--text-1);line-height:1.25;}
.ausb-leg-reserve{margin:10px 6px 2px 6px;padding:10px 12px;border-radius:11px;font-size:11.5px;color:var(--text-2);line-height:1.4;
background:color-mix(in srgb, #7ec8ff 13%, transparent);
border:1px solid color-mix(in srgb, #7ec8ff 45%, transparent);
box-shadow:0 0 14px rgba(126,200,255,.35), inset 0 1px 0 rgba(255,255,255,.12);}
.ausb-leg-reserve b{color:#8fd2ff;text-shadow:0 0 6px rgba(126,200,255,.5);}
.ausb-leg-reserve .rp{font-family:var(--font-mono);color:#8fd2ff;font-weight:600;}
@media (max-width:1180px){.table-layout{grid-template-columns:1fr;}.ausb-legend-panel{position:static;}}

.dgl-distbar{position:fixed;top:4px;left:50%;transform:translateX(-50%);z-index:200;
display:flex;align-items:flex-start;gap:10px;max-width:min(880px,74vw);
max-height:calc(100vh - 24px);overflow-y:auto;
background:color-mix(in srgb,var(--bg-panel) 90%, transparent);
-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
border:1px solid var(--border-strong);border-radius:16px;padding:8px 12px;
box-shadow:0 12px 34px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);}
.ddb-head{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-right:11px;border-right:1px solid var(--border);align-self:stretch;}
.ddb-title{font-size:11px;color:var(--text-3);white-space:nowrap;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
.ddb-total{font-family:var(--font-mono);font-weight:700;color:var(--text-1);font-size:14px;}
.ddb-chips{display:flex;flex-wrap:wrap;gap:6px;padding:1px;}
.ddb-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:2px 8px;border-radius:999px;
border:1px solid color-mix(in srgb,var(--c) 45%, var(--border));background:color-mix(in srgb,var(--c) 13%, transparent);}
.ddb-chip b{font-size:10.5px;color:var(--c);font-family:var(--font-mono);}
.ddb-chip .ddb-n{font-size:11.5px;color:var(--text-1);font-family:var(--font-mono);font-weight:700;}
@media (max-width:1100px){.dgl-distbar{max-width:82vw;}}
@media (max-width:680px){.dgl-distbar{display:none !important;}}

.dgl-body{padding:18px 22px 22px 22px;}
.dgl-hint{font-size:12.5px;color:var(--text-2);line-height:1.55;margin:0 0 16px 0;}
.dgl-lock{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--role-ausb);margin-bottom:14px;}
.dgl-lock svg{width:15px;height:15px;stroke:currentColor;}
.dgl-error{color:var(--role-probe);font-size:12px;min-height:16px;margin-top:10px;}
.dgl-error.busy{color:var(--text-3);}
.dgl-lock.ok{color:var(--role-erw);}

.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
@media (max-width:1000px){.admin-grid{grid-template-columns:1fr;}}
.admin-grid-stack{grid-template-columns:1fr;}
.mnt-grid>.mnt-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.dgl-form-panel{overflow:visible;position:relative;z-index:20;}
#memberList{max-height:none;overflow:visible;}

.member-head,.member-row{display:grid;grid-template-columns:28px 50px minmax(130px,240px) 112px 132px 124px 118px 118px minmax(104px,1fr) 108px minmax(84px,.6fr) minmax(84px,.6fr) 28px;gap:7px;align-items:center;}
.mem-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
background:var(--av-c,#5b9dfa);color:#fff;font-size:11px;font-weight:700;}
.member-row .mem-did{font-family:var(--font-mono);font-size:11.5px;}
.mem-prefs,.mem-ungern{display:flex;gap:5px;}
.member-row .mem-ungern input{border-color:rgba(239,68,68,.32);color:#ef8f8f;background:color-mix(in srgb,#ef4444 6%,var(--bg-input));}
.member-row .mem-ungern input:focus{border-color:rgba(239,68,68,.6);outline:none;}
.member-row .mem-ungern input:not(:placeholder-shown){color:#ef4444;font-weight:700;}
.member-row .mem-pref{width:100%;min-width:0;font-family:var(--font-mono);text-align:center;padding-left:4px;padding-right:4px;}
.member-row .mem-pref::-webkit-outer-spin-button,.member-row .mem-pref::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
@media (max-width:1500px){.member-head,.member-row{grid-template-columns:26px 46px minmax(104px,200px) 100px 112px 106px 104px 104px minmax(90px,1fr) 96px minmax(74px,.6fr) minmax(74px,.6fr) 26px;gap:6px;font-size:11.5px;}}
@media (max-width:1180px){
.member-head:not(.user-head){display:none;}
.member-row:not(.pma-admin-row) .mem-av{display:none;}
.member-row:not(.pma-admin-row){
grid-template-columns:repeat(6, minmax(64px,1fr));
grid-template-areas:
"dn    name  name  name  name   del"
"did   did   did   did   did    did"
"role  role  role3 role3 role2  role2"
"role4 role4 tags  tags  anw    anw"
"prefs prefs prefs ungern ungern ungern";
gap:7px;padding:10px;border-radius:12px;
background:var(--bg-panel-alt);border:1px solid var(--border);
}
.member-row:not(.pma-admin-row) .mem-dn{max-width:70px;}
.member-row:not(.pma-admin-row) .mem-del{justify-self:end;}
.member-row:not(.pma-admin-row) .mem-dn{grid-area:dn;}
.member-row:not(.pma-admin-row) [data-mfield="name"]{grid-area:name;}
.member-row:not(.pma-admin-row) .mem-did{grid-area:did;}
.member-row:not(.pma-admin-row) [data-mfield="role"],
.member-row:not(.pma-admin-row) .mem-role{grid-area:role;}
.member-row:not(.pma-admin-row) .mem-role3{grid-area:role3;}
.member-row:not(.pma-admin-row) .mem-role2{grid-area:role2;}
.member-row:not(.pma-admin-row) .mem-role4{grid-area:role4;}
.member-row:not(.pma-admin-row) .mem-tags{grid-area:tags;}
.member-row:not(.pma-admin-row) .mem-anw{grid-area:anw;}
.member-row:not(.pma-admin-row) .mem-prefs{grid-area:prefs;}
.member-row:not(.pma-admin-row) .mem-ungern{grid-area:ungern;}
.member-row:not(.pma-admin-row) .mem-del{grid-area:del;}
.member-list{max-height:none;}
}
@media (max-width:640px){
.member-row:not(.pma-admin-row){
grid-template-columns:64px minmax(0,1fr) 34px;
grid-template-areas:
"dn    name   del"
"did   did    did"
"role  role   role"
"role3 role3  role3"
"role2 role2  role2"
"role4 role4  role4"
"tags  tags   tags"
"anw   anw    anw"
"prefs prefs  prefs"
"ungern ungern ungern";
gap:8px;
}

.member-head.user-head{display:none;}
.user-row{
grid-template-columns:minmax(0,1fr) 34px;
grid-template-areas:
"name name"
"id   id"
"ctrl del";
gap:8px;padding:10px;border-radius:12px;
background:var(--bg-panel-alt);border:1px solid var(--border);
}
.user-row>*:nth-child(1){grid-area:id;}
.user-row>*:nth-child(2){grid-area:name;}
.user-row>*:nth-child(3){grid-area:ctrl;}
.user-row>*:nth-child(4){grid-area:del;}
.user-row .u-name{white-space:normal;}
.user-row .mem-del{justify-self:end;}
}
.member-head{padding:0 4px 8px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;}
.member-list{display:flex;flex-direction:column;gap:6px;max-height:54vh;overflow:auto;padding-right:2px;}
.member-row input,.member-row select{
background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:7px;padding:7px 8px;font-size:12.5px;width:100%;
}
.member-row .mem-dn{font-family:var(--font-mono);text-align:center;}
.member-row .mem-dn::-webkit-outer-spin-button,.member-row .mem-dn::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.member-row select{appearance:none;padding-right:22px;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5c65' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");
background-repeat:no-repeat;background-position:right 7px center;}
.mem-pill{width:100%;min-width:0;display:block;text-align:center;cursor:pointer;font-family:inherit;
font-size:12px;font-weight:600;color:var(--pc);padding:7px 10px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
border:1px solid color-mix(in srgb,var(--pc) 40%,var(--border));background:color-mix(in srgb,var(--pc) 13%,transparent);
transition:border-color .15s,background .15s;}
.mem-pill:hover{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 22%,transparent);}
.mem-pill.none{color:var(--text-3);border-color:var(--border);background:var(--bg-input);}
.mem-pill.locked{cursor:default;opacity:.75;}
.mem-pill.locked:hover{border-color:color-mix(in srgb,var(--pc) 40%,var(--border));background:color-mix(in srgb,var(--pc) 13%,transparent);}
.mem-del{background:none;border:none;color:var(--text-3);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.mem-del:hover{color:var(--role-probe);background:rgba(239,90,95,.12);}
.mem-del svg{width:15px;height:15px;stroke:currentColor;}
.member-search{position:relative;margin-bottom:12px;}
.member-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-3);}
.member-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:9px;padding:9px 12px 9px 34px;font-size:13px;}
.member-search input::placeholder{color:var(--text-3);}
.member-search input:focus{border-color:var(--border-strong);}
.member-group{display:flex;align-items:center;gap:9px;margin:14px 2px 7px 2px;padding-top:10px;
border-top:1px solid color-mix(in srgb,var(--group-color,#ffffff) 40%, var(--border));}
.member-group:first-child{margin-top:2px;border-top:none;padding-top:0;}
.mg-dot{width:8px;height:8px;border-radius:50%;background:var(--group-color);flex:0 0 8px;}
.mg-name{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--group-color);}
.mg-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:999px;padding:1px 8px;}
.member-empty{padding:20px 4px;color:var(--text-3);font-size:12.5px;text-align:center;}

.pma-tabs{display:flex;gap:8px;margin-bottom:14px;}
.pma-tab{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-2);
padding:9px 22px;border-radius:10px;font-weight:700;font-size:13.5px;cursor:pointer;
font-family:var(--font-display);letter-spacing:.04em;transition:all .15s;}
.pma-tab:hover{background:var(--bg-hover);color:var(--text-1);}
.pma-tab.active{background:color-mix(in srgb,var(--role-ausb) 18%, var(--bg-panel));border-color:var(--role-ausb);color:var(--role-ausb);}
.pma-tab-ga5.active,.pma-tab-arch.active,.pma-tab-progress.active{background:color-mix(in srgb,var(--role-erw) 18%, var(--bg-panel));border-color:var(--role-erw);color:var(--role-erw);}
.pma-tab-count{font-size:11px;font-weight:800;color:var(--role-erw);margin-left:2px;}
.pma-mgmt-arch.backup{border-color:color-mix(in srgb,var(--role-erw) 45%,var(--border));color:var(--role-erw);}
.pma-tabs{flex-wrap:wrap;}

.ga5-pane{max-width:1000px;}
.ga5-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.ga5-head h2{margin:0;font-size:19px;font-family:var(--font-display);display:flex;align-items:center;gap:8px;}
.ga5-head p{margin:4px 0 0;font-size:13px;color:var(--text-3);line-height:1.5;max-width:640px;}
.ga5-lock{display:inline-flex;align-items:center;opacity:.7;vertical-align:middle;}
.ga5-lock svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.ga5-count{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--role-erw);
background:color-mix(in srgb,var(--role-erw) 14%, transparent);border:1px solid color-mix(in srgb,var(--role-erw) 35%, transparent);
border-radius:999px;padding:4px 12px;white-space:nowrap;}
.ga5-search{max-width:420px;margin-bottom:14px;}
.ga5-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.ga5-card{border:1px solid var(--border-strong);border-radius:16px;padding:14px 16px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 45%), rgba(23,24,28,.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.ga5-card.arch{border-color:color-mix(in srgb,var(--role-erw) 30%, var(--border-strong));}
.ga5-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.ga5-dn{flex:0 0 auto;font-family:var(--font-mono);font-weight:700;font-size:13px;color:#20170a;
background:var(--role-erw);border-radius:8px;padding:3px 9px;}
.ga5-name{font-weight:600;font-size:14px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ga5-badges{display:flex;gap:6px;flex-wrap:wrap;}
.ga5-badge{font-size:11px;font-weight:600;border-radius:8px;padding:3px 9px;}
.ga5-badge.ok{background:rgba(52,211,153,.16);color:var(--role-erw);}
.ga5-badge.ga5{background:color-mix(in srgb,var(--role-erw) 26%, transparent);color:var(--role-erw);border:1px solid color-mix(in srgb,var(--role-erw) 45%, transparent);}
.ga5-badge.legacy{background:color-mix(in srgb,var(--role-ausb) 16%, transparent);color:var(--role-ausb);border:1px solid color-mix(in srgb,var(--role-ausb) 42%, transparent);}
.ga5-lists{display:flex;flex-direction:column;gap:6px;}
.ga5-listchip{display:inline-flex;align-items:center;gap:7px;text-align:left;width:100%;cursor:pointer;
border:1px solid var(--border-strong);border-radius:10px;padding:7px 11px;font-size:12.5px;
background:rgba(255,255,255,.03);color:var(--text-2);transition:.12s;}
.ga5-listchip:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--role-erw);}
.ga5-listchip svg{width:15px;height:15px;flex:0 0 auto;color:var(--role-erw);}
.ga5-empty{grid-column:1/-1;color:var(--text-3);font-size:13px;padding:26px 6px;text-align:center;line-height:1.55;}
.d-ga5{display:inline-block;font-size:11px;font-weight:700;color:#0d5c43;background:#b9f4dd;border-radius:6px;padding:1px 7px;margin-left:6px;}
.ga5-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);display:flex;align-items:flex-start;justify-content:center;
padding:30px 16px;overflow:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.ga5-lb-inner{position:relative;max-width:820px;width:100%;}
.ga5-lb-close{position:absolute;top:-6px;right:-6px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;
background:#fff;color:#111;font-size:22px;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.4);}
.ga5-hard{margin-top:11px;display:inline-flex;align-items:center;gap:6px;width:100%;justify-content:center;
border:1px solid var(--border-strong);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text-2);
padding:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:.12s;}
.ga5-hard:hover{border-color:var(--role-erw);color:var(--role-erw);background:color-mix(in srgb,var(--role-erw) 8%, transparent);}
.ga5-hard svg{width:14px;height:14px;}
.ga5-badge.hard{background:color-mix(in srgb,#f5934c 22%, transparent);color:#f5934c;border:1px solid color-mix(in srgb,#f5934c 45%, transparent);}
.ga5-card.arch.manual{border-color:color-mix(in srgb,#f5934c 32%, var(--border-strong));}
.ga5-manual-note{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#f5934c;margin:2px 0 4px;}
.ga5-manual-note svg{width:13px;height:13px;flex:0 0 auto;}
.ga5-unarch{margin-left:auto;border:1px solid color-mix(in srgb,#f0787f 45%, transparent);color:#f0787f;background:transparent;
border-radius:8px;padding:2px 9px;font-size:11px;cursor:pointer;}
.ga5-unarch:hover{background:color-mix(in srgb,#f0787f 12%, transparent);}
.ga5-sub-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:9px 0 5px;}
.ga5-listchip.cert{text-decoration:none;color:var(--text-2);}
.ga5-listchip.cert svg{color:#e0a940;}
.ga5-listchip.cert:hover{border-color:#e0a940;color:var(--text-1);}

.mnt-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:2px 0 16px;font-size:12px;color:var(--text-2);}
.mnt-lg{display:inline-flex;align-items:center;gap:7px;}
.mnt-lg.dim{color:var(--text-3);}
.mnt-lg-box{width:14px;height:14px;border-radius:5px;flex:0 0 auto;border:1px solid transparent;}
.mnt-lg-box.ga14{background:#38bdf8;} .mnt-lg-box.pma{background:#a78bfa;} .mnt-lg-box.ga5{background:#34d399;}
.mnt-lg-box.auto{background:var(--role-erw);}
.mnt-lg-box.manual{background:color-mix(in srgb,var(--role-erw) 18%,transparent);border-color:var(--role-erw);}
.mnt-wrap{display:flex;flex-direction:column;gap:5px;}
.mnt-head-row,.mnt-row{display:grid;grid-template-columns:minmax(190px,1.4fr) 66px 66px 66px minmax(160px,1.5fr) 54px;gap:10px;align-items:center;}
.mnt-head-row{padding:0 6px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;}
.mnt-head-row .mnt-h-box,.mnt-head-row .mnt-h-inact{text-align:center;}
.mnt-group{display:flex;align-items:center;gap:10px;margin:12px 0 3px;padding:7px 12px;border-radius:10px;
background:linear-gradient(90deg,color-mix(in srgb,var(--gc,#9b87f5) 16%,transparent),transparent 70%);
border:1px solid color-mix(in srgb,var(--gc,#9b87f5) 26%,var(--border));}
.mnt-group.r2-l{--gc:#a855f7;} .mnt-group.r2-d{--gc:#38bdf8;} .mnt-group.r2-m{--gc:#f59e0b;} .mnt-group.r2-p{--gc:#2dd4bf;}
.mnt-g-badge{font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--gc,#9b87f5);
background:color-mix(in srgb,var(--gc,#9b87f5) 16%,transparent);border:1px solid color-mix(in srgb,var(--gc,#9b87f5) 40%,transparent);
padding:3px 9px;border-radius:999px;white-space:nowrap;}
.mnt-g-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-1);}
.mnt-g-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
background:var(--gc,#9b87f5);color:#fff;font-size:12px;font-weight:700;}
.mnt-g-hint{margin-left:auto;font-size:11px;color:var(--text-3);}
.mnt-row{padding:5px 6px;border:1px solid var(--border);border-radius:11px;background:var(--bg-panel-alt);transition:opacity .15s,border-color .15s;}
.mnt-row.inactive{opacity:.5;}
.mnt-row.inactive .mnt-anw-name{text-decoration:line-through;}
.mnt-anw{display:flex;gap:6px;min-width:0;}
.mnt-anw-name{flex:1 1 auto;min-width:0;} .mnt-anw-dn{flex:0 0 58px;width:58px;text-align:center;font-family:var(--font-mono);}
.mnt-anw-pick{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;cursor:pointer;font-family:inherit;font-size:12.5px;
color:var(--text-1);background:var(--bg-input);border:1px solid var(--border);border-radius:7px;padding:7px 9px;text-align:left;transition:border-color .13s;}
.mnt-anw-pick:hover{border-color:var(--text-3);}
.mnt-anw-pick .cdd-val{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mnt-anw-pick .cdd-chev{width:14px;height:14px;stroke:var(--text-3);flex:0 0 auto;}
.mnt-anw-ro{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--text-1);padding:7px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mnt-anw-menu{right:auto!important;top:auto;opacity:1!important;transform:none!important;pointer-events:auto!important;box-sizing:border-box;}
.mnt-anw-menu .cdd-item{text-align:left;}
.mnt-anw-menu .mnt-anw-manual{color:var(--role-ausb);font-weight:600;}
.mnt-anw-menu .mnt-anw-clear{color:var(--text-3);font-weight:600;}
.mnt-anw-menu .mnt-anw-clear:hover{color:var(--text-1);}
.mnt-row input[type=text]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:7px;padding:7px 9px;font-size:12.5px;width:100%;}
.mnt-row input[type=text]:focus{outline:none;border-color:color-mix(in srgb,var(--role-erw) 55%,var(--border-strong));}
.mnt-note{color:var(--text-2);}
.mnt-box{height:36px;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg-input);cursor:pointer;
display:grid;place-items:center;color:var(--text-3);transition:background .13s,border-color .13s,color .13s,box-shadow .13s;}
.mnt-box:hover{border-color:var(--text-3);color:var(--text-2);}
.mnt-box svg{width:18px;height:18px;stroke:currentColor;fill:none;}
.mnt-box.ga14.on{--mc:#38bdf8;} .mnt-box.pma.on{--mc:#a78bfa;} .mnt-box.ga5.on{--mc:#34d399;}
.mnt-box.on.auto{background:var(--mc);border-color:var(--mc);color:#08130d;box-shadow:0 0 15px -5px var(--mc);}
.mnt-box.on.manual{background:color-mix(in srgb,var(--mc) 16%,transparent);border-color:var(--mc);color:var(--mc);}
.mnt-inact{display:grid;place-items:center;cursor:pointer;}
.mnt-inact input{position:absolute;opacity:0;width:0;height:0;}
.mnt-inact-box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border-strong);display:grid;place-items:center;transition:background .13s,border-color .13s;}
.mnt-inact-box::after{content:'✕';font-size:13px;font-weight:800;color:#fff;opacity:0;transform:scale(.5);transition:opacity .13s,transform .13s;}
.mnt-inact input:checked + .mnt-inact-box{background:var(--role-probe);border-color:var(--role-probe);}
.mnt-inact input:checked + .mnt-inact-box::after{opacity:1;transform:scale(1);}
.mnt-empty{color:var(--text-3);font-size:13px;padding:26px 6px;text-align:center;line-height:1.55;}
.mnt-modal-back{position:fixed;inset:0;z-index:210;background:rgba(4,5,9,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
display:flex;align-items:center;justify-content:center;padding:20px;}
.mnt-modal{width:min(460px,96vw);max-height:86vh;overflow:auto;border-radius:18px;
background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.01) 46%),var(--bg-panel);
border:1px solid var(--border-strong);box-shadow:0 30px 80px rgba(0,0,0,.6);}
.mnt-modal-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border);}
.mnt-modal-head h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--text-1);}
.mnt-modal-head p{margin:3px 0 0;font-size:12px;color:var(--text-3);}
.mnt-modal-x{margin-left:auto;flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-2);font-size:18px;line-height:1;cursor:pointer;}
.mnt-modal-x:hover{background:var(--bg-hover);color:var(--text-1);}
.mnt-modal-body{padding:14px 18px 18px;}
.mnt-pop-status{font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;margin-bottom:12px;}
.mnt-pop-status svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.mnt-pop-status.ok{color:#0c1a12;background:var(--role-erw);}
.mnt-pop-status.no{color:var(--text-3);background:var(--bg-input);border:1px solid var(--border-strong);}
.mnt-pop-src{margin-bottom:11px;}
.mnt-pop-src-lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;margin-bottom:5px;}
.mnt-pop-chips{display:flex;flex-direction:column;gap:5px;}
.mnt-pop-none{font-size:12px;color:var(--text-3);}
.mnt-chip{display:inline-flex;align-items:center;gap:7px;text-align:left;width:100%;cursor:pointer;text-decoration:none;
border:1px solid var(--border-strong);border-radius:9px;padding:7px 10px;font-size:12px;color:var(--text-2);background:var(--bg-input);}
.mnt-chip:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--role-erw);}
.mnt-chip svg{width:15px;height:15px;flex:0 0 auto;color:var(--role-erw);}
.mnt-chip.cert svg{color:#e0a940;} .mnt-chip.cert:hover{border-color:#e0a940;}
.mnt-pop-line{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border-strong);margin-bottom:11px;}
.mnt-pop-line svg{width:15px;height:15px;flex:0 0 auto;color:var(--role-erw);stroke:currentColor;fill:none;}
.mnt-pop-line.ok{border-color:color-mix(in srgb,var(--role-erw) 40%,transparent);}
.mnt-manual-toggle{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2);cursor:pointer;margin-top:4px;padding-top:12px;border-top:1px solid var(--border);}
.mnt-manual-toggle input{width:17px;height:17px;accent-color:var(--role-erw);cursor:pointer;}
.mnt-manual-toggle.disabled{opacity:.55;cursor:not-allowed;} .mnt-manual-toggle.disabled input{cursor:not-allowed;}
@media (max-width:820px){
.mnt-head-row{display:none;}
.mnt-row{grid-template-columns:1fr 1fr 1fr 46px;grid-template-areas:"anw anw anw inact" "b1 b2 b3 b3" "note note note note";gap:8px;padding:10px;}
.mnt-row .mnt-anw{grid-area:anw;}
.mnt-row>.mnt-box:nth-of-type(1){grid-area:b1;}
.mnt-row>.mnt-box:nth-of-type(2){grid-area:b2;}
.mnt-row>.mnt-box:nth-of-type(3){grid-area:b3;}
.mnt-row .mnt-note{grid-area:note;} .mnt-row .mnt-inact{grid-area:inact;justify-self:end;}
}
.mntcfg-list{display:flex;flex-direction:column;gap:11px;padding:2px 0;}
.mntcfg-row{display:flex;align-items:center;gap:12px;padding:17px 16px;min-height:58px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-panel-alt);}
.mntcfg-name{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13.5px;color:var(--text-1);}
.mntcfg-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px -1px currentColor;}
.mntcfg-sel{margin-left:auto;min-width:150px;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:9px;padding:8px 11px;font-size:13px;cursor:pointer;appearance:none;-webkit-appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2395979f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}
.mntcfg-sel:hover{border-color:var(--text-3);}
.mntcfg-row[data-acc="edit"] .mntcfg-sel{border-color:color-mix(in srgb,var(--role-erw) 55%,var(--border-strong));color:var(--role-erw);}
.mntcfg-row[data-acc="none"]{opacity:.62;}
.mntcfg-row[data-acc="none"] .mntcfg-sel{border-color:color-mix(in srgb,var(--role-probe) 45%,var(--border-strong));color:var(--role-probe);}
#mntCfgState{color:var(--role-erw);font-weight:700;}
.mnt-pool-list{display:flex;flex-direction:column;gap:5px;max-height:60vh;overflow:auto;margin-top:12px;}
.mnt-pool-row{display:flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-panel-alt);}
.mnt-pool-dn{flex:0 0 auto;min-width:70px;font-family:var(--font-mono);font-size:12px;color:var(--role-ausb);}
.mnt-pool-name{font-size:13.5px;color:var(--text-1);}
.mnt-arch-list{display:flex;flex-direction:column;gap:8px;max-height:64vh;overflow:auto;margin-top:12px;}
.mnt-arch-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;
padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel-alt);}
.mnt-arch-main{display:flex;align-items:baseline;gap:10px;min-width:0;}
.mnt-arch-name{font-size:14px;font-weight:600;color:var(--text-1);}
.mnt-arch-dn{font-family:var(--font-mono);font-size:12px;color:var(--role-ausb);}
.mnt-arch-meta{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.mnt-arch-badge{font-size:12px;color:var(--text-2);}
.mnt-arch-date{font-size:11.5px;color:var(--text-3);}
.mnt-arch-note{grid-column:1;font-size:12.5px;color:var(--text-2);line-height:1.45;white-space:pre-wrap;
border-left:2px solid var(--border-strong);padding-left:10px;margin-top:2px;}
.mnt-arch-restore{grid-row:1 / span 2;grid-column:2;align-self:center;padding:7px 13px;font-size:12px;white-space:nowrap;}
.mnt-arch-restore svg{width:15px;height:15px;stroke:currentColor;margin-right:6px;vertical-align:-2px;}
@media (max-width:640px){
.mnt-arch-row{grid-template-columns:1fr;}
.mnt-arch-restore{grid-row:auto;grid-column:1;justify-self:start;margin-top:4px;}
}
.mnt-assign-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.mnt-manage-list{display:flex;flex-direction:column;gap:6px;}
.mnt-manage-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--bg-panel-alt);}
.mnt-manage-name{flex:1;min-width:0;font-size:13px;color:var(--text-1);}
.mnt-manage-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#f59e0b;
background:color-mix(in srgb,#f59e0b 15%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);padding:1px 6px;border-radius:999px;}
.mnt-manage-row .cdd{flex:0 0 200px;max-width:200px;}

.mntcfg-row .cdd{margin-left:auto;flex:0 0 200px;max-width:200px;}
.mntcfg-row[data-acc="edit"] .cdd-btn{border-color:color-mix(in srgb,var(--role-erw) 55%,var(--border-strong));color:var(--role-erw);}
.mntcfg-row[data-acc="none"] .cdd-btn{border-color:color-mix(in srgb,var(--role-probe) 45%,var(--border-strong));color:var(--role-probe);}
.mnt-assign-row .cdd{margin:0;}
.mnt-manage-del{flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-3);cursor:pointer;font-size:14px;line-height:1;}
.mnt-manage-del:hover{color:var(--role-probe);background:rgba(239,90,95,.12);border-color:color-mix(in srgb,var(--role-probe) 45%,transparent);}

.cert-tabs{max-width:960px;}
.cert-arch-search{max-width:420px;margin-bottom:14px;}
.cert-arch-list{display:flex;flex-direction:column;gap:6px;}
.cert-arch-row{display:grid;grid-template-columns:1.3fr 1.9fr auto auto;gap:12px;align-items:center;
padding:10px 14px;border:1px solid var(--border-strong);border-radius:12px;text-decoration:none;
background:rgba(255,255,255,.02);color:var(--text-1);transition:.12s;}
.cert-arch-row:hover{background:var(--bg-hover);border-color:#e0a940;}
.cert-arch-row.is-focus{border-color:#e0a940;background:rgba(224,169,64,.12);box-shadow:0 0 0 1px rgba(224,169,64,.5),0 0 18px rgba(224,169,64,.25);}
.car-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.car-ausb{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.car-ausb.ga5{color:var(--role-erw);}
.car-ga5{font-size:10px;font-weight:700;background:color-mix(in srgb,var(--role-erw) 22%, transparent);color:var(--role-erw);border-radius:6px;padding:1px 6px;flex:0 0 auto;}
.car-date{font-size:12px;color:var(--text-3);font-family:var(--font-mono);white-space:nowrap;}
.car-by{font-size:12px;color:var(--text-3);white-space:nowrap;}
@media(max-width:640px){ .cert-arch-row{grid-template-columns:1fr auto;} .car-ausb{grid-column:1/-1;} .car-by{display:none;} }

.pma-scroll{
overflow-x:auto;overflow-y:visible;max-height:none;
scrollbar-width:auto;scrollbar-color:var(--border-strong) transparent;
}
.pma-sticky-head{
position:fixed;top:0;z-index:30;display:none;overflow:hidden;
border-bottom:1px solid var(--border-strong);
box-shadow:0 8px 20px rgba(0,0,0,.30);
}
.pma-sticky-head.show{display:block;}
.pma-sticky-head::-webkit-scrollbar{display:none;}
.pma-sticky-head{scrollbar-width:none;}
.pma-sticky-head table{border-collapse:separate;border-spacing:0;font-size:12px;}
.pma-sticky-head .pma-section,.pma-sticky-head .pma-topic{position:static;}
.pma-sticky-head .pma-corner{position:sticky;left:0;top:auto;z-index:6;}
.pma-scroll::-webkit-scrollbar{width:16px;height:16px;}
.pma-scroll::-webkit-scrollbar-track{background:var(--bg-panel-alt);border-radius:8px;}
.pma-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid var(--bg-panel-alt);}
.pma-scroll::-webkit-scrollbar-thumb:hover{background:var(--role-ausb);}
.pma-scroll::-webkit-scrollbar-corner{background:var(--bg-panel-alt);}
.pma-table{border-collapse:separate;border-spacing:0;font-size:12px;width:max-content;}
.pma-table th,.pma-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);}
.pma-secrow th.pma-section{position:sticky;top:0;z-index:3;background:var(--bg-panel-alt);
text-align:center;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:var(--text-1);
padding:9px 10px;font-size:12.5px;}
.pma-toprow th.pma-topic{position:sticky;top:35px;z-index:2;background:var(--bg-panel-alt);
color:var(--text-1);font-weight:600;font-size:10.5px;padding:8px 7px;
width:112px;min-width:112px;vertical-align:top;text-align:center;line-height:1.2;white-space:normal;}
.pma-topic .pt-main{display:block;}
.pma-topic .pt-sub{display:block;font-size:8.5px;font-weight:400;color:var(--text-3);margin-top:3px;line-height:1.15;}
.pma-topic-tools,.pma-sec-tools{position:absolute;top:2px;right:3px;z-index:5;display:flex;gap:3px;padding:2px;border-radius:7px;
background:color-mix(in srgb,var(--bg-panel-alt) 70%, transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
opacity:0;transition:opacity .15s;}
.pma-toprow th.pma-topic:hover .pma-topic-tools,.pma-secrow th.pma-section:hover .pma-sec-tools{opacity:1;}
.pma-sec-label,.pma-topic .pt-main,.pma-topic .pt-sub{transition:filter .15s,opacity .15s;}
.pma-secrow th.pma-section:hover .pma-sec-label,
.pma-toprow th.pma-topic:hover .pt-main,
.pma-toprow th.pma-topic:hover .pt-sub{filter:blur(2.5px);opacity:.5;}
.pma-tt-btn,.pma-sec-btn{width:21px;height:21px;padding:0;display:flex;align-items:center;justify-content:center;
font-size:12px;font-weight:700;line-height:1;border-radius:5px;border:1px solid transparent;background:var(--bg-panel-alt);
color:var(--text-3);cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.pma-tt-btn svg,.pma-sec-btn svg{width:13px;height:13px;}
.pma-tt-btn:hover,.pma-sec-btn:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong);}
.pma-tt-del:hover,.pma-sec-del:hover{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.4);color:#ef4444;}
.pma-secrow th.pma-section{padding-right:14px;}
.pma-addbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 60%), var(--bg-panel);
border:1px solid var(--border-strong);border-radius:var(--radius-l);padding:14px 18px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 30px rgba(0,0,0,.35);}
.pma-addbar-title{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:.03em;color:var(--text-1);}
.pma-addbar-title svg{width:18px;height:18px;stroke:var(--role-ausb);}
.pma-add-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.pma-add-inline input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:9px;padding:9px 11px;font-size:13px;}
.pma-add-inline input[type=number]{width:80px;}
.pma-add-inline input[type=text]{width:220px;}
.pma-add-inline input:focus{border-color:var(--border-strong);}
.pma-add-inline .btn-primary{padding:9px 16px;font-size:13px;margin-left:0;white-space:nowrap;}
@media (max-width:640px){.pma-add-inline input[type=text]{width:150px;}}
.pma-corner{position:sticky;left:0;top:0;z-index:6;background:var(--bg-panel-alt);text-align:left;
padding:9px 12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600;min-width:180px;}
.pma-name{position:sticky;left:0;z-index:4;background:var(--bg-panel);font-weight:600;font-size:12.5px;
white-space:nowrap;padding:6px 12px;min-width:180px;border-right:1px solid var(--border-strong);
box-shadow:6px 0 12px -6px rgba(0,0,0,.6);}
.pma-name.done{background:color-mix(in srgb, var(--role-erw) 16%, var(--bg-panel));color:var(--role-erw);
box-shadow:inset 3px 0 0 var(--role-erw), 6px 0 12px -6px rgba(0,0,0,.6);}
tbody tr:hover .pma-name:not(.done){background:var(--bg-hover);}
tbody tr:hover .pma-name.done{background:color-mix(in srgb, var(--role-erw) 22%, var(--bg-hover));}
.pma-cell{padding:5px 4px;vertical-align:middle;min-width:100px;white-space:nowrap;text-align:center;}
tbody tr:hover .pma-cell{background:var(--bg-hover);}
.pma-check{width:22px;height:22px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-panel-alt);
cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:transparent;vertical-align:middle;margin-right:4px;}
.pma-check svg{width:12px;height:12px;stroke:currentColor;}
.pma-check.on{background:rgba(52,211,153,.18);border-color:var(--role-erw);color:var(--role-erw);}
.pma-who{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 7px;vertical-align:middle;
background:var(--bg-input);border:1px solid var(--border);color:var(--text-3);border-radius:7px;
font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;transition:all .12s;}
.pma-who.set{color:var(--text-1);border-color:color-mix(in srgb, var(--pw-c) 55%, var(--border-strong));background:color-mix(in srgb, var(--pw-c) 15%, var(--bg-input));}
.pma-who.deleted{color:#ef8f92;border-color:color-mix(in srgb,#ef5a5f 45%,var(--border));background:color-mix(in srgb,#ef5a5f 12%,var(--bg-input));text-decoration:line-through;text-decoration-thickness:1.5px;}
.pma-who:hover{background:var(--bg-hover);border-color:var(--border-strong);}
.pma-who.empty{border-style:dashed;border-color:color-mix(in srgb,var(--border) 70%,transparent);background:transparent;color:var(--text-3);opacity:.5;cursor:default;}
.pma-who.empty:hover{background:transparent;border-color:color-mix(in srgb,var(--border) 70%,transparent);opacity:.72;}
.pma-empty{padding:28px;text-align:center;color:var(--text-3);}
.pma-scroll.locked .pma-check,.pma-scroll.locked .pma-who{opacity:.5;cursor:not-allowed;}
.pma-cell.owned-other .pma-check,.pma-cell.owned-other .pma-who{opacity:.5;cursor:not-allowed;}
.pma-name .pma-name-txt{vertical-align:middle;}
.pma-name-edit-btn{margin-left:8px;width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;
border-radius:5px;border:1px solid transparent;background:transparent;color:var(--text-3);cursor:pointer;vertical-align:middle;
opacity:.45;transition:opacity .15s,background .15s,color .15s,border-color .15s;}
.pma-name-edit-btn svg{width:12px;height:12px;stroke:currentColor;}
tbody tr:hover .pma-name-edit-btn{opacity:.8;}
.pma-name-edit-btn:hover{opacity:1;background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong);}
.pma-name-link-btn{margin-left:4px;width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;
border-radius:5px;border:1px solid transparent;background:transparent;color:var(--text-3);cursor:pointer;vertical-align:middle;
opacity:.45;transition:opacity .15s,background .15s,color .15s,border-color .15s;}
.pma-name-link-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;}
tbody tr:hover .pma-name-link-btn{opacity:.8;}
.pma-name-link-btn:hover{opacity:1;background:color-mix(in srgb,var(--role-ausb) 16%, transparent);color:var(--role-ausb);border-color:var(--role-ausb);}
.pma-searchbar{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding:0 14px;height:44px;
background:var(--bg-panel);border:1px solid var(--border);border-radius:11px;max-width:420px;transition:border-color .15s;}
.pma-searchbar:focus-within{border-color:var(--role-ausb);}
.pma-searchbar svg{width:17px;height:17px;flex:none;stroke:var(--text-3);}
.pma-searchbar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-1);
font-size:14px;font-family:inherit;}
.pma-searchbar input::placeholder{color:var(--text-3);}
.pma-search-clear{flex:none;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-3);
font-size:19px;line-height:1;cursor:pointer;border-radius:6px;transition:background .15s,color .15s;}
.pma-search-clear:hover{background:var(--bg-hover);color:var(--text-1);}
.pma-mgmt-row{grid-template-columns:92px minmax(0,1fr) auto;gap:10px;}
.pma-mgmt-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0;}
.pma-mgmt-badges{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.pma-mgmt-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;
border:1px solid var(--border-strong);color:var(--text-3);background:var(--bg-panel-alt);}
.pma-mgmt-badge.ga5{color:#34d399;border-color:color-mix(in srgb,#34d399 45%,var(--border-strong));background:color-mix(in srgb,#34d399 12%,transparent);}
.pma-mgmt-badge.arch{color:#a5b4fc;border-color:color-mix(in srgb,#818cf8 45%,var(--border-strong));background:color-mix(in srgb,#818cf8 14%,transparent);}
.pma-mgmt-arch{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:11.5px;font-weight:600;font-family:inherit;
padding:6px 11px;border-radius:9px;cursor:pointer;white-space:nowrap;
border:1px solid color-mix(in srgb,#818cf8 45%,var(--border-strong));color:#a5b4fc;background:color-mix(in srgb,#818cf8 10%,transparent);
transition:background .15s,border-color .15s;}
.pma-mgmt-arch:hover{background:color-mix(in srgb,#818cf8 22%,transparent);border-color:#818cf8;}
.pma-mgmt-arch svg{width:14px;height:14px;}
@media (max-width:640px){
.pma-mgmt-row{grid-template-columns:66px minmax(0,1fr);}
.pma-mgmt-actions{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;}
}
.elvl-mgmt-sec{margin:0 20px 22px;}
.elvl-mgmt-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;}
.elvl-mgmt-head h3{font-size:14.5px;font-weight:700;margin:0;color:var(--text-1);display:inline-flex;align-items:center;gap:7px;}
.elvl-mgmt-head .ga5-lock svg{width:14px;height:14px;stroke:var(--text-3);vertical-align:-2px;}
.elvl-mgmt-list{display:flex;flex-direction:column;gap:8px;}
.elvl-mgmt-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-strong);
border-radius:12px;background:var(--bg-panel-alt);flex-wrap:wrap;}
.elvl-mgmt-row.backup{background:color-mix(in srgb,#818cf8 6%,var(--bg-panel-alt));}
.elvl-mgmt-dn{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-2);
min-width:44px;padding:2px 8px;border-radius:7px;background:var(--bg-input);text-align:center;flex:0 0 auto;}
.elvl-mgmt-name{font-weight:600;font-size:13.5px;color:var(--text-1);flex:1 1 160px;min-width:0;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.elvl-mgmt-typ{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;flex:0 0 auto;
color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 42%,var(--border-strong));background:color-mix(in srgb,var(--tc) 13%,transparent);}
.elvl-mgmt-best{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;flex:0 0 auto;border:1px solid var(--border-strong);}
.elvl-mgmt-best.ok{color:#34d399;border-color:color-mix(in srgb,#34d399 42%,var(--border-strong));background:color-mix(in srgb,#34d399 12%,transparent);}
.elvl-mgmt-best.no{color:#ef5a5f;border-color:color-mix(in srgb,#ef5a5f 42%,var(--border-strong));background:color-mix(in srgb,#ef5a5f 12%,transparent);}
.elvl-mgmt-meta{font-size:11.5px;color:var(--text-3);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.elvl-mgmt-acts{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;flex-wrap:wrap;}
.elvl-mgmt-btn{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:11.5px;font-weight:600;
padding:6px 11px;border-radius:9px;cursor:pointer;white-space:nowrap;
border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-2);transition:background .15s,border-color .15s,color .15s;}
.elvl-mgmt-btn svg{width:14px;height:14px;}
.elvl-mgmt-btn:hover{color:var(--text-1);border-color:var(--text-3);}
.elvl-mgmt-btn.arch:hover{color:#a5b4fc;border-color:#818cf8;background:color-mix(in srgb,#818cf8 14%,transparent);}
.elvl-mgmt-btn.backup:hover{color:#e0a940;border-color:#e0a940;background:color-mix(in srgb,#e0a940 14%,transparent);}
.elvl-mgmt-btn.restore{color:#34d399;border-color:color-mix(in srgb,#34d399 42%,var(--border-strong));background:color-mix(in srgb,#34d399 10%,transparent);}
.elvl-mgmt-btn.restore:hover{background:color-mix(in srgb,#34d399 20%,transparent);border-color:#34d399;}
.elvl-mgmt-btn.del{padding:6px 9px;}
.elvl-mgmt-btn.del svg{width:15px;height:15px;}
.elvl-mgmt-btn.del:hover{color:#ef5a5f;border-color:#ef5a5f;background:color-mix(in srgb,#ef5a5f 12%,transparent);}
@media (max-width:640px){ .elvl-mgmt-acts{margin-left:0;width:100%;} }
.pma-name.editing{white-space:normal;padding:6px 8px;}
.pma-name-edit{display:flex;align-items:center;gap:5px;}
.pma-name-edit input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:7px;padding:6px 7px;font-size:12px;}
.pma-name-edit input:focus{border-color:var(--border-strong);outline:none;}
.pma-scroll.locked .pma-name-edit input{opacity:1;cursor:text;}
.pma-name-edit .pma-name-dn{width:54px;flex:0 0 auto;}
.pma-name-edit .pma-name-nm{width:118px;flex:1 1 auto;min-width:80px;}
.pma-name-save,.pma-name-cancel{width:25px;height:25px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-panel-alt);cursor:pointer;font-size:14px;font-weight:700;line-height:1;}
.pma-name-save{color:var(--role-erw);}
.pma-name-save svg{width:13px;height:13px;stroke:currentColor;}
.pma-name-save:hover{background:rgba(52,211,153,.16);border-color:var(--role-erw);}
.pma-name-cancel{color:var(--text-3);}
.pma-name-cancel:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong);}

.pcnt-body{padding:14px 16px 18px 16px;}

.pcnt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;}
.pcnt-stat{position:relative;overflow:hidden;padding:11px 14px;border-radius:var(--radius-m);
border:1px solid var(--border);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 60%), rgba(28,29,34,.55);}
.pcnt-stat.gold{border-color:rgba(224,169,64,.34);
background:linear-gradient(180deg, rgba(224,169,64,.13), rgba(224,169,64,.02) 65%), rgba(28,29,34,.55);}
.pcnt-stat.wide{grid-column:span 2;}
.pcnt-stat-k{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);}
.pcnt-stat-v{display:block;margin-top:3px;font-family:var(--font-display);font-size:21px;font-weight:700;
color:var(--text-1);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcnt-stat.gold .pcnt-stat-v{color:var(--role-ausb);}
.pcnt-stat-v small{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-3);margin-left:5px;}
.pcnt-stat-note{display:block;margin-top:2px;font-size:10.5px;color:var(--text-3);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pcnt-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;}
.pcnt-search{position:relative;display:flex;align-items:center;flex:1 1 220px;min-width:0;}
.pcnt-search svg{position:absolute;left:11px;width:14px;height:14px;color:var(--text-3);pointer-events:none;}
.pcnt-search input{width:100%;padding:9px 12px 9px 32px;font-size:12.5px;color:var(--text-1);
background:rgba(20,21,25,.7);border:1px solid var(--border);border-radius:999px;outline:none;}
.pcnt-search input::placeholder{color:var(--text-3);}
.pcnt-search input:focus{border-color:rgba(224,169,64,.5);background:rgba(20,21,25,.95);}
.pcnt-search input::-webkit-search-cancel-button{filter:invert(.6);}
.pcnt-filter{display:flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--border);background:rgba(20,21,25,.6);}
.pcnt-filter button{border:0;background:none;color:var(--text-2);font-size:12px;font-weight:600;
padding:6px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;}
.pcnt-filter button:hover{color:var(--text-1);background:var(--bg-hover);}
.pcnt-filter button.on{color:#14150f;background:var(--role-ausb);}

.pcnt-podium{display:none;}
.pcnt-podium.show{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.pcnt-pod{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;
padding:15px 12px 13px 12px;border-radius:var(--radius-l);text-align:center;
border:1px solid var(--border);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 55%), rgba(26,27,32,.6);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.pcnt-pod::before{content:'';position:absolute;inset:-40% -20% auto -20%;height:120px;
background:radial-gradient(ellipse at 50% 0%, var(--c), transparent 70%);opacity:.16;pointer-events:none;}
.pcnt-pod.p1{border-color:rgba(224,169,64,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(224,169,64,.13);}
.pcnt-pod.p2{border-color:rgba(200,205,215,.28);}
.pcnt-pod.p3{border-color:rgba(205,140,90,.28);}
.pcnt-pod-medal{display:inline-flex;line-height:1;color:#e0a940;filter:drop-shadow(0 2px 6px color-mix(in srgb, currentColor 35%, transparent));}
.pcnt-pod.p2 .pcnt-pod-medal{color:#cfd4de;}
.pcnt-pod.p3 .pcnt-pod-medal{color:#d99a6c;}
.pcnt-pod-medal svg{display:block;}
.pcnt-pod-place{margin-top:5px;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);}
.pcnt-pod-dn{margin-top:9px;min-width:30px;padding:2px 9px;border-radius:999px;
font-family:var(--font-mono);font-size:10.5px;font-weight:700;color:#14150f;
background:var(--dn-badge, var(--c,var(--role-ausb)));}
.pcnt-pod-name{margin-top:7px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-1);
max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcnt-pod-role{font-size:10.5px;color:var(--text-3);}
.pcnt-pod-num{margin-top:8px;font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1;color:var(--role-ausb);}
.pcnt-pod.p2 .pcnt-pod-num{color:#cfd4de;}
.pcnt-pod.p3 .pcnt-pod-num{color:#d99a6c;}
.pcnt-pod-unit{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);}
.pcnt-pod-bar{width:100%;height:3px;margin-top:11px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.pcnt-pod-bar i{display:block;height:100%;border-radius:999px;background:var(--c,var(--role-ausb));opacity:.85;}

.pma-counter{display:flex;flex-direction:column;gap:5px;}
.pcnt-row{display:grid;grid-template-columns:30px 44px minmax(120px,240px) minmax(80px,1fr) 56px;
align-items:center;gap:10px;padding:7px 12px;border-radius:11px;font-size:12.5px;
border:1px solid transparent;background:rgba(28,29,34,.42);transition:background .15s,border-color .15s;}
.pcnt-row:hover{background:rgba(40,42,50,.6);border-color:var(--border);}
.pcnt-row.has{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 9%, transparent), rgba(28,29,34,.42) 42%);}
.pcnt-place{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-3);text-align:right;}
.pcnt-row.has .pcnt-place{color:var(--text-2);}
.pcnt-dn{justify-self:start;min-width:28px;padding:2px 8px;border-radius:999px;text-align:center;
font-family:var(--font-mono);font-size:10px;font-weight:700;color:#14150f;
background:var(--dn-badge, var(--c,var(--role-ausb)));}
.pcnt-who{min-width:0;display:flex;flex-direction:column;line-height:1.25;}
.pcnt-name{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcnt-row.has .pcnt-name{color:var(--text-1);font-weight:500;}
.pcnt-role{font-size:10px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pcnt-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;}
.pcnt-bar i{display:block;height:100%;border-radius:999px;
background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, transparent), var(--c));
transition:width .35s ease;}
.pcnt-num{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--text-3);
background:rgba(20,21,25,.75);border-radius:999px;padding:2px 9px;text-align:center;}
.pcnt-row.has .pcnt-num{color:var(--role-ausb);}
.pcnt-empty{padding:22px 14px;text-align:center;font-size:12.5px;color:var(--text-3);
border:1px dashed var(--border);border-radius:var(--radius-m);}

@media (max-width:820px){
.pcnt-row{grid-template-columns:26px 40px 1fr 50px;}
.pcnt-bar{display:none;}
.pcnt-stat.wide{grid-column:span 1;}
}
@media (max-width:640px){
.pcnt-stats{grid-template-columns:1fr 1fr;gap:8px;}
.pcnt-stat{padding:9px 11px;}
.pcnt-stat-v{font-size:17px;}
.pcnt-stat-k{font-size:9.5px;}
.pcnt-podium.show{grid-template-columns:1fr;}
.pcnt-pod{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;
gap:0 10px;text-align:left;padding:11px 13px;}
.pcnt-pod-medal svg{width:22px;height:22px;}
.pcnt-pod-place{margin-top:0;}
.pcnt-pod-dn,.pcnt-pod-name{margin-top:0;}
.pcnt-pod-name{flex:1 1 auto;font-size:14px;}
.pcnt-pod-role{flex:1 0 100%;order:6;}
.pcnt-pod-num{margin-top:0;margin-left:auto;font-size:24px;}
.pcnt-pod-unit{display:none;}
.pcnt-pod-bar{margin-top:8px;order:9;}
.pcnt-tools{gap:8px;}
.pcnt-filter{width:100%;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){ .pcnt-bar i{transition:none;} }

.pma-add{display:grid;grid-template-columns:90px 1fr auto;gap:8px;}
.pma-add input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:8px;padding:9px 10px;font-size:13px;}
.member-row.pma-admin-row{grid-template-columns:64px 1fr 30px;}

.panel-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
#pngExportBtn{padding:7px 12px;font-size:12.5px;white-space:nowrap;}

.lock-banner{
display:none;align-items:center;gap:9px;margin-bottom:14px;padding:11px 15px;border-radius:12px;font-size:12.5px;
background:rgba(224,169,64,.10);border:1px solid rgba(224,169,64,.4);color:var(--role-ausb);
}
.lock-banner svg{width:16px;height:16px;stroke:currentColor;flex:0 0 16px;}
.locked .pill,.locked .chip,.locked .check-toggle,.locked .add-num,.locked .del-num,
.locked .row-delete,.locked .pending-check{opacity:.5;cursor:not-allowed;}
.locked input{opacity:.6;cursor:not-allowed;}

.week-switch{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border);gap:2px;}
.wk-seg{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-2);
font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s;}
.wk-seg:hover{color:var(--text-1);}
.wk-seg.active{background:var(--role-dgl);color:#fff;}
.wk-seg.next.active{background:var(--role-dgl);}
.draft-banner{
display:none;align-items:center;flex-wrap:wrap;gap:11px 16px;margin-bottom:14px;padding:11px 15px;border-radius:12px;font-size:12.5px;
background:rgba(155,135,245,.10);border:1px solid rgba(155,135,245,.45);color:var(--role-dgl);
}
.draft-banner.show{display:flex;}
.draft-banner svg{width:16px;height:16px;stroke:currentColor;flex:0 0 16px;}
.draft-banner .db-text{flex:1;min-width:220px;line-height:1.4;}
.draft-banner .db-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-weight:600;flex-shrink:0;}
.wk-seg.next.released::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-left:6px;vertical-align:middle;}
.wk-seg.next.released{color:#fff;}
.draft-banner .db-text b{color:var(--role-dgl);}
.draft-banner .db-actions{display:flex;gap:8px;flex-shrink:0;}
.draft-banner .db-btn{padding:6px 11px;border-radius:8px;border:1px solid rgba(155,135,245,.5);
background:transparent;color:var(--role-dgl);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.15s;}
.draft-banner .db-btn:hover{background:rgba(155,135,245,.16);}
.draft-banner .db-btn.primary{background:var(--role-dgl);color:#fff;border-color:var(--role-dgl);}
.draft-banner .db-btn.primary:hover{filter:brightness(1.1);}
.draft-banner.archive-banner{background:rgba(224,169,64,.10);border-color:rgba(224,169,64,.5);color:#e0a940;}
.draft-banner.archive-banner .db-text b{color:#e0a940;}
.draft-banner.archive-banner .db-btn{border-color:rgba(224,169,64,.55);color:#e0a940;}
.draft-banner.archive-banner .db-btn:hover{background:rgba(224,169,64,.16);}
.draft-banner.archive-banner .db-btn.primary{background:#e0a940;color:#1a1400;border-color:#e0a940;}

.abmeldung-cell{display:flex;align-items:center;gap:7px;}
tr.row-abgemeldet > td{opacity:.5;filter:grayscale(.35);transition:opacity .15s;}
tr.row-abgemeldet > td[data-label="Abmeldungen"]{opacity:1;filter:none;}
tr.row-abgemeldet .name-text{text-decoration:line-through;text-decoration-thickness:1px;}
tr.row-abgemeldet input:disabled,tr.row-abgemeldet button:disabled{cursor:not-allowed;}
.text-field{
background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:7px;padding:7px 9px;font-size:12.5px;width:150px;max-width:100%;
}
.text-field::placeholder{color:var(--text-3);}

.check-toggle{
width:26px;height:26px;border-radius:7px;border:1px solid var(--border-strong);
background:var(--bg-panel-alt);cursor:pointer;display:flex;align-items:center;justify-content:center;color:transparent;
transition:all .15s;
}
.check-toggle svg{width:14px;height:14px;stroke:currentColor;}
.check-toggle.done{background:rgba(52,211,153,.16);border-color:var(--role-erw);color:var(--role-erw);}

.row-delete{
background:none;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:7px;
opacity:0;transition:opacity .15s,color .15s,background .15s;
}
tr:hover .row-delete{opacity:1;}
.row-delete:hover{color:var(--role-probe);background:rgba(239,90,95,.1);}
.row-delete svg{width:15px;height:15px;stroke:currentColor;}

.progress-wrap{padding:0 20px 16px 20px;}
.progress-track{height:9px;border-radius:999px;background:var(--bg-panel-alt);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--role-ausb),var(--role-erw));width:0%;transition:width .35s ease;
box-shadow:0 0 14px -1px color-mix(in srgb,var(--role-erw) 70%, transparent);border-radius:999px;}
.progress-label{margin-top:9px;font-size:12px;color:var(--text-2);font-weight:500;}

.pending-list{display:flex;flex-direction:column;padding:0 12px 14px 12px;gap:2px;max-height:52vh;overflow:auto;}
.pending-item{
display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;transition:background .15s;
}
.pending-item:hover{background:var(--bg-hover);}
.pending-check{
width:19px;height:19px;flex:0 0 19px;border-radius:6px;border:1.5px solid var(--border-strong);
background:var(--bg-panel-alt);cursor:pointer;display:flex;align-items:center;justify-content:center;color:transparent;
}
.pending-check svg{width:12px;height:12px;stroke:currentColor;}
.pending-check.on{background:rgba(52,211,153,.18);border-color:var(--role-erw);color:var(--role-erw);}
.pending-check.readonly{cursor:default;}
.pending-num{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);width:16px;flex:0 0 16px;}
.pending-label{flex:1;font-size:12.5px;color:var(--text-1);line-height:1.3;}
.pending-item.on .pending-label{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--border-strong);}

.reserve-card{
position:relative;margin:12px 20px 18px 20px;padding:14px 16px;border-radius:12px;
background:linear-gradient(180deg,rgba(155,135,245,.10),rgba(155,135,245,.03));border:1px solid color-mix(in srgb,var(--role-dgl) 34%, transparent);
box-shadow:0 0 22px -10px color-mix(in srgb,var(--role-dgl) 60%, transparent);
}
.reserve-title{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--role-dgl) 82%, white);margin-bottom:5px;letter-spacing:.03em;
text-shadow:0 0 16px color-mix(in srgb,var(--role-dgl) 50%, transparent);}
.reserve-text{font-size:11.5px;color:var(--text-2);line-height:1.4;}
.reserve-pool{font-family:var(--font-mono);color:var(--role-dgl);font-weight:600;}

.dropdown-menu{
position:fixed;min-width:224px;max-width:280px;
background:var(--bg-panel-alt);border:1px solid var(--border-strong);
border-radius:var(--radius-m);padding:6px;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:999;
animation:pop .12s ease;
}
.dropdown-search{margin-bottom:6px;}
.dropdown-search input{
width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:8px;padding:8px 10px;font-size:12.5px;
}
.dropdown-search input:focus{border-color:var(--border-strong);}
.dropdown-list{max-height:320px;overflow:auto;}
.dropdown-empty{padding:14px;text-align:center;color:var(--text-3);font-size:12.5px;}
@keyframes pop{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}
.dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;}
.dropdown-item:hover{background:var(--bg-hover);}
.dropdown-item .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;}

.modal-overlay{
position:fixed;inset:0;background:rgba(6,6,8,.68);backdrop-filter:blur(2px);
display:none;align-items:center;justify-content:center;z-index:200;padding:20px;
}
.modal-overlay.show{display:flex;}
.modal{
background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-l);
width:100%;max-width:520px;max-height:88vh;overflow:auto;padding:24px 26px 26px 26px;
animation:pop .15s ease;
}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.modal-head h3{font-size:18px;}
.modal-close{background:none;border:none;color:var(--text-3);cursor:pointer;padding:5px;border-radius:7px;}
.modal-close:hover{color:var(--text-1);background:var(--bg-hover);}
.modal-close svg{width:18px;height:18px;stroke:currentColor;}

.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;}
.form-field{display:flex;flex-direction:column;gap:5px;min-width:0;}
.form-field.full{grid-column:1/-1;}
.form-field label{font-size:11.5px;color:var(--text-3);font-weight:600;letter-spacing:.02em;}
.form-field input,.form-field select{
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
border:1px solid var(--border);color:var(--text-1);
border-radius:10px;padding:9px 11px;font-size:13px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
transition:border-color .15s, box-shadow .15s;
}
.form-field select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a5c65' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}
.form-field input:focus,.form-field select:focus{border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);outline:none;}
.cert-panel .dgl-body{padding:26px 30px 34px 30px;}
.cert-panel .form-grid{gap:20px;}
.cert-panel .form-field input,.cert-panel .cdd-btn{padding-top:12px;padding-bottom:12px;}
.cert-panel .cert-hint{margin-top:40px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--role-ausb) 18%, var(--border));}
.cert-panel .cert-hint.cert-hint-top{margin-top:16px;padding-top:0;border-top:none;}
.cert-panel .cert-main-actions{margin-top:24px;justify-content:center;}
.cert-ausb-field{align-items:center;text-align:center;}
.cdd{position:relative;width:100%;max-width:560px;margin:0 auto;}
.cdd-btn{width:100%;display:flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--text-1);
padding:11px 14px;border-radius:12px;border:1px solid var(--border);
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
transition:border-color .15s, box-shadow .15s;}
.cdd-btn:hover{border-color:var(--border-strong);}
.cdd.open .cdd-btn{border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);}
.cdd-val{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cdd-val.placeholder{color:var(--text-3);}
.cdd-chev{width:16px;height:16px;stroke:var(--text-3);flex:0 0 auto;transition:transform .22s ease, stroke .15s;}
.cdd.open .cdd-chev{transform:rotate(180deg);stroke:var(--role-ausb);}
.cdd-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:60;max-height:320px;overflow:auto;
padding:6px;border-radius:14px;border:1px solid var(--border-strong);
background:linear-gradient(180deg, rgba(30,32,38,.98), rgba(20,21,26,.98));
box-shadow:0 20px 44px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.07);
opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top center;pointer-events:none;
transition:opacity .18s ease, transform .18s cubic-bezier(.2,.9,.3,1.2);}
.cdd.open .cdd-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.cdd.cdd-up .cdd-menu{top:auto;bottom:calc(100% + 7px);transform-origin:bottom center;transform:translateY(8px) scale(.97);}
.cdd.cdd-up.open .cdd-menu{transform:translateY(0) scale(1);}
.form-cdd{max-width:none;margin:0;}
.form-cdd .cdd-val{text-align:left;}
.form-cdd .cdd-btn{padding:10px 12px;}
.cdd-inline{margin:0;max-width:none;}
.cdd-inline .cdd-btn{padding:8px 12px;}
.cdd-item{padding:9px 12px;border-radius:9px;font-size:12.5px;color:var(--text-2);cursor:pointer;text-align:center;
transition:background .12s, color .12s;}
.cdd-item:hover{background:var(--bg-hover);color:var(--text-1);}
.cdd-item.sel{background:color-mix(in srgb,var(--role-ausb) 16%, transparent);color:var(--role-ausb);font-weight:600;}
.cdd-search{position:sticky;top:-6px;margin:-6px -6px 6px;padding:8px 6px 8px;z-index:3;
background:linear-gradient(180deg, rgba(30,32,38,.99), rgba(28,30,36,.99));border-bottom:1px solid var(--border);}
.cdd-search input{width:100%;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:8px;padding:8px 10px;font-size:12.5px;font-family:inherit;}
.cdd-search input:focus{border-color:var(--border-strong);}
.cdd-empty{padding:12px;text-align:center;color:var(--text-3);font-size:12.5px;}
@media (prefers-reduced-motion:reduce){
.cdd-menu,
.cdd.open .cdd-menu,
.cdd.cdd-up .cdd-menu,
.cdd.cdd-up.open .cdd-menu{transform:none;}
}
select[data-cdd="1"]{position:absolute!important;width:1px!important;height:1px!important;
min-width:0!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;
opacity:0!important;pointer-events:none!important;overflow:hidden!important;
clip:rect(0,0,0,0);clip-path:inset(50%);}
.cdd-from-select{position:relative;display:inline-flex;align-items:stretch;vertical-align:middle;
width:auto;max-width:100%;margin:0;cursor:pointer;text-align:left;
padding:0!important;border:0!important;outline:none!important;box-shadow:none!important;
background:none!important;background-image:none!important;
-webkit-appearance:none;appearance:none;}
.cdd-from-select>.cdd-btn{flex:1 1 auto;min-width:0;gap:7px;padding:7px 11px;
font-size:inherit;font-weight:inherit;border-radius:inherit;}
.cdd-from-select.cdd-fixh>.cdd-btn{padding-top:0;padding-bottom:0;}
.cdd-from-select>.cdd-btn:disabled{cursor:default;opacity:.55;}
.cdd-from-select .cdd-val{text-align:left;}
.cdd-from-select .cdd-chev{width:14px;height:14px;}
.cdd-from-select.perm-sel>.cdd-btn{
background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(255,255,255,.02)),
color-mix(in srgb,var(--pc,#5a5c65) 16%,var(--bg-panel-alt));
border-color:color-mix(in srgb,var(--pc,#5a5c65) 55%,var(--border-strong));
color:color-mix(in srgb,var(--pc,#5a5c65) 85%,white);}
.cdd-from-select.perm-sel .cdd-val{text-align:center;}
.cdd-from-select.perm-sel .cdd-chev{stroke:color-mix(in srgb,var(--pc,#5a5c65) 65%,white);}
.adoc-toolbar .cdd-from-select.tb-set>.cdd-btn{border-color:color-mix(in srgb,var(--role-ausb) 60%,transparent);color:#ffe6b0;}
#tbBlockCdd{min-width:126px;} #tbFontCdd{min-width:118px;} #tbSizeCdd{min-width:88px;}
.ts-field .cdd-from-select{width:100%;}
.cdd-pop{position:fixed;left:0;top:0;right:auto;z-index:9500;box-sizing:border-box;min-width:170px;width:max-content;
opacity:1;transform:none;pointer-events:auto;animation:cddPopIn .15s ease-out;}
.cdd-pop .cdd-item{text-align:left;}
.cdd-pop .cdd-item.is-off{opacity:.45;cursor:default;}
.cdd-pop .cdd-item.hl{background:var(--bg-hover);color:var(--text-1);}
@keyframes cddPopIn{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){ .cdd-pop{animation:none;} }
.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;}

.role-info-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}
.role-info-row:last-child{border-bottom:none;}
.role-info-dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px;margin-top:3px;background:var(--dot-color);}
.role-info-title{font-weight:700;font-size:13.5px;margin-bottom:2px;}
.role-info-text{font-size:12.5px;color:var(--text-2);line-height:1.45;}

.frg-intro{font-size:13px;color:var(--text-2);line-height:1.55;margin:0 0 22px;max-width:760px;}
.frg-intro b{color:var(--text-1);font-weight:600;}
.frg-group{margin-bottom:30px;}
.frg-group:last-child{margin-bottom:0;}
.frg-group-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-1);margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--gc,var(--border-strong)) 45%, var(--border));text-shadow:0 0 18px color-mix(in srgb,var(--gc,transparent) 40%, transparent);}
.frg-group-title .frg-gbadge{font-size:11px;font-weight:600;color:color-mix(in srgb,var(--gc,var(--text-3)) 85%, white);background:color-mix(in srgb,var(--gc,var(--bg-input)) 12%, var(--bg-input));border:1px solid color-mix(in srgb,var(--gc,var(--border)) 40%, transparent);border-radius:20px;padding:2px 10px;box-shadow:0 0 14px -4px color-mix(in srgb,var(--gc,transparent) 55%, transparent);}
.frg-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border:1px solid color-mix(in srgb,var(--rc,var(--role-ausb)) 22%, var(--border));border-left:3px solid var(--rc,var(--role-ausb));border-radius:12px;padding:15px 18px;margin-bottom:12px;
box-shadow:0 0 0 1px color-mix(in srgb,var(--rc,var(--role-ausb)) 8%, transparent), 0 6px 26px -10px color-mix(in srgb,var(--rc,var(--role-ausb)) 45%, transparent);transition:box-shadow .18s,border-color .18s,transform .18s;}
.frg-card:hover{border-color:color-mix(in srgb,var(--rc,var(--role-ausb)) 40%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--rc,var(--role-ausb)) 14%, transparent), 0 10px 34px -8px color-mix(in srgb,var(--rc,var(--role-ausb)) 60%, transparent);}
.frg-head{display:flex;align-items:center;gap:12px;}
.frg-num{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:15px;color:color-mix(in srgb,var(--rc,var(--role-ausb)) 80%, white);background:color-mix(in srgb,var(--rc,var(--role-ausb)) 16%, transparent);border:1px solid color-mix(in srgb,var(--rc,var(--role-ausb)) 50%, transparent);box-shadow:0 0 16px -4px color-mix(in srgb,var(--rc,var(--role-ausb)) 65%, transparent), inset 0 0 10px -6px color-mix(in srgb,var(--rc,var(--role-ausb)) 80%, transparent);}
.frg-name{font-weight:700;font-size:15px;color:var(--text-1);line-height:1.2;}
.frg-status{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.35;}
.frg-sec{margin-top:12px;}
.frg-sec-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sc,var(--text-2));margin-bottom:5px;}
.frg-list{list-style:none;margin:0;padding:0;}
.frg-list li{position:relative;padding:3px 0 3px 18px;font-size:13px;color:var(--text-1);line-height:1.45;}
.frg-list li::before{content:'';position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--sc,var(--text-2));}
.frg-hinweis{font-size:12.5px;color:var(--text-2);line-height:1.5;background:color-mix(in srgb,var(--role-ausb) 9%, transparent);border:1px solid color-mix(in srgb,var(--role-ausb) 26%, transparent);border-radius:8px;padding:9px 12px;margin-top:8px;display:flex;gap:8px;}
.frg-hinweis svg{flex:0 0 16px;width:16px;height:16px;stroke:var(--role-ausb);margin-top:1px;}
.frg-warn{font-size:12.5px;color:#ffb3b6;font-weight:600;line-height:1.5;background:color-mix(in srgb,#ef4444 14%, transparent);border:1px solid color-mix(in srgb,#ef4444 40%, transparent);border-radius:8px;padding:9px 12px;margin-top:8px;display:flex;gap:8px;box-shadow:0 0 18px -6px color-mix(in srgb,#ef4444 55%, transparent);}
.frg-warn svg{flex:0 0 16px;width:16px;height:16px;stroke:#ef4444;margin-top:1px;}
.frg-para{font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:.02em;color:color-mix(in srgb,var(--gc,var(--text-2)) 88%, white);margin-right:9px;flex:0 0 auto;}
.frg-rule-para{display:block;font-family:var(--font-mono);font-weight:700;font-size:11.5px;letter-spacing:.02em;color:color-mix(in srgb,var(--rc,var(--role-ausb)) 82%, white);margin-bottom:2px;}

.rg-searchbar{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 14px;border-radius:13px;
background:linear-gradient(180deg,color-mix(in srgb,var(--role-ausb) 7%,var(--bg-input)),color-mix(in srgb,var(--role-ausb) 2%,var(--bg-input)));
border:1px solid color-mix(in srgb,var(--role-ausb) 24%,var(--border));
box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 8px 26px -18px color-mix(in srgb,var(--role-ausb) 60%,transparent);
backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);}
.rg-searchbar svg{width:17px;height:17px;flex:0 0 auto;stroke:color-mix(in srgb,var(--role-ausb) 70%,var(--text-3));fill:none;}
.rg-searchbar input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text-1);font-size:13.5px;font-family:inherit;}
.rg-searchbar input::placeholder{color:var(--text-3);}
.rg-search-clear{flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--bg-panel-alt);color:var(--text-3);cursor:pointer;font-size:15px;line-height:1;transition:color .15s,border-color .15s;}
.rg-search-clear:hover{color:var(--text-1);border-color:var(--border-strong);}
.rg-hl{background:color-mix(in srgb,var(--role-ausb) 34%,transparent);color:var(--text-1);border-radius:3px;padding:0 1px;font-weight:600;}
#regelnList .frg-group{position:relative;margin-bottom:18px;border-radius:16px;overflow:hidden;
background:linear-gradient(180deg,color-mix(in srgb,var(--gc,var(--role-ausb)) 8%,var(--bg-panel)),color-mix(in srgb,var(--gc,var(--role-ausb)) 2%,var(--bg-panel)) 55%,var(--bg-panel));
border:1px solid color-mix(in srgb,var(--gc,var(--border-strong)) 34%,var(--border));
box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 14px 40px -24px color-mix(in srgb,var(--gc,#000) 70%,transparent);}
#regelnList .frg-group::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
background:linear-gradient(180deg,color-mix(in srgb,var(--gc,var(--role-ausb)) 90%,transparent),color-mix(in srgb,var(--gc,var(--role-ausb)) 30%,transparent));}
#regelnList .frg-group-title{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;
padding:14px 18px;border:0;border-bottom:1px solid color-mix(in srgb,var(--gc,var(--border-strong)) 30%,var(--border));
background:color-mix(in srgb,var(--gc,var(--role-ausb)) 9%,transparent);
font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-1);text-align:left;cursor:pointer;
text-shadow:0 0 18px color-mix(in srgb,var(--gc,transparent) 40%,transparent);transition:background .15s;}
#regelnList .frg-group-title:hover{background:color-mix(in srgb,var(--gc,var(--role-ausb)) 15%,transparent);}
#regelnList .frg-gt-name{flex:0 1 auto;}
#regelnList .frg-gcount{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:700;
color:color-mix(in srgb,var(--gc,var(--text-2)) 82%,white);
background:color-mix(in srgb,var(--gc,var(--bg-input)) 16%,var(--bg-input));
border:1px solid color-mix(in srgb,var(--gc,var(--border)) 40%,transparent);border-radius:999px;padding:1px 9px;}
#regelnList .frg-chev{width:18px;height:18px;flex:0 0 auto;opacity:.75;transition:transform .2s ease;}
#regelnList .frg-group.collapsed .frg-chev{transform:rotate(-90deg);}
#regelnList .frg-group-body{padding:16px 18px 6px;}
#regelnList .frg-group.collapsed .frg-group-title{border-bottom-color:transparent;}
#regelnList .frg-group.collapsed .frg-group-body{display:none;}
#regelnList .frg-card{background:linear-gradient(180deg,color-mix(in srgb,var(--rc,var(--role-ausb)) 6%,rgba(255,255,255,.015)),rgba(255,255,255,0));}
#regelnList .frg-card:last-child{margin-bottom:6px;}
.rg-hint{font-size:11.5px;color:var(--text-3);line-height:1.45;margin:-2px 0 4px;}
.frg-num.frg-ico{font-size:0;}
.frg-num.frg-ico svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.rg-iconpicks{max-height:172px;overflow-y:auto;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;}
.rg-noicon{font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--text-3);}
.frg-body{font-size:13px;color:var(--text-1);line-height:1.55;margin-top:10px;white-space:pre-wrap;}
.frg-empty{padding:42px 20px;text-align:center;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:12px;line-height:1.5;}
.frg-empty svg{width:30px;height:30px;stroke:var(--text-3);}
.regeln-toolbar{display:flex;justify-content:flex-end;margin:0 0 18px;}
.rg-card-actions{display:flex;gap:8px;margin-top:12px;}
.rg-del{color:#ffb3b6;border-color:color-mix(in srgb,#ef4444 40%,transparent);}
.rg-del:hover{background:color-mix(in srgb,#ef4444 14%,transparent);border-color:color-mix(in srgb,#ef4444 60%,transparent);}
.rg-editor{background:var(--bg-panel-alt);border:1px solid var(--border-strong);border-left:3px solid #7dd3fc;border-radius:12px;padding:16px 18px;margin-bottom:12px;}
.rg-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin:0 0 5px;}
.rg-label:not(:first-child){margin-top:13px;}
.rg-input,.rg-textarea{width:100%;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);border-radius:8px;padding:9px 11px;font-size:13.5px;font-family:inherit;}
.rg-textarea{min-height:120px;resize:vertical;line-height:1.5;}
.rg-input:focus,.rg-textarea:focus{border-color:var(--border-strong);outline:none;}
.rg-actions{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap;}

.bzr-shot{background:#0c1322;border:1px solid #26304b;border-radius:12px;padding:14px 16px;overflow:hidden;
box-shadow:0 10px 30px -18px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.03);}
.bzr-shot-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#e7eaf4;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #1d2740;}
.bzr-shot-head svg{width:14px;height:14px;stroke:#a78bfa;flex:0 0 14px;}
.bzr-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bzr-row + .bzr-row{margin-top:10px;}
.bzr-row.end{justify-content:flex-end;}
.bzr-ent{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.bzr-ava{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#a78bfa,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px -6px #8b5cf6;flex:0 0 30px;}
.bzr-ava svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bzr-ent .t{font-size:13px;font-weight:700;color:#e7eaf4;line-height:1.2;}
.bzr-ent .s{font-size:10.5px;color:#8b93ad;}
.bzr-tab{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#aab2cc;background:#121b30;border:1px solid #26304b;border-radius:18px;padding:5px 13px;white-space:nowrap;}
.bzr-tab .n{font-size:10px;font-weight:700;color:#8b93ad;background:#1d2740;border-radius:10px;padding:1px 7px;}
.bzr-tab.on{color:#cabffd;border-color:#8b5cf6;box-shadow:0 0 16px -7px #8b5cf6;}
.bzr-subtabs{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid #1d2740;margin-top:12px;}
.bzr-subtab{font-size:12.5px;font-weight:600;color:#8b93ad;padding:0 2px 8px;border-bottom:2px solid transparent;white-space:nowrap;}
.bzr-subtab.on{color:#cabffd;border-bottom-color:#8b5cf6;}
.bzr-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#fff;border-radius:10px;padding:8px 16px;white-space:nowrap;
background:linear-gradient(180deg,#a273fb,#7c3aed);border:1px solid #9d6bfb;box-shadow:0 8px 22px -8px #8b5cf6;}
.bzr-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px;}
.bzr-btn.ghost{background:#121b30;border-color:#35426e;box-shadow:none;color:#c2c8dd;}
.bzr-input{flex:1 1 180px;min-width:0;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#6a7390;background:#0f1830;border:1px solid #26304b;border-radius:9px;padding:8px 12px;}
.bzr-input.hl{border-color:#5b7bf0;box-shadow:0 0 0 1px rgba(91,123,240,.35);}
.bzr-input b{color:#e7eaf4;font-weight:600;}
.bzr-input svg{width:14px;height:14px;stroke:#6a7390;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px;}
.bzr-input .spring{flex:1;}
.bzr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
.bzr-grid + .bzr-grid{margin-top:10px;}
.bzr-fl{font-size:11px;font-weight:600;color:#9aa2bd;margin-bottom:5px;}
.bzr-fl .req{color:#ef5a5f;}
.bzr-opts{border:1px solid #26304b;border-radius:10px;background:#0e1628;padding:5px;display:flex;flex-direction:column;gap:1px;}
.bzr-opt{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:#c2c8dd;padding:6px 9px;border-radius:7px;}
.bzr-opt .sq{width:17px;height:17px;border-radius:4px;flex:0 0 17px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--oc,#8b93ad) 20%, transparent);}
.bzr-opt .sq svg{width:11px;height:11px;stroke:var(--oc,#8b93ad);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.bzr-opt.on{background:#1b2542;box-shadow:inset 0 0 0 1px #35426e;color:#fff;}
.bzr-person{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#e7eaf4;background:#101a30;border:1px solid #26304b;border-radius:9px;padding:8px 12px;}
.bzr-person svg{width:15px;height:15px;stroke:#a78bfa;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px;}
.bzr-person .dn{font-size:10px;font-weight:700;color:#aab2cc;border:1px solid #35426e;border-radius:10px;padding:1px 7px;}
.bzr-person .rm{margin-left:auto;font-size:12px;font-weight:600;color:#ef5a5f;}
.bzr-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8b93ad;}
.bzr-toggle .kn{width:28px;height:16px;border-radius:10px;background:#26304b;position:relative;}
.bzr-toggle .kn::after{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#8b93ad;}
.bzr-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#8b93ad;font-size:11.5px;
border:1.5px dashed #35426e;border-radius:11px;background:#0e1628;padding:18px 14px;}
.bzr-upload b{color:#e7eaf4;font-size:12.5px;font-weight:700;}
.bzr-upload svg{width:20px;height:20px;stroke:#8b93ad;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.bzr-cols{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:0 28px;align-items:start;}
.bzr-cols .frg-group{margin-bottom:0;}
@media (max-width:1180px){ .bzr-cols{grid-template-columns:1fr;gap:30px 0;} }

.dex-panel{max-width:1500px;padding:22px 24px 26px;}
.dex-hero{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;}
.dex-hero .panel-head-badge{--acc:var(--role-dgl);margin-top:2px;}
.dex-title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text-1);margin:0 0 6px;
text-shadow:0 0 20px color-mix(in srgb,var(--role-dgl) 40%, transparent);}
.dex-hero .frg-intro{margin:0;max-width:880px;}
.dex-keys{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
.dex-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-1);padding:6px 12px;border-radius:999px;
border:1px solid color-mix(in srgb,var(--role-dgl) 34%, var(--border));background:color-mix(in srgb,var(--role-dgl) 10%, transparent);}
.dex-chip svg{flex:0 0 14px;width:14px;height:14px;stroke:var(--role-dgl);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.dex-week{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.dex-step{position:relative;border:1px solid color-mix(in srgb,var(--rc) 24%, var(--border));border-top:3px solid var(--rc);border-radius:12px;padding:14px 16px 15px;
background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 8%, transparent),transparent 70%);}
.dex-step-n{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:13px;
color:color-mix(in srgb,var(--rc) 80%, white);background:color-mix(in srgb,var(--rc) 16%, transparent);border:1px solid color-mix(in srgb,var(--rc) 50%, transparent);margin-bottom:9px;}
.dex-step-t{font-weight:700;font-size:14px;color:var(--text-1);margin-bottom:4px;}
.dex-step-d{font-size:12.5px;color:var(--text-2);line-height:1.5;}
.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:12px;align-items:start;}
.dex-grid .frg-card{margin-bottom:0;}
.dex-grid.dex-g2{grid-template-columns:repeat(2,minmax(0,1fr));}
.dex-grid.dex-g1{grid-template-columns:1fr;}
.dex-g1 .dex-secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;}
@media (max-width:1180px){ .dex-week{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:900px){ .dex-grid.dex-g2,.dex-g1 .dex-secs{grid-template-columns:1fr;} }
@media (max-width:640px){
.dex-panel{padding:16px 14px 20px;}
.dex-hero{flex-direction:column;gap:10px;}
.dex-week{grid-template-columns:1fr;}
}

.role-card{padding:17px 20px 19px;}
.role-badge{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
color:color-mix(in srgb,var(--rc,var(--role-ausb)) 82%, white);
background:color-mix(in srgb,var(--rc,var(--role-ausb)) 16%, transparent);
border:1px solid color-mix(in srgb,var(--rc,var(--role-ausb)) 50%, transparent);
box-shadow:0 0 20px -4px color-mix(in srgb,var(--rc,var(--role-ausb)) 70%, transparent), inset 0 0 12px -6px color-mix(in srgb,var(--rc,var(--role-ausb)) 85%, transparent);}
.role-badge svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.role-card .role-name{font-size:16.5px;text-shadow:0 0 22px color-mix(in srgb,var(--rc,var(--role-ausb)) 55%, transparent);}
.role-tagline{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.35;font-weight:500;}
.role-desc{font-size:13px;color:var(--text-1);line-height:1.55;margin-top:13px;}
.role-perms{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
.role-perm{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.3;padding:4px 11px 4px 8px;border-radius:20px;
color:color-mix(in srgb,var(--rc,var(--role-ausb)) 88%, white);
background:color-mix(in srgb,var(--rc,var(--role-ausb)) 12%, transparent);
border:1px solid color-mix(in srgb,var(--rc,var(--role-ausb)) 34%, transparent);
box-shadow:0 0 14px -6px color-mix(in srgb,var(--rc,var(--role-ausb)) 60%, transparent);}
.role-perm svg{width:13px;height:13px;flex:0 0 13px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.role-perm.deny{color:#ffb3b6;background:color-mix(in srgb,#ef4444 10%, transparent);border-color:color-mix(in srgb,#ef4444 34%, transparent);box-shadow:0 0 14px -6px color-mix(in srgb,#ef4444 55%, transparent);}

.ew-wrap{max-width:1000px;}
.ew-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.ew-save-state{font-size:12px;color:var(--text-3);}
.ew-save-state.busy{color:#e0a940;}
.ew-save-state.ok{color:#34d399;}
.ew-save-state.err{color:#ef4444;}
.ew-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--text-1);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:9px;padding:7px 13px;cursor:pointer;transition:background .15s,border-color .15s,transform .12s;font-family:inherit;}
.ew-btn:hover{border-color:var(--role-ausb);transform:translateY(-1px);}
.ew-btn svg{width:15px;height:15px;stroke:currentColor;flex:0 0 15px;}
.ew-btn-primary{color:#fff;background:linear-gradient(180deg,#f87171,#e0574f);border-color:#e0574f;box-shadow:0 6px 20px -8px #f87171;}
.ew-btn-primary:hover{border-color:#f87171;}
.ew-btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2);padding:6px 11px;}
.ew-btn-danger{color:#ffb3b6;border-color:color-mix(in srgb,#ef4444 40%,transparent);background:color-mix(in srgb,#ef4444 10%,transparent);}
.ew-btn-danger:hover{border-color:#ef4444;}

.ew-section{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0));
border:1px solid color-mix(in srgb,var(--rc,#f87171) 22%, var(--border));border-left:3px solid var(--rc,#f87171);border-radius:16px;padding:20px 24px 24px;margin-bottom:22px;
box-shadow:0 0 0 1px color-mix(in srgb,var(--rc,#f87171) 8%, transparent), 0 10px 34px -14px color-mix(in srgb,var(--rc,#f87171) 45%, transparent);
transition:box-shadow .18s,border-color .18s,transform .18s;}
.ew-section:hover{border-color:color-mix(in srgb,var(--rc,#f87171) 40%, var(--border));transform:translateY(-1px);
box-shadow:0 0 0 1px color-mix(in srgb,var(--rc,#f87171) 14%, transparent), 0 14px 42px -12px color-mix(in srgb,var(--rc,#f87171) 60%, transparent);}
.ew-sec-head{display:flex;align-items:center;gap:14px;margin-bottom:4px;}
.ew-badge{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;
color:color-mix(in srgb,var(--rc,#f87171) 82%, white);
background:color-mix(in srgb,var(--rc,#f87171) 16%, transparent);
border:1px solid color-mix(in srgb,var(--rc,#f87171) 50%, transparent);
box-shadow:0 0 22px -4px color-mix(in srgb,var(--rc,#f87171) 70%, transparent), inset 0 0 14px -6px color-mix(in srgb,var(--rc,#f87171) 85%, transparent);}
.ew-badge svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ew-sec-heading{flex:1;min-width:0;}
.ew-sec-title{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.2;
color:color-mix(in srgb,var(--rc,#f87171) 88%, white);text-shadow:0 0 24px color-mix(in srgb,var(--rc,#f87171) 50%, transparent);}
.ew-sec-actions{display:flex;gap:7px;flex:0 0 auto;}
.ew-sec-intro{font-size:13.5px;color:var(--text-2);line-height:1.62;white-space:pre-wrap;margin:12px 0 4px;}
.ew-sec-intro:empty{display:none;}
.ew-steps{margin-top:14px;}
.ew-steps-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--rc,#f87171) 75%, var(--text-2));margin-bottom:7px;}
.ew-steps-list{list-style:none;margin:0;padding:0;counter-reset:ewstep;}
.ew-steps-list li{position:relative;padding:4px 0 4px 30px;font-size:13px;color:var(--text-1);line-height:1.5;counter-increment:ewstep;}
.ew-steps-list li::before{content:counter(ewstep);position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:6px;
display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;
color:color-mix(in srgb,var(--rc,#f87171) 85%, white);
background:color-mix(in srgb,var(--rc,#f87171) 15%, transparent);
border:1px solid color-mix(in srgb,var(--rc,#f87171) 40%, transparent);}

.ew-swatches{display:flex;flex-wrap:wrap;gap:8px;}
.ew-swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;background:var(--sw);border:2px solid transparent;
box-shadow:0 0 10px -2px var(--sw);transition:transform .1s;padding:0;}
.ew-swatch:hover{transform:scale(1.15);}
.ew-swatch.active{border-color:var(--text-1);box-shadow:0 0 0 2px var(--bg-panel),0 0 0 4px var(--sw),0 0 14px -1px var(--sw);}
.ew-iconpicks{display:flex;flex-wrap:wrap;gap:7px;}
.ew-iconpick{width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;
background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-2);transition:border-color .12s,color .12s,background .12s;padding:0;}
.ew-iconpick:hover{color:var(--text-1);border-color:var(--text-3);}
.ew-iconpick svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ew-iconpick.active{color:var(--rc,#f87171);border-color:color-mix(in srgb,var(--rc,#f87171) 60%, transparent);background:color-mix(in srgb,var(--rc,#f87171) 12%, transparent);box-shadow:0 0 14px -4px color-mix(in srgb,var(--rc,#f87171) 70%, transparent);}

.ew-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:18px;}
.ew-video{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;}
.ew-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.ew-video-frame iframe,.ew-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.ew-video-missing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:12px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 10px,transparent 10px,transparent 20px);}
.ew-video-missing svg{width:26px;height:26px;stroke:var(--text-3);}
.ew-video-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;}
.ew-video-title{font-weight:600;font-size:14px;color:var(--text-1);line-height:1.3;}
.ew-video-desc{font-size:12.5px;color:var(--text-2);line-height:1.55;white-space:pre-wrap;}
.ew-video-desc:empty{display:none;}
.ew-video-actions{display:flex;gap:7px;margin-top:4px;}

.ew-empty{text-align:center;color:var(--text-3);font-size:14px;padding:60px 20px;line-height:1.6;}
.ew-empty svg{width:48px;height:48px;stroke:var(--text-3);opacity:.6;margin-bottom:14px;}
.ew-add-video-row{margin-top:16px;}

.ew-input,.ew-textarea{width:100%;font-family:inherit;font-size:13.5px;color:var(--text-1);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:9px;padding:9px 12px;box-sizing:border-box;transition:border-color .15s;}
.ew-input:focus,.ew-textarea:focus{outline:none;border-color:#f87171;}
.ew-textarea{resize:vertical;min-height:80px;line-height:1.55;}
.ew-field-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:12px 0 5px;}
.ew-editor{background:color-mix(in srgb,var(--bg-input) 60%,transparent);border:1px dashed var(--border-strong);border-radius:12px;padding:16px 18px;margin-top:14px;}
.ew-editor-actions{display:flex;gap:9px;margin-top:16px;}
.ew-hint{font-size:11.5px;color:var(--text-3);margin-top:5px;line-height:1.5;}
.ew-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px;}
.ew-upload-state{font-size:12px;color:var(--text-3);}
.ew-upload-state.busy{color:#e0a940;}
.ew-upload-state.ok{color:#34d399;}
.ew-upload-state.err{color:#ef4444;}

.ew-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
.ew-tab{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-2);
background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:11px;padding:9px 16px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.ew-tab svg{width:16px;height:16px;stroke:currentColor;flex:0 0 16px;}
.ew-tab:hover{background:var(--bg-hover);color:var(--text-1);}
.ew-tab.active{color:#fff;background:linear-gradient(180deg,#f87171,#e0574f);border-color:#e0574f;box-shadow:0 6px 20px -10px #f87171;}
.ew-tabpane[hidden]{display:none;}

.ew-tour-card{max-width:560px;background:linear-gradient(180deg,rgba(248,113,113,.09),rgba(255,255,255,0));
border:1px solid color-mix(in srgb,#f87171 26%,var(--border));border-radius:18px;padding:30px 30px 32px;text-align:center;
box-shadow:0 0 0 1px color-mix(in srgb,#f87171 8%,transparent),0 16px 44px -20px color-mix(in srgb,#f87171 55%,transparent);}
.ew-tour-badge{width:60px;height:60px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;
color:color-mix(in srgb,#f87171 82%,white);background:color-mix(in srgb,#f87171 16%,transparent);
border:1px solid color-mix(in srgb,#f87171 50%,transparent);box-shadow:0 0 26px -6px color-mix(in srgb,#f87171 70%,transparent);}
.ew-tour-badge svg{width:30px;height:30px;stroke:currentColor;}
.ew-tour-title{font-family:var(--font-display);font-size:21px;font-weight:700;margin:0 0 10px;color:color-mix(in srgb,#f87171 88%,white);}
.ew-tour-desc{font-size:14px;color:var(--text-2);line-height:1.62;margin:0 auto 16px;max-width:460px;}
.ew-tour-points{list-style:none;margin:0 auto 22px;padding:0;max-width:340px;text-align:left;display:inline-block;}
.ew-tour-points li{position:relative;padding:5px 0 5px 26px;font-size:13px;color:var(--text-1);}
.ew-tour-points li::before{content:'';position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;
background:#f87171;box-shadow:0 0 10px -1px #f87171;}
.ew-tour-start{font-size:14px;padding:11px 22px;}
.ew-tour-start svg{width:17px;height:17px;}

.tour-root{position:fixed;inset:0;z-index:9000;}
body.tour-active{overflow:hidden;}
.tour-block{position:fixed;inset:0;background:transparent;cursor:default;}
.tour-spot{position:fixed;border-radius:14px;pointer-events:none;
box-shadow:0 0 0 9999px rgba(6,8,12,.74),0 0 0 2px color-mix(in srgb,#f87171 85%,transparent),0 0 32px -2px color-mix(in srgb,#f87171 70%,transparent);
transition:top .42s cubic-bezier(.22,.61,.36,1),left .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1),height .42s cubic-bezier(.22,.61,.36,1),opacity .22s ease;
will-change:top,left,width,height;}
.tour-pop{position:fixed;z-index:2;width:auto;background:var(--bg-panel);border:1px solid color-mix(in srgb,#f87171 40%,var(--border-strong));
border-radius:16px;padding:20px 22px 18px;box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,#f87171 14%,transparent);
will-change:opacity;}
@keyframes tourPopIn{from{opacity:0;}to{opacity:1;}}
.tour-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--text-3);font-size:22px;line-height:1;cursor:pointer;padding:2px 4px;transition:color .12s;}
.tour-x:hover{color:var(--text-1);}
.tour-step{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,#f87171 80%,var(--text-3));margin-bottom:6px;}
.tour-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-1);margin-bottom:8px;padding-right:18px;}
.tour-text{font-size:13.5px;color:var(--text-2);line-height:1.6;}
.tour-dots{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 4px;}
.tour-dot{width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:background .2s,transform .2s;}
.tour-dot.on{background:#f87171;transform:scale(1.25);box-shadow:0 0 8px -1px #f87171;}
.tour-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap;}
.tour-audio{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);}
.tour-a-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--bg-input);border:1px solid var(--border-strong);
color:var(--text-2);border-radius:9px;padding:6px 10px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .12s,color .12s,background .12s;}
.tour-a-btn:hover{color:var(--text-1);border-color:#f87171;}
.tour-a-btn svg{width:16px;height:16px;stroke:currentColor;flex:0 0 16px;}
.tour-a-btn .ta-off{display:none;}
.tour-a-btn.muted{color:#ef8a8d;border-color:color-mix(in srgb,#ef4444 45%,transparent);background:color-mix(in srgb,#ef4444 10%,transparent);}
.tour-a-btn.muted .ta-on{display:none;}
.tour-a-btn.muted .ta-off{display:inline;}
.tour-replay{color:color-mix(in srgb,#f87171 85%,white);border-color:color-mix(in srgb,#f87171 45%,transparent);}
.tour-vol{flex:1 1 auto;min-width:60px;height:5px;-webkit-appearance:none;appearance:none;background:var(--border-strong);border-radius:999px;outline:none;cursor:pointer;}
.tour-vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#f87171;border:2px solid var(--bg-panel);box-shadow:0 0 8px -1px #f87171;cursor:pointer;}
.tour-vol::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#f87171;border:2px solid var(--bg-panel);box-shadow:0 0 8px -1px #f87171;cursor:pointer;}
.tour-voice-row{display:flex;align-items:center;gap:8px;margin-top:9px;}
.tour-voice-row .tvr-ico{width:15px;height:15px;flex:0 0 15px;stroke:var(--text-3);}
.tour-voice{flex:1 1 auto;min-width:0;font-family:inherit;font-size:12px;color:var(--text-1);background:var(--bg-input);
border:1px solid var(--border-strong);border-radius:9px;padding:6px 9px;cursor:pointer;transition:border-color .12s;}
.tour-voice:hover,.tour-voice:focus{outline:none;border-color:#f87171;}
@media (max-width:640px){.tour-pop{left:12px !important;right:12px;width:auto;max-width:none !important;}}

.settings-block{margin-bottom:20px;}
.settings-block h4{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.switch-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;}
.switch-row span{font-size:13px;}
.switch{width:40px;height:22px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border-strong);
position:relative;cursor:pointer;flex:0 0 40px;}
.switch::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;
background:var(--text-3);transition:all .18s;}
.switch.on{background:rgba(224,169,64,.25);border-color:var(--role-ausb);}
.switch.on::after{transform:translateX(18px);background:var(--role-ausb);}
.settings-buttons{display:flex;flex-wrap:wrap;gap:9px;}

.compact tbody td{padding:5px 12px;}
.compact .dn-badge{width:30px;height:30px;flex:0 0 30px;font-size:10px;}

.toast-host{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:2500;
display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;max-width:92vw;}
.toast{
display:flex;align-items:center;gap:11px;padding:12px 18px 12px 15px;border-radius:14px;
font-size:13.5px;font-weight:500;color:var(--text-1);max-width:min(460px,92vw);
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02) 60%), rgba(21,22,27,.7);
-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
border:1px solid var(--border-strong);border-left:3px solid var(--tc,var(--role-erw));
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 16px 40px rgba(0,0,0,.55), 0 0 26px var(--tc-glow,transparent);
opacity:0;transform:translateY(-12px) scale(.97);transition:opacity .25s ease, transform .25s ease;
}
.toast.show{opacity:1;transform:translateY(0) scale(1);}
.toast .ic{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;color:var(--tc);
filter:drop-shadow(0 0 6px var(--tc-glow));}
.toast .ic svg{width:21px;height:21px;stroke:currentColor;}
.toast .tt{line-height:1.35;}
.toast.ok {--tc:#34d399;--tc-glow:rgba(52,211,153,.28);}
.toast.err {--tc:#ef5a5f;--tc-glow:rgba(239,90,95,.32);}
.toast.warn{--tc:#e0a940;--tc-glow:rgba(224,169,64,.28);}
.toast.info{--tc:#5b9dfa;--tc-glow:rgba(91,157,250,.28);}

.confirm-backdrop{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;
background:rgba(8,9,12,.5);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
opacity:0;transition:opacity .2s ease;}
.confirm-backdrop.show{opacity:1;}
.confirm-modal{--cc:var(--role-ausb);--cc-glow:rgba(224,169,64,.28);
width:min(430px,94vw);border-radius:18px;padding:24px 24px 18px;text-align:center;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02) 60%), rgba(21,22,27,.88);
-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
border:1px solid var(--border-strong);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 30px 80px rgba(0,0,0,.6), 0 0 40px var(--cc-glow);
transform:translateY(12px) scale(.95);opacity:0;transition:transform .24s cubic-bezier(.2,.85,.25,1), opacity .24s;}
.confirm-backdrop.show .confirm-modal{transform:translateY(0) scale(1);opacity:1;}
.confirm-modal.danger{--cc:#ef5a5f;--cc-glow:rgba(239,90,95,.32);}
.confirm-ic{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:var(--cc);
background:color-mix(in srgb,var(--cc) 15%,transparent);border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);
filter:drop-shadow(0 0 10px var(--cc-glow));}
.confirm-ic svg{width:25px;height:25px;stroke:currentColor;fill:none;}
.confirm-title{font-size:16.5px;font-weight:700;color:var(--text-1);margin-bottom:7px;}
.confirm-msg{font-size:13.5px;line-height:1.5;color:var(--text-2);margin-bottom:20px;white-space:pre-line;}
.confirm-input{width:100%;box-sizing:border-box;margin:0 0 20px;height:42px;padding:0 14px;border-radius:11px;
background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);font-size:14px;font-family:inherit;
outline:none;transition:border-color .13s, box-shadow .13s;}
.confirm-input:focus{border-color:var(--cc);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc) 22%,transparent);}
.confirm-actions{display:flex;gap:10px;justify-content:center;}
.confirm-actions button{flex:1;max-width:175px;height:41px;border-radius:11px;font-size:13.5px;font-weight:600;cursor:pointer;
border:1px solid var(--border-strong);transition:filter .13s,background .13s,border-color .13s;font-family:inherit;}
.confirm-cancel{background:rgba(255,255,255,.05);color:var(--text-1);}
.confirm-cancel:hover{background:var(--bg-hover);border-color:var(--border-strong);}
.confirm-ok{background:linear-gradient(180deg, color-mix(in srgb,var(--cc) 88%, white), var(--cc));color:#1a1205;border-color:transparent;}
.confirm-modal.danger .confirm-ok{color:#fff;}
.confirm-ok:hover{filter:brightness(1.07);}

.welcome-modal{--cc:var(--role-ausb);--cc-glow:color-mix(in srgb,var(--cc) 28%,transparent);
width:min(410px,94vw);border-radius:20px;padding:26px 26px 22px;text-align:center;
background:linear-gradient(160deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 55%), rgba(19,20,26,.72);
-webkit-backdrop-filter:blur(28px) saturate(1.45);backdrop-filter:blur(28px) saturate(1.45);
border:1px solid rgba(255,255,255,.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 30px 80px rgba(0,0,0,.55), 0 0 60px var(--cc-glow);
transform:translateY(10px) scale(.96);opacity:0;transition:transform .2s cubic-bezier(.2,.85,.25,1), opacity .2s;}
.confirm-backdrop.show .welcome-modal{transform:translateY(0) scale(1);opacity:1;}
.confirm-backdrop.wc-out{transition:opacity .3s cubic-bezier(.4,0,.2,1);}
.confirm-backdrop.wc-out .welcome-modal{transform:translateY(-8px) scale(.97);
transition:transform .32s cubic-bezier(.4,0,.2,1), opacity .26s ease;}
.welcome-ic{width:54px;height:54px;margin:0 auto 15px;border-radius:16px;display:grid;place-items:center;color:var(--cc);
background:color-mix(in srgb,var(--cc) 15%,transparent);border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);
filter:drop-shadow(0 0 12px var(--cc-glow));}
.welcome-ic svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.welcome-ic.has-avatar{padding:0;overflow:hidden;background:rgba(255,255,255,.04);}
.welcome-ic .welcome-av{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.welcome-greet{font-size:21px;font-weight:800;font-family:var(--font-display);color:var(--text-1);margin-bottom:5px;letter-spacing:.2px;}
.welcome-name{font-size:15px;font-weight:700;color:var(--text-1);margin-bottom:2px;}
.welcome-sub{font-size:12.5px;color:var(--text-3);margin-bottom:17px;}
.welcome-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:21px;}
.welcome-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:6px 13px;border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);color:var(--text-2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.10);}
.welcome-tag .wt-dot{width:8px;height:8px;border-radius:50%;background:var(--wt,var(--cc));box-shadow:0 0 8px var(--wt,var(--cc));}
.welcome-tag b{color:var(--text-1);font-family:var(--font-mono);font-weight:700;}
.welcome-btn{width:100%;height:44px;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.2px;
color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);font-family:inherit;
background:linear-gradient(180deg, color-mix(in srgb,var(--cc) 52%, rgba(255,255,255,.16)), color-mix(in srgb,var(--cc) 62%, rgba(10,10,16,.45)));
border:1px solid color-mix(in srgb,var(--cc) 55%, rgba(255,255,255,.28));
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.30), inset 0 -10px 18px color-mix(in srgb,var(--cc) 22%, transparent),
0 8px 24px color-mix(in srgb,var(--cc) 28%, transparent);
transition:transform .15s, box-shadow .2s, filter .15s;}
.welcome-btn:hover{transform:translateY(-1px);filter:brightness(1.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,.34), inset 0 -10px 18px color-mix(in srgb,var(--cc) 26%, transparent),
0 10px 30px color-mix(in srgb,var(--cc) 38%, transparent);}
.welcome-btn:active{transform:translateY(0) scale(.985);filter:brightness(.97);}
.welcome-btn:focus{outline:none;}
.welcome-btn:focus-visible{outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 8px 24px color-mix(in srgb,var(--cc) 28%, transparent),
0 0 0 3px color-mix(in srgb,var(--cc) 40%, transparent);}
.demo-pop-text{font-size:13px;line-height:1.6;color:var(--text-2);margin:2px 0 20px;}
.demo-pop-text b{color:var(--text-1);}

.mentoren-btn{position:relative;flex:none;height:40px;padding:0 15px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;
font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;white-space:nowrap;
color:var(--text-2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--border);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .15s,border-color .15s,background .15s,transform .12s;}
.mentoren-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;flex:none;}
.mentoren-btn:hover{color:var(--role-erw);border-color:color-mix(in srgb,var(--role-erw) 45%,var(--border-strong));
background:color-mix(in srgb,var(--role-erw) 12%,rgba(255,255,255,.02));}
.mentoren-btn:active{transform:scale(.96);}
.mentoren-btn.active{color:var(--role-erw);border-color:color-mix(in srgb,var(--role-erw) 55%,var(--border-strong));
background:color-mix(in srgb,var(--role-erw) 16%,rgba(255,255,255,.02));}
@media (max-width:640px){ .mentoren-btn span{display:none;} .mentoren-btn{padding:0;width:40px;justify-content:center;} }

.changelog-btn{position:relative;flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:pointer;
color:var(--text-2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--border);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .15s,border-color .15s,background .15s,transform .12s;}
.changelog-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;}
.changelog-btn:hover{color:var(--role-erw);border-color:color-mix(in srgb,var(--role-erw) 45%,var(--border-strong));
background:color-mix(in srgb,var(--role-erw) 12%,rgba(255,255,255,.02));}
.changelog-btn:active{transform:scale(.94);}
.changelog-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:var(--role-erw);
border:2px solid var(--bg-base);box-shadow:0 0 8px var(--role-erw);opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s;}
.changelog-dot.show{opacity:1;transform:scale(1);}
.changelog-dot.show::after{content:"";position:absolute;inset:-2px;border-radius:50%;pointer-events:none;
box-shadow:0 0 0 2px color-mix(in srgb,var(--role-erw) 60%,transparent);animation:ringOut 1.8s ease-out infinite;}
@keyframes ringOut{0%{transform:scale(.9);opacity:.9;}100%{transform:scale(1.9);opacity:0;}}

.cl-modal{--cc:var(--role-erw);width:min(560px,95vw);max-height:min(82vh,760px);display:flex;flex-direction:column;
border-radius:20px;overflow:hidden;text-align:left;
background:linear-gradient(165deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 48%), rgba(19,20,26,.80);
-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);
border:1px solid rgba(255,255,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 30px 90px rgba(0,0,0,.6), 0 0 60px color-mix(in srgb,var(--cc) 22%,transparent);
transform:translateY(14px) scale(.96);opacity:0;transition:transform .26s cubic-bezier(.2,.85,.25,1), opacity .26s;}
.confirm-backdrop.show .cl-modal{transform:translateY(0) scale(1);opacity:1;}
.cl-head{display:flex;align-items:center;gap:13px;padding:20px 22px 16px;border-bottom:1px solid var(--border);}
.cl-head-ic{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;color:var(--cc);
background:color-mix(in srgb,var(--cc) 15%,transparent);border:1px solid color-mix(in srgb,var(--cc) 42%,transparent);
filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cc) 30%,transparent));}
.cl-head-ic svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.cl-head-tt{flex:1;min-width:0;}
.cl-head-tt h3{margin:0;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:.02em;color:var(--text-1);}
.cl-head-tt p{margin:2px 0 0;font-size:12px;color:var(--text-3);}
.cl-close{flex:none;width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:rgba(255,255,255,.04);
color:var(--text-2);cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1;transition:background .13s,color .13s;}
.cl-close:hover{background:var(--bg-hover);color:var(--text-1);}
.cl-body{overflow-y:auto;padding:6px 22px 4px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;}
.cl-body::-webkit-scrollbar{width:10px;}
.cl-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid transparent;background-clip:content-box;}
.cl-entry{padding:16px 0;border-bottom:1px solid var(--border);}
.cl-entry:last-child{border-bottom:none;}
.cl-entry-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap;}
.cl-ver{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--cc);padding:3px 10px;border-radius:20px;
background:color-mix(in srgb,var(--cc) 14%,transparent);border:1px solid color-mix(in srgb,var(--cc) 38%,transparent);}
.cl-entry-title{font-weight:700;font-size:14.5px;color:var(--text-1);}
.cl-date{margin-left:auto;font-size:11.5px;color:var(--text-3);font-family:var(--font-mono);}
.cl-new-badge{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#08110b;
background:var(--role-erw);padding:2px 7px;border-radius:6px;box-shadow:0 0 12px color-mix(in srgb,var(--role-erw) 45%,transparent);}
.cl-pt{display:flex;align-items:flex-start;gap:11px;padding:7px 0;}
.cl-pt-ic{flex:none;width:26px;height:26px;margin-top:1px;border-radius:8px;display:grid;place-items:center;color:var(--c,var(--text-2));
background:color-mix(in srgb,var(--c,#888) 14%,transparent);border:1px solid color-mix(in srgb,var(--c,#888) 34%,transparent);}
.cl-pt-ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.cl-pt-body{flex:1;min-width:0;padding-top:1px;}
.cl-pt-tag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c,var(--text-2));margin-right:7px;}
.cl-pt-text{font-size:13.5px;line-height:1.5;color:var(--text-1);}
.cl-empty{padding:34px 10px;text-align:center;color:var(--text-3);font-size:13px;}
.cl-foot{padding:14px 22px 18px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;
background:linear-gradient(0deg, rgba(255,255,255,.03), transparent);}
.cl-foot .cl-mark{flex:1;height:44px;border-radius:13px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.2px;color:#08110b;
font-family:inherit;border:1px solid color-mix(in srgb,var(--cc) 55%,rgba(255,255,255,.28));
background:linear-gradient(180deg, color-mix(in srgb,var(--cc) 78%, white), var(--cc));
box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 8px 24px color-mix(in srgb,var(--cc) 30%,transparent);
transition:transform .15s,filter .15s;}
.cl-foot .cl-mark:hover{transform:translateY(-1px);filter:brightness(1.06);}
.cl-foot .cl-mark:active{transform:translateY(0) scale(.99);}

.cl-edit{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;padding:15px;margin-bottom:20px;}
.cl-edit-head{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.cl-inp{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);border-radius:10px;
padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;transition:border-color .13s,box-shadow .13s;}
.cl-inp:focus{border-color:var(--role-erw);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-erw) 20%,transparent);}
.cl-inp-ver{width:190px;font-family:var(--font-mono);}
.cl-inp-title{flex:1;min-width:200px;}
.cl-points{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.cl-prow{display:flex;gap:8px;align-items:center;}
.cl-prow .cl-type{flex:none;width:150px;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:10px;padding:10px 10px;font-size:12.5px;font-family:inherit;cursor:pointer;outline:none;}
.cl-prow .cl-ptext{flex:1;min-width:0;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;outline:none;transition:border-color .13s,box-shadow .13s;}
.cl-prow .cl-ptext:focus{border-color:var(--role-erw);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-erw) 20%,transparent);}
.cl-prow .cl-prow-del{flex:none;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.03);
color:var(--text-3);cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s,border-color .13s;}
.cl-prow .cl-prow-del:hover{background:rgba(239,90,95,.15);color:#ef5a5f;border-color:rgba(239,90,95,.4);}
.cl-prow .cl-prow-del svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.cl-addpoint{margin:0 0 14px 0;padding:8px 14px;font-size:12.5px;display:inline-flex;align-items:center;gap:7px;}
.cl-addpoint svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.cl-edit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border);}
.cl-editing-tag{font-size:12.5px;font-weight:600;color:var(--role-erw);margin-right:auto;display:flex;align-items:center;}
.cl-editing-tag b{margin-left:5px;font-family:var(--font-mono);}
.cl-adminlist-head{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:4px 0 10px;}
.cl-adminlist{display:flex;flex-direction:column;gap:8px;max-height:40vh;overflow-y:auto;}
.cl-arow{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,.02);}
.cl-arow-ver{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--role-erw);flex:none;}
.cl-arow-tt{flex:1;min-width:0;font-size:13px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-arow-tt small{color:var(--text-3);font-weight:400;margin-left:8px;}
.cl-arow-meta{font-size:11px;color:var(--text-3);font-family:var(--font-mono);flex:none;}
.cl-arow-del{flex:none;width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text-3);
cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s,border-color .13s;}
.cl-arow-del:hover{background:rgba(239,90,95,.15);color:#ef5a5f;border-color:rgba(239,90,95,.4);}
.cl-arow-del svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.cl-arow-edit,.cl-arow-reshow{flex:none;width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text-3);
cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s,border-color .13s;}
.cl-arow-edit svg,.cl-arow-reshow svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.cl-arow-edit:hover{background:rgba(91,157,250,.15);color:#5b9dfa;border-color:rgba(91,157,250,.4);}
.cl-arow-reshow:hover{background:rgba(52,211,153,.15);color:#34d399;border-color:rgba(52,211,153,.4);}
@media (max-width:640px){
.cl-inp-ver{width:100%;}
.cl-prow .cl-type{width:120px;}
.cl-foot{flex-direction:column;}
}
#introScreen{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;overflow:hidden;padding:22px;
background:#090a0e;opacity:1;transition:opacity .55s ease;}
#introScreen.intro-done{opacity:0;pointer-events:none;}
body.intro-lock{overflow:hidden;}
body.intro-lock .app{visibility:hidden;content-visibility:hidden;}

.intro-bg{position:absolute;inset:-25%;pointer-events:none;}
.intro-blob{position:absolute;width:54vmax;height:54vmax;border-radius:50%;opacity:.55;
mix-blend-mode:screen;will-change:transform;
background:radial-gradient(circle, var(--bc) 0%, color-mix(in srgb,var(--bc) 50%,transparent) 30%, transparent 66%);
animation:introDrift 22s ease-in-out infinite;}
.intro-blob.b1{--bc:var(--role-dgl); top:0%; left:2%;}
.intro-blob.b2{--bc:var(--role-ausb); top:42%; left:46%; animation-duration:27s;animation-delay:-6s;}
.intro-blob.b3{--bc:var(--role-leitung); top:50%; left:-6%; animation-duration:19s;animation-delay:-11s;opacity:.42;}
.intro-blob.b4{--bc:var(--role-erw); top:-8%; left:50%; animation-duration:31s;animation-delay:-3s; opacity:.4;}
.intro-blob.b5{--bc:#f472b6; top:16%; left:64%; animation-duration:24s;animation-delay:-14s;opacity:.42;}
.intro-blob.b6{--bc:var(--role-fuehrung); top:58%; left:28%; animation-duration:34s;animation-delay:-9s; opacity:.4;}
@keyframes introDrift{
0%,100%{transform:translate3d(0,0,0) scale(1);}
33% {transform:translate3d(7vmax,5vmax,0) scale(1.14);}
66% {transform:translate3d(-6vmax,8vmax,0) scale(.9);}
}
.intro-aurora{position:absolute;inset:-28%;pointer-events:none;opacity:.6;mix-blend-mode:screen;
will-change:transform;
background:conic-gradient(from 0deg at 50% 50%,
transparent 0deg, rgba(155,135,245,.34) 42deg, transparent 104deg,
rgba(34,211,238,.26) 152deg, transparent 214deg,
rgba(224,169,64,.32) 262deg, transparent 332deg);
filter:blur(38px);
animation:introAurora 24s linear infinite;}
@keyframes introAurora{to{transform:rotate(360deg);}}
.intro-beam{position:absolute;top:-22%;left:0;height:145%;width:170px;pointer-events:none;mix-blend-mode:screen;opacity:.8;
background:linear-gradient(180deg,transparent,rgba(255,255,255,.05) 26%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 74%,transparent);
filter:blur(7px);transform:rotate(16deg);will-change:transform;
animation:introBeam 13s ease-in-out infinite;}
.intro-beam.beam2{width:90px;animation-duration:17s;animation-delay:-6s;opacity:.6;}
@keyframes introBeam{
0% {transform:translateX(-28vw) rotate(16deg);}
50% {transform:translateX(108vw) rotate(16deg);}
100%{transform:translateX(-28vw) rotate(16deg);}
}
.intro-aurora.a2{animation-duration:34s;animation-direction:reverse;opacity:.4;filter:blur(44px);
background:conic-gradient(from 180deg at 50% 50%,
transparent 0deg, rgba(52,211,153,.26) 58deg, transparent 140deg,
rgba(244,114,182,.22) 212deg, transparent 290deg);}
.intro-icon{position:absolute;pointer-events:none;display:grid;place-items:center;
border-radius:24%;color:var(--ic,#e0a940);
background:linear-gradient(160deg, rgba(255,255,255,.13), rgba(255,255,255,.02) 60%),
color-mix(in srgb, var(--ic) 10%, rgba(15,16,22,.38));
border:1px solid color-mix(in srgb, var(--ic) 45%, rgba(255,255,255,.14));
box-shadow:inset 0 1px 0 rgba(255,255,255,.20), 0 16px 44px rgba(0,0,0,.42),
0 0 32px color-mix(in srgb, var(--ic) 26%, transparent);
-webkit-backdrop-filter:blur(9px) saturate(1.3);backdrop-filter:blur(9px) saturate(1.3);
will-change:transform;
animation:introFloat var(--d,24s) ease-in-out var(--dl,0s) infinite;}
.intro-icon svg{width:46%;height:46%;stroke:currentColor;fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;
filter:drop-shadow(0 0 9px color-mix(in srgb, var(--ic) 55%, transparent));}
.intro-icon.i1{width:96px; height:96px; left:15%;top:23%;--ic:var(--role-ausb); --r:-9deg; --d:24s; --mx:4vmax; --my:-5vmax;}
.intro-icon.i2{width:112px;height:112px;left:75%;top:18%;--ic:var(--role-dgl); --r:7deg; --d:29s;--dl:-12s;--mx:-4vmax;--my:5vmax;}
.intro-icon.i3{width:84px; height:84px; left:29%;top:65%;--ic:var(--role-leitung);--r:-6deg; --d:20s;--dl:-7s; --mx:-3vmax;--my:-6vmax;}
.intro-icon.i4{width:92px; height:92px; left:80%;top:64%;--ic:var(--role-erw); --r:10deg; --d:23s;--dl:-4s; --mx:3vmax; --my:-6vmax;}
.intro-icon.i5{width:70px; height:70px; left:46%;top:77%;--ic:var(--role-fuehrung);--r:-12deg;--d:18s;--dl:-9s; --mx:5vmax; --my:-4vmax;}
.intro-icon.i6{width:78px; height:78px; left:60%;top:29%;--ic:var(--anw-wochenende);--r:8deg; --d:26s;--dl:-15s;--mx:-5vmax;--my:6vmax;}
@keyframes introFloat{
0%,100%{transform:translate3d(0,0,0) rotate(var(--r,-8deg));}
50% {transform:translate3d(var(--mx,3vmax),var(--my,-5vmax),0) rotate(calc(var(--r,-8deg) + 10deg));}
}
.intro-stars{position:absolute;inset:0;pointer-events:none;}
.intro-star{position:absolute;bottom:-3vh;border-radius:50%;opacity:0;
background:var(--sc,#fff);box-shadow:0 0 10px var(--sc,#fff), 0 0 22px var(--sc,#fff);
will-change:transform,opacity;
animation:introRise var(--d,14s) linear var(--dl,0s) infinite;}
@keyframes introRise{
0% {transform:translate3d(0,0,0) scale(1);opacity:0;}
10% {opacity:var(--o,.55);}
80% {opacity:var(--o,.55);}
100%{transform:translate3d(var(--dx,0px),-112vh,0) scale(.5);opacity:0;}
}
.intro-shoot{position:absolute;top:16%;left:-12%;width:170px;height:2px;pointer-events:none;opacity:0;border-radius:2px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
filter:drop-shadow(0 0 8px rgba(255,255,255,.8));
animation:introShoot 8s ease-in 2.5s infinite;}
.intro-shoot.s2{top:34%;width:120px;animation-duration:9s;animation-delay:6.2s;}
@keyframes introShoot{
0% {opacity:0;transform:translate3d(0,0,0) rotate(-13deg);}
1.5% {opacity:.95;}
7% {opacity:0;transform:translate3d(115vw,-16vh,0) rotate(-13deg);}
100% {opacity:0;transform:translate3d(115vw,-16vh,0) rotate(-13deg);}
}
.intro-halo{position:absolute;left:50%;top:50%;width:74vmin;height:74vmin;transform:translate(-50%,-50%);
pointer-events:none;border-radius:50%;
background:radial-gradient(circle, rgba(224,169,64,.14), rgba(155,135,245,.08) 42%, transparent 68%);
animation:introHalo 5.5s ease-in-out infinite;}
@keyframes introHalo{0%,100%{opacity:.55;}50%{opacity:1;}}
.intro-vignette{position:absolute;inset:0;pointer-events:none;
background:radial-gradient(ellipse at 50% 45%, transparent 30%, rgba(0,0,0,.55) 78%, rgba(0,0,0,.8));}

.intro-card{position:relative;z-index:2;width:min(430px,94vw);padding:36px 32px 26px;border-radius:26px;text-align:center;
background:linear-gradient(160deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 58%), rgba(15,16,22,.55);
-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
border:1px solid rgba(255,255,255,.14);overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 40px 110px rgba(0,0,0,.62), 0 0 90px rgba(155,135,245,.1);
animation:introCardIn .8s cubic-bezier(.2,.85,.25,1) both;}
@keyframes introCardIn{from{opacity:0;transform:translateY(22px) scale(.94);}to{opacity:1;transform:none;}}
.intro-card::after{content:'';position:absolute;top:0;left:-45%;width:45%;height:100%;pointer-events:none;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);
will-change:transform;
animation:introSheen 5.5s ease-in-out 1.2s infinite;}
@keyframes introSheen{0%{transform:translateX(0);}55%,100%{transform:translateX(400%);}}

.intro-logo-wrap{position:relative;width:136px;height:136px;margin:0 auto 20px;display:grid;place-items:center;}
.intro-ring{position:absolute;border-radius:50%;will-change:transform;
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));}
.intro-ring.r1{inset:0; animation:introSpin 3.1s linear infinite;
background:conic-gradient(from 0deg,transparent 0 58%,var(--role-ausb) 80%,#fff 90%,transparent 96%);}
.intro-ring.r2{inset:11px;animation:introSpin 4.6s linear infinite reverse;
background:conic-gradient(from 0deg,transparent 0 66%,var(--role-dgl) 86%,transparent 97%);}
.intro-ring.r3{inset:-10px;animation:introSpin 7.2s linear infinite;
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));
mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));
background:conic-gradient(from 0deg,transparent 0 40%,rgba(34,211,238,.9) 55%,transparent 62%,
transparent 78%,rgba(244,114,182,.8) 92%,transparent 98%);}
@keyframes introSpin{to{transform:rotate(360deg);}}
.intro-logo{width:94px;height:94px;border-radius:50%;background:#f4f5f7;padding:9px;object-fit:contain;display:block;
box-shadow:0 0 0 1px rgba(255,255,255,.28), 0 12px 40px rgba(0,0,0,.5), 0 0 46px rgba(255,255,255,.16);
animation:introBreathe 3.4s ease-in-out infinite, introLogoSwapA 3.2s ease-in-out infinite;}
@keyframes introBreathe{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
.intro-logo-nrw{position:absolute;left:50%;top:50%;width:124px;height:auto;object-fit:contain;display:block;opacity:0;
filter:drop-shadow(0 6px 18px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(150,180,220,.18));
transform:translate(-50%,-50%) scale(.96);
animation:introLogoSwapB 3.2s ease-in-out infinite;}
@keyframes introLogoSwapA{0%,36%{opacity:1;}50%,86%{opacity:0;}100%{opacity:1;}}
@keyframes introLogoSwapB{
0%,36%{opacity:0;transform:translate(-50%,-50%) scale(.96);}
50%,86%{opacity:1;transform:translate(-50%,-50%) scale(1);}
100%{opacity:0;transform:translate(-50%,-50%) scale(.96);}}

.intro-greet{font-family:var(--font-display);font-size:23px;font-weight:800;letter-spacing:.3px;color:var(--text-1);
background:linear-gradient(90deg,#fff 0%,#ffe3a8 22%,var(--role-ausb) 42%,#fff 62%,#fff 100%);
background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
margin-bottom:6px;
animation:introUp .7s cubic-bezier(.2,.85,.25,1) .12s both, introGreetGlow 4.5s linear 1.2s infinite;}
@keyframes introGreetGlow{from{background-position:100% 0;}to{background-position:-150% 0;}}
.intro-title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.22em;color:var(--text-2);
animation:introUp .7s cubic-bezier(.2,.85,.25,1) .2s both;}
.intro-sub{font-size:12px;color:var(--text-3);letter-spacing:.06em;margin-top:4px;margin-bottom:26px;
animation:introUp .7s cubic-bezier(.2,.85,.25,1) .28s both;}
@keyframes introUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

.intro-bar{position:relative;height:6px;border-radius:99px;overflow:hidden;
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);
animation:introUp .7s cubic-bezier(.2,.85,.25,1) .36s both;}
.intro-fill{display:block;height:100%;width:100%;border-radius:99px;position:relative;overflow:hidden;
background:linear-gradient(90deg,var(--role-fuehrung),var(--role-dgl) 28%,#f472b6 52%,var(--role-ausb) 74%,var(--role-erw));
box-shadow:0 0 16px rgba(224,169,64,.5);
transform:translateX(-100%);will-change:transform;
transition:transform .4s linear;}
.intro-fill::after{content:'';position:absolute;top:0;bottom:0;left:0;width:26%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
will-change:transform;
animation:introShine 1.6s linear infinite;}
@keyframes introShine{from{transform:translateX(-110%);}to{transform:translateX(500%);}}
.intro-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;
font-size:11.5px;color:var(--text-3);letter-spacing:.02em;
animation:introUp .7s cubic-bezier(.2,.85,.25,1) .44s both;}
#introStatus{min-height:1em;text-align:left;}
#introPct{font-family:var(--font-mono);font-weight:700;color:var(--role-ausb);flex:0 0 auto;
text-shadow:0 0 12px rgba(224,169,64,.45);}
@media (max-width:640px){
.intro-card{padding:30px 22px 22px;}
.intro-logo-wrap{width:112px;height:112px;}
.intro-logo{width:78px;height:78px;}
.intro-logo-nrw{width:102px;}
.intro-greet{font-size:20px;}
.intro-title{font-size:12.5px;letter-spacing:.16em;}
.intro-beam{display:none;}
.intro-icon{-webkit-backdrop-filter:none;backdrop-filter:none;}
.intro-icon.i2,.intro-icon.i6{display:none;}
}

.brand-reveal{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;overflow:hidden;padding:24px;
background:radial-gradient(125% 125% at 50% 40%, #0d0f16 0%, #070810 58%, #040509 100%);
opacity:0;cursor:none;transition:opacity .42s cubic-bezier(.4,0,.2,1);}
.brand-reveal.show{opacity:1;}
.brand-reveal.hide{opacity:0;transform:scale(1.03);z-index:1900;pointer-events:none;
transition:opacity .55s cubic-bezier(.4,0,.2,1), transform .6s cubic-bezier(.4,0,.2,1);}
.brand-reveal.hide .br-inner{transform:translateY(-8px) scale(.985);transition:transform .55s cubic-bezier(.4,0,.2,1);}
.brand-reveal .br-glow{position:absolute;width:min(82vmin,780px);height:min(82vmin,780px);border-radius:50%;pointer-events:none;
background:radial-gradient(circle, rgba(224,169,64,.20) 0%, rgba(91,157,250,.10) 44%, transparent 70%);
filter:blur(6px);animation:brGlow 4.6s ease-in-out infinite;}
@keyframes brGlow{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.09);}}

.brand-reveal .br-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;}

.brand-reveal .br-brand{display:block;width:min(58vmin,430px);max-width:86vw;height:auto;
filter:drop-shadow(0 10px 32px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(150,180,220,.14));
animation:brUp .7s cubic-bezier(.2,.85,.25,1) .08s both;}

.brand-reveal .br-logo-wrap{position:relative;display:grid;place-items:center;
width:min(39vmin,300px);height:min(39vmin,300px);
filter:drop-shadow(0 20px 64px rgba(0,0,0,.6)) drop-shadow(0 0 46px rgba(224,169,64,.26));
animation:brWrapIn .8s cubic-bezier(.16,1,.3,1) .08s both, brFloat 5.4s ease-in-out 1s infinite;}
@keyframes brWrapIn{0%{opacity:0;transform:scale(.44) translateY(16px);}100%{opacity:1;transform:scale(1) translateY(0);}}
@keyframes brFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-8px) scale(1.02);}}
.brand-reveal .br-burst{position:absolute;inset:-7%;border-radius:50%;pointer-events:none;
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
background:conic-gradient(from 0deg, transparent 0 46%, rgba(224,169,64,.9) 60%, #fff 68%, transparent 74%,
transparent 88%, rgba(34,211,238,.75) 96%, transparent 100%);
animation:brBurstIn .8s ease .3s both, introSpin 8s linear .3s infinite;}
@keyframes brBurstIn{from{opacity:0;transform:scale(.7);}to{opacity:.9;transform:scale(1);}}
.brand-reveal .br-logo{width:100%;height:100%;object-fit:contain;display:block;position:relative;
animation:brBlurIn .8s cubic-bezier(.16,1,.3,1) .08s both;}
@keyframes brBlurIn{0%{filter:blur(14px);}100%{filter:blur(0);}}

.brand-reveal .br-title{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:.5px;
font-size:clamp(30px,7.4vw,66px);
background:linear-gradient(90deg,#fff 0%,#ffe3a8 24%,var(--role-ausb) 44%,#fff 66%,#fff 100%);
background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
animation:brUp .62s cubic-bezier(.2,.85,.25,1) .34s both, introGreetGlow 5s linear 1.1s infinite;}
.brand-reveal .br-sub{font-family:var(--font-display);font-weight:600;text-transform:uppercase;
font-size:clamp(14px,2.7vw,22px);letter-spacing:.34em;color:var(--text-2);margin-top:11px;
animation:brUp .62s cubic-bezier(.2,.85,.25,1) .46s both;}
.brand-reveal .br-line{height:2px;width:min(58vmin,340px);margin:22px auto 0;border-radius:2px;transform-origin:center;
background:linear-gradient(90deg,transparent,var(--role-ausb),#fff,var(--role-fuehrung),transparent);
box-shadow:0 0 16px rgba(224,169,64,.4);
animation:brLine .7s cubic-bezier(.2,.85,.25,1) .58s both;}
@keyframes brUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes brLine{from{opacity:0;transform:scaleX(0);}to{opacity:1;transform:scaleX(1);}}
@media (max-width:640px){
.brand-reveal .br-inner{gap:20px;}
.brand-reveal .br-brand{width:min(78vmin,340px);}
.brand-reveal .br-logo-wrap{width:min(50vmin,220px);height:min(50vmin,220px);}
.brand-reveal .br-sub{letter-spacing:.26em;}
}
@media (max-height:800px){
.brand-reveal .br-inner{gap:16px;}
.brand-reveal .br-brand{width:min(48vmin,360px);}
.brand-reveal .br-logo-wrap{width:min(30vmin,220px);height:min(30vmin,220px);}
.brand-reveal .br-line{margin-top:14px;}
}

#introScreen{transition:opacity .5s cubic-bezier(.4,0,.2,1), transform .5s cubic-bezier(.4,0,.2,1);}
#introScreen.intro-done{transform:scale(1.02);}
#introScreen.intro-out .intro-card,
#introScreen.intro-done .intro-card{animation:none;opacity:0;
transform:translateY(-10px) scale(1.04);filter:blur(6px);
transition:opacity .3s cubic-bezier(.4,0,1,1), transform .38s cubic-bezier(.4,0,.2,1), filter .3s ease;}
#introScreen.intro-out .intro-bg,
#introScreen.intro-out .intro-stars,
#introScreen.intro-out .intro-shoot,
#introScreen.intro-out .intro-halo{opacity:0;transition:opacity .42s ease;}

html[data-intro="prestige"] #introScreen .intro-card{
animation:introCardIn .8s cubic-bezier(.2,.85,.25,1) both, introCardAura 9s ease-in-out 1s infinite;}
@keyframes introCardAura{
0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 40px 110px rgba(0,0,0,.62), 0 0 72px rgba(155,135,245,.16);}
50% {box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 46px 120px rgba(0,0,0,.66), 0 0 104px rgba(224,169,64,.22);}
}
html[data-intro="prestige"] #introScreen .intro-card::before{
content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;z-index:0;
background:conic-gradient(from 0deg, transparent 0deg, var(--role-ausb) 58deg, transparent 128deg,
var(--role-dgl) 206deg, transparent 276deg, #22d3ee 330deg, transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;
opacity:.7;animation:introSpin 6s linear infinite;}
html[data-intro="prestige"] #introScreen .intro-logo-wrap::before,
html[data-intro="prestige"] #introScreen .intro-logo-wrap::after{
content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;
pointer-events:none;will-change:transform;
background:radial-gradient(circle,#fff 0%, var(--oc,var(--role-ausb)) 55%, transparent 74%);
box-shadow:0 0 10px var(--oc,var(--role-ausb)), 0 0 20px var(--oc,var(--role-ausb));}
html[data-intro="prestige"] #introScreen .intro-logo-wrap::before{--oc:var(--role-ausb);animation:introOrbitA 4.6s linear infinite;}
html[data-intro="prestige"] #introScreen .intro-logo-wrap::after{--oc:#22d3ee;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;animation:introOrbitB 6.8s linear infinite;}
@keyframes introOrbitA{from{transform:rotate(0deg) translateX(76px);}to{transform:rotate(360deg) translateX(76px);}}
@keyframes introOrbitB{from{transform:rotate(180deg) translateX(-84px);}to{transform:rotate(-180deg) translateX(-84px);}}
html[data-intro="prestige"] #introScreen .intro-bar{height:8px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 2px 12px rgba(0,0,0,.4);}
html[data-intro="prestige"] #introScreen .intro-fill{
background:linear-gradient(90deg,var(--role-fuehrung),var(--role-dgl) 26%,#f472b6 50%,var(--role-ausb) 74%,var(--role-erw));
background-size:220% 100%;
box-shadow:0 0 20px rgba(224,169,64,.6), 0 0 7px rgba(255,255,255,.5);
animation:introFillFlow 3s linear infinite;}
@keyframes introFillFlow{from{background-position:0 0;}to{background-position:220% 0;}}
html[data-intro="prestige"] #introScreen .intro-bar::after{
content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
background:repeating-linear-gradient(90deg, transparent 0 13.4%, rgba(0,0,0,.30) 13.4% 14%);
mix-blend-mode:overlay;opacity:.5;}

html[data-intro="minimal"] #introScreen{background:radial-gradient(120% 120% at 50% 42%, #0c0d12 0%, #050506 62%);}
html[data-intro="minimal"] #introScreen .intro-bg,
html[data-intro="minimal"] #introScreen .intro-stars,
html[data-intro="minimal"] #introScreen .intro-shoot,
html[data-intro="minimal"] #introScreen .intro-beam,
html[data-intro="minimal"] #introScreen .intro-halo{display:none;}
html[data-intro="minimal"] #introScreen .intro-vignette{background:radial-gradient(ellipse at 50% 46%, transparent 46%, rgba(0,0,0,.5) 88%);}
html[data-intro="minimal"] #introScreen .intro-card{
background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;}
html[data-intro="minimal"] #introScreen .intro-card::after{display:none;}
html[data-intro="minimal"] #introScreen .intro-ring.r2,
html[data-intro="minimal"] #introScreen .intro-ring.r3{display:none;}
html[data-intro="minimal"] #introScreen .intro-ring.r1{
background:conic-gradient(from 0deg, transparent 0 72%, rgba(255,255,255,.9) 84%, transparent 92%);animation-duration:4.6s;}
html[data-intro="minimal"] #introScreen .intro-logo{box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 10px 40px rgba(0,0,0,.6);}
html[data-intro="minimal"] #introScreen .intro-greet{
background:none;-webkit-text-fill-color:#f4f5f7;color:#f4f5f7;animation:introUp .7s cubic-bezier(.2,.85,.25,1) .1s both;}
html[data-intro="minimal"] #introScreen .intro-title{color:rgba(255,255,255,.55);}
html[data-intro="minimal"] #introScreen .intro-sub{color:rgba(255,255,255,.32);}
html[data-intro="minimal"] #introScreen .intro-bar{height:2px;width:min(240px,60vw);margin:0 auto;background:rgba(255,255,255,.1);border:none;}
html[data-intro="minimal"] #introScreen .intro-fill{background:linear-gradient(90deg,rgba(255,255,255,.7),#fff);box-shadow:0 0 10px rgba(255,255,255,.4);}
html[data-intro="minimal"] #introScreen .intro-fill::after{display:none;}
html[data-intro="minimal"] #introScreen .intro-row{justify-content:center;gap:10px;color:rgba(255,255,255,.4);}
html[data-intro="minimal"] #introScreen #introStatus{text-align:center;}
html[data-intro="minimal"] #introScreen #introPct{color:rgba(255,255,255,.6);text-shadow:none;}

html[data-intro="aurora"] #introScreen{background:radial-gradient(130% 100% at 50% 0%, #0a1430 0%, #060a18 55%, #03050c 100%);}
html[data-intro="aurora"] #introScreen .intro-blob,
html[data-intro="aurora"] #introScreen .intro-icon,
html[data-intro="aurora"] #introScreen .intro-beam,
html[data-intro="aurora"] #introScreen .intro-aurora{display:none;}
html[data-intro="aurora"] #introScreen .intro-bg::before,
html[data-intro="aurora"] #introScreen .intro-bg::after{
content:'';position:absolute;left:-25%;right:-25%;top:-8%;height:78%;pointer-events:none;mix-blend-mode:screen;filter:blur(26px);
-webkit-mask-image:linear-gradient(#000 6%, transparent 92%);mask-image:linear-gradient(#000 6%, transparent 92%);}
html[data-intro="aurora"] #introScreen .intro-bg::before{
background:linear-gradient(110deg, transparent 26%, rgba(52,211,153,.5) 44%, rgba(34,211,238,.42) 58%, transparent 76%);
opacity:.7;animation:introAurBand 9s ease-in-out infinite;}
html[data-intro="aurora"] #introScreen .intro-bg::after{
background:linear-gradient(108deg, transparent 30%, rgba(155,135,245,.42) 50%, rgba(52,211,153,.30) 64%, transparent 82%);
opacity:.5;animation:introAurBand 12s ease-in-out infinite reverse;}
@keyframes introAurBand{0%,100%{transform:translateX(-8%) skewX(-10deg) scaleY(1);}50%{transform:translateX(10%) skewX(12deg) scaleY(1.12);}}
html[data-intro="aurora"] #introScreen .intro-fill{background:linear-gradient(90deg,#2fe6b0,#22d3ee 45%,#9b87f5);box-shadow:0 0 18px rgba(52,211,153,.55);}
html[data-intro="aurora"] #introScreen #introPct{color:#5eead4;text-shadow:0 0 12px rgba(52,211,153,.5);}
html[data-intro="aurora"] #introScreen .intro-ring.r1{background:conic-gradient(from 0deg,transparent 0 58%,#34d399 80%,#fff 90%,transparent 96%);}
html[data-intro="aurora"] #introScreen .intro-ring.r2{background:conic-gradient(from 0deg,transparent 0 66%,#22d3ee 86%,transparent 97%);}
html[data-intro="aurora"] #introScreen .intro-greet{
background:linear-gradient(90deg,#fff 0%,#a7f3d0 26%,#5eead4 50%,#fff 74%,#fff 100%);background-size:250% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

html[data-intro="neon"] #introScreen{background:linear-gradient(180deg,#0a0618 0%,#160a2e 46%,#2a0f45 60%,#0f0720 61%,#0a0614 100%);}
html[data-intro="neon"] #introScreen .intro-blob,
html[data-intro="neon"] #introScreen .intro-icon,
html[data-intro="neon"] #introScreen .intro-aurora,
html[data-intro="neon"] #introScreen .intro-beam,
html[data-intro="neon"] #introScreen .intro-shoot,
html[data-intro="neon"] #introScreen .intro-stars,
html[data-intro="neon"] #introScreen .intro-halo{display:none;}
html[data-intro="neon"] #introScreen .intro-bg::before{
content:'';position:absolute;left:50%;top:33%;width:min(360px,58vw);height:min(360px,58vw);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
background:radial-gradient(circle at 50% 44%, #ffe08a 0%, #ff9a4d 34%, #ff4f8b 58%, transparent 70%);
filter:blur(1px);opacity:.92;mix-blend-mode:screen;
-webkit-mask:linear-gradient(#000 0 0) top/100% 52% no-repeat, repeating-linear-gradient(transparent 0 3px, #000 3px 9px) bottom/100% 48% no-repeat;
mask:linear-gradient(#000 0 0) top/100% 52% no-repeat, repeating-linear-gradient(transparent 0 3px, #000 3px 9px) bottom/100% 48% no-repeat;}
html[data-intro="neon"] #introScreen .intro-bg::after{
content:'';position:absolute;left:-60%;right:-60%;bottom:0;height:46%;pointer-events:none;
background-image:
repeating-linear-gradient(to right, rgba(255,79,155,.7) 0 2px, transparent 2px 42px),
repeating-linear-gradient(to bottom, rgba(120,224,255,.6) 0 2px, transparent 2px 42px);
transform:perspective(210px) rotateX(74deg);transform-origin:50% 100%;
-webkit-mask-image:linear-gradient(to bottom, transparent, #000 46%);mask-image:linear-gradient(to bottom, transparent, #000 46%);
animation:introNeonGrid 2.2s linear infinite;}
@keyframes introNeonGrid{from{background-position:0 0, 0 0;}to{background-position:0 0, 0 42px;}}
html[data-intro="neon"] #introScreen .intro-vignette{
background:radial-gradient(ellipse at 50% 44%, transparent 40%, rgba(6,4,16,.7) 84%),
repeating-linear-gradient(to bottom, rgba(255,255,255,.04) 0 1px, transparent 1px 3px);}
html[data-intro="neon"] #introScreen .intro-card{
background:linear-gradient(160deg, rgba(40,12,60,.55), rgba(12,6,26,.6));
border:1px solid rgba(255,79,155,.5);
box-shadow:inset 0 0 0 1px rgba(120,224,255,.14), 0 0 42px rgba(255,79,155,.30), 0 30px 90px rgba(0,0,0,.6);}
html[data-intro="neon"] #introScreen .intro-greet{
background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 0 8px #ff4f9b, 0 0 22px rgba(255,79,155,.7), 0 0 2px #fff;}
html[data-intro="neon"] #introScreen .intro-title{color:#7fe3ff;text-shadow:0 0 10px rgba(120,224,255,.6);}
html[data-intro="neon"] #introScreen .intro-sub{color:rgba(255,255,255,.5);}
html[data-intro="neon"] #introScreen .intro-bar{background:rgba(120,224,255,.08);border-color:rgba(120,224,255,.25);}
html[data-intro="neon"] #introScreen .intro-fill{background:linear-gradient(90deg,#ff4f9b,#c04fff 50%,#22d3ee);box-shadow:0 0 18px rgba(192,79,255,.7);}
html[data-intro="neon"] #introScreen #introPct{color:#7fe3ff;text-shadow:0 0 12px rgba(120,224,255,.7);}
html[data-intro="neon"] #introScreen .intro-ring.r1{background:conic-gradient(from 0deg,transparent 0 60%,#ff4f9b 82%,#fff 90%,transparent 96%);}
html[data-intro="neon"] #introScreen .intro-ring.r2{background:conic-gradient(from 0deg,transparent 0 66%,#22d3ee 86%,transparent 97%);}
html[data-intro="neon"] #introScreen .intro-ring.r3{background:conic-gradient(from 0deg,transparent 0 44%,rgba(192,79,255,.9) 58%,transparent 66%,transparent 82%,rgba(255,79,155,.8) 94%,transparent 99%);}

html[data-intro="hologram"] #introScreen{background:radial-gradient(120% 100% at 50% 30%, #05171c 0%, #030c11 60%, #01070a 100%);}
html[data-intro="hologram"] #introScreen .intro-blob,
html[data-intro="hologram"] #introScreen .intro-icon,
html[data-intro="hologram"] #introScreen .intro-aurora,
html[data-intro="hologram"] #introScreen .intro-beam,
html[data-intro="hologram"] #introScreen .intro-shoot{display:none;}
html[data-intro="hologram"] #introScreen .intro-vignette{
background:
radial-gradient(ellipse at 50% 46%, transparent 42%, rgba(1,7,10,.72) 86%),
repeating-linear-gradient(to bottom, rgba(34,211,238,.06) 0 1px, transparent 1px 4px);}
html[data-intro="hologram"] #introScreen .intro-halo{
width:100%;height:130px;left:0;top:0;border-radius:0;
background:linear-gradient(to bottom, rgba(34,211,238,.16), transparent);
animation:introScan 4.2s linear infinite;}
@keyframes introScan{0%{transform:translateY(-150px);}100%{transform:translateY(104vh);}}
html[data-intro="hologram"] #introScreen .intro-card{
background:linear-gradient(160deg, rgba(8,30,36,.5), rgba(3,14,18,.6));
border:1px solid rgba(34,211,238,.4);
box-shadow:inset 0 0 0 1px rgba(34,211,238,.1), 0 0 42px rgba(34,211,238,.18), 0 30px 90px rgba(0,0,0,.6);}
html[data-intro="hologram"] #introScreen .intro-card::before{
content:'';position:absolute;inset:8px;pointer-events:none;z-index:3;
background:
linear-gradient(#22d3ee,#22d3ee) left top/18px 2px no-repeat,
linear-gradient(#22d3ee,#22d3ee) left top/2px 18px no-repeat,
linear-gradient(#22d3ee,#22d3ee) right top/18px 2px no-repeat,
linear-gradient(#22d3ee,#22d3ee) right top/2px 18px no-repeat,
linear-gradient(#22d3ee,#22d3ee) left bottom/18px 2px no-repeat,
linear-gradient(#22d3ee,#22d3ee) left bottom/2px 18px no-repeat,
linear-gradient(#22d3ee,#22d3ee) right bottom/18px 2px no-repeat,
linear-gradient(#22d3ee,#22d3ee) right bottom/2px 18px no-repeat;
opacity:.85;}
html[data-intro="hologram"] #introScreen .intro-ring.r1{background:conic-gradient(from 0deg,transparent 0 62%,#22d3ee 82%,#a5f3fc 90%,transparent 96%);}
html[data-intro="hologram"] #introScreen .intro-ring.r2{background:conic-gradient(from 0deg,transparent 0 68%,#67e8f9 88%,transparent 98%);}
html[data-intro="hologram"] #introScreen .intro-ring.r3{
background:conic-gradient(from 0deg,
#22d3ee 0 3deg, transparent 3deg 30deg, #22d3ee 30deg 33deg, transparent 33deg 60deg,
#22d3ee 60deg 63deg, transparent 63deg 90deg, #22d3ee 90deg 93deg, transparent 93deg 120deg,
#22d3ee 120deg 123deg, transparent 123deg 150deg, #22d3ee 150deg 153deg, transparent 153deg 180deg,
#22d3ee 180deg 183deg, transparent 183deg 210deg, #22d3ee 210deg 213deg, transparent 213deg 240deg,
#22d3ee 240deg 243deg, transparent 243deg 270deg, #22d3ee 270deg 273deg, transparent 273deg 300deg,
#22d3ee 300deg 303deg, transparent 303deg 330deg, #22d3ee 330deg 333deg, transparent 333deg 360deg);
opacity:.55;animation-duration:12s;}
html[data-intro="hologram"] #introScreen .intro-greet{
background:none;-webkit-text-fill-color:#e0fbff;color:#e0fbff;text-shadow:0 0 10px rgba(34,211,238,.6);}
html[data-intro="hologram"] #introScreen .intro-title{color:#67e8f9;letter-spacing:.24em;}
html[data-intro="hologram"] #introScreen .intro-sub{color:rgba(165,243,252,.55);}
html[data-intro="hologram"] #introScreen .intro-bar{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.22);}
html[data-intro="hologram"] #introScreen .intro-fill{background:linear-gradient(90deg,#0891b2,#22d3ee 60%,#a5f3fc);box-shadow:0 0 18px rgba(34,211,238,.7);}
html[data-intro="hologram"] #introScreen #introStatus,
html[data-intro="hologram"] #introScreen #introPct{font-family:var(--font-mono);color:#67e8f9;text-shadow:0 0 10px rgba(34,211,238,.6);}
html[data-intro="hologram"] #introScreen #introStatus::before{content:'> ';color:#22d3ee;}

@media (max-width:640px){
html[data-intro="neon"] #introScreen .intro-bg::before{top:30%;}
html[data-intro="hologram"] #introScreen .intro-card::before{inset:6px;}
}
#appBg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;
background:#090a0e;display:none;}
html.bg-on #appBg{display:block;}
body.intro-lock #appBg,
html.maint-active #appBg{display:none;}
#appBg .bg-layer{position:absolute;inset:0;overflow:hidden;display:none;}
html[data-bg="animated"] #appBg .bgl-animated{display:block;}
html[data-bg="aurora"] #appBg .bgl-aurora{display:block;}
html[data-bg="grid"] #appBg .bgl-grid{display:block;}
html[data-bg="mesh"] #appBg .bgl-mesh{display:block;}
html[data-bg="space"] #appBg .bgl-space{display:block;}
html[data-bg="silk"] #appBg .bgl-silk{display:block;}
html[data-bg="waves"] #appBg .bgl-waves{display:block;}
html[data-bg="dusk"] #appBg .bgl-dusk{display:block;}
#appBg .intro-icon{opacity:.72;}
#appBg .intro-vignette{background:radial-gradient(ellipse at 50% 42%, transparent 44%, rgba(0,0,0,.5) 100%);}
html[data-sidebar="glass"] .nav::before,
html.bg-on:not([data-sidebar="solid"]) .nav::before{
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 40%,rgba(255,255,255,.04)),rgba(18,19,24,.3);
-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);}
html[data-sidebar="glass"] .nav,
html[data-sidebar="glass"] .brand-card,
html.bg-on:not([data-sidebar="solid"]) .nav,
html.bg-on:not([data-sidebar="solid"]) .brand-card{border-color:rgba(255,255,255,.15);}
html[data-sidebar="glass"] .brand-card::before,
html.bg-on:not([data-sidebar="solid"]) .brand-card::before{
background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 40%,rgba(255,255,255,.04)),rgba(18,19,24,.3);
-webkit-backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);backdrop-filter:blur(16px) saturate(1.7) brightness(1.08);}

.bg-grain{position:absolute;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size:160px 160px;}

.bgl-aurora{background:radial-gradient(ellipse 120% 80% at 50% 118%, #0e3350 0%, #08203a 34%, #061225 60%, #04060f 100%);}
.aur{position:absolute;top:-28%;height:150%;width:78%;mix-blend-mode:screen;transform-origin:50% 100%;
background:linear-gradient(to top, transparent 3%, var(--c1) 24%, var(--c2) 52%, transparent 86%);
-webkit-mask-image:repeating-linear-gradient(95deg, transparent 0 9px, #000 13px 21px, transparent 25px 40px);
mask-image:repeating-linear-gradient(95deg, transparent 0 9px, #000 13px 21px, transparent 25px 40px);
filter:blur(13px);animation:aurWave 16s ease-in-out infinite;will-change:transform;}
.aur1{left:-10%;--c1:#28e8a8;--c2:#4bf5d6;opacity:.52;}
.aur2{left:26%;--c1:#3aa0ff;--c2:#9b87f5;opacity:.46;animation-duration:21s;animation-delay:-5s;}
.aur3{left:56%;--c1:#34d399;--c2:#b06bff;opacity:.36;animation-duration:27s;animation-delay:-11s;}
@keyframes aurWave{0%,100%{transform:translateX(-4%) skewX(-7deg) scaleY(1);}50%{transform:translateX(6%) skewX(8deg) scaleY(1.12);}}
.bgl-aurora::after{content:'';position:absolute;left:0;right:0;bottom:0;height:32%;pointer-events:none;
background:linear-gradient(to top, rgba(40,232,168,.14), rgba(58,160,255,.05) 55%, transparent);}
.aur-stars{position:absolute;inset:0 0 40% 0;opacity:.75;
background-image:
radial-gradient(1.4px 1.4px at 12% 18%, #fff, transparent),
radial-gradient(1.2px 1.2px at 68% 12%, #cfe3ff, transparent),
radial-gradient(1.5px 1.5px at 42% 30%, #fff, transparent),
radial-gradient(1.2px 1.2px at 85% 24%, #dfeaff, transparent),
radial-gradient(1.2px 1.2px at 25% 40%, #fff, transparent),
radial-gradient(1.1px 1.1px at 92% 38%, #cfe3ff, transparent),
radial-gradient(1.1px 1.1px at 55% 8%, #fff, transparent);
animation:auroraTwinkle 6s ease-in-out infinite;}
@keyframes auroraTwinkle{0%,100%{opacity:.55;}50%{opacity:.9;}}

.bgl-grid{background:linear-gradient(180deg,#08041a 0%,#170a2b 40%,#3a1246 60.5%,#4a153b 62%,#0c0620 100%);}
.grid-sun{position:absolute;left:50%;top:37%;width:290px;height:290px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 50% 42%,#ffe79a 0%,#ffab52 32%,#ff5f9e 58%,transparent 72%);
opacity:.95;animation:gridSun 6s ease-in-out infinite;will-change:transform,opacity;
-webkit-mask-image:repeating-linear-gradient(to bottom, #000 0 8px, transparent 8px 12px);
mask-image:repeating-linear-gradient(to bottom, #000 0 8px, transparent 8px 12px);}
.grid-sun::before{content:'';position:absolute;inset:0;border-radius:50%;
background:radial-gradient(circle at 50% 42%,#ffe79a 0%,#ffab52 32%,#ff5f9e 58%,transparent 70%);
-webkit-mask-image:linear-gradient(to top, #000 0 44%, transparent 44%);mask-image:linear-gradient(to top, #000 0 44%, transparent 44%);}
.grid-sun::after{content:'';position:absolute;left:50%;top:48%;width:180%;height:180%;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle,rgba(255,95,158,.4),transparent 60%);filter:blur(26px);-webkit-mask-image:none;mask-image:none;}
@keyframes gridSun{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.92;}50%{transform:translate(-50%,-52%) scale(1.035);opacity:1;}}
.grid-floor{position:absolute;left:-60%;right:-60%;bottom:-8%;height:60%;overflow:hidden;
transform:perspective(300px) rotateX(75deg);transform-origin:50% 100%;
-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 34%, #000 100%);
mask-image:linear-gradient(to bottom, transparent 0%, #000 34%, #000 100%);}
.grid-floor::before,.grid-floor::after{content:'';position:absolute;left:0;right:0;}
.grid-floor::before{top:-84px;bottom:0;will-change:transform;
background-image:repeating-linear-gradient(to bottom, rgba(120,224,255,.55) 0 2px, transparent 2px 84px);
animation:gridMove 3.4s linear infinite;}
.grid-floor::after{top:0;bottom:0;
background-image:repeating-linear-gradient(to right, rgba(255,86,205,.6) 0 2px, transparent 2px 84px);}
@keyframes gridMove{from{transform:translateY(0);}to{transform:translateY(84px);}}
.bgl-grid::after{content:'';position:absolute;left:0;right:0;top:61%;height:2px;pointer-events:none;
background:linear-gradient(90deg,transparent,#ff7ac6 30%,#7ce0ff 70%,transparent);
box-shadow:0 0 22px 6px rgba(255,120,200,.35);opacity:.85;}

.bgl-mesh{background:radial-gradient(circle at 50% 38%, #14142400, #0a0b12 72%), #0b0b14;}
.mb{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(78px);mix-blend-mode:screen;
background:radial-gradient(circle,var(--c),transparent 64%);will-change:transform;}
.mb1{--c:#6d5efc;top:-18%;left:-14%;opacity:.62;animation:meshFloat 26s ease-in-out infinite;}
.mb2{--c:#22d3ee;top:22%;left:56%;opacity:.55;animation:meshFloat 32s ease-in-out infinite -8s;}
.mb3{--c:#f472b6;top:54%;left:0%;opacity:.5;animation:meshFloat2 24s ease-in-out infinite -4s;}
.mb4{--c:#34d399;top:0%;left:60%;opacity:.48;animation:meshFloat2 30s ease-in-out infinite -14s;}
.mb5{--c:#f0a94a;top:60%;left:52%;opacity:.4;animation:meshFloat 38s ease-in-out infinite -20s;}
@keyframes meshFloat{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(11vmax,7vmax) scale(1.16);}66%{transform:translate(-7vmax,5vmax) scale(.9);}}
@keyframes meshFloat2{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(-9vmax,-6vmax) scale(1.12);}66%{transform:translate(8vmax,-4vmax) scale(.92);}}

.bgl-silk{background:#08080f;}
.silk{position:absolute;inset:-45%;border-radius:44%;mix-blend-mode:screen;filter:blur(58px);will-change:transform;
background:conic-gradient(from 0deg at 50% 50%, #6d5efc, #22d3ee, #34d399, #f0a94a, #f472b6, #6d5efc);
opacity:.7;animation:silkSpin 42s linear infinite;}
.silk2{inset:-32%;border-radius:40%;opacity:.42;filter:blur(84px);
background:conic-gradient(from 140deg at 50% 50%, #22d3ee, #9b87f5, #f472b6, #34d399, #22d3ee);
animation:silkSpin 66s linear infinite reverse;}
@keyframes silkSpin{to{transform:rotate(360deg);}}

.bgl-waves{background:linear-gradient(180deg,#02080f 0%,#052637 42%,#074a5e 74%,#0a6b7d 100%);}
.bgl-waves::before{content:'';position:absolute;left:50%;top:13%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 50% 45%,#f2f8ff 0%,rgba(205,230,255,.5) 30%,transparent 62%);
box-shadow:0 0 60px 14px rgba(200,228,255,.22);filter:blur(1px);opacity:.82;}
.wave-glit{position:absolute;left:50%;top:22%;bottom:0;width:min(150px,24%);transform:translateX(-50%);pointer-events:none;mix-blend-mode:screen;
background:linear-gradient(to bottom, rgba(224,242,255,.22), rgba(224,242,255,.05) 55%, transparent);
-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent);
animation:glitPulse 5.5s ease-in-out infinite;}
@keyframes glitPulse{0%,100%{opacity:.5;transform:translateX(-50%) scaleX(1);}50%{opacity:.85;transform:translateX(-50%) scaleX(1.3);}}
.wave{position:absolute;left:0;width:200%;background-repeat:repeat-x;background-position:0 0;background-size:50% 100%;
will-change:transform;backface-visibility:hidden;}
.w1{height:42%;bottom:6%;opacity:.82;animation:waveScroll 26s linear infinite;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,80 C150,40 450,40 600,80 C750,120 1050,120 1200,80 V200 H0 Z' fill='%230a3d54'/%3E%3C/svg%3E");}
.w2{height:47%;bottom:2%;opacity:.82;animation:waveScroll 18s linear infinite reverse;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,90 C100,50 200,50 300,90 C400,130 500,130 600,90 C700,50 800,50 900,90 C1000,130 1100,130 1200,90 V200 H0 Z' fill='%23116379'/%3E%3C/svg%3E");}
.w3{height:53%;bottom:-3%;opacity:.78;animation:waveScroll 12s linear infinite;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,70 C200,150 400,150 600,70 C800,-10 1000,-10 1200,70 V200 H0 Z' fill='%231b93a6'/%3E%3C/svg%3E");}
@keyframes waveScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.bgl-dusk{background:linear-gradient(180deg,#1a1136 0%,#331445 38%,#5a1c46 66%,#7a2540 84%,#8a3a2e 100%);}
.dusk-blob{position:absolute;border-radius:50%;filter:blur(76px);mix-blend-mode:screen;will-change:transform;}
.db1{--c:#ff9a5c;width:60vmax;height:60vmax;left:20%;top:34%;opacity:.5;background:radial-gradient(circle,#ff9a5c,transparent 62%);animation:meshFloat 34s ease-in-out infinite;}
.db2{--c:#d24dff;width:54vmax;height:54vmax;left:-8%;top:10%;opacity:.42;background:radial-gradient(circle,#d24dff,transparent 62%);animation:meshFloat2 40s ease-in-out infinite -10s;}
.db3{--c:#5b6bff;width:50vmax;height:50vmax;left:60%;top:0%;opacity:.4;background:radial-gradient(circle,#5b6bff,transparent 62%);animation:meshFloat2 46s ease-in-out infinite -6s;}
.bgl-dusk::after{content:'';position:absolute;left:50%;bottom:6%;width:220px;height:220px;transform:translateX(-50%);border-radius:50%;
background:radial-gradient(circle,#ffdca0 0%,#ff8f5e 40%,transparent 66%);filter:blur(6px);opacity:.7;pointer-events:none;}

.bgl-space{background:radial-gradient(ellipse at 50% 26%, #0c1228 0%, #070a16 52%, #04050b 100%);}
.sky-neb{position:absolute;border-radius:50%;filter:blur(72px);mix-blend-mode:screen;}
.sky-neb.n1{width:72vmax;height:72vmax;top:-26%;left:-16%;opacity:.34;
background:radial-gradient(circle,#5b6bff,transparent 62%);animation:meshFloat 40s ease-in-out infinite;}
.sky-neb.n2{width:62vmax;height:62vmax;bottom:-24%;right:-18%;opacity:.28;
background:radial-gradient(circle,#b06bff,transparent 62%);animation:meshFloat2 46s ease-in-out infinite -10s;}
.bgl-space::before{content:'';position:absolute;inset:-20%;pointer-events:none;opacity:.5;transform:rotate(-24deg);
background:linear-gradient(90deg, transparent 30%, rgba(150,170,255,.10) 46%, rgba(210,190,255,.14) 52%, rgba(150,170,255,.10) 58%, transparent 72%);
filter:blur(6px);}
.sky-stars{position:absolute;inset:-50% 0;background-repeat:repeat;will-change:transform;}
.s-a{background-size:340px 340px;animation:skyDrift 140s linear infinite, twinkleA 5.5s ease-in-out infinite;
background-image:
radial-gradient(1.7px 1.7px at 30px 40px,#fff,transparent),
radial-gradient(1.4px 1.4px at 160px 120px,#cfe0ff,transparent),
radial-gradient(2px 2px at 250px 80px,#fff,transparent),
radial-gradient(1.5px 1.5px at 90px 220px,#fff,transparent),
radial-gradient(1.4px 1.4px at 300px 260px,#e7efff,transparent),
radial-gradient(1.7px 1.7px at 200px 300px,#fff,transparent);}
.s-b{background-size:260px 260px;opacity:.85;animation:skyDrift 90s linear infinite, twinkleB 4s ease-in-out infinite;
background-image:
radial-gradient(1.2px 1.2px at 20px 60px,#fff,transparent),
radial-gradient(1.1px 1.1px at 130px 30px,#bfe6ff,transparent),
radial-gradient(1.3px 1.3px at 200px 150px,#fff,transparent),
radial-gradient(1.1px 1.1px at 70px 200px,#cfe0ff,transparent),
radial-gradient(1.2px 1.2px at 240px 230px,#fff,transparent);}
.s-c{background-size:190px 190px;opacity:.7;animation:skyDrift 60s linear infinite, twinkleA 3.2s ease-in-out infinite;
background-image:
radial-gradient(1px 1px at 40px 20px,#fff,transparent),
radial-gradient(1px 1px at 120px 90px,#bcd4ff,transparent),
radial-gradient(1px 1px at 170px 40px,#fff,transparent),
radial-gradient(1px 1px at 60px 150px,#fff,transparent);}
@keyframes skyDrift{from{transform:translateY(0);}to{transform:translateY(-25%);}}
@keyframes twinkleA{0%,100%{opacity:.55;}50%{opacity:1;}}
@keyframes twinkleB{0%,100%{opacity:.4;}50%{opacity:.9;}}
.sky-shoot{position:absolute;top:14%;left:-12%;width:180px;height:2px;pointer-events:none;opacity:0;border-radius:2px;
background:linear-gradient(90deg, transparent, #ffffff);box-shadow:0 0 8px #cfe0ff;
transform:rotate(18deg);animation:skyShoot 8.5s ease-in infinite;}
.sky-shoot.sh2{top:40%;width:120px;animation-duration:11s;animation-delay:4.5s;opacity:0;}
@keyframes skyShoot{0%{transform:translate(0,0) rotate(18deg);opacity:0;}6%{opacity:1;}16%{transform:translate(130vw,42vh) rotate(18deg);opacity:0;}100%{opacity:0;}}

@media (prefers-reduced-motion: reduce){
.aur,.grid-sun,.grid-floor::before,.mb,.sky-neb,.sky-stars,.aur-stars,.sky-shoot,.silk,.wave,.wave-glit,.dusk-blob{animation:none;}
}
@media (max-width:640px){
.aur{filter:blur(10px);}
.mb,.dusk-blob{filter:blur(56px);}
.sky-neb{filter:blur(54px);}
.silk{filter:blur(46px);}
.sky-shoot{display:none;}
}
.set-bg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:4px;}
.set-bg-card{position:relative;display:flex;flex-direction:column;text-align:left;cursor:pointer;padding:0;overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 55%), var(--bg-panel);
border:1px solid var(--border);border-radius:16px;color:var(--text-1);
transition:border-color .15s, box-shadow .15s, transform .1s;}
.set-bg-card:hover{border-color:var(--border-strong);transform:translateY(-2px);}
.set-bg-card.active{border-color:color-mix(in srgb,var(--role-ausb) 70%, transparent);
box-shadow:0 0 0 1px color-mix(in srgb,var(--role-ausb) 55%, transparent), 0 16px 44px -20px var(--role-ausb);}
.set-bg-preview{display:block;height:118px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);}
.set-bg-meta{display:flex;flex-direction:column;gap:3px;padding:13px 15px 15px;}
.set-bg-title{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em;}
.set-bg-desc{font-size:12.5px;color:var(--text-3);line-height:1.5;}
.set-bg-check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;
display:grid;place-items:center;font-size:15px;font-weight:800;color:#0b0c10;
background:var(--role-ausb);box-shadow:0 4px 14px -4px var(--role-ausb);opacity:0;transform:scale(.6);
transition:opacity .15s, transform .15s;z-index:2;}
.set-bg-card.active .set-bg-check{opacity:1;transform:scale(1);}
.set-prev-standard{background:
radial-gradient(circle at 18% -10%, rgba(155,135,245,.14), transparent 50%),
radial-gradient(circle at 90% 108%, rgba(52,211,153,.12), transparent 50%),
#0b0c10;}
.set-prev-nav-dock,.set-prev-nav-side,.set-prev-nav-classic{background:
radial-gradient(circle at 80% 16%, rgba(155,135,245,.16), transparent 55%),
radial-gradient(circle at 94% 98%, rgba(52,211,153,.14), transparent 55%),
#0b0c10;}
.set-prev-nav-dock::before,.set-prev-nav-side::before,.set-prev-nav-classic::before{content:'';position:absolute;border-radius:3px;
background:
linear-gradient(rgba(255,255,255,.26),rgba(255,255,255,.26)) 0 0/64% 9px no-repeat,
linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)) 0 18px/100% 26px no-repeat,
linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)) 0 52px/100% 26px no-repeat;}
.set-prev-nav-dock::before{left:16px;right:16px;top:16px;height:82px;}
.set-prev-nav-side::before,.set-prev-nav-classic::before{left:44%;right:14px;top:18px;height:82px;}
.set-prev-nav-dock::after{content:'';position:absolute;left:50%;transform:translateX(-50%);
bottom:11px;width:72%;height:17px;border-radius:9px;
background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05)),rgba(20,21,26,.9);
border:1px solid rgba(255,255,255,.18);
box-shadow:0 6px 14px -4px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.14);}
.set-prev-nav-side::after,.set-prev-nav-classic::after{content:'';position:absolute;left:0;top:0;bottom:0;width:38%;
background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%), #0f1014;
border-right:1px solid rgba(255,255,255,.12);
box-shadow:inset -1px 0 0 rgba(255,255,255,.04);}
.set-prev-nav-side::after{
background:
linear-gradient(var(--role-ausb),var(--role-ausb)) 10px 16px/58% 7px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 38px/70% 7px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 60px/62% 7px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 82px/74% 7px no-repeat,
linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%), #0f1014;}
.set-prev-nav-classic::after{
background:
linear-gradient(var(--role-ausb),var(--role-ausb)) 10px 14px/58% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 26px/70% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 38px/62% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 50px/74% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 62px/56% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 74px/68% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 86px/64% 6px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 10px 98px/72% 6px no-repeat,
linear-gradient(180deg, rgba(255,255,255,.04), transparent 30%), #0f1014;}
.set-prev-sb-solid,.set-prev-sb-glass{background:
radial-gradient(circle at 80% 16%, rgba(155,135,245,.16), transparent 55%),
radial-gradient(circle at 94% 98%, rgba(52,211,153,.14), transparent 55%),
#0b0c10;}
.set-prev-sb-glass{background:linear-gradient(125deg,#123a5e 0%,#3a1c52 52%,#0a5f6e 100%);}
.set-prev-sb-solid::before,.set-prev-sb-glass::before{content:'';position:absolute;left:0;top:0;bottom:0;width:62%;}
.set-prev-sb-solid::before{background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%), #0f1014;
border-right:1px solid rgba(255,255,255,.12);}
.set-prev-sb-glass::before{background:linear-gradient(180deg, rgba(24,26,32,.5), rgba(12,13,17,.4));
-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
border-right:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.09);}
.set-prev-sb-solid::after,.set-prev-sb-glass::after{content:'';position:absolute;left:13px;top:24px;width:40%;height:70px;border-radius:3px;
background:
linear-gradient(var(--role-ausb),var(--role-ausb)) 0 0/100% 12px no-repeat,
linear-gradient(rgba(255,255,255,.30),rgba(255,255,255,.30)) 0 22px/82% 9px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 0 39px/92% 9px no-repeat,
linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) 0 56px/68% 9px no-repeat;}
.set-prev-animated{overflow:hidden;background:
radial-gradient(1px 1px at 24% 34%, rgba(255,255,255,.9), transparent),
radial-gradient(1px 1px at 70% 22%, rgba(210,225,255,.8), transparent),
radial-gradient(1px 1px at 46% 72%, rgba(255,255,255,.8), transparent),
radial-gradient(1.2px 1.2px at 86% 60%, rgba(210,225,255,.7), transparent),
radial-gradient(54px 54px at 16% 24%, color-mix(in srgb,var(--role-dgl) 82%,transparent), transparent 72%),
radial-gradient(58px 58px at 84% 28%, color-mix(in srgb,var(--role-ausb) 74%,transparent), transparent 72%),
radial-gradient(52px 52px at 34% 92%, color-mix(in srgb,#34d399 66%,transparent), transparent 72%),
#090a0e;}
.set-prev-animated::before{content:'';position:absolute;left:-30%;right:-30%;top:-40%;height:180%;
background:linear-gradient(115deg,transparent 32%,#22d3ee 50%,#9b87f5 60%,transparent 78%);
filter:blur(14px);mix-blend-mode:screen;opacity:.6;animation:setPrevAur 7s ease-in-out infinite;}
.set-prev-animated::after{content:'';position:absolute;width:118px;height:118px;right:-26px;bottom:-32px;border-radius:50%;
background:radial-gradient(circle,#f472b6,transparent 66%);filter:blur(16px);mix-blend-mode:screen;opacity:.55;
animation:setPrevB 7.5s ease-in-out infinite;}
@keyframes setPrevA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(26px,16px) scale(1.1);}}
@keyframes setPrevB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-22px,-14px) scale(.92);}}
.set-prev-aurora{background:linear-gradient(180deg,#05070f,#0a1120);}
.set-prev-aurora::before,.set-prev-aurora::after{content:'';position:absolute;left:-30%;right:-30%;top:-40%;height:180%;
filter:blur(16px);mix-blend-mode:screen;}
.set-prev-aurora::before{background:linear-gradient(112deg,transparent 30%,#2fe6b0 48%,#22d3ee 60%,transparent 78%);
opacity:.7;animation:setPrevAur 6s ease-in-out infinite;}
.set-prev-aurora::after{background:linear-gradient(112deg,transparent 34%,#9b87f5 52%,transparent 74%);
opacity:.5;animation:setPrevAur 8s ease-in-out infinite reverse;}
@keyframes setPrevAur{0%,100%{transform:translateX(-10%) skewX(-9deg);}50%{transform:translateX(12%) skewX(11deg);}}
.set-prev-grid{background:linear-gradient(180deg,#0a0618 0%,#170a2b 44%,#33123f 60%,#120720 61%);overflow:hidden;}
.set-prev-grid::before{content:'';position:absolute;left:50%;top:40%;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 50% 42%,#ffe08a,#ff9a4d 40%,#ff4f8b 62%,transparent 72%);animation:setPrevA 6s ease-in-out infinite;}
.set-prev-grid::after{content:'';position:absolute;left:-60%;right:-60%;bottom:-8%;height:52%;
background-image:
repeating-linear-gradient(to right, rgba(255,86,205,.6) 0 2px, transparent 2px 26px),
repeating-linear-gradient(to bottom, rgba(120,224,255,.55) 0 2px, transparent 2px 26px);
transform:perspective(120px) rotateX(72deg);transform-origin:50% 100%;
-webkit-mask-image:linear-gradient(to bottom,transparent,#000 42%);mask-image:linear-gradient(to bottom,transparent,#000 42%);
animation:setPrevGrid 3.4s linear infinite;}
@keyframes setPrevGrid{from{background-position:0 0,0 0;}to{background-position:0 0,0 26px;}}
.set-prev-mesh{background:radial-gradient(circle at 50% 40%,#12121f,#0a0b12 72%);}
.set-prev-mesh::before,.set-prev-mesh::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;
filter:blur(20px);mix-blend-mode:screen;}
.set-prev-mesh::before{left:-24px;top:-30px;background:radial-gradient(circle,#6d5efc,transparent 66%);opacity:.7;animation:setPrevA 6.5s ease-in-out infinite;}
.set-prev-mesh::after{right:-30px;bottom:-34px;background:radial-gradient(circle,#f472b6,transparent 66%);opacity:.6;animation:setPrevB 7.5s ease-in-out infinite;}
.set-prev-space{background:radial-gradient(ellipse at 50% 30%,#0b1024,#05060d 70%);}
.set-prev-space::before{content:'';position:absolute;inset:0;opacity:.85;
background-image:
radial-gradient(1.4px 1.4px at 18% 30%,#fff,transparent),
radial-gradient(1.2px 1.2px at 62% 20%,#cfe0ff,transparent),
radial-gradient(1.6px 1.6px at 40% 66%,#fff,transparent),
radial-gradient(1.2px 1.2px at 82% 54%,#e7efff,transparent),
radial-gradient(1.3px 1.3px at 28% 84%,#fff,transparent),
radial-gradient(1.1px 1.1px at 90% 82%,#bfe6ff,transparent);
animation:setPrevTwinkle 4s ease-in-out infinite;}
.set-prev-space::after{content:'';position:absolute;width:120px;height:120px;right:-30px;top:-30px;border-radius:50%;
filter:blur(20px);mix-blend-mode:screen;background:radial-gradient(circle,#5b6bff,transparent 64%);opacity:.4;}
@keyframes setPrevTwinkle{0%,100%{opacity:.55;}50%{opacity:1;}}
.set-prev-silk{background:#08080f;overflow:hidden;}
.set-prev-silk::before{content:'';position:absolute;inset:-42%;border-radius:44%;filter:blur(20px);mix-blend-mode:screen;opacity:.78;
background:conic-gradient(from 0deg,#6d5efc,#22d3ee,#34d399,#f0a94a,#f472b6,#6d5efc);animation:setPrevSpin 13s linear infinite;}
.set-prev-silk::after{content:'';position:absolute;inset:-26%;border-radius:40%;filter:blur(26px);mix-blend-mode:screen;opacity:.42;
background:conic-gradient(from 140deg,#22d3ee,#9b87f5,#f472b6,#22d3ee);animation:setPrevSpin 20s linear infinite reverse;}
@keyframes setPrevSpin{to{transform:rotate(360deg);}}
.set-prev-waves{background:linear-gradient(180deg,#02080f,#052637 52%,#0a6b7d);overflow:hidden;}
.set-prev-waves::before{content:'';position:absolute;left:50%;top:16%;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle,#f2f8ff,rgba(205,230,255,.35) 38%,transparent 66%);box-shadow:0 0 16px 4px rgba(200,228,255,.25);opacity:.8;}
.set-prev-waves::after{content:'';position:absolute;left:0;width:200%;bottom:-6%;height:62%;background-repeat:repeat-x;background-position:0 0;background-size:50% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0,70 C200,150 400,150 600,70 C800,-10 1000,-10 1200,70 V200 H0 Z' fill='%23116379'/%3E%3C/svg%3E");
animation:setPrevWave 9s linear infinite;will-change:transform;}
@keyframes setPrevWave{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.set-prev-dusk{background:linear-gradient(180deg,#1a1136,#331445 40%,#5a1c46 70%,#8a3a2e);overflow:hidden;}
.set-prev-dusk::before{content:'';position:absolute;width:96px;height:96px;left:16%;top:16%;border-radius:50%;filter:blur(18px);mix-blend-mode:screen;opacity:.6;
background:radial-gradient(circle,#d24dff,transparent 64%);animation:setPrevA 7s ease-in-out infinite;}
.set-prev-dusk::after{content:'';position:absolute;left:50%;bottom:-10px;width:66px;height:66px;transform:translateX(-50%);border-radius:50%;filter:blur(3px);opacity:.82;
background:radial-gradient(circle,#ffdca0,#ff8f5e 42%,transparent 66%);}

.set-prev-intro-prestige{overflow:hidden;background:
radial-gradient(46px 46px at 20% 26%, color-mix(in srgb,var(--role-dgl) 80%,transparent), transparent 72%),
radial-gradient(48px 48px at 82% 30%, color-mix(in srgb,var(--role-ausb) 74%,transparent), transparent 72%),
radial-gradient(46px 46px at 60% 98%, color-mix(in srgb,#f472b6 66%,transparent), transparent 72%),
#0a0b10;}
.set-prev-intro-prestige::before{content:'';position:absolute;left:50%;top:44%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;
background:conic-gradient(from 0deg,transparent 0 58%,var(--role-ausb) 80%,#fff 90%,transparent 96%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));
animation:setPrevSpin 4s linear infinite;}
.set-prev-intro-prestige::after{content:'';position:absolute;left:22%;right:22%;bottom:20px;height:4px;border-radius:2px;
background:linear-gradient(90deg,var(--role-fuehrung),#f472b6 50%,var(--role-ausb));box-shadow:0 0 10px rgba(224,169,64,.7);}
.set-prev-intro-minimal{background:radial-gradient(120% 120% at 50% 40%,#0c0d12,#050506 66%);}
.set-prev-intro-minimal::before{content:'';position:absolute;left:50%;top:42%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;
background:#e9eaee;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 6px 20px rgba(0,0,0,.6);}
.set-prev-intro-minimal::after{content:'';position:absolute;left:34%;right:34%;bottom:26px;height:2px;border-radius:2px;
background:rgba(255,255,255,.85);box-shadow:0 0 8px rgba(255,255,255,.5);}
.set-prev-intro-aurora{background:linear-gradient(180deg,#0a1430,#03050c);overflow:hidden;}
.set-prev-intro-aurora::before,.set-prev-intro-aurora::after{content:'';position:absolute;left:-30%;right:-30%;top:-30%;height:150%;filter:blur(12px);mix-blend-mode:screen;}
.set-prev-intro-aurora::before{background:linear-gradient(110deg,transparent 30%,#34d399 48%,#22d3ee 60%,transparent 78%);opacity:.7;animation:setPrevAur 6s ease-in-out infinite;}
.set-prev-intro-aurora::after{background:linear-gradient(108deg,transparent 34%,#9b87f5 52%,transparent 74%);opacity:.5;animation:setPrevAur 8s ease-in-out infinite reverse;}
.set-prev-intro-neon{background:linear-gradient(180deg,#0a0618 0%,#170a2b 46%,#33123f 60%,#0f0720 61%);overflow:hidden;}
.set-prev-intro-neon::before{content:'';position:absolute;left:50%;top:40%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(circle at 50% 42%,#ffe08a,#ff9a4d 40%,#ff4f8b 62%,transparent 72%);}
.set-prev-intro-neon::after{content:'';position:absolute;left:-60%;right:-60%;bottom:-8%;height:52%;
background-image:
repeating-linear-gradient(to right, rgba(255,86,205,.6) 0 2px, transparent 2px 26px),
repeating-linear-gradient(to bottom, rgba(120,224,255,.55) 0 2px, transparent 2px 26px);
transform:perspective(120px) rotateX(72deg);transform-origin:50% 100%;
-webkit-mask-image:linear-gradient(to bottom,transparent,#000 42%);mask-image:linear-gradient(to bottom,transparent,#000 42%);
animation:setPrevGrid 3.4s linear infinite;}
.set-prev-intro-hologram{background:radial-gradient(120% 100% at 50% 30%,#05171c,#01070a 66%);overflow:hidden;}
.set-prev-intro-hologram::before{content:'';position:absolute;inset:0;
background:repeating-linear-gradient(to bottom, rgba(34,211,238,.14) 0 1px, transparent 1px 4px);}
.set-prev-intro-hologram::after{content:'';position:absolute;left:30%;right:30%;top:24%;height:46px;border:1px solid rgba(34,211,238,.6);border-radius:6px;
box-shadow:0 0 16px rgba(34,211,238,.4), inset 0 0 12px rgba(34,211,238,.15);}

.demo-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;align-self:center;
font-size:12.5px;font-weight:700;letter-spacing:.3px;padding:7px 13px;border-radius:20px;color:#8fc0ff;
background:linear-gradient(180deg, rgba(91,157,250,.18), rgba(91,157,250,.08));
border:1px solid color-mix(in srgb,#5b9dfa 45%,transparent);
box-shadow:0 0 12px rgba(91,157,250,.18);position:relative;}
.demo-badge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
box-shadow:0 0 22px rgba(91,157,250,.4);opacity:0;animation:glowO 2.4s ease-in-out infinite;}
.demo-badge svg{width:16px;height:16px;stroke:currentColor;fill:none;}
.switch.busy{opacity:.55;pointer-events:none;}
#demoStateLabel.on{color:#5b9dfa;}
.demo-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;}
.demo-link-input{flex:1 1 260px;min-width:0;font-size:13px;padding:9px 12px;border-radius:10px;
color:var(--text-1);background:var(--bg-2, rgba(255,255,255,.04));
border:1px solid color-mix(in srgb,#5b9dfa 35%,transparent);}
.user-chip.is-demo{--uc:#5b9dfa;}

.user-chip.is-demo .user-avatar svg{width:18px;height:18px;stroke:currentColor;fill:none;}
.user-logout.is-login{color:#8fc0ff;}

.maint-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;align-self:center;
font-size:12.5px;font-weight:700;letter-spacing:.3px;padding:7px 13px;border-radius:20px;color:#ffc86b;
background:linear-gradient(180deg, rgba(224,169,64,.2), rgba(224,169,64,.08));
border:1px solid color-mix(in srgb,#e0a940 50%,transparent);
box-shadow:0 0 12px rgba(224,169,64,.2);position:relative;}
.maint-badge::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
box-shadow:0 0 22px rgba(224,169,64,.42);opacity:0;animation:glowO 2.4s ease-in-out infinite;}
.maint-badge svg{width:16px;height:16px;stroke:currentColor;fill:none;}
#maintStateLabel.on{color:#e0a940;}
#maintScreen{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;overflow:hidden;
padding:24px;background:#090a0e;
opacity:0;transition:opacity .45s ease;}
#maintScreen.show{display:flex;opacity:1;}
.maint-card{position:relative;z-index:2;max-width:520px;width:min(520px,94vw);text-align:center;padding:38px 32px 30px;
border-radius:26px;overflow:hidden;
background:linear-gradient(160deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 58%), rgba(15,16,22,.55);
-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);
border:1px solid rgba(255,255,255,.14);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 40px 110px rgba(0,0,0,.62), 0 0 90px rgba(224,169,64,.1);
animation:introCardIn .8s cubic-bezier(.2,.85,.25,1) both;}
.maint-card::after{content:'';position:absolute;top:0;left:-45%;width:45%;height:100%;pointer-events:none;
background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);
will-change:transform;animation:introSheen 5.5s ease-in-out 1.2s infinite;}
.maint-ic{position:relative;width:88px;height:88px;margin:0 auto 22px;border-radius:26%;display:grid;place-items:center;
color:#e0a940;
background:linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.02) 60%),
color-mix(in srgb,#e0a940 12%, rgba(15,16,22,.4));
border:1px solid color-mix(in srgb,#e0a940 45%, rgba(255,255,255,.14));
box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 16px 44px rgba(0,0,0,.42), 0 0 36px rgba(224,169,64,.28);
-webkit-backdrop-filter:blur(9px) saturate(1.3);backdrop-filter:blur(9px) saturate(1.3);}
.maint-ic svg{position:relative;z-index:1;width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round;
filter:drop-shadow(0 0 9px color-mix(in srgb,#e0a940 55%, transparent));
animation:maintSpin 6s linear infinite;}
@keyframes maintSpin{to{transform:rotate(360deg);}}
.maint-ic-ring{position:absolute;border-radius:26%;pointer-events:none;will-change:transform;
-webkit-mask:linear-gradient(#000,#000) content-box, linear-gradient(#000,#000);
-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;}
.maint-ic-ring.r1{inset:-4px;background:conic-gradient(from 0deg,transparent 0 60%,#e0a940 82%,#fff 90%,transparent 96%);
animation:maintSpin 3.4s linear infinite;}
.maint-ic-ring.r2{inset:-10px;background:conic-gradient(from 180deg,transparent 0 68%,var(--role-dgl,#9b87f5) 88%,transparent 97%);
animation:maintSpin 5.6s linear infinite reverse;}
.maint-title{font-family:var(--font-display,inherit);font-size:26px;font-weight:800;letter-spacing:.5px;color:var(--text-1);margin-bottom:8px;}
.maint-sub{font-size:14px;color:var(--text-2);line-height:1.6;margin-bottom:18px;}
.maint-saved{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;
padding:8px 14px;border-radius:20px;color:#7fd6a2;background:rgba(80,200,140,.1);
border:1px solid color-mix(in srgb,#50c88c 32%,transparent);}
.maint-saved svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.maint-saved.warn{color:#ffc86b;background:rgba(224,169,64,.1);border-color:color-mix(in srgb,#e0a940 32%,transparent);}
.maint-login{margin-top:20px;}
.maint-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-size:13px;font-weight:600;padding:10px 18px;border-radius:12px;text-decoration:none;
color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--border-strong);
transition:color .18s ease, border-color .18s ease, background .18s ease;}
.maint-login-btn:hover{color:#ffc86b;background:rgba(224,169,64,.1);
border-color:color-mix(in srgb,#e0a940 40%,transparent);}
.maint-foot{margin-top:20px;font-size:12px;color:var(--text-3);letter-spacing:.4px;}

@media (max-width:1180px){
.content-grid{grid-template-columns:1fr;}
.stats-row{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
.main{margin-left:0;padding:104px 16px 112px 16px;}
.topbar{padding-left:0;}
.brand-card{top:14px;left:14px;padding:7px 14px 7px 7px;border-radius:16px;}
.brand-badge{width:38px;height:38px;flex-basis:38px;border-radius:10px;}
.brand-name{font-size:12.5px;}
.brand-sub{font-size:10px;}
.nav{bottom:12px;padding:6px;gap:4px;border-radius:18px;}
.nav-sub{width:min(266px,calc(100vw - 24px));}
}
@media (max-width:640px){
.table-scroll{overflow:visible;max-height:none;}
#mainTable thead{display:none;}
#mainTable,#mainTable tbody,#mainTable tr,#mainTable td{display:block;width:100%;}
#mainTable tbody tr{
background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:12px;
margin-bottom:10px;padding:6px 4px;
}
#mainTable tbody td:first-child{box-shadow:none;border-left:4px solid var(--row-accent,transparent);border-radius:10px 0 0 10px;}
#mainTable tbody td{
display:flex;align-items:center;justify-content:space-between;gap:10px;
border-bottom:1px dashed var(--border);padding:9px 12px;
}
#mainTable tbody td:last-child{border-bottom:none;}
#mainTable tbody td::before{content:attr(data-label);font-size:10.5px;color:var(--text-3);text-transform:uppercase;
letter-spacing:.05em;font-weight:600;flex:0 0 auto;}
.stats-row{grid-template-columns:1fr 1fr;}
.topbar{gap:10px;}
.btn-primary{margin-left:0;width:100%;text-align:center;}
.ts-cards{grid-template-columns:1fr;}
.form-grid{grid-template-columns:minmax(0,1fr);}
.form-actions{justify-content:stretch;}
.form-actions .btn-ghost{flex:1 1 auto;justify-content:center;}
}
.ts-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;}
.ts-card{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;
padding:20px 22px;cursor:pointer;transition:.16s;overflow:hidden;}
.ts-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc,var(--role-ausb));}
.ts-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(0,0,0,.7);}
.ts-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--tc,var(--role-ausb));
background:color-mix(in srgb,var(--tc,var(--role-ausb)) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc,var(--role-ausb)) 35%,transparent);
padding:3px 10px;border-radius:20px;margin-bottom:10px;}
.ts-card h3{font-size:18px;font-weight:800;margin:2px 0 4px;}
.ts-card .ts-sub{font-size:12.5px;color:var(--text-2);margin-bottom:14px;}
.ts-metrics{display:flex;flex-wrap:wrap;gap:8px;}
.ts-metric{background:var(--bg-hover);border:1px solid var(--border);border-radius:9px;padding:6px 11px;font-size:12px;color:var(--text-2);}
.ts-metric b{color:var(--text-1);font-variant-numeric:tabular-nums;}
.ts-metric.warn b{color:var(--role-ausb);}
.ts-metric svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;margin-right:3px;}
.ts-back{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--text-2);font-size:13px;
cursor:pointer;padding:6px 2px;margin-bottom:8px;font-weight:600;}
.ts-back:hover{color:var(--text-1);}
.ts-back svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.ts-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 18px;padding:6px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);}
.ts-subtab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;border:1px solid transparent;
background:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.ts-subtab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.ts-subtab:hover{background:var(--bg-hover);color:var(--text-1);}
.ts-subtab.active{background:var(--role-ausb);color:#20170a;}
.ts-subtab .cnt{font-size:11px;background:rgba(0,0,0,.18);border-radius:10px;padding:1px 7px;}
.ts-pane{display:none;} .ts-pane.active{display:block;animation:pageIn .2s ease;}
.ts-topnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:6px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);}
.ts-toptab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;border:1px solid transparent;
background:none;color:var(--text-2);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.ts-toptab svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;}
.ts-toptab:hover{background:var(--bg-hover);color:var(--text-1);}
.ts-toptab.active{background:var(--role-ausb);color:#20170a;}
.ts-toptab .cnt.live{font-size:11px;font-weight:800;background:rgba(0,0,0,.18);border-radius:10px;padding:1px 7px;min-width:8px;text-align:center;}
.ts-toptab .cnt.live.on{background:#f26d6d;color:#fff;box-shadow:0 0 0 3px rgba(242,109,109,.18);animation:tsPulse 1.6s ease-in-out infinite;}
.ts-toptab.active .cnt.live.on{background:#20170a;color:#ffd27a;box-shadow:none;}
@keyframes tsPulse{0%,100%{opacity:1;}50%{opacity:.55;}}
.ts-live-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;}
.ts-live-sum{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--text-2);}
.ts-live-sum b{color:var(--text-1);font-size:15px;}
.ts-live-sep{color:var(--text-3);}
.ts-live-dot{width:9px;height:9px;border-radius:50%;background:var(--role-ausb);box-shadow:0 0 0 4px rgba(224,169,64,.18);animation:tsPulse 1.6s ease-in-out infinite;}
.ts-live-note{font-size:12px;color:var(--text-3);}
.ts-livegroup{border:1px solid var(--border);border-left:3px solid var(--tc,var(--role-ausb));border-radius:14px;background:var(--bg-panel);padding:14px 16px;margin-bottom:16px;}
.ts-livehead{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.ts-livehead h3{font-size:15px;margin:0;color:var(--text-1);}
.ts-livehead .ts-badge{--tc:var(--tc);}
.ts-live-gcount{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--text-3);background:var(--bg-hover);border-radius:20px;padding:3px 10px;}
.ts-livesub{margin:12px 0 4px;}
.ts-livesub-lbl{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);}
.ts-livesub-lbl em{font-style:normal;background:var(--bg-hover);border-radius:20px;padding:1px 8px;color:var(--text-2);}
.ts-livesub-lbl.running{color:var(--role-ausb);} .ts-livesub-lbl.running em{background:rgba(224,169,64,.14);color:var(--role-ausb);}
.ts-livesub-lbl.waiting{color:#5b9dfa;} .ts-livesub-lbl.waiting em{background:rgba(91,157,250,.14);color:#5b9dfa;}
.ts-livetbl{margin-top:2px;}
.ts-countdown{display:inline-block;font-variant-numeric:tabular-nums;font-weight:800;font-size:14px;color:var(--role-erw);
background:rgba(52,211,153,.12);border-radius:8px;padding:3px 10px;min-width:58px;text-align:center;}
.ts-countdown.warn{color:#f59e0b;background:rgba(245,158,11,.14);}
.ts-countdown.over{color:#f26d6d;background:rgba(242,109,109,.14);}
.lc-hero{display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between;
border:1px solid var(--border);border-radius:20px;padding:18px 22px;margin-bottom:18px;
background:radial-gradient(120% 160% at 0% 0%, rgba(255,90,106,.10), transparent 55%), var(--bg-panel);}
.lc-hero-main{display:flex;align-items:center;gap:15px;min-width:240px;}
.lc-hero-ic{position:relative;width:52px;height:52px;flex:none;border-radius:15px;display:grid;place-items:center;
background:rgba(255,90,106,.12);border:1px solid rgba(255,90,106,.35);}
.lc-hero-ic svg{width:26px;height:26px;stroke:#ff7a86;fill:none;stroke-width:2;}
.lc-pulse{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:#ff5a6a;}
.lc-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
box-shadow:0 0 0 2px rgba(255,90,106,.55);animation:ringOut 1.8s ease-out infinite;}
.lc-title{margin:0;font-size:20px;color:var(--text-1);}
.lc-sub{margin:2px 0 0;font-size:12.5px;color:var(--text-3);}
.lc-kpis{display:flex;flex-wrap:wrap;gap:10px;}
.lc-kpi{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;padding:9px 14px;
border-radius:14px;background:var(--bg-hover);border:1px solid var(--border);}
.lc-kpi-v{font-size:22px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-1);}
.lc-kpi-l{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-top:4px;font-weight:700;}
.lc-kpi.run .lc-kpi-v{color:var(--role-erw);} .lc-kpi.pause .lc-kpi-v{color:#f59e0b;}
.lc-kpi.wait .lc-kpi-v{color:#5b9dfa;} .lc-kpi.prog .lc-kpi-v{color:#ff7a86;}
.lc-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.lc-chips{display:flex;flex-wrap:wrap;gap:7px;}
.lc-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:20px;border:1px solid var(--border);
background:var(--bg-panel);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.lc-chip:hover{background:var(--bg-hover);color:var(--text-1);}
.lc-chip.active{border-color:var(--cc);color:var(--text-1);background:color-mix(in srgb,var(--cc) 16%, transparent);box-shadow:0 0 0 1px var(--cc) inset;}
.lc-chip-n{font-size:10.5px;font-weight:800;background:rgba(0,0,0,.22);border-radius:10px;padding:1px 7px;min-width:8px;text-align:center;color:var(--text-2);}
.lc-chip.active .lc-chip-n{background:var(--cc);color:#12151d;}
.lc-tools{display:flex;gap:9px;align-items:center;}
.lc-search{display:flex;align-items:center;gap:7px;background:var(--bg-panel);border:1px solid var(--border);border-radius:11px;padding:0 11px;}
.lc-search svg{width:15px;height:15px;stroke:var(--text-3);fill:none;stroke-width:2;flex:none;}
.lc-search input{background:none;border:none;outline:none;color:var(--text-1);font-family:inherit;font-size:13px;padding:9px 2px;width:150px;}
.lc-select{background:var(--bg-panel);border:1px solid var(--border);border-radius:11px;color:var(--text-1);font-family:inherit;
font-size:13px;padding:9px 11px;cursor:pointer;}
.lc-bulkbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;
border:1px solid var(--border);border-radius:14px;background:var(--bg-panel);padding:11px 16px;margin-bottom:16px;}
.lc-bulk-lbl{font-size:13px;color:var(--text-2);} .lc-bulk-lbl b{color:var(--text-1);}
.lc-bulk-acts{display:flex;flex-wrap:wrap;gap:8px;}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;}
.lc-card{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);padding:16px 17px;
border-top:3px solid var(--tc,var(--role-ausb));overflow:hidden;animation:pageIn .2s ease;}
.lc-card.paused{background:linear-gradient(180deg, rgba(245,158,11,.06), transparent 60%), var(--bg-panel);}
.lc-card.wait{opacity:.96;border-top-color:#5b9dfa;}
.lc-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.lc-badge{font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:7px;
background:color-mix(in srgb,var(--tc) 18%, transparent);color:var(--tc);border:1px solid color-mix(in srgb,var(--tc) 40%, transparent);}
.lc-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;}
.lc-pill.run{color:var(--role-erw);background:rgba(52,211,153,.13);} .lc-pill.pause{color:#f59e0b;background:rgba(245,158,11,.14);}
.lc-pill.wait{color:#5b9dfa;background:rgba(91,157,250,.14);}
.lc-dot{width:7px;height:7px;border-radius:50%;background:var(--role-erw);animation:tsPulse 1.4s infinite;}
.lc-who{font-size:16px;font-weight:700;color:var(--text-1);margin-bottom:12px;line-height:1.3;}
.lc-who .lc-dn{font-size:12.5px;font-weight:500;color:var(--text-3);} .lc-who .lc-anon{color:var(--text-3);font-weight:600;font-style:italic;}
.lc-body{display:flex;gap:16px;align-items:center;margin-bottom:12px;}
.lc-body-r{flex:1;min-width:0;}
.lc-ring{position:relative;width:78px;height:78px;flex:none;}
.lc-ring svg{width:78px;height:78px;transform:rotate(-90deg);}
.lc-ring-bg{fill:none;stroke:var(--bg-hover);stroke-width:6;}
.lc-ring-fg{fill:none;stroke:var(--role-erw);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .9s linear, stroke .3s;}
.lc-ring.warn .lc-ring-fg{stroke:#f59e0b;} .lc-ring.over .lc-ring-fg{stroke:#f26d6d;} .lc-ring.paused .lc-ring-fg{stroke:#f59e0b;opacity:.55;}
.lc-ring-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.lc-ring-t{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-1);}
.lc-ring.warn .lc-ring-t{color:#f59e0b;} .lc-ring.over .lc-ring-t{color:#f26d6d;}
.lc-ring-l{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;margin-top:1px;}
.lc-prog-top{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:6px;}
.lc-prog-top b{color:var(--text-1);font-variant-numeric:tabular-nums;}
.lc-prog-bar{height:8px;border-radius:6px;background:var(--bg-hover);overflow:hidden;}
.lc-prog-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--tc),var(--role-erw));transition:width .5s;}
.lc-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.lc-metric{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text-2);
background:var(--bg-hover);border-radius:8px;padding:4px 9px;}
.lc-metric svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;}
.lc-metric-need{font-weight:700;color:var(--text-3);}
.lc-notice-live{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#bcd6ff;line-height:1.4;
background:rgba(91,157,250,.10);border:1px solid rgba(91,157,250,.30);border-radius:10px;padding:8px 11px;margin-bottom:12px;}
.lc-notice-live svg{width:15px;height:15px;stroke:#5b9dfa;fill:none;stroke-width:2;flex:none;margin-top:1px;}
.lc-wait-info{display:flex;gap:22px;margin-bottom:14px;}
.lc-wait-info .lc-wi-l{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:700;margin-bottom:2px;}
.lc-wait-info b{font-size:14px;color:var(--text-1);}
.lc-actions{display:flex;flex-wrap:wrap;gap:7px;}
.lc-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;
padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-1);transition:.13s;min-width:40px;justify-content:center;}
.lc-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
.lc-btn:hover{border-color:var(--text-3);}
.lc-btn.ghost{background:var(--bg-panel);color:var(--text-2);}
.lc-btn.ghost:hover{color:var(--text-1);background:var(--bg-hover);}
.lc-btn.ghost.on{color:#5b9dfa;border-color:rgba(91,157,250,.45);background:rgba(91,157,250,.10);}
.lc-btn.go{background:var(--role-erw);color:#08130d;border-color:transparent;}
.lc-btn.go:hover{filter:brightness(1.08);}
.lc-btn.danger{background:rgba(242,109,109,.12);color:#f88;border-color:rgba(242,109,109,.35);}
.lc-btn.danger:hover{background:rgba(242,109,109,.2);color:#fff;}
.lc-empty{text-align:center;padding:48px 20px;color:var(--text-3);}
.lc-empty-ic{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--bg-hover);border:1px solid var(--border);}
.lc-empty-ic svg{width:30px;height:30px;stroke:var(--text-3);fill:none;stroke-width:2;}
.lc-empty h3{margin:0 0 6px;color:var(--text-2);font-size:16px;}
.lc-empty p{margin:0 auto;max-width:400px;font-size:13px;}
.lc-empty.small{padding:32px 18px;} .lc-empty.small p{max-width:420px;font-size:13.5px;}
.lc-roomcard{position:relative;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);padding:16px 17px;
border-top:3px solid var(--tc,var(--role-ausb));cursor:pointer;transition:.15s;animation:pageIn .2s ease;}
.lc-roomcard:hover{border-color:var(--text-3);transform:translateY(-2px);box-shadow:0 14px 34px -20px rgba(0,0,0,.55);}
.lc-roomcard.exp{opacity:.72;}
.lc-rc-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.lc-rc-title{font-size:15.5px;font-weight:800;color:var(--text-1);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lc-rc-valid{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.lc-rc-valid.ok{color:var(--text-3);background:var(--bg-hover);}
.lc-rc-valid.exp{color:#f88;background:rgba(242,109,109,.14);}
.lc-rc-valwrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;}
.lc-rc-created{font-size:9.5px;font-weight:700;color:var(--text-3);white-space:nowrap;letter-spacing:.2px;padding:3px 9px;border-radius:20px;background:var(--bg-hover);}
.lc-rc-by{font-size:12.5px;color:var(--text-2);margin-bottom:12px;} .lc-rc-by b{color:var(--text-1);font-weight:700;}
.lc-rc-count{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);margin-bottom:10px;}
.lc-rc-count svg{width:17px;height:17px;stroke:var(--tc);fill:none;stroke-width:2;}
.lc-rc-count b{font-size:19px;color:var(--text-1);font-weight:800;font-variant-numeric:tabular-nums;}
.lc-rc-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.lc-rc-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:var(--bg-hover);color:var(--text-3);}
.lc-rc-pill.run.on{color:var(--role-erw);background:rgba(52,211,153,.14);}
.lc-rc-pill.pause.on{color:#f59e0b;background:rgba(245,158,11,.15);}
.lc-rc-pill.done.on{color:#5b9dfa;background:rgba(91,157,250,.14);}
.lc-rc-prog{margin-bottom:14px;}
.lc-rc-prog-top{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:6px;}
.lc-rc-prog-top b{color:var(--text-1);font-variant-numeric:tabular-nums;}
.lc-roomcard .lc-actions .lc-btn.go{flex:1;}
.lc-section-lbl{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);
margin:22px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--border);}
.lc-sheet-back{position:fixed;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-start;
padding:40px 18px;overflow-y:auto;background:rgba(5,7,12,.62);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s;}
.lc-sheet-back.show{opacity:1;}
.lc-sheet{width:100%;max-width:760px;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:20px;
box-shadow:0 40px 100px -30px rgba(0,0,0,.8);overflow:hidden;transform:translateY(14px) scale(.985);transition:.22s;}
.lc-sheet-back.show .lc-sheet{transform:none;}
.lc-sheet-head{padding:18px 20px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-panel);z-index:2;}
.lc-sheet-htop{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.lc-sheet-title{font-size:18px;font-weight:800;color:var(--text-1);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lc-sheet-x{flex:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:.13s;}
.lc-sheet-x:hover{color:var(--text-1);border-color:var(--text-3);}
.lc-sheet-x svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;}
.lc-sheet-by{font-size:12.5px;color:var(--text-2);margin-bottom:10px;} .lc-sheet-by b{color:var(--text-1);}
.lc-sheet-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;}
.lc-sm-part{font-size:13px;color:var(--text-2);} .lc-sm-part b{color:var(--text-1);font-size:15px;font-variant-numeric:tabular-nums;}
.lc-sheet-meta .lc-btn{margin-left:auto;}
.lc-sheet-tabs{display:flex;gap:4px;}
.lc-sheet-tab{position:relative;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--text-3);background:none;border:none;cursor:pointer;
padding:10px 14px;border-bottom:2px solid transparent;transition:.13s;}
.lc-sheet-tab:hover{color:var(--text-2);}
.lc-sheet-tab.active{color:var(--text-1);border-bottom-color:var(--tc,var(--role-erw));}
.lc-sheet-tab .cnt{display:inline-block;min-width:18px;padding:0 5px;font-size:11px;border-radius:9px;background:var(--bg-hover);color:var(--text-2);}
.lc-sheet-body{padding:16px 20px 22px;}
.lc-solo-top{display:flex;justify-content:flex-end;margin-bottom:4px;}
.lc-bulkbar.sheet{margin-bottom:14px;}
.lc-restab{display:flex;flex-direction:column;gap:9px;}
.lc-rescard{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;
background:var(--bg-base);cursor:pointer;transition:.13s;border-left:3px solid var(--text-3);}
.lc-rescard:hover{border-color:var(--text-3);background:var(--bg-hover);}
.lc-rescard.pass{border-left-color:var(--role-erw);} .lc-rescard.fail{border-left-color:#f26d6d;}
.lc-rescard-who{flex:1;min-width:0;} .lc-rescard-who b{color:var(--text-1);font-size:14.5px;}
.lc-rescard-who .lc-dn{font-size:12.5px;color:var(--text-3);font-weight:500;}
.lc-rescard-sub{font-size:11.5px;color:var(--text-3);margin-top:2px;}
.lc-rescard-score{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-1);text-align:right;line-height:1.15;}
.lc-rescard.pass .lc-rescard-score{color:var(--role-erw);} .lc-rescard.fail .lc-rescard-score{color:#f26d6d;}
.lc-rescard-need{display:block;font-size:10px;font-weight:700;color:var(--text-3);letter-spacing:.2px;white-space:nowrap;}
.lc-rescard-arr{width:18px;height:18px;stroke:var(--text-3);fill:none;stroke-width:2;flex:none;}
.ts-arch-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:0 0 6px;}
.ts-arch-chips{display:flex;flex-wrap:wrap;gap:7px;}
.ts-arch-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;cursor:pointer;
border:1px solid var(--border);background:var(--bg-panel);color:var(--text-2);font-size:12.5px;font-weight:600;transition:.15s;}
.ts-arch-chip:hover{background:var(--bg-hover);color:var(--text-1);}
.ts-arch-chip span{font-size:11px;font-weight:800;background:var(--bg-hover);border-radius:999px;padding:1px 7px;min-width:8px;text-align:center;color:var(--text-3);}
.ts-arch-chip.on{border-color:var(--tc,var(--role-ausb));background:color-mix(in srgb,var(--tc,var(--role-ausb)) 16%,var(--bg-panel));color:var(--text-1);}
.ts-arch-chip.on span{background:var(--tc,var(--role-ausb));color:#20170a;}
.ts-arch-search{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg-panel);min-width:220px;flex:1;max-width:320px;}
.ts-arch-search svg{width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2;flex:none;}
.ts-arch-search input{border:0;background:transparent;color:var(--text-1);font-size:13px;width:100%;outline:none;}
.ts-arch-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.3px;padding:1px 7px;border-radius:6px;margin-right:6px;
background:color-mix(in srgb,var(--tc,var(--role-ausb)) 20%,transparent);color:var(--tc,var(--role-ausb));vertical-align:1px;}
.ts-arch-group{margin-bottom:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);overflow:hidden;}
.ts-arch-group.open{margin-bottom:18px;}
.ts-arch-group-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;cursor:pointer;
user-select:none;transition:background .13s;outline:none;}
.ts-arch-group-head:hover{background:var(--bg-hover);}
.ts-arch-group-head:focus-visible{box-shadow:inset 0 0 0 2px var(--role-ausb);}
.ts-arch-group.open .ts-arch-group-head{border-bottom:1px solid var(--border);}
.ts-arch-caret{width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2.4;flex:none;transition:transform .16s;}
.ts-arch-group.open .ts-arch-caret{transform:rotate(90deg);}
.ts-arch-group-head .ts-arch-badge{margin-right:0;}
.ts-arch-group-title{font-size:14px;font-weight:800;color:var(--text-1);}
.ts-arch-group-when{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text-2);
background:var(--bg-hover);padding:3px 10px;border-radius:20px;white-space:nowrap;}
.ts-arch-group-head:hover .ts-arch-group-when{background:var(--bg-base);}
.ts-arch-group-when svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;}
.ts-arch-group-cnt{font-size:11.5px;font-weight:700;color:var(--text-3);margin-left:auto;white-space:nowrap;}
.ts-arch-group-body{padding:12px 14px 14px;}
.ts-arch-group:not(.open) .ts-arch-group-body{display:none;}
@media(max-width:640px){ .lc-grid{grid-template-columns:1fr;} .lc-tools{width:100%;} .lc-search{flex:1;} .lc-search input{width:100%;}
.lc-sheet-back{padding:12px 8px;} .lc-sheet-body{padding:14px;} .ts-arch-search{max-width:none;} }
.ts-metahead{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;}
.ts-field label{display:block;font-size:11.5px;color:var(--text-2);font-weight:600;margin-bottom:5px;}
.ts-field input,.ts-field textarea,.ts-field select{width:100%;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:9px;
padding:9px 11px;color:var(--text-1);font-size:13.5px;font-family:inherit;outline:none;}
.ts-field input:focus,.ts-field textarea:focus,.ts-field select:focus{border-color:var(--role-ausb);}
.ts-qedit{background:var(--bg-panel);border:1px solid var(--border);border-radius:13px;padding:16px 18px;margin-bottom:12px;}
.ts-qedit.keyed{border-left:3px solid var(--role-erw);}
.ts-qedit.needkey{border-left:3px solid var(--role-ausb);}
.ts-qtop{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px;}
.ts-qn{flex:none;width:28px;height:28px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border-strong);
display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--text-2);}
.ts-qtitle{flex:1;font-size:14.5px;font-weight:600;line-height:1.45;}
.ts-qtype{flex:none;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);
border:1px solid var(--border);border-radius:6px;padding:2px 7px;}
.ts-qmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 8px;font-size:12px;color:var(--text-2);}
.ts-qmeta .pts-inp{width:56px;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:7px;
padding:5px 8px;color:var(--text-1);font-size:13px;font-family:var(--font-mono);text-align:center;}
.ts-optrow{display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;
margin:6px 0;background:var(--bg-base);cursor:pointer;transition:.12s;}
.ts-optrow:hover{border-color:var(--border-strong);}
.ts-optrow.correct{border-color:var(--role-erw);background:color-mix(in srgb,var(--role-erw) 10%,transparent);}
.ts-optrow .tk{flex:none;width:20px;height:20px;border:2px solid var(--border-strong);display:grid;place-items:center;color:#fff;}
.ts-optrow.single .tk{border-radius:50%;} .ts-optrow.multi .tk{border-radius:5px;}
.ts-optrow.correct .tk{background:var(--role-erw);border-color:var(--role-erw);}
.ts-optrow .tk svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;opacity:0;}
.ts-optrow.correct .tk svg{opacity:1;}
.ts-optrow .ot{font-size:13.5px;color:var(--text-1);}
.ts-opthint{font-size:11.5px;color:var(--text-3);margin:2px 0 4px;}
.ts-manualnote{font-size:12px;color:var(--text-3);font-style:italic;}
.tsg-wrap{overflow-x:auto;margin:4px 0;padding-bottom:4px;}
.tsg-tbl{border-collapse:separate;border-spacing:0;min-width:max-content;}
.tsg-tbl th,.tsg-tbl td{padding:5px 7px;text-align:center;vertical-align:middle;}
.tsg-tbl thead th{border-bottom:1px solid var(--border);}
.tsg-th{min-width:96px;}
.tsg-th input,.tsg-rh input{background:var(--bg-base);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-1);
font-size:12px;font-family:inherit;padding:4px 6px;width:96px;outline:none;}
.tsg-rh{text-align:left;white-space:nowrap;position:sticky;left:0;background:var(--bg-panel);z-index:1;}
.tsg-rh input{width:120px;}
.tsg-th,.tsg-rh{white-space:nowrap;}
.tsg-th .ts-iconbtn,.tsg-rh .ts-iconbtn{padding:3px 4px;margin-left:3px;}
.tsg-cell .tk{width:20px;height:20px;margin:0 auto;border:2px solid var(--border-strong);border-radius:5px;
display:grid;place-items:center;cursor:pointer;transition:.12s;}
.tsg-cell .tk:hover{border-color:var(--role-ausb);}
.tsg-cell .tk.on{background:var(--role-erw);border-color:var(--role-erw);}
.tsg-cell .tk svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;opacity:0;}
.tsg-cell .tk.on svg{opacity:1;}
.tsg-actions{display:flex;gap:8px;margin-top:6px;}
.ts-gridres{overflow-x:auto;}
.ts-gridres table{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:12.5px;}
.ts-gridres th,.ts-gridres td{padding:5px 8px;text-align:center;}
.ts-gridres thead th{color:var(--text-3);font-size:11px;font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap;}
.ts-gridres tbody th{text-align:left;color:var(--text-1);font-weight:600;white-space:nowrap;}
.ts-gcell{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;border:2px solid var(--border);font-size:11px;color:var(--text-3);}
.ts-gcell svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.ts-gcell.ok{background:var(--role-erw);border-color:var(--role-erw);color:#fff;}
.ts-gcell.picked{background:var(--role-erw);border-color:var(--role-erw);color:#fff;}
.ts-gcell.bad{border-color:#f26d6d;color:#f26d6d;}
.ts-gcell.miss{border-color:var(--role-erw);color:var(--role-erw);}
.ts-glegend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--text-3);margin-top:8px;}
.ts-glegend span{display:inline-flex;align-items:center;gap:4px;}
.ts-glegend .ok{color:var(--role-erw);} .ts-glegend .bad{color:#f26d6d;} .ts-glegend .miss{color:var(--role-erw);}
.ts-glegend svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;}
.ts-savebar{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;justify-content:flex-end;
background:linear-gradient(0deg,var(--bg-base) 60%,transparent);padding:14px 4px;margin-top:6px;z-index:5;}
.ts-savestate{font-size:12.5px;color:var(--text-3);margin-right:auto;}
.ts-savestate.ok{color:var(--role-erw);} .ts-savestate.busy{color:var(--role-ausb);}
.ts-newsess{background:var(--bg-panel);border:1px solid var(--border);border-radius:13px;padding:16px 18px;margin-bottom:16px;
display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:12px;align-items:end;}
@media(max-width:760px){.ts-newsess{grid-template-columns:1fr 1fr;} .ts-metahead{grid-template-columns:1fr;}}
.ts-createbar{background:color-mix(in srgb,var(--role-ausb) 5%,var(--bg-panel));border:1px solid var(--border);border-radius:15px;padding:6px 4px 4px;margin-bottom:22px;}
.ts-createbar-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-1);padding:10px 16px 4px;}
.ts-createbar-h svg{width:16px;height:16px;stroke:var(--role-ausb);fill:none;stroke-width:2;}
.ts-createbar .ts-newsess{background:transparent;border:0;margin-bottom:0;padding:10px 16px 6px;grid-template-columns:.9fr 1.3fr .8fr .8fr auto;}
.ts-createbar .dgl-hint{padding:0 16px 10px;}
@media(max-width:760px){.ts-createbar .ts-newsess{grid-template-columns:1fr 1fr;}}
.ts-sesstable{width:100%;border-collapse:collapse;font-size:13px;}
.ts-tblscroll{overflow-x:auto;}
@media (max-width:640px){
.ts-tblscroll .ts-sesstable{min-width:540px;}
.ts-tblscroll .ts-livetbl{min-width:420px;}
}
.ts-sesstable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);
padding:8px 10px;border-bottom:1px solid var(--border);font-weight:700;}
.ts-sesstable td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle;}
.ts-sesstable tr:hover td{background:var(--bg-hover);}
.ts-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;}
.ts-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.ts-st.open{color:#5b9dfa;background:rgba(91,157,250,.12);}
.ts-st.started{color:var(--role-ausb);background:rgba(224,169,64,.12);}
.ts-st.submitted{color:var(--role-erw);background:rgba(52,211,153,.12);}
.ts-st.timeup{color:#f26d6d;background:rgba(242,109,109,.12);}
.ts-st.expired{color:var(--text-3);background:rgba(120,124,146,.14);}
.ts-st.room{color:var(--role-dgl);background:color-mix(in srgb,var(--role-dgl) 14%,transparent);}
.ts-roomrow{background:color-mix(in srgb,var(--role-dgl) 5%,transparent);}
.ts-roombadge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.03em;color:#fff;background:var(--role-dgl);border-radius:6px;padding:2px 7px;margin-right:6px;vertical-align:1px;}
.ts-acclbl{display:block;margin-top:8px;font-size:12px;color:var(--text-3);line-height:1.5;}
.ts-acclbl .acc-inp,.acc-inp{width:100%;margin-top:5px;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:8px;padding:7px 10px;color:var(--text-1);font-size:13px;font-family:inherit;box-sizing:border-box;}
.acc-inp:focus{outline:none;border-color:var(--role-dgl);}
.ts-accro{margin-top:6px;font-size:12px;color:var(--text-2);}
.ts-accchip{display:inline-block;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--role-erw) 18%,transparent);color:var(--role-erw);border-radius:6px;padding:1px 7px;margin:0 2px;}
.ts-crit{margin-top:8px;display:flex;flex-direction:column;gap:7px;}
.ts-critro{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(160px,2fr) 70px auto;gap:8px;align-items:center;}
.ts-critro input{background:var(--bg-base);border:1px solid var(--border-strong);border-radius:8px;padding:7px 9px;color:var(--text-1);font-size:12.5px;font-family:inherit;box-sizing:border-box;width:100%;}
.ts-critro input:focus{outline:none;border-color:var(--role-dgl);}
.ts-critro .rub-pts{text-align:center;}
.ts-critro.ro{grid-template-columns:minmax(120px,1fr) 2fr auto;font-size:12.5px;color:var(--text-2);}
.ts-critro.ro .ts-crit-lbl{font-weight:600;color:var(--text-1);}
.ts-critro.ro .ts-crit-pts{font-weight:700;color:var(--role-erw);white-space:nowrap;}
.ts-crit-actions{display:flex;align-items:center;gap:12px;margin-top:9px;}
.ts-crit-sum{font-size:12px;font-weight:700;color:var(--text-2);}
.ts-derived{font-size:11px;color:var(--text-3);font-style:italic;margin-left:4px;}
.ts-hit{background:color-mix(in srgb,var(--role-erw) 30%,transparent);color:inherit;border-radius:4px;padding:0 2px;font-weight:600;}
.ts-rubric{margin-top:9px;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--bg-base) 60%,transparent);}
.ts-rubric-head{font-size:12px;color:var(--text-2);padding:7px 11px;border-bottom:1px solid var(--border-strong);background:var(--bg-hover);}
.ts-rubric-list{list-style:none;margin:0;padding:4px 0;}
.ts-rubric-list li{display:flex;align-items:center;gap:9px;padding:5px 11px;font-size:12.5px;}
.ts-rubric-list li .ts-rub-ico{width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
.ts-rubric-list li.hit .ts-rub-ico{background:color-mix(in srgb,var(--role-erw) 22%,transparent);color:var(--role-erw);}
.ts-rubric-list li.miss .ts-rub-ico{background:color-mix(in srgb,#f26d6d 20%,transparent);color:#f26d6d;}
.ts-rubric-list li.miss{color:var(--text-3);}
.ts-rub-lbl{flex:1;}
.ts-rub-pts{font-weight:700;white-space:nowrap;color:var(--text-2);}
.ts-rubric-list li.hit .ts-rub-pts{color:var(--role-erw);}
.ts-man-hint{font-size:11px;color:var(--text-3);}
@media(max-width:640px){.ts-critro{grid-template-columns:1fr 1fr;}.ts-critro .rub-label{grid-column:1/-1;}.ts-critro .rub-kw{grid-column:1/2;}}
.ts-linkbtn,.ts-iconbtn{background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-2);
cursor:pointer;padding:6px 10px;font-size:12px;font-family:inherit;transition:.12s;display:inline-flex;align-items:center;gap:6px;}
.ts-linkbtn:hover,.ts-iconbtn:hover{color:var(--text-1);border-color:var(--role-ausb);}
.ts-iconbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;}
.ts-iconbtn.del:hover{color:#f26d6d;border-color:#f26d6d;}
.ts-iconbtn.ext:hover{color:#5fe08a;border-color:#5fe08a;}
.ts-iconbtn.stop:hover{color:#f59e0b;border-color:#f59e0b;}
.ts-scorebig{font-family:var(--font-mono);font-weight:700;}
.ts-scorebig.pass{color:var(--role-erw);} .ts-scorebig.fail{color:#f26d6d;}
.ts-res-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:var(--bg-panel);border:1px solid var(--border);
border-radius:14px;padding:18px 20px;margin-bottom:16px;}
.ts-res-score{font-family:var(--font-mono);font-size:30px;font-weight:800;line-height:1;}
.ts-res-score.pass{color:var(--role-erw);} .ts-res-score.fail{color:#f26d6d;}
.ts-res-score small{font-size:15px;color:var(--text-3);}
.ts-res-verdict{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:20px;}
.ts-res-verdict.pass{color:var(--role-erw);background:rgba(52,211,153,.14);}
.ts-res-verdict.fail{color:#f26d6d;background:rgba(242,109,109,.14);}
.ts-res-verdict.open{color:var(--role-ausb);background:rgba(224,169,64,.14);}
.ts-res-verdict.live{color:var(--role-erw);background:rgba(52,211,153,.14);display:inline-flex;align-items:center;gap:7px;}
.ts-res-verdict.live .lc-dot{width:8px;height:8px;}
.ts-res-score.live{color:var(--role-erw);}
.lc-live-btn{display:inline-flex;align-items:center;gap:6px;}
.lc-live-btn .lc-dot{width:7px;height:7px;flex:0 0 auto;}
.ts-res-meta{font-size:12.5px;color:var(--text-2);line-height:1.7;}
.ts-res-meta b{color:var(--text-1);}
.ts-ans{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:15px 17px;margin-bottom:11px;}
.ts-ans.ok{border-left:3px solid var(--role-erw);} .ts-ans.bad{border-left:3px solid #f26d6d;} .ts-ans.man{border-left:3px solid var(--role-ausb);}
.ts-ans-top{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;}
.ts-ans-q{flex:1;font-size:14px;font-weight:600;line-height:1.4;}
.ts-ptbadge{flex:none;font-family:var(--font-mono);font-size:13px;font-weight:700;padding:3px 11px;border-radius:8px;
background:var(--bg-hover);border:1px solid var(--border-strong);}
.ts-ptbadge.ok{color:var(--role-erw);border-color:var(--role-erw);}
.ts-ptbadge.bad{color:#f26d6d;border-color:#f26d6d;}
.ts-ptbadge.man{color:var(--role-ausb);border-color:var(--role-ausb);}
.ts-choice{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:8px;font-size:13px;margin:3px 0;color:var(--text-2);}
.ts-choice .ci{flex:none;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);display:grid;place-items:center;font-size:10px;}
.ts-choice .ci svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.ts-choice.picked{color:var(--text-1);}
.ts-choice.corr{color:var(--role-erw);} .ts-choice.corr .ci{border-color:var(--role-erw);background:var(--role-erw);color:#08120c;}
.ts-choice.wrongpick{color:#f26d6d;} .ts-choice.wrongpick .ci{border-color:#f26d6d;background:#f26d6d;color:#210a0a;}
.ts-textans{background:var(--bg-base);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:13.5px;
color:var(--text-1);white-space:pre-wrap;line-height:1.5;}
.ts-manbox{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:12.5px;color:var(--text-2);}
.ts-manbox input{width:64px;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:7px;padding:5px 8px;
color:var(--text-1);font-family:var(--font-mono);text-align:center;font-size:13px;}
.ts-empty{text-align:center;color:var(--text-3);padding:40px 20px;font-size:14px;}
.ts-gate{max-width:520px;margin:20px auto;text-align:center;background:var(--bg-panel);border:1px solid var(--border);
border-radius:16px;padding:34px 28px;}
.ts-gate svg{width:44px;height:44px;stroke:var(--role-ausb);fill:none;stroke-width:1.8;margin-bottom:12px;}

.tv-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:6px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);}
.tv-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;border:1px solid transparent;
background:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.tv-tab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.tv-tab:hover{background:var(--bg-hover);color:var(--text-1);}
.tv-tab.active{background:var(--role-dgl);color:#fff;}
.cov-wrap{display:block;}
.cov-panel{overflow:visible;}
.cov-phead{align-items:flex-start;gap:14px;}
.cov-htitle{display:flex;flex-direction:column;gap:4px;min-width:0;}
.cov-htitle h2{font-size:17px;font-weight:600;}
.cov-sub{font-size:12px;color:var(--text-3);max-width:560px;line-height:1.4;}
.cov-sub b{color:var(--text-2);font-weight:600;}
.cov-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;}
.cov-wknav{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:12px;background:var(--bg-panel-alt);border:1px solid var(--border);}
.cov-nav{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;
background:var(--bg-input);color:var(--text-1);cursor:pointer;transition:.14s;}
.cov-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.cov-nav:hover:not(:disabled){background:var(--role-dgl);color:#fff;}
.cov-nav:disabled{opacity:.35;cursor:not-allowed;}
.cov-wklabel{display:flex;flex-direction:column;line-height:1.15;min-width:132px;text-align:center;}
.cov-wklabel b{font-size:14px;color:var(--text-1);letter-spacing:.02em;}
.cov-wklabel span{font-size:11px;color:var(--text-3);}
.cov-searchbox{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:36px;border-radius:10px;
background:var(--bg-input);border:1px solid var(--border);transition:border-color .15s;}
.cov-searchbox:focus-within{border-color:var(--border-strong);}
.cov-searchbox svg{width:16px;height:16px;color:var(--text-3);flex:0 0 auto;}
.cov-searchbox input{border:none;background:none;outline:none;color:var(--text-1);font-family:inherit;font-size:13px;width:200px;max-width:44vw;}
.cov-searchbox input::placeholder{color:var(--text-3);}
.cov-body{padding:0 14px 16px;}
.cov-tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel-alt);}
.cov-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;}
.cov-table th,.cov-table td{border-bottom:1px solid var(--border);padding:0;text-align:center;}
.cov-table thead th{position:sticky;top:0;z-index:3;background:var(--bg-panel-alt);padding:9px 4px;color:var(--text-2);font-weight:600;}
.cov-table .cov-name{text-align:left;white-space:nowrap;padding:7px 12px;position:sticky;left:0;z-index:2;background:var(--bg-panel-alt);}
.cov-table thead .cov-corner{z-index:4;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);}
.cov-c{width:40px;min-width:40px;}
.cov-num{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:7px;
background:var(--bg-input);color:var(--text-1);font-weight:700;font-size:12px;box-shadow:inset 0 0 0 1px var(--border);}
.cov-sumrow th{position:sticky;top:41px;z-index:3;background:var(--bg-panel-alt);font-size:11px;color:var(--text-3);padding:5px 4px;border-bottom:2px solid var(--border);}
.cov-sumrow .cov-name{color:var(--text-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;top:0;}
.cov-colsum{color:var(--text-2);font-weight:700;}
.cov-sumrow.cov-distrow th{top:41px;border-bottom:1px dashed var(--border);}
.cov-distrow + .cov-sumrow th{top:74px;}
.cov-distsum{color:var(--text-3);font-weight:700;}
.cov-distrow .cov-name{color:var(--text-3);}
.cov-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:9px 14px;border-radius:12px;
background:linear-gradient(180deg,color-mix(in srgb,var(--role-dgl) 10%,var(--bg-panel-alt)),var(--bg-panel-alt));
border:1px solid color-mix(in srgb,var(--role-dgl) 24%,var(--border));font-size:13px;color:var(--text-2);font-weight:600;}
.cov-summary .cov-sum-done{font-family:var(--font-display);font-size:18px;font-weight:800;color:#3ee08a;}
.cov-summary .cov-sum-dist{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-1);}
.cov-summary .cov-sum-of{color:var(--text-3);font-weight:600;}
.cov-summary-past{background:var(--bg-panel-alt);border-color:var(--border);}
.cov-summary-past .cov-sum-done{color:var(--text-1);}
.cov-summary .cov-sum-hint{flex-basis:100%;font-size:11.5px;color:var(--text-3);font-weight:500;margin-top:2px;}
.cov-summary .cov-sum-hint b{color:var(--text-2);font-weight:600;}
.cov-grouprow td{background:transparent !important;padding:0 !important;position:sticky;left:0;}
.cov-ghead{display:flex;align-items:center;gap:9px;padding:11px 12px 8px;margin-top:2px;
border-top:2px solid var(--gc);background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 13%,transparent),transparent);
font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gc);}
.cov-gdot{width:8px;height:8px;border-radius:50%;background:var(--gc);flex:0 0 8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--gc) 22%,transparent);}
.cov-gcount{font-family:var(--font-mono);font-size:11px;color:var(--text-2);background:var(--bg-panel-alt);border:1px solid var(--border);border-radius:999px;padding:1px 8px;margin-left:auto;}
.cov-row td{height:40px;}
.cov-row:hover .cov-name,.cov-row:hover td{background:var(--bg-hover);}
.cov-name .cov-dnbadge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:24px;padding:0 7px;border-radius:7px;
background:radial-gradient(circle at 32% 26%, color-mix(in srgb,var(--rc) 40%, var(--bg-panel-alt)), var(--bg-panel-alt) 88%);
border:1.5px solid var(--rc);color:var(--text-1);font-weight:700;font-size:11.5px;margin-right:10px;font-family:var(--font-mono);}
.cov-pn{color:var(--text-1);font-weight:600;}
.cov-c{position:relative;}
.cov-c.cell{color:transparent;font-weight:800;font-size:14px;transition:background .13s,box-shadow .13s;}
.cov-c.done{color:#3ee08a;background:color-mix(in srgb,#22c55e 15%,transparent);
box-shadow:inset 0 0 0 1px color-mix(in srgb,#22c55e 30%,transparent);}
.cov-c.todo{background:transparent;}
.cov-editable .cov-c.cell{cursor:pointer;}
.cov-editable .cov-c.todo::before{content:attr(data-aid);position:absolute;inset:4px;display:flex;align-items:center;justify-content:center;
border-radius:8px;font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--text-3);opacity:.38;
transition:.13s;pointer-events:none;}
.cov-editable .cov-c.todo:hover::before{
content:"+1 · " attr(data-aid);font-family:inherit;font-size:9.5px;letter-spacing:.02em;color:#fff;opacity:1;white-space:nowrap;
background:linear-gradient(180deg,color-mix(in srgb,var(--role-dgl) 78%,transparent),color-mix(in srgb,var(--role-dgl) 60%,transparent));
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px color-mix(in srgb,var(--role-dgl) 80%,transparent),0 5px 14px rgba(0,0,0,.32);}
.cov-editable .cov-c.done:hover{color:#ff9195;background:color-mix(in srgb,#ef5a5f 16%,transparent);
box-shadow:inset 0 0 0 1px color-mix(in srgb,#ef5a5f 52%,transparent);}
.cov-c.cov-manual::after{content:'';position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--role-dgl);box-shadow:0 0 0 2px var(--bg-panel-alt);pointer-events:none;}
.cov-c.cov-auto::after{content:'V';position:absolute;top:2px;right:4px;font-size:8px;font-weight:800;line-height:1;color:#f0b429;text-shadow:0 0 2px rgba(0,0,0,.55);pointer-events:none;}
.cov-c.cov-hassrc .cov-tick{position:absolute;top:2px;left:0;right:0;text-align:center;font-size:12px;line-height:1;pointer-events:none;}
.cov-src{position:absolute;bottom:3px;right:3px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;
border:none;border-radius:7px;cursor:pointer;z-index:3;color:#fff;
background:linear-gradient(180deg,color-mix(in srgb,var(--role-dgl) 94%,transparent),color-mix(in srgb,var(--role-dgl) 74%,transparent));
box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px color-mix(in srgb,var(--role-dgl) 88%,transparent),0 2px 7px rgba(0,0,0,.4);
opacity:.94;transition:transform .12s,filter .12s,box-shadow .12s;}
.cov-src svg{width:14px;height:14px;pointer-events:none;}
.cov-c.cov-hassrc:hover .cov-src,.cov-src:focus-visible{opacity:1;transform:scale(1.1);outline:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px var(--role-dgl),0 4px 12px rgba(0,0,0,.5);}
.cov-src:hover{filter:brightness(1.13);}
.cov-c.cov-openable{cursor:pointer;}
.cov-c.cov-openable:hover{background:color-mix(in srgb,var(--role-dgl) 22%,transparent);
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-dgl) 60%,transparent);}
.cov-rowsum{font-weight:700;color:var(--text-2);background:color-mix(in srgb,var(--rc) 6%,transparent);}
.cov-rowsum.zero{color:var(--text-3);}
.cov-row.cov-none .cov-pn{color:var(--text-3);font-weight:500;}
.cov-unassigned{margin:14px 0 2px;padding:14px 16px;border:1px dashed var(--border);border-radius:14px;background:var(--bg-panel-alt);}
.cov-un-head{font-size:13px;color:var(--text-2);margin-bottom:10px;}
.cov-un-head b{color:#e0a940;}
.cov-un-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border);}
.cov-un-meta{font-size:12px;color:var(--text-2);flex:1;min-width:180px;}
.cov-un-sel{font-family:inherit;font-size:13px;padding:7px 10px;border-radius:9px;border:1px solid var(--border);
background:var(--bg-input);color:var(--text-1);cursor:pointer;}
@media (max-width:900px){.cov-phead{flex-direction:column;}.cov-tools{margin-left:0;justify-content:flex-start;}}
@media (max-width:640px){.cov-table .cov-name{position:static;}.cov-grouprow td{position:static;}.cov-wklabel{min-width:112px;}.cov-searchbox input{width:150px;}}

.awv-wrap{max-width:1100px;}
.awv-panel{padding:18px 20px 20px;}
.awv-headtools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.awv-headtools .btn-primary{display:inline-flex;align-items:center;white-space:nowrap;}
.awv-body{margin-top:6px;}
.awv-list{display:flex;flex-direction:column;gap:10px;}
.awv-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:14px;
background:var(--bg-panel-alt);cursor:pointer;transition:.14s;}
.awv-item:hover{border-color:var(--role-dgl);background:var(--bg-hover);transform:translateY(-1px);}
.awv-kw{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;
padding:8px 10px;border-radius:11px;background:color-mix(in srgb,var(--role-dgl) 16%,transparent);}
.awv-kw b{font-size:16px;color:var(--role-dgl);font-family:var(--font-display);line-height:1;}
.awv-kw span{font-size:11px;color:var(--text-3);margin-top:3px;}
.awv-imeta{flex:1;min-width:0;}
.awv-ititle{font-size:14.5px;font-weight:700;color:var(--text-1);}
.awv-isub{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-3);margin-top:3px;align-items:center;}
.awv-badge{background:rgba(52,211,153,.15);color:#34d399;border-radius:8px;padding:2px 8px;font-weight:600;}
.awv-reason{background:color-mix(in srgb,var(--role-dgl) 16%,transparent);color:var(--role-dgl);border-radius:8px;padding:2px 8px;font-weight:600;}
.awv-badge.abg{background:rgba(245,158,11,.16);color:#f59e0b;}
.awv-reason.reason-manuell{background:color-mix(in srgb,#60a5fa 16%,transparent);color:#60a5fa;}
.awv-reason.reason-auto{background:color-mix(in srgb,#34d399 15%,transparent);color:#34d399;}
.awv-del{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
border:1px solid transparent;background:none;color:var(--text-3);cursor:pointer;transition:.14s;opacity:.65;}
.awv-del svg{width:17px;height:17px;}
.awv-del:hover{opacity:1;color:#f87171;background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.35);}
.awv-item .aw-go{flex:0 0 auto;color:var(--text-3);}.awv-item .aw-go svg{width:20px;height:20px;}
.awv-stats{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 2px;}
.awv-stat{flex:1 1 120px;min-width:110px;display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:13px;
background:var(--bg-panel-alt);border:1px solid var(--border);}
.awv-stat-n{font-size:22px;font-weight:800;line-height:1;font-family:var(--font-display);color:var(--text-1);}
.awv-stat-l{font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;}
.awv-stat.ok{border-color:color-mix(in srgb,#34d399 35%,transparent);}
.awv-stat.ok .awv-stat-n{color:#34d399;}
.awv-stat.warn{border-color:color-mix(in srgb,#f59e0b 40%,transparent);background:color-mix(in srgb,#f59e0b 7%,var(--bg-panel-alt));}
.awv-stat.warn .awv-stat-n{color:#f59e0b;}
.awv-stat.done{border-color:color-mix(in srgb,var(--role-dgl) 34%,transparent);}
.awv-stat.done .awv-stat-n{color:var(--role-dgl);}
.awv-dhead{flex-wrap:wrap;gap:12px;}
.awv-dtools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto;}
.awv-searchbox input{width:180px;}
@media (max-width:640px){.awv-dtools{width:100%;}.awv-searchbox{flex:1;}.awv-searchbox input{width:100%;max-width:none;}}
.awv-subnav{display:inline-flex;gap:6px;padding:5px;border-radius:12px;background:var(--bg-base);border:1px solid var(--border);}
.awv-subtab{padding:7px 13px;border-radius:9px;border:1px solid transparent;background:none;color:var(--text-2);
font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.awv-subtab:hover{background:var(--bg-hover);color:var(--text-1);}
.awv-subtab.active{background:var(--role-dgl);color:#fff;}
.awv-dbody{margin-top:14px;}
.awv-tablewrap{overflow-x:auto;}
.awv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:680px;}
.awv-table th{position:sticky;top:0;background:var(--bg-panel);text-align:left;padding:8px 10px;font-size:11px;
text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);}
.awv-table td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle;}
.awv-grouprow td{background:color-mix(in srgb,var(--gc) 9%,transparent);padding:6px 10px;}
.cov-gcount.abg{background:rgba(245,158,11,.16);color:#f59e0b;}
.awv-row.awv-abg{background:color-mix(in srgb,#f59e0b 7%,transparent);box-shadow:inset 3px 0 0 #f59e0b;}
.awv-row.awv-abg .awv-nm{color:var(--text-2);}
.awv-nm{font-weight:600;}
.awv-status{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
padding:2px 8px;border-radius:7px;white-space:nowrap;}
.awv-status.off{background:rgba(245,158,11,.16);color:#f59e0b;}
.awv-abmnote{display:inline-block;font-size:11px;color:var(--text-3);margin-left:6px;}
.awv-row.awv-abg .awv-abmnote{color:var(--text-2);}
.awv-ok{color:#34d399;}
.abm-flag{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 7px 1px 5px;border-radius:7px;
font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;
background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);}
.abm-flag svg{width:12px;height:12px;flex:0 0 auto;stroke:currentColor;fill:none;}
.cov-row.cov-abg .cov-pn{color:#ef4444;}
.cov-row.cov-abg{background:color-mix(in srgb,#ef4444 6%,transparent);}
.awv-chip{display:inline-block;min-width:20px;text-align:center;font-family:var(--font-mono);font-size:11.5px;font-weight:700;
padding:1px 6px;border-radius:7px;background:color-mix(in srgb,var(--role-dgl) 15%,transparent);color:var(--role-dgl);}
.awv-dash{color:var(--text-3);}
.awv-done{color:#34d399;font-weight:800;text-align:center;}
.awv-abm{font-size:11.5px;color:var(--text-2);max-width:220px;}
.awv-hint{margin:12px 2px 0;font-size:11px;color:var(--text-3);line-height:1.6;}
.awv-hint b{color:var(--role-dgl);font-family:var(--font-mono);}

.stx-wrap{display:block;}
.stx-panel{padding:18px 20px 20px;overflow:visible;}
.stx-panel .cov-phead{padding:0 0 4px;}
.stx-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:14px 0 12px;padding:13px 14px;
border:1px solid var(--border);border-radius:14px;background:var(--bg-panel-alt);}
.stx-fgroup{display:flex;flex-direction:column;gap:6px;min-width:0;}
.stx-fgroup[hidden]{display:none;}
.stx-fgroup > label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;}
.stx-select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);border-radius:9px;
padding:8px 30px 8px 11px;font-size:12.5px;font-family:inherit;cursor:pointer;max-width:230px;
appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2395979f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s;}
.stx-select:hover{border-color:var(--role-dgl);}
.stx-select:focus{outline:none;border-color:var(--role-dgl);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-dgl) 16%,transparent);}
.stx-spanrow{display:flex;align-items:center;gap:7px;}
.stx-spandash{color:var(--text-3);font-weight:700;}
.stx-seg{display:inline-flex;gap:4px;padding:4px;border-radius:11px;background:var(--bg-base);border:1px solid var(--border);}
.stx-segbtn{padding:7px 12px;border-radius:8px;border:1px solid transparent;background:none;color:var(--text-2);
font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:.14s;white-space:nowrap;}
.stx-segbtn:hover{background:var(--bg-hover);color:var(--text-1);}
.stx-segbtn.on{background:var(--role-dgl);color:#fff;}
.stx-chiprow{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px;}
.stx-chiplbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;
margin-right:3px;min-width:62px;}
.stx-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;cursor:pointer;
border:1px solid var(--border);background:var(--bg-panel-alt);color:var(--text-3);font-size:12px;font-weight:600;
font-family:inherit;transition:.14s;}
.stx-chip:hover{border-color:var(--border-strong);color:var(--text-1);}
.stx-chip .stx-cdot{width:8px;height:8px;border-radius:50%;background:var(--sc,#8a8d98);opacity:.5;flex:0 0 auto;}
.stx-chip.on{color:var(--text-1);border-color:color-mix(in srgb,var(--sc,#8a8d98) 60%,transparent);
background:color-mix(in srgb,var(--sc,#8a8d98) 14%,var(--bg-panel-alt));}
.stx-chip.on .stx-cdot{opacity:1;}
.stx-chip.ghost{border-style:dashed;}
.stx-chipn{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-2);
background:var(--bg-base);border-radius:6px;padding:0 5px;}
.stx-kpis{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.stx-kpis .awv-stat{flex:1 1 130px;min-width:118px;}
.stx-kpis .awv-stat.stx-top{border-color:color-mix(in srgb,#a855f7 40%,transparent);}
.stx-kpis .awv-stat.stx-top .awv-stat-n{color:#a855f7;}
.stx-subnav{margin:0 0 14px;flex-wrap:wrap;max-width:100%;}
.stx-body{margin-top:2px;}
.stx-tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--bg-panel-alt);}
.stx-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:900px;}
.stx-table thead th{position:sticky;top:0;z-index:3;background:var(--bg-panel-alt);text-align:center;padding:9px 8px;
font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:700;
border-bottom:1px solid var(--border);white-space:nowrap;}
.stx-table thead th:nth-child(2){text-align:left;}
.stx-table td{padding:7px 8px;border-bottom:1px solid var(--border);color:var(--text-1);vertical-align:middle;text-align:center;}
.stx-table tbody tr:hover{background:var(--bg-hover);}
.stx-row.zero{background:color-mix(in srgb,#ef4444 5%,transparent);}
.stx-row.zero .stx-nm{color:var(--text-2);}
.stx-place{width:52px;}
.stx-pl{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:8px;
background:var(--bg-base);color:var(--text-2);font-family:var(--font-mono);font-size:12px;font-weight:700;padding:0 5px;}
.stx-pl.top1,.stx-pl.top2,.stx-pl.top3{background:none;font-size:17px;}
.stx-person{text-align:left !important;white-space:nowrap;min-width:230px;}
.stx-nm{font-weight:700;margin-left:8px;color:var(--text-1);}
.stx-av{position:relative;overflow:hidden;width:22px;height:22px;border-radius:50%;flex:0 0 auto;
display:inline-grid;place-items:center;vertical-align:middle;margin-right:7px;
background:var(--av-c,#8a8d98);color:#fff;font-size:10px;font-weight:700;}
.stx-av .ava-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.stx-role{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:7px;font-size:10.5px;font-weight:700;
background:color-mix(in srgb,var(--rc,#8a8d98) 15%,transparent);color:var(--rc,#8a8d98);}
.stx-m2{display:inline-block;margin-left:5px;padding:1px 7px;border-radius:7px;font-size:10px;font-weight:700;
background:color-mix(in srgb,var(--mc,#8a8d98) 15%,transparent);color:var(--mc,#8a8d98);}
.stx-cat{display:inline-block;padding:2px 9px;border-radius:8px;font-size:10.5px;font-weight:800;white-space:nowrap;
letter-spacing:.02em;background:color-mix(in srgb,var(--sc,#8a8d98) 16%,transparent);color:var(--sc,#8a8d98);
border:1px solid color-mix(in srgb,var(--sc,#8a8d98) 34%,transparent);}
.stx-valcell{min-width:130px;}
.stx-bar{position:relative;display:flex;align-items:center;height:22px;border-radius:7px;background:var(--bg-base);
overflow:hidden;padding:0 8px;min-width:96px;}
.stx-bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0%);
background:color-mix(in srgb,var(--sc,#8a8d98) 34%,transparent);border-right:2px solid var(--sc,#8a8d98);}
.stx-bar b{position:relative;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--text-1);}
.stx-num{font-family:var(--font-mono);font-size:12.5px;color:var(--text-1);white-space:nowrap;}
.stx-num.warn{color:#f59e0b;}
.stx-of{display:block;font-size:10px;color:var(--text-3);font-family:inherit;}
.stx-last{font-size:11.5px;color:var(--text-2);white-space:nowrap;}
.stx-abg{display:block;font-size:10px;color:#f59e0b;font-weight:700;}
.stx-sparkcell{min-width:96px;}
.stx-spark{display:inline-flex;align-items:flex-end;gap:2px;height:26px;}
.stx-spark i{width:7px;min-height:3px;border-radius:2px 2px 1px 1px;background:var(--border-strong);opacity:.7;}
.stx-spark i.on{background:var(--role-dgl);opacity:1;}
.stx-spark i.off{box-shadow:0 2px 0 0 #f59e0b;}
.stx-topcell{text-align:left !important;white-space:nowrap;}
.stx-topchip{display:inline-block;margin:1px 4px 1px 0;padding:2px 8px;border-radius:7px;font-size:11px;
background:var(--bg-base);color:var(--text-2);border:1px solid var(--border);}
.stx-topchip.first{color:var(--text-1);border-color:color-mix(in srgb,var(--role-dgl) 45%,transparent);
background:color-mix(in srgb,var(--role-dgl) 12%,transparent);}
.stx-topchip b{font-family:var(--font-mono);color:var(--role-dgl);}
.stx-matrix{min-width:640px;}
.stx-matrix .stx-mname{text-align:left !important;white-space:nowrap;position:sticky;left:0;z-index:2;
background:var(--bg-panel-alt);padding:7px 12px;min-width:240px;}
.stx-matrix thead .stx-corner{z-index:4;}
.stx-matrix thead th.stx-mname{z-index:4;}
.stx-c{width:46px;min-width:46px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-3);}
.stx-c.has{color:var(--text-1);font-weight:700;}
.stx-c.off{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#f59e0b 55%,transparent);}
.stx-sumrow th{position:sticky;top:41px;z-index:3;background:var(--bg-panel-alt);border-bottom:2px solid var(--border);
font-size:10.5px;color:var(--text-3);padding:5px 6px;}
.stx-sumrow th.stx-mname{top:41px;}
.stx-colsum{color:var(--text-2);font-weight:800;}
.stx-rowsum{font-weight:800;color:var(--role-dgl);background:color-mix(in srgb,var(--role-dgl) 8%,transparent);}
.stx-rowsum.zero{color:var(--text-3);background:none;}
.stx-mrow.zero .stx-nm{color:var(--text-2);}
.stx-kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.stx-kcard{border:1px solid color-mix(in srgb,var(--sc,#8a8d98) 32%,var(--border));border-radius:14px;
background:var(--bg-panel-alt);padding:13px 14px;display:flex;flex-direction:column;gap:8px;}
.stx-khead{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-1);}
.stx-khead .stx-cdot{width:9px;height:9px;border-radius:50%;background:var(--sc);flex:0 0 auto;}
.stx-kcount{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--sc);
background:color-mix(in srgb,var(--sc) 14%,transparent);border-radius:7px;padding:1px 8px;}
.stx-krule{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;}
.stx-klist{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow:auto;}
.stx-kitem{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:9px;background:var(--bg-base);}
.stx-kname{font-weight:600;font-size:12.5px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stx-krole{font-size:10px;color:var(--text-3);white-space:nowrap;}
.stx-kn{margin-left:auto;font-family:var(--font-mono);font-size:12.5px;font-weight:800;color:var(--sc);}
.stx-kempty{font-size:12px;color:var(--text-3);padding:6px 2px;}
@media (max-width:900px){
.stx-panel{padding:14px 12px 16px;}
.stx-chiplbl{min-width:0;width:100%;}
.stx-select{max-width:none;width:100%;}
.stx-fgroup{flex:1 1 150px;}
}
@media (max-width:640px){
.stx-matrix .stx-mname{position:static;min-width:170px;}
.stx-kpis .awv-stat{flex:1 1 44%;}
}

.aw-accent{--aw:#2dd4bf;}
.aw-editbanner{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:11px;
background:rgba(45,212,191,.10);border:1px solid rgba(45,212,191,.38);color:var(--text-1);
font-size:13px;font-weight:600;line-height:1.35;}
.aw-editbanner svg{flex:0 0 auto;stroke:#2dd4bf;}
.aw-subnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:6px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--border);}
.aw-subtab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;border:1px solid transparent;
background:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:.14s;}
.aw-subtab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.aw-subtab:hover{background:var(--bg-hover);color:var(--text-1);}
.aw-subtab.active{background:#2dd4bf;color:#07201c;}
.aw-subtab .cnt{font-size:11px;background:rgba(0,0,0,.18);border-radius:10px;padding:1px 7px;}
.aw-pane{display:none;} .aw-pane.active{display:block;animation:pageIn .2s ease;}
.aw-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:820px;}
.aw-metarow{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:640px){.aw-metarow{grid-template-columns:1fr;}}
.aw-section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:700;
letter-spacing:.02em;color:var(--text-1);margin:18px 0 8px;}
.aw-section-title .cnt{font-size:12px;font-weight:600;color:var(--text-3);}
.aw-plist{display:flex;flex-direction:column;gap:8px;}
.aw-prow{display:grid;grid-template-columns:88px 1fr auto auto;gap:8px;align-items:center;}
@media(max-width:560px){.aw-prow{grid-template-columns:70px 1fr;grid-auto-rows:auto;}
.aw-prow .aw-seg{grid-column:1 / -1;} .aw-prow .aw-del{grid-column:2;justify-self:end;margin-top:-38px;}}
.aw-prow input{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:9px 10px;
color:var(--text-1);font-family:inherit;font-size:13.5px;width:100%;}
.aw-prow input.dn{font-family:var(--font-mono);text-align:center;}
.aw-prow input:focus{outline:none;border-color:#2dd4bf;}
.aw-seg{display:inline-flex;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:9px;overflow:hidden;}
.aw-seg button{border:none;background:none;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600;
color:var(--text-2);cursor:pointer;transition:.12s;}
.aw-seg button.on.pres{background:rgba(52,211,153,.16);color:#34d399;}
.aw-seg button.on.abs{background:rgba(239,90,95,.16);color:#ef5a5f;}
.aw-del{background:none;border:1px solid var(--border-strong);border-radius:8px;width:34px;height:34px;cursor:pointer;
display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);transition:.14s;}
.aw-del:hover{color:#ef5a5f;border-color:#ef5a5f;}
.aw-del svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
.aw-addbar{display:grid;gap:8px;align-items:center;margin-bottom:12px;}
.aw-addbar.with-sel{grid-template-columns:minmax(150px,1.1fr) 92px minmax(0,1.4fr) auto;}
.aw-addbar.no-sel{grid-template-columns:92px minmax(0,1fr) auto;}
@media(max-width:600px){.aw-addbar.with-sel,.aw-addbar.no-sel{grid-template-columns:92px 1fr;}
.aw-addbar .aw-sel{grid-column:1 / -1;} .aw-addbar .aw-addbtn{grid-column:1 / -1;justify-content:center;}}
.aw-addbar input,.aw-sel{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:9px 10px;
color:var(--text-1);font-family:inherit;font-size:13.5px;width:100%;}
.aw-addbar input.dn{font-family:var(--font-mono);text-align:center;}
.aw-addbar input:focus,.aw-sel:focus{outline:none;border-color:#2dd4bf;}
.aw-sel{appearance:none;-webkit-appearance:none;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2395979f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;}
.aw-addbtn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(45,212,191,.14);
border:1px solid rgba(45,212,191,.5);border-radius:8px;padding:9px 15px;color:#2dd4bf;font-family:inherit;
font-size:13px;font-weight:600;cursor:pointer;transition:.14s;}
.aw-addbtn:hover{background:rgba(45,212,191,.24);}
.aw-addbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;}
.aw-accent .cdd{max-width:none;margin:0;}
.aw-accent .cdd-btn{padding:9px 12px;border-radius:8px;}
.aw-accent .cdd-val{text-align:left;}
.aw-accent .cdd.open .cdd-btn{border-color:color-mix(in srgb,#2dd4bf 60%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px rgba(45,212,191,.16);}
.aw-accent .cdd.open .cdd-chev{stroke:#2dd4bf;}
.aw-accent .cdd-item{text-align:left;}
.aw-accent .cdd-item.added{opacity:.45;pointer-events:none;}
.aw-accent .cdd-item.added::after{content:"hinzugefügt";float:right;color:#2dd4bf;font-size:11px;font-weight:600;padding-left:17px;line-height:15px;
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232dd4bf' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") left center/13px no-repeat;}
.aw-submitbar{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap;}
.aw-searchbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:820px;margin:0 0 12px;}
.aw-searchbar .cov-searchbox{flex:1;min-width:220px;}
.aw-searchbar .cov-searchbox input{width:100%;max-width:none;}
.aw-searchcount{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:22px;
font-family:var(--font-display,inherit);font-size:13px;font-weight:700;letter-spacing:.01em;color:#2dd4bf;
background:color-mix(in srgb,#2dd4bf 15%,transparent);
box-shadow:inset 0 0 0 1px color-mix(in srgb,#2dd4bf 40%,transparent);}
.aw-searchcount svg{width:15px;height:15px;flex:0 0 auto;opacity:.9;}
.aw-searchcount.filtering{color:#f0b429;background:color-mix(in srgb,#f0b429 17%,transparent);
box-shadow:inset 0 0 0 1px color-mix(in srgb,#f0b429 46%,transparent);}
.aw-searchempty{max-width:820px;}
.aw-list{display:flex;flex-direction:column;gap:10px;max-width:820px;}
.aw-item{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;
padding:14px 16px;cursor:pointer;transition:.14s;}
.aw-item:hover{border-color:#2dd4bf;background:var(--bg-panel-alt);}
.aw-item .aw-datebox{flex-shrink:0;width:52px;height:52px;border-radius:10px;background:rgba(45,212,191,.12);
border:1px solid rgba(45,212,191,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2dd4bf;}
.aw-item .aw-datebox b{font-family:var(--font-display);font-size:19px;line-height:1;}
.aw-item .aw-datebox span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;}
.aw-item .aw-imeta{flex:1;min-width:0;}
.aw-item .aw-ititle{font-weight:700;color:var(--text-1);font-size:14px;margin-bottom:3px;}
.aw-item .aw-isub{font-size:12px;color:var(--text-2);display:flex;flex-wrap:wrap;gap:10px;}
.aw-item .aw-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;}
.aw-badge.pres{background:rgba(52,211,153,.14);color:#34d399;}
.aw-badge.abs{background:rgba(239,90,95,.14);color:#ef5a5f;}
.aw-item .aw-go{color:var(--text-3);flex-shrink:0;}
.aw-item .aw-go svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}
.aw-back{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--text-2);
font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 2px;margin-bottom:12px;}
.aw-back:hover{color:#2dd4bf;} .aw-back svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;}
.aw-back-origin{color:#fff;padding:8px 15px;margin-right:12px;border-radius:9px;
background:linear-gradient(180deg,color-mix(in srgb,var(--role-dgl) 92%,transparent),color-mix(in srgb,var(--role-dgl) 72%,transparent));
box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px color-mix(in srgb,var(--role-dgl) 80%,transparent),0 3px 10px rgba(0,0,0,.32);}
.aw-back-origin:hover{color:#fff;filter:brightness(1.1);}
.aw-meta{max-width:820px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;
padding:12px 16px;margin-bottom:14px;font-size:13px;color:var(--text-2);line-height:1.7;}
.aw-meta b{color:var(--text-1);font-weight:600;}
.aw-meta .aw-mlabel{display:inline-block;min-width:78px;color:var(--text-3);}
.aw-isub .aw-who{color:var(--text-1);font-weight:600;}
.aw-doc{background:#fff;color:#1a1a1a;border-radius:12px;max-width:820px;padding:38px 46px;font-family:'Inter',Arial,sans-serif;
box-shadow:0 8px 40px rgba(0,0,0,.35);}
.aw-doc .d-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1.5px solid #333;padding-bottom:14px;}
.aw-doc .d-org{font-size:13.5px;line-height:1.5;color:#222;}
.aw-doc .d-org b{font-size:15px;}
.aw-doc .d-wappen{width:74px;height:auto;flex-shrink:0;}
.aw-doc .d-date{text-align:right;font-size:13px;margin-top:8px;color:#222;}
.aw-doc .d-date b{background:#eef6ff;padding:2px 8px;border-radius:4px;}
.aw-doc h2.d-title{text-align:center;color:#123a8f;text-decoration:underline;font-size:26px;margin:26px 0 6px;font-weight:700;font-family:'Rajdhani',sans-serif;}
.aw-doc .d-sec{margin-top:26px;}
.aw-doc .d-sec h3{text-align:center;color:#123a8f;text-decoration:underline;font-size:19px;margin:0 0 10px;font-weight:700;}
.aw-doc .d-person{text-align:center;font-size:15px;margin:5px 0;color:#1a1a1a;}
.aw-doc .d-person .st-pres{color:#1a7a34;font-weight:700;}
.aw-doc .d-person .st-abs{color:#c0392b;font-weight:700;}
.aw-doc .d-note{margin-top:22px;font-size:13px;color:#333;border-top:1px solid #ddd;padding-top:12px;white-space:pre-wrap;}
.aw-doc .d-sign{margin-top:44px;border-top:1px solid #999;padding-top:14px;font-size:13.5px;color:#1a1a1a;}
.aw-doc .d-sign .s-name{font-weight:700;} .aw-doc .d-sign .s-role{font-style:italic;color:#333;margin-bottom:10px;}
.aw-doc .d-foot{text-align:center;color:#9aa;font-size:10px;letter-spacing:.08em;margin-top:24px;text-transform:uppercase;}

.chat-tabs{display:flex;gap:8px;max-width:860px;margin:0 0 12px;flex-wrap:wrap;}
.chat-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;border:1px solid var(--border-strong);
background:rgba(23,24,28,.5);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:.15s;}
.chat-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;}
.chat-tab:hover{background:var(--bg-hover);color:var(--text-1);}
.chat-tab.active{color:#fff;border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 22%, rgba(23,24,28,.5));}
.chat-tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;
display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.chat-tabpane{display:none;} .chat-tabpane.active{display:block;}
.dm-wrap{display:flex;gap:14px;max-width:1460px;height:calc(100vh - 160px - var(--dock-space));}
.dm-list{flex:0 0 330px;display:flex;flex-direction:column;border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;
background:rgba(23,24,28,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);}
.dm-list-head{flex:0 0 auto;display:flex;flex-direction:column;gap:9px;padding:12px;border-bottom:1px solid var(--border-strong);}
.dm-new{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:11px;border:0;cursor:pointer;
background:linear-gradient(135deg,var(--role-ausb,#5b9dfa),#4a86e8);color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(74,134,232,.28);transition:.14s;}
.dm-new:hover{filter:brightness(1.06);transform:translateY(-1px);}
.dm-new svg{width:16px;height:16px;}
.dm-search{position:relative;display:flex;align-items:center;}
.dm-search>svg{position:absolute;left:10px;width:15px;height:15px;color:var(--text-3);pointer-events:none;}
.dm-search input{width:100%;padding:8px 30px 8px 32px;border-radius:10px;border:1px solid var(--border-strong);background:rgba(0,0,0,.22);color:var(--text-1);font:inherit;font-size:13px;}
.dm-search input:focus{outline:none;border-color:var(--role-ausb,#5b9dfa);}
.dm-search-clear{position:absolute;right:6px;background:none;border:0;color:var(--text-3);cursor:pointer;font-size:14px;padding:4px;line-height:1;}
.dm-seg{display:flex;gap:6px;flex-wrap:wrap;}
.dm-seg:empty{display:none;}
.dm-seg button{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:8px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);font-size:12px;cursor:pointer;white-space:nowrap;transition:.12s;}
.dm-seg button:hover{background:var(--bg-hover);}
.dm-seg button.active{background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 16%,transparent);color:var(--text-1);border-color:var(--role-ausb,#5b9dfa);}
.dm-seg-cnt{font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:var(--text-2);}
.dm-seg button.active .dm-seg-cnt{background:var(--role-ausb,#5b9dfa);color:#fff;}
.dm-threads{flex:1 1 auto;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;}
.dm-empty-list,.dm-placeholder{margin:auto;color:var(--text-3);font-size:13px;text-align:center;padding:20px;}
.dm-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:380px;line-height:1.55;}
.dm-placeholder svg{width:48px;height:48px;opacity:.7;}
.dm-thread{display:flex;gap:10px;text-align:left;border:1px solid var(--border-strong);border-radius:13px;padding:10px;background:rgba(255,255,255,.02);cursor:pointer;transition:.12s;}
.dm-thread:hover{background:var(--bg-hover);}
.dm-thread.active{border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 12%, transparent);}
.dm-thread.needs{border-left:3px solid #ef4444;padding-left:8px;}
.dm-thread.urgent .dm-t-subj{color:#ffb4b4;}
.dm-thread.is-done{opacity:.6;}
.dm-av{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:var(--av-c,#5b9dfa);overflow:hidden;flex:0 0 auto;}
.dm-av img{width:100%;height:100%;object-fit:cover;}
.dm-t-av{position:relative;flex:0 0 auto;}
.dm-t-av .dm-dot{position:absolute;top:-3px;right:-3px;border:2px solid #16171b;}
.dm-t-body{flex:1 1 auto;min-width:0;}
.dm-t-top{display:flex;align-items:center;gap:8px;justify-content:space-between;}
.dm-t-subj{font-weight:600;font-size:13px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px;min-width:0;}
.dm-flag{flex:0 0 auto;display:inline-flex;align-items:center;line-height:0;}
.dm-flag svg{display:block;}
.dm-ico{flex:0 0 auto;}
.dm-chip .dm-ico,.dm-t-cnt .dm-ico{vertical-align:-2px;}
.dm-t-time{font-size:10px;color:var(--text-3);flex:0 0 auto;}
.dm-t-prev{font-size:12px;color:var(--text-3);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dm-t-prev b{color:var(--text-2);font-weight:600;}
.dm-t-foot{display:flex;align-items:center;gap:6px;margin-top:7px;}
.dm-t-cnt{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-3);white-space:nowrap;}
.dm-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:1px 7px;border-radius:8px;font-weight:600;white-space:nowrap;}
.dm-chip.g-dgl{background:rgba(245,147,76,.18);color:#f5934c;}
.dm-chip.g-sachbearbeiter{background:rgba(91,157,250,.18);color:#5b9dfa;}
.dm-chip.done{background:rgba(52,211,153,.18);color:#34d399;}
.dm-chip.urgent{background:rgba(239,68,68,.16);color:#ef7676;}
.dm-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;flex:0 0 auto;}
.dm-t-av .dm-new-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;
display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:1;
border:2px solid #16171b;}
.dm-t-av .dm-new-badge::after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;
box-shadow:0 0 0 2px rgba(239,68,68,.55);animation:ringOut 1.8s ease-out infinite;}
.dm-thread.has-new{position:relative;border-color:rgba(239,68,68,.5);
background:color-mix(in srgb,#ef4444 8%, rgba(255,255,255,.02));
box-shadow:0 0 0 1px rgba(239,68,68,.32),0 0 14px -3px rgba(239,68,68,.42);}
.dm-thread.has-new::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
box-shadow:0 0 0 1px rgba(239,68,68,.5),0 0 18px -1px rgba(239,68,68,.5);opacity:0;animation:glowO 2.4s ease-in-out infinite;}
@keyframes glowO{0%,100%{opacity:0;}50%{opacity:1;}}
.dm-thread.has-new .dm-t-subj{color:#ffd7d0;}
.dm-convo{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;
background:rgba(23,24,28,.5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);}
.dm-convo-head{flex:0 0 auto;display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--border-strong);flex-wrap:wrap;}
.dm-back{display:none;background:transparent;border:0;color:var(--text-2);cursor:pointer;font-size:22px;line-height:1;padding:0 4px;}
.dm-h-av{flex:0 0 auto;}
.dm-h-meta{flex:1 1 180px;min-width:0;}
.dm-h-subj{font-weight:700;font-size:14px;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;}
.dm-h-sub{font-size:11px;color:var(--text-3);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.dm-h-actions{display:flex;gap:6px;flex:0 0 auto;flex-wrap:wrap;}
.dm-act{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:9px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:.12s;}
.dm-act svg{width:14px;height:14px;}
.dm-act:hover{background:var(--bg-hover);color:var(--text-1);}
.dm-act.act-fwd{border-color:rgba(245,147,76,.5);color:#f5934c;}
.dm-act.act-done{border-color:rgba(52,211,153,.5);color:#34d399;}
.dm-act.act-urgent.on{border-color:#ef4444;color:#ef7676;background:rgba(239,68,68,.1);}
.dm-act.act-arch{border-color:var(--border-strong);color:var(--text-2);}
.dm-act.act-arch:hover{border-color:var(--text-3);color:var(--text-1);}
.dm-act.act-del{border-color:rgba(239,68,68,.5);color:#ef7676;}
.dm-act.act-del:hover{background:rgba(239,68,68,.14);color:#ff9a9a;}
.dm-chip.arch{background:rgba(148,163,184,.18);color:#94a3b8;}
.dm-thread.is-archived{opacity:.66;}
.dm-thread.is-archived:hover{opacity:.85;}
.dm-msgs{flex:1 1 auto;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;}
.dm-daysep{align-self:center;margin:6px 0;font-size:11px;color:var(--text-3);}
.dm-daysep span{background:rgba(255,255,255,.06);padding:3px 12px;border-radius:10px;}
.dm-msg{display:flex;gap:8px;align-items:flex-end;max-width:84%;}
.dm-msg.them{align-self:flex-start;}
.dm-msg.me{align-self:flex-end;flex-direction:row-reverse;}
.dm-m-av .dm-av{width:28px;height:28px;font-size:12px;border-radius:9px;}
.dm-bubble{padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word;min-width:0;}
.dm-msg.them .dm-bubble{background:rgba(255,255,255,.06);border-bottom-left-radius:5px;}
.dm-msg.me .dm-bubble{background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 30%, rgba(30,32,38,.6));border-bottom-right-radius:5px;}
.dm-m-head{font-size:11px;color:var(--text-3);margin-bottom:3px;font-weight:600;}
.dm-m-time{font-size:10px;color:var(--text-3);opacity:.75;margin-top:4px;text-align:right;}
.dm-sys{align-self:center;font-size:11px;color:var(--text-2);background:rgba(255,255,255,.05);padding:5px 12px;border-radius:10px;text-align:center;max-width:92%;}
.tsk-msg{display:flex;flex-direction:column;gap:3px;max-width:84%;}
.tsk-msg.them{align-self:flex-start;align-items:flex-start;}
.tsk-msg.me{align-self:flex-end;align-items:flex-end;}
.tsk-msg .dm-msg{max-width:100%;}
.tsk-msg.them .chat-reactions,.tsk-msg.them .tsk-seen,.tsk-msg.them .seen-wrap{margin-left:36px;}
.tsk-react-btn{align-self:center;flex:0 0 auto;width:26px;height:26px;border:none;background:none;color:var(--text-3);cursor:pointer;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .12s,background .12s,color .12s;}
.tsk-react-btn svg{width:16px;height:16px;}
.dm-msg:hover .tsk-react-btn{opacity:1;}
.tsk-react-btn:hover{background:var(--bg-hover);color:var(--text-1);}
.dm-msg{gap:6px;}
.chat-replybar{flex:0 0 auto;}
.dm-bubble .chat-quote{max-width:100%;margin:0 0 5px;padding:3px 0 3px 8px;}
.dm-msg.me .dm-bubble .chat-quote{border-left-color:rgba(255,255,255,.75);}
.dm-msg.me .dm-bubble .chat-quote .q-name{color:#fff;}
.dm-msg.me .dm-bubble .chat-quote .q-text{color:rgba(255,255,255,.82);}
.dm-msg.me .dm-bubble .chat-quote:hover .q-text{color:#fff;}
.tsk-msg.flash .dm-bubble{animation:dmQuoteFlash 1.3s ease-out;}
@keyframes dmQuoteFlash{
0%,35%{ box-shadow:0 0 0 2px color-mix(in srgb,var(--role-ausb) 70%, transparent); }
100% { box-shadow:0 0 0 2px transparent; }
}
.tsk-seen{display:flex;align-items:center;gap:4px;margin-top:1px;}
.tsk-seen-lbl{font-size:10px;color:var(--text-3);}
.tsk-seen-av{width:16px;height:16px;border-radius:50%;background:var(--av-c,#5b9dfa);color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 0 0 2px var(--bg-1,#16171b);}
.ava{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:0 0 auto;
width:var(--av-s,28px);height:var(--av-s,28px);border-radius:50%;
background:var(--av-c,#5b9dfa);color:#fff;font-weight:700;font-size:calc(var(--av-s,28px) * .42);line-height:1;}
.ava-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.ava .ava-img,.chat-av .ava-img,.dm-av .ava-img,.tk-av .ava-img,.cm-av .ava-img,.fs-av .ava-img,
.seen-av .ava-img,.seen-row-av .ava-img,.tsk-person-av .ava-img,.tsk-seen-av .ava-img,
.mnt-g-av .ava-img,.mem-av .ava-img,.re-av .ava-img,.dm-t-av .ava-img{
position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;}
.tsk-person-av,.tsk-seen-av,.seen-av,.seen-row-av,.mnt-g-av,.mem-av,.dm-av,.tk-av,.chat-av,.cm-av,.fs-av{position:relative;overflow:hidden;}
.seen-wrap{display:flex;margin-top:1px;max-width:100%;}
.tsk-msg.me .seen-wrap{justify-content:flex-end;}
.seen-btn{display:inline-flex;align-items:center;gap:5px;padding:2px 7px 2px 5px;border:1px solid transparent;
background:none;border-radius:999px;cursor:pointer;color:var(--text-3);font:inherit;font-size:10.5px;line-height:1;
transition:background .12s,border-color .12s,color .12s;}
.seen-btn:hover,.seen-btn.open{background:rgba(255,255,255,.06);border-color:var(--border-strong);color:var(--text-1);}
.seen-btn .seen-check{width:13px;height:13px;flex:0 0 auto;color:var(--role-erw,#34d399);}
.seen-btn .seen-caret{width:11px;height:11px;flex:0 0 auto;opacity:.7;transition:transform .15s;}
.seen-btn.open .seen-caret{transform:rotate(180deg);}
.seen-lbl{white-space:nowrap;}
.seen-avs{display:inline-flex;align-items:center;}
.seen-av{width:16px;height:16px;border-radius:50%;background:var(--av-c,#5b9dfa);color:#fff;font-size:9px;font-weight:700;
display:grid;place-items:center;flex:0 0 auto;box-shadow:0 0 0 1.5px var(--bg-1,#16171b);margin-left:-5px;}
.seen-avs .seen-av:first-child{margin-left:0;}
.seen-av.seen-more{background:rgba(255,255,255,.16);color:var(--text-2);font-size:8.5px;}
.seen-pop{position:fixed;z-index:1250;display:none;min-width:250px;max-width:330px;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), rgba(24,25,30,.86);
-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);
border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.55);overflow:hidden;}
.seen-pop-head{display:flex;align-items:center;gap:7px;padding:9px 10px 8px 11px;font-size:11.5px;font-weight:600;
color:var(--text-2);border-bottom:1px solid var(--border-strong);}
.seen-pop-head .seen-check{width:14px;height:14px;flex:0 0 auto;color:var(--role-erw,#34d399);}
.seen-pop-head span{flex:1;min-width:0;}
.seen-pop-x{border:none;background:none;color:var(--text-3);cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;border-radius:6px;}
.seen-pop-x:hover{background:var(--bg-hover);color:var(--text-1);}
.seen-pop-list{max-height:290px;overflow-y:auto;overscroll-behavior:contain;padding:5px;}
.seen-row{display:flex;align-items:center;gap:9px;padding:6px 7px;border-radius:10px;}
.seen-row:hover{background:rgba(255,255,255,.05);}
.seen-row-av{width:30px;height:30px;border-radius:50%;background:var(--av-c,#5b9dfa);color:#fff;font-size:13px;font-weight:700;
display:grid;place-items:center;flex:0 0 auto;}
.seen-row-body{min-width:0;flex:1;}
.seen-row-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.seen-name{font-size:12.5px;font-weight:600;color:var(--text-1);}
.seen-dn{font-size:10px;color:var(--text-3);background:rgba(255,255,255,.07);border-radius:6px;padding:1px 5px;}
.seen-row-roles{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:2px;}
.seen-row-roles:empty{display:none;}
.seen-when{flex:0 0 auto;font-size:10px;color:var(--text-3);text-align:right;white-space:nowrap;}
.chat-body .seen-wrap{margin-top:2px;}
@media (hover:none){ .tsk-react-btn{opacity:.6;} }
.dm-att img{max-width:220px;max-height:200px;border-radius:8px;margin-top:6px;display:block;cursor:pointer;}
.dm-att a{color:var(--role-ausb,#5b9dfa);font-size:13px;display:inline-flex;align-items:center;gap:5px;}
.dm-att a .dm-ico{flex:0 0 auto;}
.dm-quicks{flex:0 0 auto;display:flex;gap:6px;flex-wrap:wrap;padding:9px 12px 0;}
.dm-quick{padding:5px 10px;border-radius:14px;border:1px solid var(--border-strong);background:rgba(255,255,255,.03);color:var(--text-2);font-size:12px;cursor:pointer;transition:.12s;}
.dm-quick:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--role-ausb,#5b9dfa);}
.dm-composer{flex:0 0 auto;display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--border-strong);}
.dm-composer textarea{flex:1;resize:none;max-height:120px;min-height:40px;border-radius:12px;border:1px solid var(--border-strong);background:rgba(0,0,0,.25);color:var(--text-1);padding:10px 12px;font:inherit;}
.dm-send{flex:0 0 auto;border:0;border-radius:10px;background:var(--role-ausb,#5b9dfa);color:#fff;padding:10px 16px;font-weight:600;cursor:pointer;}
.dm-send:hover{filter:brightness(1.06);}
.dm-attbtn{flex:0 0 auto;border:1px solid var(--border-strong);border-radius:10px;background:transparent;color:var(--text-2);padding:9px 11px;cursor:pointer;}
.dm-attbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;}
.dm-new-form{padding:20px;display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto;width:100%;overflow-y:auto;}
.dm-new-form h3{margin:0;font-size:16px;}
.dm-new-hint{margin:-6px 0 0;font-size:12px;color:var(--text-3);line-height:1.5;}
.dm-new-form .dm-fl{font-size:12px;color:var(--text-2);margin-bottom:6px;display:block;font-weight:600;}
.dm-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;}
.dm-tpl{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-strong);
background:transparent;color:var(--text-1);cursor:pointer;font:inherit;font-size:13px;font-weight:600;text-align:left;transition:.12s;}
.dm-tpl:hover{background:var(--bg-hover);border-color:var(--text-3);}
.dm-tpl.active{border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 13%, transparent);}
.dm-tpl-ic{line-height:0;flex:0 0 auto;color:var(--role-ausb,#5b9dfa);}
.dm-tpl-ic svg{display:block;width:18px;height:18px;}
.dm-tpl-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.dm-target,.dm-prio{display:flex;gap:10px;}
.dm-prio button .dm-ico{vertical-align:-1px;margin-right:2px;}
.dm-target button,.dm-prio button{flex:1;padding:11px;border-radius:12px;border:1px solid var(--border-strong);background:transparent;color:var(--text-1);cursor:pointer;font-weight:600;font-size:13px;transition:.12s;}
.dm-target button:hover,.dm-prio button:hover{background:var(--bg-hover);}
.dm-target button.active{border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 14%, transparent);}
.dm-target button.g-dgl.active{border-color:#f5934c;background:rgba(245,147,76,.14);}
.dm-target button.g-sachbearbeiter.active{border-color:#5b9dfa;background:rgba(91,157,250,.14);}
.dm-target-fixed{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-hover);font-size:12.5px;color:var(--text-2);line-height:1.5;}
.dm-target-fixed b{color:var(--text-1);}
.dm-target-fixed svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;stroke:currentColor;}
.dm-target-fixed.g-sachbearbeiter{border-color:rgba(91,157,250,.4);color:var(--text-2);}
.dm-target-fixed.g-sachbearbeiter svg{stroke:#5b9dfa;}
.dm-prio button.active{border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 14%, transparent);}
.dm-prio button[data-dmprioset="dringend"].active{border-color:#ef4444;background:rgba(239,68,68,.12);color:#ff9a9a;}
.dm-new-form input,.dm-new-form textarea{width:100%;border-radius:10px;border:1px solid var(--border-strong);background:rgba(0,0,0,.25);color:var(--text-1);padding:10px 12px;font:inherit;}
.dm-new-form textarea{resize:vertical;min-height:110px;}
.dm-new-att{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--border-strong);border-radius:9px;padding:8px 10px;}
.dm-new-actions{display:flex;gap:10px;align-items:center;}
@media (max-width:760px){
.dm-wrap{height:calc(100dvh - 188px - var(--dock-space));}
.dm-list{flex-basis:100%;}
.dm-wrap.show-convo .dm-list{display:none;}
.dm-wrap:not(.show-convo) .dm-convo{display:none;}
.dm-back{display:block;}
.dm-h-actions .dm-act{padding:6px 8px;}
}

.tsk-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:1px 8px;border-radius:8px;font-weight:700;white-space:nowrap;}
.tsk-pill.s-offen{background:rgba(148,163,184,.18);color:#9fb0c4;}
.tsk-pill.s-in_arbeit{background:rgba(224,169,64,.18);color:#e0b64c;}
.tsk-pill.s-erledigt{background:rgba(52,211,153,.18);color:#34d399;}
.tsk-pill.s-nicht_erledigt{background:rgba(239,68,68,.16);color:#ef7676;}
.tsk-pill.s-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.dm-thread.tsk-done{opacity:.62;}
.dm-thread.tsk-urgent .dm-t-subj{color:#ffb4b4;}
.tsk-infocard{display:flex;flex-direction:column;gap:11px;padding:14px 16px;margin:0 0 4px;border-radius:16px;
border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));}
.tsk-infocard .tsk-people{padding:0;border-bottom:1px solid var(--border-strong);padding-bottom:11px;}
.tsk-infocard .tsk-desc{margin:0;}
.tsk-meta{display:flex;flex-wrap:wrap;gap:8px 10px;padding:0;}
.tsk-meta-item{display:inline-flex;flex-direction:column;gap:2px;padding:6px 11px;border-radius:11px;
background:rgba(0,0,0,.2);border:1px solid var(--border-strong);min-width:74px;}
.tsk-meta-k{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);}
.tsk-meta-item b{color:var(--text-1);font-weight:600;font-size:12.5px;}
.tsk-meta-item.tsk-due.over{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1);}
.tsk-meta-item.tsk-due.over b{color:#ff9a9a;}
.tsk-over-tag{font-size:9.5px;font-weight:700;color:#ff9a9a;}
.tsk-desc{font-size:13.5px;line-height:1.55;color:var(--text-1);white-space:pre-wrap;word-break:break-word;
background:rgba(255,255,255,.035);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;margin:4px 0 2px;}
.tsk-att-block{margin:6px 0 2px;}
.tsk-att-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;}
.tsk-att-add{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;cursor:pointer;font-size:12.5px;font-weight:600;
color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--border-strong);transition:background .13s,color .13s,border-color .13s;}
.tsk-att-add:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--text-3);}
.tsk-att-add svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.tsk-att-hint{font-size:11.5px;color:var(--text-3);}
.dm-att-btn{flex:0 0 auto;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-strong);background:rgba(255,255,255,.04);
color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:background .13s,color .13s,border-color .13s;}
.dm-att-btn:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--text-3);}
.dm-att-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;}
.dm-bubble .tk-att-grid{margin-top:8px;}
.tsk-statusbar{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:10px 14px;border-top:1px solid var(--border-strong);
background:rgba(0,0,0,.14);}
.tsk-statusbar .tsk-sb-lbl{font-size:11.5px;color:var(--text-3);font-weight:600;margin-right:2px;}
.tsk-sbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--border-strong);
background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:.12s;}
.tsk-sbtn:hover{background:var(--bg-hover);color:var(--text-1);}
.tsk-sbtn .tsk-sbtn-dot{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.7;flex:0 0 auto;}
.tsk-sbtn.active{color:#fff;}
.tsk-sbtn.active.s-offen{border-color:#9fb0c4;background:rgba(159,176,196,.18);color:#cdd6e0;}
.tsk-sbtn.active.s-in_arbeit{border-color:#e0b64c;background:rgba(224,169,64,.18);color:#f0cd7a;}
.tsk-sbtn.active.s-erledigt{border-color:#34d399;background:rgba(52,211,153,.18);color:#5fe0b6;}
.tsk-sbtn.active.s-nicht_erledigt{border-color:#ef4444;background:rgba(239,68,68,.16);color:#ff9a9a;}
.tsk-event{align-self:center;font-size:11px;color:var(--text-2);background:rgba(255,255,255,.05);padding:5px 12px;border-radius:10px;text-align:center;max-width:94%;line-height:1.45;}
.tsk-event.status{background:rgba(224,169,64,.1);color:#e0c188;}
.dm-new-form select{width:100%;border-radius:10px;border:1px solid var(--border-strong);background:rgba(0,0,0,.25);color:var(--text-1);padding:10px 12px;font:inherit;}
.tsk-h-assignee{display:inline-flex;align-items:center;gap:5px;}
.tsk-reassign{border:0;background:transparent;color:var(--role-ausb,#5b9dfa);font-size:12px;cursor:pointer;padding:0 2px;text-decoration:underline;align-self:center;}
.tsk-reassign:hover{color:#7db4ff;}
.tsk-people{display:flex;flex-direction:column;align-items:stretch;gap:9px;flex-wrap:nowrap;padding:2px 2px 8px;}
.tsk-people-lbl{font-size:10.5px;font-weight:800;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;flex:0 0 auto;}
.tsk-people-chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;}
.tsk-person{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 5px;border-radius:999px;
background:rgba(255,255,255,.045);border:1px solid var(--border-strong);font-size:13px;color:var(--text-1);max-width:100%;}
.tsk-person.lead{border-color:color-mix(in srgb,var(--role-ausb,#5b9dfa) 45%, transparent);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 12%, transparent);}
.tsk-person-av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
font-size:11px;font-weight:700;color:#fff;background:var(--av-c,#8b93a7);}
.tsk-person-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tsk-person-role{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8fbaff;background:rgba(91,157,250,.2);border-radius:5px;padding:1px 5px;flex:0 0 auto;}
.tsk-person-dn{font-size:11px;font-weight:700;color:var(--text-3);background:rgba(0,0,0,.22);border-radius:6px;padding:1px 6px;flex:0 0 auto;}
.tsk-person-gone{font-size:10.5px;color:#ef7676;font-weight:600;}
.tsk-person-x{width:20px;height:20px;border-radius:50%;border:0;background:transparent;color:var(--text-3);cursor:pointer;display:grid;place-items:center;flex:0 0 auto;transition:.12s;}
.tsk-person-x svg{width:12px;height:12px;}
.tsk-person-x:hover{background:rgba(239,68,68,.16);color:#ff9a9a;}
.tsk-person-add{display:inline-flex;align-items:center;gap:5px;padding:5px 12px 5px 8px;border-radius:999px;cursor:pointer;
font-size:12px;font-weight:600;color:var(--role-ausb,#5b9dfa);background:transparent;border:1px dashed color-mix(in srgb,var(--role-ausb,#5b9dfa) 50%, transparent);transition:.12s;}
.tsk-person-add svg{width:14px;height:14px;}
.tsk-person-add:hover{background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 12%, transparent);border-style:solid;}
.tsk-co-more{display:inline-block;font-size:11px;font-weight:700;color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 15%, transparent);border-radius:7px;padding:0 6px;vertical-align:middle;}
.tsk-pick-list{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:6px;margin:2px -2px;padding:2px;}
.tsk-pick-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border-radius:11px;
border:1px solid var(--border-strong);background:transparent;color:var(--text-1);cursor:pointer;font:inherit;transition:.12s;}
.tsk-pick-opt:hover{background:var(--bg-hover);border-color:var(--text-3);}
.tsk-pick-opt.current{border-color:color-mix(in srgb,var(--role-ausb,#5b9dfa) 55%, transparent);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 10%, transparent);}
.tsk-pick-opt .tsk-person-av{width:30px;height:30px;font-size:13px;}
.tsk-pick-name{font-size:13.5px;font-weight:600;}
.tsk-pick-cur{color:var(--text-3);font-weight:500;font-size:12px;}
.tsk-src{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c9a978;background:rgba(224,169,64,.1);
border:1px solid rgba(224,169,64,.28);border-radius:10px;padding:8px 12px;margin:2px 0 4px;}
.tsk-src svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:2;}
.dm-act.act-task{border-color:rgba(52,211,153,.5);color:#34d399;}
.dm-act.act-task:hover{background:rgba(52,211,153,.12);color:#5fe0b6;}
.dm-totask .dm-fl{font-size:12px;color:var(--text-2);margin-bottom:6px;display:block;font-weight:600;}
.dm-totask .dm-tt-field{margin-bottom:12px;}
.dm-totask .dm-tt-row{display:flex;gap:12px;flex-wrap:wrap;}
.dm-totask input,.dm-totask select{width:100%;border-radius:10px;border:1px solid var(--border-strong);background:rgba(0,0,0,.25);color:var(--text-1);padding:10px 12px;font:inherit;}
.dm-totask .dm-prio{display:flex;gap:10px;}
.dm-totask .dm-prio button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border-strong);background:transparent;color:var(--text-1);cursor:pointer;font-weight:600;font-size:13px;}
.dm-totask .dm-prio button.active{border-color:var(--role-ausb,#5b9dfa);background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 14%, transparent);}
.dm-totask .dm-prio button[data-p="dringend"].active{border-color:#ef4444;background:rgba(239,68,68,.12);color:#ff9a9a;}
.dm-totask .dm-tt-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);margin:4px 0 2px;cursor:pointer;}
.dm-totask .dm-tt-check input{width:16px;height:16px;}

.tsk-cdd,.tsk-datecdd{max-width:none;margin:0;}
.tsk-cdd .cdd-btn,.tsk-datecdd .cdd-btn{padding:11px 13px;border-radius:11px;}
.tsk-cdd .cdd-val,.tsk-datecdd .cdd-val{text-align:left;}
.tsk-cdd .cdd-item,.tsk-datecdd .cdd-item{text-align:left;}
.tsk-datecdd .cdd-btn>.cdd-cal{width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2;flex:0 0 auto;}
.tsk-datecdd.open .cdd-btn>.cdd-cal{stroke:var(--role-ausb);}
.tsk-datecdd .cal-clear{margin-left:auto;color:var(--text-3);font-size:14px;line-height:1;padding:0 4px;border-radius:6px;flex:0 0 auto;}
.tsk-datecdd .cal-clear:hover{color:#ef7676;background:rgba(239,68,68,.12);}
.cal-menu{padding:12px;min-width:288px;}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cal-title{font-size:14px;font-weight:700;color:var(--text-1);}
.cal-nav{width:30px;height:30px;border-radius:9px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);
font-size:18px;line-height:1;cursor:pointer;transition:.12s;display:grid;place-items:center;}
.cal-nav:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--role-ausb);}
.cal-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;}
.cal-wd span{text-align:center;font-size:11px;font-weight:600;color:var(--text-3);padding:3px 0;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.cal-cell{aspect-ratio:1;border:0;background:transparent;color:var(--text-1);border-radius:9px;font:inherit;font-size:13px;cursor:pointer;
display:grid;place-items:center;transition:.1s;}
.cal-cell:hover:not(.empty){background:var(--bg-hover);}
.cal-cell.empty{cursor:default;}
.cal-cell.today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-ausb) 60%, transparent);color:var(--role-ausb);font-weight:700;}
.cal-cell.sel{background:var(--role-ausb,#5b9dfa);color:#fff;font-weight:700;}
.cal-cell.sel.today{box-shadow:none;}
.cal-foot{display:flex;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border-strong);}
.cal-foot button{flex:1;padding:8px;border-radius:9px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);
font-size:12.5px;font-weight:600;cursor:pointer;transition:.12s;}
.cal-foot button:hover{background:var(--bg-hover);color:var(--text-1);}
.cal-foot .cal-today:hover{border-color:var(--role-ausb);color:var(--role-ausb);}
.cal-foot .cal-clearbtn:hover{border-color:#ef4444;color:#ef7676;}

[data-ctab="tasks"] .dm-wrap{max-width:1460px;height:calc(100vh - 168px - var(--dock-space));gap:20px;}
[data-ctab="tasks"] .dm-list{flex-basis:396px;border-radius:18px;}
[data-ctab="tasks"] .dm-list-head{padding:14px;gap:11px;}
[data-ctab="tasks"] .dm-new{padding:12px;font-size:14px;border-radius:12px;}
[data-ctab="tasks"] .dm-new svg{width:18px;height:18px;}
[data-ctab="tasks"] .dm-threads{padding:10px;gap:8px;}
[data-ctab="tasks"] .dm-thread{padding:13px;border-radius:15px;}
[data-ctab="tasks"] .dm-t-av .dm-av{width:44px;height:44px;font-size:17px;border-radius:13px;}
[data-ctab="tasks"] .dm-t-subj{font-size:14.5px;}
[data-ctab="tasks"] .dm-t-prev{font-size:12.5px;margin-top:4px;}
[data-ctab="tasks"] .dm-t-foot{margin-top:9px;gap:7px;}
[data-ctab="tasks"] .dm-convo{border-radius:18px;}
[data-ctab="tasks"] .dm-convo-head{padding:15px 20px;gap:14px;}
[data-ctab="tasks"] .dm-h-av .dm-av{width:46px;height:46px;font-size:18px;border-radius:13px;}
[data-ctab="tasks"] .dm-h-subj{font-size:18px;}
[data-ctab="tasks"] .dm-h-sub{font-size:12px;margin-top:5px;gap:8px;}
[data-ctab="tasks"] .dm-msgs{padding:20px 22px;gap:11px;}
[data-ctab="tasks"] .tsk-meta{gap:9px;}
[data-ctab="tasks"] .tsk-meta-item b{font-size:13px;}
[data-ctab="tasks"] .tsk-infocard{padding:16px 18px;gap:13px;border-radius:18px;}
[data-ctab="tasks"] .tsk-desc{font-size:15px;line-height:1.6;padding:15px 17px;border-radius:14px;}
[data-ctab="tasks"] .dm-bubble{font-size:14.5px;}
[data-ctab="tasks"] .tsk-event{font-size:12px;padding:6px 14px;}
[data-ctab="tasks"] .tsk-statusbar{padding:13px 20px;gap:9px;}
[data-ctab="tasks"] .tsk-sb-lbl{font-size:12.5px;}
[data-ctab="tasks"] .tsk-sbtn{padding:9px 15px;font-size:13.5px;border-radius:11px;}
[data-ctab="tasks"] .dm-composer{padding:13px 18px;gap:10px;}
[data-ctab="tasks"] .dm-composer textarea{min-height:46px;font-size:14.5px;border-radius:13px;}
[data-ctab="tasks"] .dm-send{padding:11px 20px;font-size:14px;border-radius:12px;}
[data-ctab="tasks"] .dm-new-form{max-width:640px;gap:16px;padding:26px;}
[data-ctab="tasks"] .dm-new-form h3{font-size:19px;}
[data-ctab="tasks"] .dm-new-form .dm-fl{font-size:12.5px;}
[data-ctab="tasks"] .dm-new-form input,[data-ctab="tasks"] .dm-new-form textarea,[data-ctab="tasks"] .dm-new-form select{padding:12px 14px;font-size:14.5px;border-radius:11px;}
.tsk-ph-title{margin:2px 0 -4px;font-size:18px;font-weight:700;color:var(--text-1);}
[data-ctab="tasks"] .dm-new-form{overflow:visible;}
[data-ctab="tasks"] .dm-convo:has(.dm-new-form){overflow-y:auto;}
@media (max-width:900px){ [data-ctab="tasks"] .dm-wrap{max-width:100%;} }

[data-ctab="tasks"] .dm-thread{position:relative;overflow:hidden;transition:transform .12s ease, border-color .12s, background .12s;}
[data-ctab="tasks"] .dm-thread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;
background:transparent;transition:background .12s;}
[data-ctab="tasks"] .dm-thread:hover{transform:translateY(-1px);border-color:var(--text-3);}
[data-ctab="tasks"] .dm-thread.active{box-shadow:0 6px 18px -8px color-mix(in srgb,var(--role-ausb,#5b9dfa) 60%,transparent);}
[data-ctab="tasks"] .dm-thread.active::before{background:var(--role-ausb,#5b9dfa);}
[data-ctab="tasks"] .dm-thread.tsk-urgent::before{background:#ef5a5f;}
[data-ctab="tasks"] .dm-thread.tsk-done::before{background:#34d399;}
[data-ctab="tasks"] .dm-thread.is-archived{opacity:.72;border-style:dashed;}
[data-ctab="tasks"] .dm-thread.is-archived::before{background:#94a3b8;}
[data-ctab="tasks"] .tsk-pill{border:1px solid color-mix(in srgb,currentColor 35%,transparent);}
#tkTaskSeg button[data-flt="archived"]{margin-left:6px;border-style:dashed;color:var(--text-3);}
#tkTaskSeg button[data-flt="archived"]::before{content:"";width:6px;height:6px;border-radius:50%;background:#94a3b8;margin-right:1px;}
#tkTaskSeg button[data-flt="archived"].active{background:color-mix(in srgb,#94a3b8 18%,transparent);border-color:#94a3b8;border-style:solid;color:var(--text-1);}
[data-ctab="tasks"] .dm-empty-list{padding:34px 18px;text-align:center;color:var(--text-3);font-size:13.5px;line-height:1.6;}
[data-ctab="tasks"] .dm-placeholder{opacity:.9;}
[data-ctab="tasks"] .dm-placeholder svg{width:52px;height:52px;color:color-mix(in srgb,var(--role-ausb,#5b9dfa) 55%,var(--text-3));}

[data-page="chat"] .dm-list,[data-page="chat"] .dm-convo{
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 42%),rgba(23,24,28,.55);
-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px -20px rgba(0,0,0,.55);}
[data-page="chat"] .dm-list-head{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);}
[data-page="chat"] .dm-seg button{border-radius:20px;padding:6px 12px;font-weight:600;}
[data-page="chat"] .dm-seg button.active{box-shadow:0 3px 12px -4px color-mix(in srgb,var(--role-ausb,#5b9dfa) 65%,transparent);}
[data-page="chat"] .dm-thread{position:relative;overflow:hidden;transition:transform .12s ease,border-color .12s,background .12s,box-shadow .12s;}
[data-page="chat"] .dm-thread::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .12s;}
[data-page="chat"] .dm-thread:hover{transform:translateY(-1px);border-color:var(--text-3);}
[data-page="chat"] .dm-thread.active{box-shadow:0 8px 22px -10px color-mix(in srgb,var(--role-ausb,#5b9dfa) 60%,transparent);}
[data-page="chat"] .dm-thread.active::before{background:var(--role-ausb,#5b9dfa);}
[data-page="chat"] .dm-thread.needs::before,[data-page="chat"] .dm-thread.urgent::before{background:#ef5a5f;}
[data-page="chat"] .dm-thread.is-done::before{background:#34d399;}
[data-page="chat"] .dm-thread.is-archived::before{background:#94a3b8;}
[data-page="chat"] .dm-thread.has-new::before{background:#ef4444;}
[data-page="chat"] .dm-thread.needs{border-left:0;padding-left:10px;}
[data-page="chat"] .dm-av{box-shadow:0 0 0 2px rgba(255,255,255,.06);}
[data-page="chat"] .dm-convo-head{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);}
[data-page="chat"] .dm-act{border-radius:10px;}
[data-page="chat"] .dm-placeholder svg{padding:14px;border-radius:50%;background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 10%,transparent);
box-sizing:content-box;}

[data-ctab="tasks"] .dm-list-head{padding:16px;gap:14px;}
[data-ctab="tasks"] #tkTaskSeg{gap:8px;row-gap:8px;}
[data-ctab="tasks"] .dm-seg button{padding:7px 13px;}
[data-ctab="tasks"] .dm-threads{padding:12px;gap:10px;}
[data-ctab="tasks"] .dm-thread{padding:14px 15px;}
[data-ctab="tasks"] .dm-t-prev{margin-top:5px;}
[data-ctab="tasks"] .dm-t-foot{margin-top:11px;gap:8px;}
[data-ctab="tasks"] .dm-convo-head{padding:18px 22px;gap:14px 16px;}
[data-ctab="tasks"] .dm-h-actions{gap:8px;}
[data-ctab="tasks"] .dm-h-sub{margin-top:7px;gap:9px;}
[data-ctab="tasks"] .tsk-infocard{padding:20px 22px;gap:16px;}
[data-ctab="tasks"] .tsk-infocard .tsk-people{padding-bottom:15px;}
[data-ctab="tasks"] .tsk-meta{gap:11px;}
[data-ctab="tasks"] .tsk-meta-item{padding:9px 14px;min-width:88px;}
[data-ctab="tasks"] .tsk-people-chips{gap:10px;}
[data-ctab="tasks"] .dm-msgs{padding:22px 24px;gap:12px;}

.dm-wrap{
--role-ausb:#5b9dfa;
--dm-accent:#5b9dfa;
--dm-accent-2:#7db4ff;
gap:16px;
}
.dm-wrap .dm-list,.dm-wrap .dm-convo{border-radius:20px;}
.dm-m-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3;font-weight:600;}
.dm-id-name{font-weight:700;font-size:11.5px;color:var(--text-2);}
.dm-id-dn{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.02em;color:var(--dn-badge,#a7c8ff);
background:color-mix(in srgb,var(--dn-badge, var(--dm-accent,#5b9dfa)) 16%,transparent);
border:1px solid color-mix(in srgb,var(--dn-badge, var(--dm-accent,#5b9dfa)) 34%,transparent);
border-radius:5px;padding:0 5px;line-height:1.55;white-space:nowrap;}
.dm-id-role{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);
border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;white-space:nowrap;}
.dm-id-dn.sm{display:inline-block;font-size:9px;padding:0 4px;margin-left:6px;vertical-align:middle;line-height:1.5;}
.dm-wrap .dm-av{background:linear-gradient(150deg,color-mix(in srgb,var(--av-c,#5b9dfa) 82%,#fff 18%),var(--av-c,#5b9dfa));
box-shadow:0 2px 8px -2px color-mix(in srgb,var(--av-c,#5b9dfa) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.18);}
.dm-msg.them .dm-bubble{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
border:1px solid var(--border);box-shadow:0 2px 10px -6px rgba(0,0,0,.5);}
.dm-msg.me .dm-bubble{background:linear-gradient(160deg,color-mix(in srgb,var(--dm-accent,#5b9dfa) 42%,rgba(30,32,38,.65)),
color-mix(in srgb,var(--dm-accent,#5b9dfa) 26%,rgba(30,32,38,.7)));
border:1px solid color-mix(in srgb,var(--dm-accent,#5b9dfa) 38%,transparent);
box-shadow:0 3px 14px -6px color-mix(in srgb,var(--dm-accent,#5b9dfa) 55%,transparent);color:#eaf1ff;}
.dm-wrap .dm-convo-head{background:linear-gradient(180deg,color-mix(in srgb,var(--dm-accent,#5b9dfa) 8%,transparent),transparent 78%);
box-shadow:inset 0 -1px 0 var(--border);}
.dm-wrap .dm-h-subj{font-weight:800;letter-spacing:-.01em;}
.dm-h-sub .dm-id-dn{margin:0;}
.dm-wrap .dm-seg button{border-radius:999px;}
.dm-wrap .dm-seg button.active{background:color-mix(in srgb,var(--dm-accent,#5b9dfa) 20%,transparent);border-color:transparent;
color:#fff;box-shadow:0 4px 14px -5px color-mix(in srgb,var(--dm-accent,#5b9dfa) 70%,transparent);}
.dm-wrap .dm-new{background:linear-gradient(160deg,var(--dm-accent-2,#7db4ff),var(--dm-accent,#5b9dfa));
color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--dm-accent,#5b9dfa) 80%,transparent);}
.dm-wrap .dm-thread.active{background:linear-gradient(90deg,color-mix(in srgb,var(--dm-accent,#5b9dfa) 16%,transparent),
color-mix(in srgb,var(--dm-accent,#5b9dfa) 5%,transparent) 70%);border-color:color-mix(in srgb,var(--dm-accent,#5b9dfa) 55%,transparent);}
[data-ctab="tasks"] .tsk-infocard{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 55%),rgba(20,21,26,.35);
border-color:var(--border-strong);box-shadow:0 10px 30px -18px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);}
.tsk-meta-item{background:rgba(0,0,0,.24);}
.tsk-sbtn{transition:transform .1s,background .12s,border-color .12s,color .12s;}
.tsk-sbtn.active{transform:translateY(-1px);box-shadow:0 4px 12px -6px rgba(0,0,0,.5);}
.dm-wrap .dm-composer{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--dm-accent,#5b9dfa) 5%,transparent));}
.dm-wrap .dm-composer textarea:focus{outline:none;border-color:color-mix(in srgb,var(--dm-accent,#5b9dfa) 65%,transparent);
box-shadow:0 0 0 3px color-mix(in srgb,var(--dm-accent,#5b9dfa) 16%,transparent);}
.dm-wrap .dm-send{background:linear-gradient(160deg,var(--dm-accent-2,#7db4ff),var(--dm-accent,#5b9dfa));
box-shadow:0 6px 16px -7px color-mix(in srgb,var(--dm-accent,#5b9dfa) 80%,transparent);}

.dm-wrap .dm-templates{gap:10px;}
.dm-wrap .dm-tpl{position:relative;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;border-radius:14px;overflow:hidden;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .14s,background .14s,box-shadow .14s;}
.dm-wrap .dm-tpl .dm-tpl-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--dm-accent);
background:color-mix(in srgb,var(--dm-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--dm-accent) 26%,transparent);transition:.14s;}
.dm-wrap .dm-tpl .dm-tpl-ic svg{width:18px;height:18px;}
.dm-wrap .dm-tpl:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dm-accent) 45%,transparent);
box-shadow:0 12px 24px -16px color-mix(in srgb,var(--dm-accent) 75%,transparent);}
.dm-wrap .dm-tpl.active{border-color:var(--dm-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--dm-accent) 16%,transparent),transparent);}
.dm-wrap .dm-tpl.active .dm-tpl-ic{background:var(--dm-accent);color:#fff;border-color:transparent;transform:scale(1.04);}

.dm-tpl-hint{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:11px;font-size:12.5px;line-height:1.5;color:var(--text-2);
background:color-mix(in srgb,var(--dm-accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--dm-accent) 26%,transparent);
animation:dmFormIn .24s cubic-bezier(.2,.8,.2,1) both;}
.dm-tpl-hint .dm-ico{color:var(--dm-accent);margin-top:1px;flex:0 0 auto;}
.dm-tpl-hint span{min-width:0;}

.dm-new-form{animation:dmFormIn .28s cubic-bezier(.2,.8,.2,1) both;}
@keyframes dmFormIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.dm-wrap .dm-send{transition:transform .12s,filter .12s,box-shadow .12s;}
.dm-wrap .dm-send:hover{transform:translateY(-1px);}
.dm-wrap .dm-send:active{transform:translateY(0);}

.dm-abm{flex:0 0 auto;margin:12px 12px 0;padding:14px 15px;border-radius:16px;display:flex;flex-direction:column;gap:11px;
background:linear-gradient(180deg,color-mix(in srgb,var(--dm-accent) 12%,transparent),rgba(20,21,26,.4) 72%);
border:1px solid color-mix(in srgb,var(--dm-accent) 34%,transparent);
box-shadow:0 14px 32px -22px color-mix(in srgb,var(--dm-accent) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.05);
animation:dmFormIn .3s cubic-bezier(.2,.8,.2,1) both;}
.dm-abm-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--text-1);}
.dm-abm-head .dm-ico{color:var(--dm-accent);}
.dm-abm-head b{font-weight:700;}
.dm-abm-person{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;margin-left:auto;white-space:nowrap;}
.dm-abm-person.ok{color:#a7c8ff;background:color-mix(in srgb,var(--dm-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--dm-accent) 32%,transparent);}
.dm-abm-person.warn{color:#ffcf99;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.4);}
.dm-abm-detected{font-size:12px;color:var(--text-2);}
.dm-abm-detected b{color:#dce8ff;font-weight:700;}
.dm-abm-detected.muted{color:var(--text-3);}
.dm-abm-beyond{font-size:10.5px;color:#ffcf99;background:rgba(245,158,11,.12);border-radius:6px;padding:1px 6px;margin-left:4px;}
.dm-abm-field{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--text-2);font-weight:600;}
.dm-abm-field input{border-radius:10px;border:1px solid var(--border-strong);background:rgba(0,0,0,.28);color:var(--text-1);padding:10px 12px;font:inherit;font-weight:500;}
.dm-abm-field input:focus{outline:none;border-color:color-mix(in srgb,var(--dm-accent) 65%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dm-accent) 16%,transparent);}
.dm-abm-weeks{display:flex;gap:10px;}
.dm-abm-week{flex:1;display:flex;flex-direction:column;gap:3px;align-items:flex-start;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left;
border:1px solid var(--border-strong);background:rgba(255,255,255,.02);color:var(--text-1);transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;}
.dm-abm-week:hover:not([disabled]){transform:translateY(-1px);border-color:var(--text-3);}
.dm-abm-week.active{border-color:var(--dm-accent);background:color-mix(in srgb,var(--dm-accent) 14%,transparent);
box-shadow:0 6px 16px -10px color-mix(in srgb,var(--dm-accent) 75%,transparent);}
.dm-abm-week[disabled]{opacity:.5;cursor:not-allowed;}
.dm-abm-week-top{display:flex;align-items:center;gap:6px;}
.dm-abm-week-kw{font-family:var(--font-mono);font-weight:700;font-size:12.5px;color:#dce8ff;}
.dm-abm-week-lbl{font-size:11px;color:var(--text-2);}
.dm-abm-week small{font-size:10px;color:var(--text-3);}
.dm-abm-week small.set{color:#7fe0b0;}
.dm-abm-sugg-badge{font-size:9px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--dm-accent);
background:color-mix(in srgb,var(--dm-accent) 18%,transparent);border-radius:5px;padding:1px 5px;}
.dm-abm-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;}
.dm-abm-apply{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:11px;cursor:pointer;font-weight:700;font-size:13px;padding:10px 16px;color:#fff;
background:linear-gradient(160deg,var(--dm-accent-2,#7db4ff),var(--dm-accent,#5b9dfa));
box-shadow:0 8px 18px -8px color-mix(in srgb,var(--dm-accent) 80%,transparent);transition:transform .12s,filter .12s,box-shadow .12s;}
.dm-abm-apply svg{width:15px;height:15px;}
.dm-abm-apply:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);}
.dm-abm-apply:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;}
.dm-abm-clear{border:1px solid var(--border-strong);border-radius:11px;background:transparent;color:var(--text-2);cursor:pointer;font-weight:600;font-size:12.5px;padding:9px 13px;transition:.12s;}
.dm-abm-clear:hover{border-color:rgba(239,68,68,.5);color:#ef9a9a;background:rgba(239,68,68,.08);}
@media (max-width:760px){ .dm-abm{margin:10px 8px 0;} .dm-abm-weeks{flex-direction:column;} .dm-abm-person{margin-left:0;} }
@media (prefers-reduced-motion:reduce){ .dm-new-form,.dm-abm,.dm-tpl-hint{animation:none;} }

[data-ctab="direct"] .dm-wrap{max-width:1460px;height:calc(100vh - 158px - var(--dock-space));gap:14px;}
[data-ctab="direct"] .dm-list{flex-basis:330px;border-radius:20px;}
@media (max-width:900px){ [data-ctab="direct"] .dm-wrap{max-width:100%;} }

[data-ctab="direct"] .dm-list-head{padding:15px;gap:12px;}
[data-ctab="direct"] .dm-new{padding:12px;font-size:14px;border-radius:12px;}
[data-ctab="direct"] .dm-new svg{width:18px;height:18px;}
[data-ctab="direct"] .dm-threads{padding:11px;gap:9px;}
[data-ctab="direct"] .dm-thread{padding:13px 14px;border-radius:15px;}
[data-ctab="direct"] .dm-t-av .dm-av{width:42px;height:42px;font-size:16px;border-radius:12px;}
[data-ctab="direct"] .dm-t-subj{font-size:14px;}
[data-ctab="direct"] .dm-t-prev{font-size:12.5px;margin-top:4px;}
[data-ctab="direct"] .dm-t-foot{margin-top:9px;gap:7px;}
[data-ctab="direct"] .dm-convo-head{padding:15px 20px;gap:12px 14px;}
[data-ctab="direct"] .dm-h-av .dm-av{width:44px;height:44px;font-size:17px;border-radius:13px;}
[data-ctab="direct"] .dm-h-subj{font-size:16px;}
[data-ctab="direct"] .dm-h-sub{font-size:12px;margin-top:5px;gap:8px;}
[data-ctab="direct"] .dm-msgs{padding:20px 22px;gap:10px;}
[data-ctab="direct"] .dm-bubble{font-size:14.5px;}

[data-page="chat"] .dm-threads .dm-thread{flex-shrink:0;}
[data-page="chat"] .dm-list,[data-page="chat"] .dm-convo{border-radius:22px;
border-color:color-mix(in srgb,var(--dm-accent,#5b9dfa) 15%, var(--border-strong));}
[data-page="chat"] .dm-search input{border-radius:12px;padding:10px 32px 10px 34px;}
[data-page="chat"] .dm-search>svg{left:12px;}
[data-ctab="direct"] .dm-composer{padding:12px 16px;gap:10px;}
[data-page="chat"] .dm-composer textarea{border-radius:14px;padding:12px 14px;background:rgba(0,0,0,.3);}
[data-page="chat"] .dm-attbtn{border-radius:12px;padding:11px;}
[data-page="chat"] .dm-send{border-radius:12px;}
[data-ctab="direct"] .dm-composer textarea{min-height:46px;font-size:14.5px;}
[data-ctab="direct"] .dm-send{padding:12px 18px;font-size:14px;}

[data-page="chat"] .dm-convo:has(.dm-new-form){overflow-y:auto;}
[data-ctab="direct"] .dm-new-form{overflow:visible;}
@media (min-width:761px){
[data-page="chat"] .dm-new-form{
max-width:780px;width:100%;margin:24px auto;padding:30px 34px 34px;gap:17px;border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012) 60%),rgba(20,21,26,.28);
border:1px solid var(--border-strong);
box-shadow:0 30px 70px -34px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.05);}
}
[data-page="chat"] .dm-new-form h3{font-size:20px;font-weight:800;letter-spacing:-.01em;}
[data-page="chat"] .dm-new-hint{margin-top:-4px;font-size:12.5px;line-height:1.55;}
[data-page="chat"] .dm-new-form .dm-fl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;}
[data-page="chat"] .dm-new-form input,[data-page="chat"] .dm-new-form textarea,[data-page="chat"] .dm-new-form select{
border-radius:12px;padding:12px 14px;font-size:14px;background:rgba(0,0,0,.3);}
[data-page="chat"] .dm-new-form textarea{min-height:130px;}
[data-page="chat"] .dm-templates{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px;}

.chat-shell{position:relative;display:flex;flex-direction:column;height:calc(100vh - 150px - var(--dock-space));max-width:860px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 42%), rgba(23,24,28,.55);
-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);
border:1px solid var(--border-strong);border-radius:18px;overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 30px 80px rgba(0,0,0,.5);}
.chat-stream{flex:1 1 auto;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:2px;}
.chat-empty{margin:auto;color:var(--text-3);font-size:13px;}
.chat-day{align-self:center;margin:14px 0 10px;font-size:11px;letter-spacing:.04em;color:var(--text-2);
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), rgba(20,21,26,.7);
border:1px solid var(--border-strong);border-radius:20px;padding:3px 12px;text-transform:uppercase;
box-shadow:0 2px 10px rgba(0,0,0,.25);}
.chat-group{display:flex;gap:11px;padding:6px 10px;margin:0 -10px;border-radius:12px;align-items:flex-start;
transition:background .15s;}
.chat-group:hover{background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.01));}
.chat-group.cont{padding-top:1px;}
.chat-av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;margin-top:2px;
display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:14px;
background:color-mix(in srgb,var(--role-ausb) 26%, var(--bg-panel-alt));color:var(--text-1);border:1px solid var(--border-strong);}
.chat-av img{width:100%;height:100%;object-fit:cover;}
.chat-av.spacer{background:none;border:none;}
.chat-body{flex:1 1 auto;min-width:0;}
.chat-head{display:flex;align-items:baseline;gap:6px 9px;margin-bottom:2px;flex-wrap:wrap;}
.chat-name{font-size:13.5px;font-weight:700;color:var(--text-1);}
.chat-name.me{color:var(--rc, var(--role-ausb));}
.chat-role{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--rc, var(--text-3));
border:1px solid color-mix(in srgb, var(--rc, var(--border-strong)) 45%, transparent);border-radius:5px;padding:1px 5px;
background:color-mix(in srgb, var(--rc, transparent) 12%, transparent);}
.chat-role.chat-tag{border-radius:999px;padding:1px 7px;text-transform:none;letter-spacing:.02em;
font-size:9.5px;font-weight:700;
background:color-mix(in srgb, var(--rc) 20%, transparent);
border-color:color-mix(in srgb, var(--rc) 55%, transparent);}
.chat-role2{color:var(--r2, #f59e0b);border-color:color-mix(in srgb, var(--r2, #f59e0b) 45%, transparent);
background:color-mix(in srgb, var(--r2, #f59e0b) 14%, transparent);}
.chat-dn{font-size:10px;font-family:var(--font-mono);color:var(--dn-badge, var(--rc, var(--role-ausb)));
background:color-mix(in srgb, var(--dn-badge, var(--rc, var(--role-ausb))) 14%, transparent);border-radius:5px;padding:1px 6px;letter-spacing:.02em;}
.chat-time{font-size:11px;color:var(--text-3);}
.chat-msg{position:relative;font-size:14px;line-height:1.5;color:var(--text-1);word-wrap:break-word;
overflow-wrap:anywhere;white-space:pre-wrap;padding:2px 62px 2px 0;}
.chat-msg + .chat-msg{margin-top:1px;}
.chat-actions{position:absolute;top:-10px;right:0;display:flex;gap:2px;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), rgba(24,25,30,.72);
border:1px solid var(--border-strong);border-radius:10px;padding:2px;opacity:0;transition:opacity .12s;box-shadow:0 6px 18px rgba(0,0,0,.4);}
.chat-msg:hover .chat-actions{opacity:1;}
.chat-act{background:none;border:none;color:var(--text-2);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center;}
.chat-act:hover{background:var(--bg-hover);color:var(--text-1);}
.chat-act.del:hover{color:#f87171;}
.chat-act svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.chat-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;}
.chat-reaction{display:inline-flex;align-items:center;gap:5px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)), rgba(20,21,26,.68);border:1px solid var(--border-strong);
border-radius:12px;padding:1px 8px 1px 7px;cursor:pointer;line-height:1.6;transition:background .12s,border-color .12s;}
.chat-reaction:hover{background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), rgba(28,29,34,.6);}
.chat-reaction .re-emoji{font-size:14px;}
.chat-reaction .re-count{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;}
.chat-reaction.mine{background:color-mix(in srgb,var(--role-ausb) 18%, transparent);border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border));}
.chat-reaction.mine .re-count{color:var(--role-ausb);font-weight:600;}
.re-people{display:inline-flex;align-items:center;}
.re-people:empty{display:none;}
.re-av{position:relative;width:18px;height:18px;border-radius:50%;flex:0 0 auto;
display:grid;place-items:center;font-size:9px;font-weight:700;line-height:1;color:#fff;
background:var(--av-c,#5b9dfa);box-shadow:0 0 0 1.5px rgba(18,19,24,.85);margin-left:-6px;overflow:hidden;}
.re-av:first-child{margin-left:0;}
.re-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.chat-reaction .re-count{margin-left:1px;}
.chat-react-pop{position:fixed;z-index:1200;display:flex;gap:2px;
background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02)), rgba(24,25,30,.72);
-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);
border:1px solid var(--border-strong);border-radius:14px;padding:4px;box-shadow:0 12px 34px rgba(0,0,0,.5);}
.chat-react-pop button{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:5px 6px;border-radius:8px;transition:transform .1s,background .12s;}
.chat-react-pop button:hover{background:var(--bg-hover);transform:scale(1.25);}
.chat-react-pop button.more{font-size:16px;color:var(--text-2);}
.chat-quote{display:flex;align-items:center;gap:7px;margin:1px 0 3px;padding:2px 0 2px 9px;
border-left:2px solid var(--role-ausb);cursor:pointer;max-width:520px;}
.chat-quote .q-name{font-size:12px;font-weight:600;color:var(--role-ausb);flex:0 0 auto;}
.chat-quote .q-text{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-quote:hover .q-text{color:var(--text-1);}
.chat-att{margin-top:5px;max-width:340px;}
.chat-att img{max-width:100%;max-height:300px;border-radius:10px;border:1px solid var(--border);display:block;cursor:pointer;}
.chat-file{display:flex;align-items:center;gap:10px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)), rgba(20,21,26,.68);border:1px solid var(--border-strong);
border-radius:12px;padding:9px 12px;text-decoration:none;max-width:320px;transition:background .12s;}
.chat-file:hover{background:linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.03)), rgba(28,29,34,.6);}
.chat-file svg{width:22px;height:22px;flex:0 0 22px;stroke:var(--role-ausb);fill:none;stroke-width:2;}
.chat-file .f-name{font-size:13px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-file .f-sub{font-size:11px;color:var(--text-3);}
.chat-composer-wrap{flex:0 0 auto;border-top:1px solid var(--border-strong);
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 60%), rgba(18,19,24,.45);
-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);}
.chat-replybar,.chat-attbar{display:flex;align-items:center;gap:10px;padding:8px 14px 0;}
.chat-replybar .rb-ico{width:16px;height:16px;flex:0 0 16px;color:var(--role-ausb);}
.rb-body{flex:1 1 auto;min-width:0;display:flex;gap:8px;align-items:baseline;font-size:12.5px;}
.rb-name{font-weight:700;color:var(--role-ausb);flex:0 0 auto;}
.rb-text{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rb-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px;flex:0 0 auto;}
.rb-close:hover{color:var(--text-1);background:var(--bg-hover);}
.ab-prev{width:40px;height:40px;flex:0 0 40px;border-radius:8px;overflow:hidden;background:var(--bg-input);
border:1px solid var(--border);display:grid;place-items:center;}
.ab-prev img{width:100%;height:100%;object-fit:cover;}
.ab-prev svg{width:20px;height:20px;stroke:var(--role-ausb);fill:none;stroke-width:2;}
.ab-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25;}
.ab-name{font-size:12.5px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ab-sub{font-size:11px;color:var(--text-3);}
.chat-composer{display:flex;gap:8px;align-items:flex-end;padding:10px 14px 12px;}
.chat-tool{flex:0 0 auto;width:40px;height:40px;border-radius:11px;border:1px solid var(--border-strong);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)), rgba(20,21,26,.45);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:all .12s;}
.chat-tool:hover{background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.03)), rgba(28,29,34,.55);color:var(--text-1);border-color:color-mix(in srgb,var(--role-ausb) 40%, var(--border-strong));}
.chat-tool svg{width:20px;height:20px;}
.chat-tool-gif{font-family:var(--font-mono);font-weight:800;font-size:11.5px;letter-spacing:.03em;}
.chat-input{flex:1 1 auto;resize:none;max-height:160px;color:var(--text-1);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)), rgba(15,16,20,.5);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
border:1px solid var(--border-strong);border-radius:12px;padding:10px 13px;font:inherit;font-size:14px;line-height:1.45;outline:none;transition:border-color .15s,box-shadow .15s;}
.chat-input:focus{border-color:color-mix(in srgb,var(--role-ausb) 45%, var(--border-strong));
box-shadow:0 0 0 3px color-mix(in srgb,var(--role-ausb) 12%, transparent);}
.chat-input::placeholder{color:var(--text-3);}
.chat-send{flex:0 0 auto;width:42px;height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--role-ausb) 55%, transparent);cursor:pointer;
display:grid;place-items:center;color:#0d0e11;transition:filter .15s,opacity .15s,box-shadow .15s;
background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 92%, #fff), var(--role-ausb));
box-shadow:0 4px 16px color-mix(in srgb,var(--role-ausb) 35%, transparent), inset 0 1px 0 rgba(255,255,255,.35);}
.chat-send:hover{filter:brightness(1.08);box-shadow:0 6px 22px color-mix(in srgb,var(--role-ausb) 50%, transparent), inset 0 1px 0 rgba(255,255,255,.4);}
.chat-send:disabled{opacity:.45;cursor:default;}
.chat-send svg{width:19px;height:19px;}
.emoji-pick{position:absolute;bottom:70px;left:14px;width:352px;max-width:calc(100% - 28px);height:380px;z-index:40;display:flex;flex-direction:column;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 40%), rgba(23,24,28,.82);
-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);
border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6);}
.emoji-search{flex:0 0 auto;padding:10px 10px 6px;}
.emoji-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);
border-radius:9px;padding:9px 12px;font:inherit;font-size:13px;outline:none;}
.emoji-search input:focus{border-color:var(--border-strong);}
.emoji-tabs{flex:0 0 auto;display:flex;gap:1px;padding:0 8px 6px;border-bottom:1px solid var(--border);overflow-x:auto;}
.emoji-tabs button{flex:0 0 auto;width:32px;height:32px;border:none;background:none;cursor:pointer;font-size:18px;border-radius:8px;line-height:1;opacity:.65;transition:opacity .12s,background .12s;}
.emoji-tabs button:hover{background:var(--bg-hover);opacity:1;}
.emoji-tabs button.active{opacity:1;background:color-mix(in srgb,var(--role-ausb) 18%, transparent);}
.emoji-grid{flex:1 1 auto;overflow-y:auto;padding:6px 8px 10px;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;align-content:start;}
.emoji-grid .e-head{grid-column:1/-1;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:8px 4px 3px;position:sticky;top:0;background:var(--bg-panel);}
.emoji-grid button{width:100%;aspect-ratio:1;border:none;background:none;cursor:pointer;font-size:22px;border-radius:8px;line-height:1;display:grid;place-items:center;}
.emoji-grid button:hover{background:var(--bg-hover);}
.emoji-empty{grid-column:1/-1;text-align:center;color:var(--text-3);font-size:12.5px;padding:20px;}
.gif-pick{position:absolute;bottom:70px;left:14px;width:420px;max-width:calc(100% - 28px);height:440px;z-index:40;display:flex;flex-direction:column;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 40%), rgba(23,24,28,.82);
-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);
border:1px solid var(--border-strong);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6);}
.gif-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;
font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--text-1);}
.gif-search{flex:0 0 auto;position:relative;padding:0 14px 10px;}
.gif-search .gs-ico{position:absolute;left:26px;top:50%;transform:translateY(-60%);width:16px;height:16px;color:var(--text-3);pointer-events:none;}
.gif-search input{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:10px;padding:11px 12px 11px 36px;font:inherit;font-size:14px;outline:none;}
.gif-search input:focus{border-color:var(--role-ausb);}
.gif-grid{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:8px 14px 0;display:flex;align-items:flex-start;gap:8px;}
.gif-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;}
.gif-grid img{width:100%;border-radius:8px;cursor:pointer;background:var(--bg-input);border:1px solid var(--border);display:block;}
.gif-grid img:hover{border-color:var(--role-ausb);}
.gif-foot{flex:0 0 auto;text-align:center;color:var(--text-3);font-size:10.5px;letter-spacing:.08em;padding:8px;text-transform:uppercase;}
.gif-note{flex:1 1 100%;color:var(--text-3);font-size:12.5px;text-align:center;padding:26px 16px;line-height:1.5;}
.chat-locked{flex:1 1 auto;text-align:center;color:var(--text-3);font-size:12.5px;padding:14px;}
.chat-lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.85);display:grid;place-items:center;cursor:zoom-out;}
.chat-lightbox img{max-width:92vw;max-height:92vh;border-radius:8px;}
.tk-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;}
@media(max-width:1180px){.tk-wrap{grid-template-columns:1fr;}}
.tk-form-panel,.tk-list-panel{padding:18px 20px 20px;}
.tk-kind-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.tk-kind{--tkk:#38bdf8;flex:1 1 140px;display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer;position:relative;
border-radius:var(--radius-m);
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 60%), rgba(19,20,25,.55);
-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
border:1px solid rgba(255,255,255,.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
transition:border-color .18s, box-shadow .18s, transform .15s;}
.tk-kind[data-kind="support"]{--tkk:#38bdf8;}
.tk-kind[data-kind="bug"]{--tkk:#f0787f;}
.tk-kind[data-kind="feedback"]{--tkk:#c084fc;}
.tk-kind input{position:absolute;opacity:0;pointer-events:none;}
.tk-kind:hover{border-color:color-mix(in srgb,var(--tkk) 40%, rgba(255,255,255,.12));transform:translateY(-1px);}
.tk-kind:has(input:checked){border-color:color-mix(in srgb,var(--tkk) 55%, rgba(255,255,255,.1));
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 60%), color-mix(in srgb,var(--tkk) 10%, rgba(19,20,25,.55));
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.35), 0 0 20px color-mix(in srgb,var(--tkk) 22%, transparent);}
.tk-kind-ic{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;color:var(--tkk);
background:color-mix(in srgb,var(--tkk) 14%, transparent);border:1px solid color-mix(in srgb,var(--tkk) 35%, transparent);
transition:filter .18s;}
.tk-kind-ic svg{width:16px;height:16px;stroke:currentColor;fill:none;}
.tk-kind:has(input:checked) .tk-kind-ic{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tkk) 45%, transparent));}
.tk-kind-lbl{font-size:13px;font-weight:600;color:var(--text-1);}
.tk-field{margin-bottom:14px;}
.tk-field-prio{max-width:220px;}
.tk-lbl{display:block;font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:6px;letter-spacing:.02em;}
.tk-inp{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border-strong);border-radius:var(--radius-m);color:var(--text-1);font-size:13.5px;padding:10px 12px;font-family:inherit;transition:border-color .15s, box-shadow .15s;}
.tk-inp:focus{outline:none;border-color:var(--role-ausb);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-ausb) 18%, transparent);}
.tk-inp option{background:var(--bg-panel);color:var(--text-1);}
.tk-area{resize:vertical;min-height:110px;line-height:1.5;}
.tk-sel{cursor:pointer;}
.tk-form-actions{display:flex;align-items:center;gap:14px;margin-top:4px;}
.tk-list{display:flex;flex-direction:column;gap:10px;}
.tk-empty{color:var(--text-3);font-size:13px;text-align:center;padding:26px 12px;}
.tk-card{position:relative;border-radius:var(--radius-m);padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;
background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 55%), rgba(19,20,25,.55);
-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);
border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--tkc,#5b9dfa);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 6px 18px rgba(0,0,0,.28);
transition:border-color .18s, box-shadow .18s, transform .15s;}
.tk-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tkc,#5b9dfa) 38%, rgba(255,255,255,.1));border-left-color:var(--tkc,#5b9dfa);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 10px 26px rgba(0,0,0,.38), 0 0 22px color-mix(in srgb,var(--tkc,#5b9dfa) 16%, transparent);}
.tk-card:active{transform:translateY(0);}
.tk-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.tk-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
background:color-mix(in srgb,var(--tkc,#5b9dfa) 16%,transparent);color:var(--tkc,#5b9dfa);
border:1px solid color-mix(in srgb,var(--tkc,#5b9dfa) 32%,transparent);white-space:nowrap;}
.tk-badge svg{width:12px;height:12px;stroke:currentColor;fill:none;flex:0 0 auto;}
.tk-status{font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent;}
.tk-status.s-offen{background:rgba(91,157,250,.14);color:#7db3ff;border-color:rgba(91,157,250,.3);}
.tk-status.s-in_arbeit{background:rgba(224,169,64,.15);color:#e6b752;border-color:rgba(224,169,64,.3);}
.tk-status.s-erledigt{background:rgba(52,211,153,.14);color:#34d399;border-color:rgba(52,211,153,.3);}
.tk-prio{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid transparent;}
.tk-prio.p-hoch{background:rgba(229,99,106,.14);color:#f0787f;border-color:rgba(229,99,106,.32);}
.tk-prio.p-normal{background:rgba(255,255,255,.05);color:var(--text-3);border-color:rgba(255,255,255,.09);}
.tk-prio.p-niedrig{background:rgba(255,255,255,.05);color:var(--text-3);border-color:rgba(255,255,255,.09);}
.tk-card-id{margin-left:auto;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums;}
.tk-card-subj{font-size:14px;font-weight:700;color:var(--text-1);line-height:1.3;}
.tk-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--text-3);}
.tk-card-meta .tk-reply-c{display:inline-flex;align-items:center;gap:5px;}
.tk-reply-c svg{width:13px;height:13px;stroke:currentColor;fill:none;flex:0 0 auto;}
.tk-admin-wrap{display:flex;flex-direction:column;gap:14px;}
.tk-admin-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;}
.tk-filters{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 60%), rgba(19,20,25,.55);
-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}
.tk-filter{border:none;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:10px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;}
.tk-filter:hover{color:var(--text-1);background:rgba(255,255,255,.05);}
.tk-filter.active{background:linear-gradient(180deg, color-mix(in srgb,var(--role-ausb) 88%, white), var(--role-ausb));color:#1a1206;
box-shadow:0 0 16px color-mix(in srgb,var(--role-ausb) 35%, transparent);}
.tk-admin-search{display:flex;align-items:center;gap:8px;border-radius:var(--radius-m);padding:8px 12px;flex:1 1 220px;max-width:340px;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 60%), rgba(19,20,25,.55);
-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
transition:border-color .18s, box-shadow .18s;}
.tk-admin-search:focus-within{border-color:color-mix(in srgb,var(--role-ausb) 45%, rgba(255,255,255,.1));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 14%, transparent);}
.tk-admin-search svg{width:16px;height:16px;color:var(--text-3);flex:0 0 auto;}
.tk-admin-search input{flex:1 1 auto;background:transparent;border:none;outline:none;color:var(--text-1);font-size:13px;}
.tk-modal-backdrop{position:fixed;inset:0;z-index:210;background:rgba(8,9,12,.55);
-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
display:none;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;}
.tk-modal-backdrop.open{display:flex;}
.tk-modal{width:100%;max-width:680px;border-radius:var(--radius-l);display:flex;flex-direction:column;max-height:90vh;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 60%), rgba(21,22,27,.88);
-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);
border:1px solid var(--border-strong);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 30px 80px rgba(0,0,0,.6);}
.tk-modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);}
.tk-modal-title{font-size:15px;font-weight:700;color:var(--text-1);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tk-modal-body{padding:18px 20px 20px;overflow-y:auto;}
.tk-detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.tk-detail-block{border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-m);padding:12px 14px;margin-bottom:14px;
background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 60%), rgba(255,255,255,.02);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.tk-detail-author{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.tk-av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;background:var(--bg-hover);overflow:hidden;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text-2);border:1px solid rgba(255,255,255,.1);}
.tk-av img{width:100%;height:100%;object-fit:cover;}
.tk-detail-author .tk-a-name{font-size:13px;font-weight:700;color:var(--text-1);}
.tk-detail-author .tk-a-sub{font-size:11px;color:var(--text-3);}
.tk-detail-body{font-size:13.5px;color:var(--text-1);line-height:1.55;white-space:pre-wrap;word-break:break-word;}
.tk-replies{display:flex;flex-direction:column;gap:10px;margin:8px 0 16px;}
.tk-reply{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-m);padding:10px 12px;
background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 60%), rgba(255,255,255,.015);}
.tk-reply.staff{border-color:color-mix(in srgb,var(--role-ausb) 42%, rgba(255,255,255,.08));
background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 60%), color-mix(in srgb,var(--role-ausb) 7%, transparent);
box-shadow:0 0 18px color-mix(in srgb,var(--role-ausb) 8%, transparent);}
.tk-reply-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.tk-reply-head .tk-a-name{font-size:12.5px;font-weight:700;color:var(--text-1);}
.tk-staff-tag{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--role-ausb);color:#1a1206;}
.tk-reply-time{margin-left:auto;font-size:10.5px;color:var(--text-3);}
.tk-reply-body{font-size:13px;color:var(--text-1);line-height:1.5;white-space:pre-wrap;word-break:break-word;}
.tk-section-lbl{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin:16px 0 8px;}
.tk-reply-form{display:flex;flex-direction:column;gap:8px;}
.tk-reply-form textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border-strong);border-radius:var(--radius-m);color:var(--text-1);font-size:13px;padding:10px 12px;font-family:inherit;resize:vertical;min-height:70px;transition:border-color .15s, box-shadow .15s;}
.tk-reply-form textarea:focus{outline:none;border-color:var(--role-ausb);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-ausb) 18%, transparent);}
.tk-admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;padding-top:14px;border-top:1px solid var(--border);}
.tk-abtn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text-1);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:var(--radius-m);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,background .15s,box-shadow .15s;}
.tk-abtn svg{width:14px;height:14px;stroke:currentColor;fill:none;flex:0 0 auto;}
.tk-abtn:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);}
.tk-abtn.done{border-color:color-mix(in srgb,#34d399 45%,transparent);color:#34d399;}
.tk-abtn.done:hover{background:rgba(52,211,153,.12);box-shadow:0 0 16px rgba(52,211,153,.18);}
.tk-abtn.reopen{border-color:color-mix(in srgb,#7db3ff 45%,transparent);color:#7db3ff;}
.tk-abtn.reopen:hover{background:rgba(91,157,250,.12);box-shadow:0 0 16px rgba(91,157,250,.18);}
.tk-abtn.danger{border-color:color-mix(in srgb,#e5636a 45%,transparent);color:#f0787f;margin-left:auto;}
.tk-abtn.danger:hover{background:rgba(229,99,106,.12);box-shadow:0 0 16px rgba(229,99,106,.2);}
.tk-status-sel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-m);color:var(--text-1);font-size:12.5px;padding:8px 10px;cursor:pointer;transition:border-color .15s;}
.tk-status-sel:hover{border-color:rgba(255,255,255,.22);}
.tk-status-sel option{background:var(--bg-panel);color:var(--text-1);}
.tk-att-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.tk-att-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--radius-m);cursor:pointer;
font-size:12.5px;font-weight:600;color:var(--text-2);font-family:inherit;
background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.18);
transition:border-color .15s,background .15s,color .15s;}
.tk-att-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;flex:0 0 auto;}
.tk-att-btn:hover{border-color:color-mix(in srgb,var(--role-ausb) 55%, transparent);color:var(--text-1);background:color-mix(in srgb,var(--role-ausb) 8%, transparent);}
.tk-att-hint{font-size:11px;color:var(--text-3);}
.tk-att-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.tk-att-previews:empty{display:none;}
.tk-att-prev{position:relative;width:74px;height:74px;border-radius:10px;overflow:hidden;flex:0 0 auto;
border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.3);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 4px 12px rgba(0,0,0,.3);}
.tk-att-prev img,.tk-att-prev video{width:100%;height:100%;object-fit:cover;display:block;}
.tk-att-x{position:absolute;top:4px;right:4px;width:19px;height:19px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
background:rgba(0,0,0,.62);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s;}
.tk-att-x svg{width:10px;height:10px;stroke:currentColor;fill:none;}
.tk-att-x:hover{background:rgba(229,99,106,.85);}
.tk-att-tag{position:absolute;left:4px;bottom:4px;font-size:9px;font-weight:800;letter-spacing:.05em;padding:2px 6px;border-radius:6px;
background:rgba(0,0,0,.65);color:#fff;text-transform:uppercase;pointer-events:none;}
.tk-att-busy{display:grid;place-items:center;color:var(--text-3);font-size:10px;text-align:center;padding:4px;}
.tk-att-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.tk-att-item{border-radius:10px;overflow:hidden;flex:0 0 auto;max-width:200px;
border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.3);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .15s, box-shadow .15s;}
.tk-att-item:hover{border-color:rgba(255,255,255,.24);box-shadow:0 6px 18px rgba(0,0,0,.35);}
.tk-att-item img{display:block;width:100%;max-width:200px;height:120px;object-fit:cover;cursor:zoom-in;}
.tk-att-item video{display:block;width:200px;height:120px;object-fit:contain;background:#000;}
.tk-card-meta .tk-att-c{display:inline-flex;align-items:center;gap:4px;}
.tk-att-c svg{width:12px;height:12px;stroke:currentColor;fill:none;flex:0 0 auto;}

html{-webkit-tap-highlight-color:transparent;}
@media (max-width:900px){
input[type=text],input[type=search],input[type=number],input[type=password],
input[type=email],input:not([type]),select,textarea,.chat-input,.search-wrap input{font-size:16px;}
.user-logout{width:34px;height:34px;flex-basis:34px;}
.brand-card{top:calc(14px + env(safe-area-inset-top, 0px));}
.main{padding-top:calc(104px + env(safe-area-inset-top, 0px));
padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px));}
.nav{bottom:calc(12px + env(safe-area-inset-bottom, 0px));}
}
@media (max-width:640px){
.topbar{gap:8px 12px;margin-bottom:16px;}
.page-title{font-size:19px;}
.page-sub{display:none;}
.search-wrap{order:5;flex:1 1 100%;max-width:none;}
.kw-stamp{gap:9px;padding:6px 12px 6px 7px;border-radius:14px;}
.stamp-ring{width:44px;height:44px;}
.stamp-disc{width:36px;height:36px;}
.stamp-label{font-size:7px;letter-spacing:.14em;}
.stamp-number{font-size:15px;}
.kw-cap{font-size:8.5px;letter-spacing:.14em;gap:5px;}
.kw-range{font-size:11.5px;}
.kw-track{display:none;}
.chat-shell{height:calc(100vh - 128px - var(--dock-space));height:calc(100dvh - 128px - var(--dock-space));max-height:none;}
.chat-stream{padding:14px 12px;}
#chatBtnEmoji{display:none;}
.chat-tool{width:38px;height:38px;}
.chat-send{width:46px;height:44px;}
.chat-composer{padding:8px 10px 10px;gap:6px;}
.chat-act{padding:8px;}
.chat-act svg{width:17px;height:17px;}
.tk-filter{padding:10px 14px;font-size:13px;}
.elvl-pill{min-height:34px;}
}
@media (max-width:430px){
.kw-stamp{padding:5px;gap:0;border-radius:999px;}
.kw-body{display:none;}
}
button{--neon:var(--role-ausb);}
.tile{--neon:var(--acc,var(--role-ausb));}
.confirm-ok{--neon:var(--cc,var(--role-ausb));}
.user-logout,.chat-act.del{--neon:var(--role-probe);}
.legend-chip{--neon:var(--chip-color,var(--role-ausb));}
.elvl-pill{--neon:currentColor;}

button{transition:box-shadow .25s ease;}

:where(.btn-primary,.chat-send,.confirm-ok){position:relative;}
.btn-primary,.chat-send,.confirm-ok{box-shadow:0 0 3px color-mix(in srgb,var(--neon) 12%,transparent);}
.btn-primary::after,.chat-send::after,.confirm-ok::after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
box-shadow:0 0 6px color-mix(in srgb,var(--neon) 24%,transparent),
0 0 14px -6px color-mix(in srgb,var(--neon) 15%,transparent);
opacity:0;animation:btnNeonGlow 4s ease-in-out infinite;}
@keyframes btnNeonGlow{0%,100%{opacity:0;}50%{opacity:1;}}

button:not(:disabled):hover{
box-shadow:0 0 6px color-mix(in srgb,var(--neon) 30%,transparent),
0 0 14px -5px color-mix(in srgb,var(--neon) 22%,transparent);
}
.btn-primary:hover::after,.chat-send:hover::after,.confirm-ok:hover::after{animation:none;}

:root{--nc-edge:22px;--nc-fab-size:46px;}
.nc-root{position:fixed;right:var(--nc-edge);bottom:var(--nc-edge);z-index:560;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}

.nc-fab{position:relative;width:var(--nc-fab-size);height:var(--nc-fab-size);flex:0 0 var(--nc-fab-size);border-radius:50%;cursor:pointer;
isolation:isolate;border:1px solid rgba(255,255,255,.15);color:var(--text-1);
background:radial-gradient(70% 70% at 50% 30%,rgba(224,169,64,.16),transparent 70%),
linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.02) 45%,rgba(255,255,255,.06)),rgba(16,17,22,.3);
-webkit-backdrop-filter:blur(18px) saturate(1.8) brightness(1.1);backdrop-filter:blur(18px) saturate(1.8) brightness(1.1);
box-shadow:0 14px 34px -12px rgba(0,0,0,.7), 0 0 0 1px rgba(0,0,0,.2),
inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.05), inset 0 0 20px rgba(255,255,255,.03);
display:flex;align-items:center;justify-content:center;transition:transform .18s, border-color .18s, background .18s, color .18s;}
.nc-fab::after{content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
border:1.5px solid var(--role-ausb);opacity:0;transform:scale(.9);}
.nc-fab.has-unread::after{animation:ncRing 2.6s ease-out infinite;}
@keyframes ncRing{0%{opacity:.55;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.22)}}
.nc-fab svg{width:19px;height:19px;stroke:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));}
.nc-fab.has-unread{color:#f6d59d;}
.nc-fab:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--role-ausb) 60%,rgba(255,255,255,.2));color:#fff;}
button.nc-fab:not(:disabled):hover{box-shadow:0 16px 36px -10px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,255,255,.28),
inset 0 0 20px rgba(255,255,255,.05), 0 0 26px -8px color-mix(in srgb,var(--role-ausb) 75%, transparent);}
.nc-fab.is-active{color:#f6d59d;border-color:color-mix(in srgb,var(--role-ausb) 70%,transparent);
background:radial-gradient(70% 70% at 50% 30%,rgba(224,169,64,.34),transparent 72%),
linear-gradient(160deg,rgba(224,169,64,.2),rgba(255,255,255,.02) 50%,rgba(255,255,255,.05)),rgba(16,17,22,.34);}
.nc-fab.has-unread svg{animation:ncBell 2.6s ease-in-out infinite;transform-origin:top center;}
@keyframes ncBell{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(9deg)}94%{transform:rotate(-7deg)}97%{transform:rotate(4deg)}}
.nc-fab-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
background:linear-gradient(180deg,#ff7478,#e2454b);color:#fff;font-size:10px;font-weight:700;line-height:15px;text-align:center;
border:1.5px solid rgba(12,13,17,.9);display:none;
box-shadow:0 3px 10px rgba(239,90,95,.55), inset 0 1px 0 rgba(255,255,255,.35);}
.nc-fab-badge.show{display:block;}

.nc-panel{position:relative;isolation:isolate;width:min(400px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 120px));
display:flex;flex-direction:column;overflow:hidden;border-radius:22px;
border:1px solid rgba(255,255,255,.13);
background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.015) 38%,rgba(255,255,255,.035)),rgba(14,15,20,.42);
-webkit-backdrop-filter:blur(30px) saturate(1.7) brightness(1.05);backdrop-filter:blur(30px) saturate(1.7) brightness(1.05);
box-shadow:0 30px 70px -18px rgba(0,0,0,.75), 0 0 0 1px rgba(0,0,0,.25),
inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.04), inset 0 0 40px rgba(255,255,255,.025);
opacity:0;transform:translateY(14px) scale(.97);transform-origin:bottom right;
transition:opacity .2s ease, transform .22s cubic-bezier(.2,.9,.3,1.2);pointer-events:none;}
.nc-panel::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
background:radial-gradient(120% 60% at 100% 0%,rgba(224,169,64,.12),transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(91,157,250,.08),transparent 65%);}
.nc-panel.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}

.nc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 12px 18px;}
.nc-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:16.5px;letter-spacing:.02em;color:var(--text-1);}
.nc-title svg{width:17px;height:17px;stroke:var(--role-ausb);box-sizing:content-box;padding:7px;border-radius:11px;
background:linear-gradient(160deg,rgba(224,169,64,.24),rgba(224,169,64,.06));border:1px solid rgba(224,169,64,.3);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 16px -8px rgba(224,169,64,.6);}
.nc-head-actions{display:flex;align-items:center;gap:5px;}
.nc-head-actions button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:var(--text-3);cursor:pointer;padding:7px;border-radius:11px;display:flex;transition:background .15s,color .15s,border-color .15s;}
.nc-head-actions button svg{width:16px;height:16px;stroke:currentColor;}
.nc-head-actions button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:var(--text-1);}
#ncGear.is-on{color:var(--role-erw);}
#ncGear.is-on:hover{color:var(--role-erw);background:rgba(52,211,153,.12);}
#ncGear.is-busy{pointer-events:none;color:var(--role-ausb);border-color:rgba(224,169,64,.4);}
#ncGear.is-busy svg{animation:ncGearSpin .9s linear infinite;}
@keyframes ncGearSpin{to{transform:rotate(360deg)}}

.nc-tabs{display:flex;gap:3px;margin:0 14px;padding:4px;border-radius:14px;
background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.25);}
.nc-tabs button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid transparent;cursor:pointer;color:var(--text-3);
font-size:12.5px;font-weight:600;padding:7px 8px;border-radius:10px;transition:color .15s,background .15s,border-color .15s;}
.nc-tabs button:hover{color:var(--text-1);}
.nc-tabs button.is-active{color:var(--text-1);background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px -6px rgba(0,0,0,.6);}
.nc-tab-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;
background:rgba(255,255,255,.08);color:var(--text-2);}
.nc-tabs button.is-active .nc-tab-n{background:rgba(224,169,64,.22);color:#f2c98a;}
.nc-tab-n.is-hot{background:rgba(91,157,250,.22);color:#a9c9fd;}

.nc-chipbar{position:relative;flex:0 0 auto;}
.nc-chips{display:flex;gap:6px;padding:11px 14px 8px;overflow-x:auto;scrollbar-width:none;}
.nc-chipbar.can-next .nc-chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent calc(100% - 22px));mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent calc(100% - 22px));}
.nc-chipbar.can-prev .nc-chips{-webkit-mask-image:linear-gradient(90deg,transparent 22px,#000 64px);mask-image:linear-gradient(90deg,transparent 22px,#000 64px);}
.nc-chipbar.can-prev.can-next .nc-chips{-webkit-mask-image:linear-gradient(90deg,transparent 22px,#000 64px,#000 calc(100% - 64px),transparent calc(100% - 22px));mask-image:linear-gradient(90deg,transparent 22px,#000 64px,#000 calc(100% - 64px),transparent calc(100% - 22px));}
.nc-chipnav{position:absolute;top:50%;margin-top:2px;transform:translateY(-50%);z-index:2;width:26px;height:26px;border-radius:50%;
display:none;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--text-1);
background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05)),rgba(20,21,27,.55);border:1px solid rgba(255,255,255,.16);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 12px -4px rgba(0,0,0,.6);
transition:background .15s,border-color .15s,color .15s;}
.nc-chipnav svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.nc-chipnav:hover{border-color:rgba(224,169,64,.6);color:#f6d59d;background:linear-gradient(160deg,rgba(224,169,64,.28),rgba(224,169,64,.08)),rgba(20,21,27,.55);}
.nc-chipnav.prev{left:8px;}
.nc-chipnav.next{right:8px;}
.nc-chipbar.can-prev .nc-chipnav.prev,.nc-chipbar.can-next .nc-chipnav.next{display:flex;}
.nc-chips::-webkit-scrollbar{display:none;}
.nc-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;
border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text-2);
font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:20px;transition:all .15s;}
.nc-chip .nc-chip-ic{font-size:12px;line-height:1;display:inline-flex;color:var(--text-3);}
.nc-chip .nc-chip-ic svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;}
.nc-chip.is-active .nc-chip-ic{color:inherit;}
.nc-chip:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--text-1);}
.nc-chip.is-active{background:linear-gradient(160deg,rgba(224,169,64,.26),rgba(224,169,64,.1));border-color:rgba(224,169,64,.55);color:#f6d59d;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}

.nc-list{flex:1 1 auto;overflow-y:auto;padding:0 10px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;}
.nc-list::-webkit-scrollbar{width:6px;}
.nc-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:6px;}
.nc-group{display:flex;align-items:center;gap:8px;padding:10px 6px 7px;
font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);}
.nc-group::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);}
.nc-group-n{font-weight:600;letter-spacing:0;opacity:.7;}
.nc-item{--nc-c:143,178,232;position:relative;display:flex;align-items:flex-start;gap:12px;padding:11px 12px 11px 13px;margin-bottom:6px;cursor:default;
border-radius:15px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);overflow:hidden;
transition:background .15s,border-color .15s,transform .15s;}
.nc-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.nc-item.is-action{cursor:pointer;}
.nc-item.is-action:hover{transform:translateX(-2px);}
.nc-item.is-unread{background:linear-gradient(100deg,rgba(var(--nc-c),.13),rgba(var(--nc-c),.03) 55%,rgba(255,255,255,.03));border-color:rgba(var(--nc-c),.28);}
.nc-item.is-unread::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;
background:rgb(var(--nc-c));box-shadow:0 0 10px rgba(var(--nc-c),.7);}
.nc-item.is-unread:hover{background:linear-gradient(100deg,rgba(var(--nc-c),.18),rgba(var(--nc-c),.05) 55%,rgba(255,255,255,.05));}
.nc-ic{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;
font-size:18px;color:rgb(var(--nc-c));background:linear-gradient(160deg,rgba(var(--nc-c),.24),rgba(var(--nc-c),.07));
border:1px solid rgba(var(--nc-c),.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
.nc-ic svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.nc-body{flex:1 1 auto;min-width:0;}
.nc-top{display:flex;align-items:baseline;gap:8px;}
.nc-t{flex:1 1 auto;min-width:0;font-size:13.3px;font-weight:650;color:var(--text-1);line-height:1.35;}
.nc-item:not(.is-unread) .nc-t{color:var(--text-2);font-weight:600;}
.nc-time{flex:0 0 auto;font-size:10.5px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;}
.nc-b{font-size:12.3px;color:var(--text-2);line-height:1.45;margin-top:3px;white-space:pre-line;overflow-wrap:anywhere;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nc-item:not(.is-unread) .nc-b{color:var(--text-3);}
.nc-item.is-open .nc-b{display:block;-webkit-line-clamp:unset;overflow:visible;}
.nc-more{margin-left:auto;flex:0 0 auto;cursor:pointer;font:inherit;font-size:10.5px;font-weight:650;
color:rgb(var(--nc-c));background:transparent;border:1px solid rgba(var(--nc-c),.28);border-radius:20px;padding:2px 9px;
transition:background .15s,border-color .15s;}
.nc-more:hover{background:rgba(var(--nc-c),.12);border-color:rgba(var(--nc-c),.45);}
.nc-meta{display:flex;align-items:center;gap:7px;margin-top:7px;}
.nc-src{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px;color:rgb(var(--nc-c));
background:rgba(var(--nc-c),.1);border:1px solid rgba(var(--nc-c),.2);}
.nc-rel{font-size:10.5px;color:var(--text-3);white-space:nowrap;}
.nc-meta:has(.nc-more){flex-wrap:wrap;row-gap:5px;}
.nc-arrow{align-self:center;display:flex;color:var(--text-3);flex:0 0 auto;opacity:.6;transition:opacity .15s,color .15s,transform .15s;}
.nc-arrow svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.nc-item.is-action:hover .nc-arrow{color:rgb(var(--nc-c));opacity:1;transform:translateX(2px);}

.nc-item.nc-cat-aufgaben{--nc-c:185,166,247;}
.nc-item.nc-cat-tickets{--nc-c:245,164,104;}
.nc-item.nc-cat-chat{--nc-c:63,222,222;}
.nc-item.nc-cat-direkt{--nc-c:240,101,174;}
.nc-item.nc-cat-zuteilung{--nc-c:125,176,251;}
.nc-item.nc-cat-personal{--nc-c:75,220,166;}
.nc-item.nc-cat-pruefungen{--nc-c:230,182,86;}
.nc-item.nc-cat-fristen{--nc-c:240,110,114;}
.nc-item.nc-cat-lizenzen{--nc-c:56,220,239;}
.nc-item.nc-cat-termine{--nc-c:195,156,251;}
.nc-item.nc-cat-system{--nc-c:143,178,232;}
.nc-item.nc-cat-anwesenheit{--nc-c:45,212,191;}
.nc-item.nc-cat-dokumente{--nc-c:224,169,64;}
.nc-chip-ic.nc-cat-anwesenheit{color:#2dd4bf;}
.nc-chip-ic.nc-cat-dokumente{color:#e0a940;}
.nc-chip-ic.nc-cat-aufgaben{color:#b9a6f7;}
.nc-chip-ic.nc-cat-tickets{color:#f5a468;}
.nc-chip-ic.nc-cat-chat{color:#3fdede;}
.nc-chip-ic.nc-cat-direkt{color:#f065ae;}
.nc-chip-ic.nc-cat-zuteilung{color:#7db0fb;}
.nc-chip-ic.nc-cat-personal{color:#4bdca6;}
.nc-chip-ic.nc-cat-pruefungen{color:#e6b656;}
.nc-chip-ic.nc-cat-fristen{color:#f06e72;}
.nc-chip-ic.nc-cat-lizenzen{color:#38dcef;}
.nc-chip-ic.nc-cat-termine{color:#c39cfb;}
.nc-chip-ic.nc-cat-system{color:#8fb2e8;}

.nc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
padding:52px 20px;color:var(--text-3);text-align:center;font-size:13px;}
.nc-empty svg{width:26px;height:26px;stroke:var(--text-2);box-sizing:content-box;padding:14px;border-radius:50%;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}

.nc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 18px;
border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);flex:0 0 auto;}
.nc-foot #ncFootCount{font-size:11.5px;color:var(--text-3);}
.nc-foot #ncArchive{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
color:var(--text-2);font-size:12px;font-weight:600;padding:6px 11px;border-radius:10px;transition:background .15s,color .15s,border-color .15s;}
.nc-foot #ncArchive svg{width:14px;height:14px;stroke:currentColor;}
.nc-foot #ncArchive:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:var(--text-1);}

@media (max-width:640px){
.nc-root{right:14px;bottom:14px;}
.nc-panel{width:calc(100vw - 28px);max-height:calc(100vh - 96px);}
:root{--nc-fab-size:42px;}
}
.rc-savestate{font-size:12px;font-weight:700;color:var(--text-2);}
.rc-savestate.busy{color:var(--role-ausb);}
.rc-savestate.ok{color:#5fd0a0;}
.rc-savestate.err{color:#ef5a5f;}
.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media (max-width:760px){ .rc-grid{grid-template-columns:1fr;gap:16px;} }
.rc-col-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
color:var(--text-2);margin:0 0 8px 2px;}
.rc-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-s);
transition:background .12s;}
.rc-row:hover{background:rgba(255,255,255,.04);}
.rc-row .rc-label{flex:1;font-size:13px;font-weight:600;color:var(--text-1);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rc-swatch{-webkit-appearance:none;appearance:none;width:34px;height:26px;flex:0 0 auto;
padding:0;border:1px solid var(--border-strong);border-radius:8px;background:transparent;cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 2px 6px rgba(0,0,0,.35);}
.rc-swatch::-webkit-color-swatch-wrapper{padding:2px;}
.rc-swatch::-webkit-color-swatch{border:none;border-radius:6px;}
.rc-swatch::-moz-color-swatch{border:none;border-radius:6px;}
.rc-hex{width:88px;flex:0 0 auto;font-family:var(--font-mono);font-size:12px;font-weight:600;
text-transform:lowercase;color:var(--text-1);background:var(--bg-input);
border:1px solid var(--border);border-radius:8px;padding:6px 8px;text-align:center;}
.rc-hex:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border));}
.rc-reset{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;flex:0 0 auto;
padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text-2);cursor:pointer;
transition:color .12s,border-color .12s,background .12s;}
.rc-reset svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.rc-reset:hover{color:var(--text-1);border-color:var(--border-strong);background:rgba(255,255,255,.06);}
.rc-reset.hidden{visibility:hidden;}
.rc-dn{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);}
.rc-tags{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);}
.tg-row .rm-main{flex-wrap:wrap;}
.tg-row .tg-label{flex:1 1 130px;}
.tg-role{flex:0 1 250px;min-width:150px;font-size:12px;color:var(--text-2);background:var(--bg-input);
border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-family:inherit;cursor:pointer;}
.tg-role:focus{outline:none;border-color:color-mix(in srgb,var(--rmc) 55%, var(--border-strong));}
.rm-badge-auto{color:color-mix(in srgb,var(--rmc) 82%, white);
background:color-mix(in srgb,var(--rmc) 16%, transparent);
border-color:color-mix(in srgb,var(--rmc) 42%, transparent);}
.tg-descrow{padding:0 9px 9px 9px;}
.tg-desc{width:100%;font-size:12px;color:var(--text-2);background:transparent;
border:1px solid transparent;border-radius:8px;padding:5px 7px;font-family:inherit;}
.tg-desc:hover{border-color:var(--border);}
.tg-desc:focus{outline:none;background:var(--bg-input);border-color:color-mix(in srgb,var(--rmc) 55%, var(--border));}
.tg-empty{padding:18px 14px;text-align:center;font-size:12.5px;line-height:1.6;color:var(--text-3);
border:1px dashed var(--border-strong);border-radius:var(--radius-m);background:rgba(255,255,255,.02);}
.rm-new-role{flex:1;font-size:13px;color:var(--text-1);background:var(--bg-input);
border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-family:inherit;}
.rm-new-role:focus{outline:none;border-color:var(--border-strong);}

.tag-menu{min-width:250px;}
.tg-head{padding:9px 11px 7px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
color:var(--text-3);border-bottom:1px solid var(--border);margin-bottom:4px;}
.tg-hint{font-size:11px;color:var(--text-3);}
.dropdown-item.tg-item{gap:8px;}
.dropdown-item.tg-item.auto{cursor:default;opacity:.78;}
.tg-box{flex:0 0 16px;width:16px;height:16px;border-radius:5px;display:grid;place-items:center;
border:1px solid color-mix(in srgb,var(--pc) 50%, var(--border-strong));background:var(--bg-input);color:#fff;}
.tg-item.on .tg-box{background:var(--pc);border-color:var(--pc);}
.tg-check{width:11px;height:11px;stroke:currentColor;fill:none;}
.tg-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tg-auto{flex:0 0 auto;font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
color:var(--text-3);border:1px solid var(--border);border-radius:999px;padding:1px 6px;}
.rc-dn .rc-row{max-width:420px;}
.rc-dn-hint{margin:8px 0 0 2px;font-size:12px;line-height:1.5;color:var(--text-2);}
.rc-actions{margin-top:16px;display:flex;justify-content:flex-end;}
.rc-preview{margin-top:18px;padding:14px 14px 16px;border:1px solid var(--border);border-radius:var(--radius-m);
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12));}
.rc-pv-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px;}
.rc-pv-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;}
.rc-pv-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;
color:color-mix(in srgb, var(--c) 82%, white);
background:color-mix(in srgb, var(--c) 16%, transparent);
border:1px solid color-mix(in srgb, var(--c) 42%, transparent);
border-radius:999px;padding:4px 11px;}
.rc-pv-dot{width:9px;height:9px;border-radius:50%;background:var(--c);
box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 30%, transparent);}
.rc-pv-welcome{margin-top:12px;padding:14px;border-radius:var(--radius-m);text-align:center;
border:1px solid color-mix(in srgb, var(--cc) 40%, var(--border));
background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--cc) 16%, transparent), transparent 70%), rgba(0,0,0,.15);}
.rc-pv-wname{font-family:var(--font-display);font-weight:700;font-size:15px;color:color-mix(in srgb, var(--cc) 80%, white);margin-bottom:9px;}
.rc-pv-wtags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.rc-pv-wtag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
color:color-mix(in srgb, var(--c) 82%, white);
background:color-mix(in srgb, var(--c) 14%, transparent);
border:1px solid color-mix(in srgb, var(--c) 40%, transparent);
border-radius:999px;padding:3px 10px;}

.rs-state{font-size:12px;font-weight:700;color:var(--text-2);}
.rs-state.ok{color:#5fd0a0;}
.rs-state.warn{color:var(--role-ausb);}
.rs-rows{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);
border-radius:var(--radius-m);overflow:hidden;margin-bottom:14px;}
.rs-row{display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:9px 13px;background:var(--bg-input);}
.rs-row-k{font-size:12.5px;color:var(--text-2);}
.rs-row-v{font-size:12.5px;font-weight:700;color:var(--text-1);text-align:right;}
.rs-row-v.ok{color:#5fd0a0;}
.rs-row-v.warn{color:var(--role-ausb);}
.rs-note{grid-column:1/-1;padding:11px 13px;background:rgba(224,169,64,.10);
border-top:1px solid color-mix(in srgb,var(--role-ausb) 35%, var(--border));
font-size:12px;line-height:1.55;color:var(--text-2);}
.rs-check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-2);cursor:pointer;}
.rs-check input{width:15px;height:15px;accent-color:var(--role-probe);}
.rs-check-note{color:var(--text-3);}
.rs-actions{margin-top:16px;display:flex;justify-content:flex-end;}
.rs-actions .btn-danger{
position:relative;overflow:hidden;isolation:isolate;
display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:inherit;
padding:12px 24px;border-radius:999px;font-size:13.5px;font-weight:700;letter-spacing:.01em;
color:#ffd9da;
border:1px solid color-mix(in srgb,var(--role-probe) 48%, transparent);
background:linear-gradient(180deg, color-mix(in srgb,var(--role-probe) 26%, transparent),
color-mix(in srgb,var(--role-probe) 11%, transparent) 62%),
rgba(26,27,32,.55);
-webkit-backdrop-filter:blur(11px) saturate(1.15);backdrop-filter:blur(11px) saturate(1.15);
box-shadow:inset 0 1px 0 rgba(255,255,255,.16),
inset 0 -1px 0 color-mix(in srgb,var(--role-probe) 22%, transparent),
0 8px 22px -8px color-mix(in srgb,var(--role-probe) 55%, transparent),
0 2px 10px rgba(0,0,0,.35);
transition:color .18s, border-color .18s, box-shadow .22s, transform .1s, background .18s;
}
.rs-actions .btn-danger::after{
content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
background:radial-gradient(120px 60px at 26% -20%, rgba(255,255,255,.30), transparent 70%);
opacity:0;transition:opacity .25s;
}
.rs-actions .btn-danger:hover{
color:#fff;
border-color:color-mix(in srgb,var(--role-probe) 78%, transparent);
background:linear-gradient(180deg, color-mix(in srgb,var(--role-probe) 40%, transparent),
color-mix(in srgb,var(--role-probe) 18%, transparent) 62%),
rgba(26,27,32,.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,.24),
inset 0 -1px 0 color-mix(in srgb,var(--role-probe) 32%, transparent),
0 14px 30px -10px color-mix(in srgb,var(--role-probe) 70%, transparent),
0 0 26px color-mix(in srgb,var(--role-probe) 26%, transparent);
}
.rs-actions .btn-danger:hover::after{opacity:1;}
.rs-actions .btn-danger:active{transform:scale(.975);}
.rs-actions .btn-danger:focus-visible{outline:2px solid color-mix(in srgb,var(--role-probe) 70%, transparent);outline-offset:3px;}
.rs-actions .btn-danger svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:transform .35s ease;}
.rs-actions .btn-danger:hover svg{transform:rotate(-140deg);}
.rs-actions .btn-danger:disabled{opacity:.45;cursor:default;transform:none;}
.rs-actions .btn-danger:disabled:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 10px rgba(0,0,0,.35);}
.rs-actions .btn-danger:disabled:hover svg{transform:none;}
@media (prefers-reduced-motion:reduce){
.rs-actions .btn-danger svg,.rs-actions .btn-danger:hover svg{transition:none;transform:none;}
}

.rs-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
background:rgba(7,9,14,.92);opacity:0;transition:opacity .25s;padding:24px;}
.rs-overlay.show{opacity:1;}
.rs-box{max-width:440px;width:100%;text-align:center;padding:30px 26px 26px;
border-radius:var(--radius-l, 18px);border:1px solid color-mix(in srgb,var(--role-probe) 40%, var(--border));
background:radial-gradient(120% 120% at 50% 0%, rgba(239,90,95,.14), transparent 70%), rgba(15,18,26,.96);
box-shadow:0 24px 70px rgba(0,0,0,.6);}
.rs-spin{width:44px;height:44px;margin:0 auto 18px;border-radius:50%;
border:3px solid color-mix(in srgb,var(--role-probe) 25%, transparent);
border-top-color:var(--role-probe);animation:rsspin .9s linear infinite;}
@keyframes rsspin{to{transform:rotate(360deg);}}
.rs-title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-1);margin-bottom:10px;}
.rs-sub{font-size:13px;line-height:1.6;color:var(--text-2);}
.rs-steps{margin-top:14px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);}
@media (prefers-reduced-motion: reduce){ .rs-spin{animation-duration:2.4s;} }

.rm-col-note{margin-left:8px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-3);}
.rm-hint-grip{display:inline-block;padding:0 4px;border-radius:5px;background:rgba(255,255,255,.07);
border:1px solid var(--border);font-size:11px;line-height:1.5;color:var(--text-2);}
.rm-list{display:flex;flex-direction:column;gap:6px;}
.rm-wait{padding:22px 14px;text-align:center;font-size:12.5px;color:var(--text-3);
border:1px dashed var(--border-strong);border-radius:var(--radius-m);background:rgba(255,255,255,.02);}
.rm-item{--rmc:#8a8d98;border:1px solid var(--border);border-radius:var(--radius-m);
background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(0,0,0,.10));
border-left:3px solid color-mix(in srgb, var(--rmc) 70%, transparent);
transition:border-color .12s, background .12s, box-shadow .12s;}
.rm-item:hover{background:rgba(255,255,255,.05);}
.rm-item.rm-dragging{opacity:.45;box-shadow:0 10px 26px rgba(0,0,0,.45);}
.rm-main{display:flex;align-items:center;gap:9px;padding:7px 9px;}
.rm-grip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:26px;
color:var(--text-3);cursor:grab;}
.rm-grip:active{cursor:grabbing;}
.rm-grip svg{width:16px;height:16px;stroke:currentColor;fill:currentColor;}
.rm-pos{flex:0 0 auto;min-width:19px;text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:700;
color:color-mix(in srgb, var(--rmc) 75%, white);}
.rm-item .rc-swatch{width:30px;height:24px;}
.rm-name{flex:1 1 90px;min-width:70px;font-size:13px;font-weight:600;color:var(--text-1);
background:transparent;border:1px solid transparent;border-radius:7px;padding:4px 7px;}
.rm-name:hover{border-color:var(--border);}
.rm-name:focus{outline:none;background:var(--bg-input);border-color:color-mix(in srgb,var(--rmc) 55%, var(--border));}
.rm-badge{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 7px;border-radius:999px;
color:var(--text-2);background:rgba(255,255,255,.05);border:1px solid var(--border);white-space:nowrap;}
.rm-badge[data-lvl="admin"]{color:#f0a6a9;background:rgba(239,90,95,.12);border-color:rgba(239,90,95,.35);}
.rm-badge[data-lvl="ausbilder"]{color:#8fd9b6;background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.32);}
.rm-badge-own{color:color-mix(in srgb,var(--rmc) 80%, white);
background:color-mix(in srgb,var(--rmc) 14%, transparent);
border-color:color-mix(in srgb,var(--rmc) 40%, transparent);}
.rm-acts{flex:0 0 auto;display:inline-flex;gap:3px;}
.rm-btn{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;
border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-3);cursor:pointer;
transition:color .12s,border-color .12s,background .12s;}
.rm-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.rm-btn:hover:not(:disabled){color:var(--text-1);border-color:var(--border-strong);background:rgba(255,255,255,.06);}
.rm-btn:disabled{opacity:.28;cursor:default;}
.rm-btn.rm-del:hover{color:#ef5a5f;border-color:rgba(239,90,95,.45);background:rgba(239,90,95,.10);}
.rm-item.open .rm-more svg{transform:rotate(180deg);}
.rm-more svg{transition:transform .16s;}
.rm-detail{display:none;padding:4px 12px 12px 40px;border-top:1px solid var(--border);margin-top:2px;}
.rm-item.open .rm-detail{display:block;}
.rm-drow{margin-top:11px;}
.rm-drow > label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
color:var(--text-3);margin-bottom:5px;}
.rm-note-inline{font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-3);}
.rm-dfield{display:flex;align-items:center;gap:8px;}
.rm-drow input[type="text"], .rm-drow textarea, .rm-drow select{
width:100%;font-size:12.5px;color:var(--text-1);background:var(--bg-input);
border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-family:inherit;}
.rm-drow .rm-dfield input.rc-hex{width:104px;flex:0 0 auto;text-align:center;}
.rm-drow textarea{resize:vertical;line-height:1.5;min-height:56px;}
.rm-drow input[type="text"]:focus, .rm-drow textarea:focus, .rm-drow select:focus{
outline:none;border-color:color-mix(in srgb,var(--rmc) 55%, var(--border));}
.rm-note{margin-top:6px;font-size:11.5px;line-height:1.5;color:var(--text-3);}
.rm-icons{display:flex;flex-wrap:wrap;gap:6px;--rc:var(--rmc);}
.rm-icons .ew-iconpick{width:32px;height:32px;border-radius:8px;}
.rm-icons .ew-iconpick svg{width:16px;height:16px;}
.rm-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--text-2);cursor:pointer;}
.rm-check input{width:15px;height:15px;accent-color:var(--rmc);}
.rm-new{margin-top:8px;padding:12px;border-radius:var(--radius-m);
border:1px dashed var(--border-strong);background:rgba(255,255,255,.03);}
.rm-new-head{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px;}
.rm-new-row{display:flex;align-items:center;gap:9px;margin-bottom:9px;}
.rm-new-name, .rm-new-level{flex:1;font-size:13px;color:var(--text-1);background:var(--bg-input);
border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-family:inherit;}
.rm-new-name:focus, .rm-new-level:focus{outline:none;border-color:var(--border-strong);}
.rm-new-note{font-size:11.5px;line-height:1.5;color:var(--text-3);margin-bottom:10px;}
.rm-new-acts{display:flex;justify-content:flex-end;gap:8px;}
@media (max-width:640px){
.rm-main{flex-wrap:wrap;}
.rm-name{flex:1 1 100%;order:5;}
.rm-detail{padding-left:12px;}
}
.dbr-wrap{--dbr-acc:var(--role-dgl);}
.dbr-info{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;border-radius:var(--radius-m);
background:linear-gradient(180deg, rgba(239,90,95,.14), rgba(239,90,95,.05));
border:1px solid color-mix(in srgb,var(--role-probe) 45%, var(--border));
box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 16px rgba(239,90,95,.10);}
.dbr-info svg{width:22px;height:22px;flex:0 0 22px;color:var(--role-probe);margin-top:1px;}
.dbr-info-txt{font-size:13px;line-height:1.55;color:var(--text-1);}
.dbr-info-txt b{color:#ffb3b6;}
.dbr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.dbr-tab{display:inline-flex;align-items:center;gap:8px;background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text-2);
padding:9px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;}
.dbr-tab svg{width:16px;height:16px;stroke:currentColor;}
.dbr-tab:hover{background:var(--bg-hover);color:var(--text-1);}
.dbr-tab.active{background:color-mix(in srgb,var(--dbr-acc) 18%, var(--bg-panel));border-color:color-mix(in srgb,var(--dbr-acc) 60%, var(--border));color:color-mix(in srgb,var(--dbr-acc) 85%, white);}
.dbr-tabcount{font-family:var(--font-mono);font-size:11px;font-weight:700;min-width:18px;padding:1px 6px;border-radius:999px;
background:color-mix(in srgb,var(--dbr-acc) 26%, transparent);color:color-mix(in srgb,var(--dbr-acc) 85%, white);}
.dbr-tab.active .dbr-tabcount{background:color-mix(in srgb,var(--dbr-acc) 40%, transparent);}
.dbr-pane{display:none;animation:pageIn .2s ease;}
.dbr-pane.active{display:block;}
.dbr-neu-grid,.dbr-note-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;align-items:start;}
.dbr-preview-panel,.dbr-note-listpanel{position:sticky;top:14px;}
.dbr-head-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;}
.dbr-head-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.dbr-head-field label{font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-2);text-transform:uppercase;}
.dbr-kwsel{flex:0 0 130px;}
.dbr-yearsel{flex:0 0 96px;}
.dbr-verf{flex:1 1 240px;}
.dbr-select,.dbr-input{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:9px;padding:10px 12px;font-size:13.5px;font-family:inherit;transition:border-color .15s, box-shadow .15s;}
.dbr-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2395979f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
background-repeat:no-repeat;background-position:right 11px center;padding-right:32px;cursor:pointer;}
.dbr-select:focus,.dbr-input:focus,.dbr-fields textarea:focus,.dbr-note-form textarea:focus{outline:none;
border-color:color-mix(in srgb,var(--dbr-acc) 55%, var(--border-strong));
box-shadow:0 0 0 3px color-mix(in srgb,var(--dbr-acc) 16%, transparent);}
.dbr-fields{display:flex;flex-direction:column;gap:16px;}
.dbr-field{display:flex;flex-direction:column;gap:6px;}
.dbr-field label{font-size:13px;font-weight:600;color:var(--text-1);}
.dbr-fhint{font-size:11.5px;color:var(--text-3);line-height:1.5;margin:0;}
.dbr-fields textarea,.dbr-note-form textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-1);
border-radius:9px;padding:10px 12px;font-size:13.5px;font-family:inherit;line-height:1.55;resize:vertical;min-height:80px;transition:border-color .15s, box-shadow .15s;}
.dbr-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px;}
.dbr-editing-tag{font-size:11.5px;font-weight:700;font-family:var(--font-mono);color:color-mix(in srgb,var(--dbr-acc) 85%, white);
background:color-mix(in srgb,var(--dbr-acc) 18%, transparent);border:1px solid color-mix(in srgb,var(--dbr-acc) 40%, transparent);
border-radius:999px;padding:3px 10px;}
.dbr-copy{padding:7px 12px;font-size:12.5px;}
.dbr-preview{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;
color:var(--text-1);background:rgba(0,0,0,.28);border:1px solid var(--border);border-radius:var(--radius-m);
padding:16px 18px;max-height:66vh;overflow:auto;}
.dbr-arch-list{display:flex;flex-direction:column;gap:10px;}
.dbr-arch-item{border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));transition:border-color .12s;}
.dbr-arch-item.open{border-color:color-mix(in srgb,var(--dbr-acc) 45%, var(--border));}
.dbr-arch-head{display:flex;align-items:center;gap:14px;padding:13px 15px;cursor:pointer;}
.dbr-arch-head:hover{background:var(--bg-hover);}
.dbr-arch-kw{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 62px;line-height:1.1;
padding:8px 6px;border-radius:10px;background:color-mix(in srgb,var(--dbr-acc) 14%, transparent);
border:1px solid color-mix(in srgb,var(--dbr-acc) 32%, transparent);}
.dbr-arch-kw b{font-family:var(--font-display);font-size:16px;color:color-mix(in srgb,var(--dbr-acc) 88%, white);}
.dbr-arch-kw span{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);}
.dbr-arch-meta{flex:1;min-width:0;}
.dbr-arch-verf{font-size:13.5px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dbr-arch-sub{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px;font-size:11.5px;color:var(--text-3);}
.dbr-arch-chev{flex:0 0 auto;color:var(--text-3);transition:transform .18s;}
.dbr-arch-chev svg{width:18px;height:18px;}
.dbr-arch-item.open .dbr-arch-chev{transform:rotate(180deg);color:color-mix(in srgb,var(--dbr-acc) 80%, white);}
.dbr-arch-body{padding:4px 15px 16px;border-top:1px solid var(--border);}
.dbr-arch-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;}
.dbr-arch-tools .btn-ghost{padding:7px 12px;font-size:12.5px;}
.dbr-del,.dbr-icon-del{color:var(--role-probe)!important;}
.dbr-del:hover{background:color-mix(in srgb,var(--role-probe) 16%, transparent)!important;border-color:color-mix(in srgb,var(--role-probe) 45%, var(--border))!important;}
.dbr-note-list{display:flex;flex-direction:column;gap:18px;max-height:70vh;overflow:auto;padding-right:4px;}
.dbr-note-group{}
.dbr-note-ghead{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding-bottom:7px;border-bottom:1px solid var(--border);}
.dbr-note-gkw{font-family:var(--font-display);font-weight:700;font-size:15px;color:color-mix(in srgb,var(--dbr-acc) 85%, white);}
.dbr-note-gyear{font-size:11.5px;font-family:var(--font-mono);color:var(--text-3);}
.dbr-note-gcount{margin-left:auto;font-size:11px;color:var(--text-3);}
.dbr-note-items{display:flex;flex-direction:column;gap:8px;}
.dbr-note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:11px;
background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));border:1px solid var(--border);
border-left:3px solid color-mix(in srgb,var(--dbr-acc) 60%, transparent);}
.dbr-note-main{flex:1;min-width:0;}
.dbr-note-title{font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:3px;}
.dbr-note-body{font-size:12.5px;color:var(--text-2);line-height:1.55;word-break:break-word;}
.dbr-note-when{font-size:10.5px;color:var(--text-3);margin-top:6px;font-family:var(--font-mono);}
.dbr-note-tools{display:flex;gap:4px;flex:0 0 auto;}
.dbr-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
background:transparent;border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:all .12s;}
.dbr-icon svg{width:15px;height:15px;}
.dbr-icon:hover{background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong);}
.dbr-icon-del:hover{background:color-mix(in srgb,var(--role-probe) 16%, transparent);color:var(--role-probe);border-color:color-mix(in srgb,var(--role-probe) 45%, var(--border));}
@media (max-width:1024px){
.dbr-neu-grid,.dbr-note-grid{grid-template-columns:1fr;}
.dbr-preview-panel,.dbr-note-listpanel{position:static;}
.dbr-preview{max-height:none;}
}
@media (max-width:640px){
.dbr-head-field{flex:1 1 100%;}
.dbr-actions{justify-content:stretch;}
.dbr-actions .btn-primary,.dbr-actions .btn-ghost{flex:1 1 auto;}
}

.chat-tab[data-ctab="dgl"]{--role-ausb:#f5934c;}
.chat-tab[data-ctab="dgl"] svg{color:#f5934c;}
.chat-tab[data-ctab="dgl"].active{color:#fff;border-color:#f5934c;background:color-mix(in srgb,#f5934c 22%, rgba(23,24,28,.5));}
.chat-tab[data-ctab="dgl"].active svg{color:#fff;}

.chat-chanbar{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 13px;border-radius:12px;
border:1px solid color-mix(in srgb,#f5934c 40%, var(--border-strong));
background:linear-gradient(180deg, color-mix(in srgb,#f5934c 14%, transparent), transparent), rgba(20,21,26,.4);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
color:var(--text-1);font-size:12.5px;font-weight:600;line-height:1.35;}
.chat-chanbar svg{flex:0 0 auto;width:18px;height:18px;color:#f5934c;}

.chat-tool-area{font-family:var(--font-mono);font-weight:800;font-size:17px;line-height:1;}

.area-mention{display:inline-flex;align-items:baseline;gap:1px;padding:.5px 6px;margin:0 1px;border-radius:6px;
font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap;
color:color-mix(in srgb,var(--role-ausb,#5b9dfa) 82%, #fff);
background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 16%, transparent);
border:1px solid color-mix(in srgb,var(--role-ausb,#5b9dfa) 30%, transparent);
transition:background .12s,border-color .12s,color .12s;}
.area-mention:hover{color:#fff;background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 42%, transparent);
border-color:color-mix(in srgb,var(--role-ausb,#5b9dfa) 60%, transparent);}
.area-mention .am-hash{opacity:.75;font-weight:800;}
.dm-msg.me .area-mention,.tsk-msg.me .area-mention{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28);}
.dm-msg.me .area-mention:hover,.tsk-msg.me .area-mention:hover{background:rgba(255,255,255,.3);}

.area-mention-pop{position:fixed;z-index:1300;max-height:280px;overflow-y:auto;padding:6px;
border:1px solid var(--border-strong);border-radius:13px;
background:linear-gradient(180deg, rgba(28,29,35,.96), rgba(18,19,24,.97));
-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
box-shadow:0 18px 46px -12px rgba(0,0,0,.7);}
.am-pop-head{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);font-weight:700;padding:4px 8px 6px;}
.am-opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;
padding:8px 9px;border:none;border-radius:9px;background:none;color:var(--text-1);font:inherit;font-size:13px;transition:background .1s;}
.am-opt:hover,.am-opt.active{background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 20%, rgba(255,255,255,.04));}
.am-opt-hash{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;
font-family:var(--font-mono);font-weight:800;font-size:14px;color:var(--role-ausb,#5b9dfa);
background:color-mix(in srgb,var(--role-ausb,#5b9dfa) 18%, transparent);}
.am-opt-lbl{flex:1 1 auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.am-opt-key{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;color:var(--text-2);}

.chat-with-members{display:flex;gap:14px;align-items:flex-start;}
.chat-with-members .chat-shell{flex:1 1 auto;min-width:0;}
.chat-members{flex:0 0 236px;height:calc(100vh - 150px - var(--dock-space));display:flex;flex-direction:column;
border:1px solid var(--border-strong);border-radius:18px;overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 42%), rgba(23,24,28,.5);
-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 80px rgba(0,0,0,.45);}
.dm-wrap .chat-members{height:auto;align-self:stretch;}
.cm-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;
padding:14px 15px;border-bottom:1px solid var(--border-strong);}
.cm-title{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text-2);}
.cm-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
font-size:11px;font-weight:700;color:var(--text-2);background:rgba(255,255,255,.06);border:1px solid var(--border);}
.cm-list{flex:1 1 auto;overflow-y:auto;padding:7px;}
.cm-sec{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);padding:11px 8px 5px;}
.cm-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:11px;transition:background .1s;}
.cm-row:hover{background:rgba(255,255,255,.05);}
.cm-row:not(.on){opacity:.6;}
.cm-av-wrap{position:relative;flex:0 0 auto;}
.cm-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
font-size:13px;font-weight:700;color:#fff;
background:linear-gradient(150deg,color-mix(in srgb,var(--av-c,#5b9dfa) 82%,#fff 18%),var(--av-c,#5b9dfa));}
.cm-av img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.cm-dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid #1b1c22;}
.cm-dot.on{background:#3fb950;}
.cm-dot.off{background:#6e7681;}
.cm-info{min-width:0;display:flex;flex-direction:column;gap:1px;}
.cm-name{font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-me{font-size:10px;font-weight:700;color:var(--text-3);border:1px solid var(--border);border-radius:6px;padding:0 4px;margin-left:2px;}
.cm-author{font-size:10px;font-weight:700;color:var(--role-ausb);margin-left:4px;padding:0 5px;border-radius:6px;
border:1px solid color-mix(in srgb,var(--role-ausb) 40%, transparent);
background:color-mix(in srgb,var(--role-ausb) 14%, transparent);white-space:nowrap;}
.cm-note{flex:0 0 auto;padding:9px 14px;font-size:11.5px;line-height:1.5;color:var(--text-3);
border-bottom:1px solid var(--border);background:rgba(255,255,255,.02);}
.cm-note b{color:var(--text-2);font-weight:700;}
.cm-name{color:var(--rc, var(--text-1));}
.cm-sub{font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0;}
.cm-dn{font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:var(--dn-badge, var(--rc, var(--role-ausb)));
background:color-mix(in srgb, var(--dn-badge, var(--rc, var(--role-ausb))) 14%, transparent);
border-radius:5px;padding:0 5px;white-space:nowrap;}
.cm-sub .chat-role{font-size:9px;padding:0 5px;}
.cm-empty{padding:24px 14px;text-align:center;color:var(--text-3);font-size:12.5px;}
@media (max-width:1080px){ .chat-members{display:none;} }

@media (max-width:900px){
.user-dock,.nc-root{bottom:calc(var(--nc-edge) + var(--dock-h) + 12px + env(safe-area-inset-bottom, 0px));}
}
@font-face{
font-family:'Dancing Script';
src:url('DancingScript.woff2') format('woff2');
font-weight:600;
font-style:normal;
font-display:swap;
}

.cv-savestate{font-size:12px;font-weight:700;color:var(--text-2);white-space:nowrap;}
.cv-savestate.busy{color:var(--role-ausb);}
.cv-savestate.ok{color:#5fd0a0;}
.cv-savestate.warn{color:#e0a940;}
.cv-savestate.err{color:#ef5a5f;}
.cv-mini{padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;}
.cv-mini svg{width:14px;height:14px;stroke:currentColor;fill:none;}

.cv-rows{display:flex;flex-direction:column;gap:8px;}
.cv-row{
display:flex;align-items:center;gap:9px;
padding:8px 10px;border-radius:12px;
background:var(--bg-panel-alt);border:1px solid var(--border);
}
.cv-row:focus-within{border-color:var(--border-strong);background:var(--bg-hover);}
.cv-row input[type="text"]{
flex:1 1 160px;min-width:0;
background:var(--bg-input);border:1px solid var(--border);border-radius:9px;
color:var(--text-1);font:inherit;font-size:13px;padding:8px 11px;
}
.cv-row input[type="text"]:focus{outline:none;border-color:var(--border-strong);}
.cv-row input[type="text"]::placeholder{color:var(--text-3);}
.cv-num{
flex:0 0 auto;min-width:24px;height:24px;padding:0 6px;
display:inline-flex;align-items:center;justify-content:center;
border-radius:8px;background:rgba(255,255,255,.06);
font-size:11.5px;font-weight:700;color:var(--text-2);
}
.cv-row-sig .cv-hand{font-family:'Dancing Script','Segoe Script',cursive;font-size:16px;color:#7fb0f5;}
.cv-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
.cv-tools button{
width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
border-radius:8px;border:1px solid var(--border);background:transparent;
color:var(--text-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;
}
.cv-tools button svg{width:15px;height:15px;stroke:currentColor;fill:none;}
.cv-tools button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1);border-color:var(--border-strong);}
.cv-tools button:disabled{opacity:.3;cursor:default;}
.cv-tools .cv-del:hover{color:#ef5a5f;border-color:rgba(239,90,95,.45);background:rgba(239,90,95,.1);}
.cv-add{margin-top:10px;padding:8px 14px;font-size:12.5px;display:inline-flex;align-items:center;gap:7px;}
.cv-add svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.cv-empty{
padding:14px;border-radius:12px;border:1px dashed var(--border-strong);
color:var(--text-2);font-size:12.5px;text-align:center;
}

.cv-textgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cv-field{display:flex;flex-direction:column;gap:6px;grid-column:1 / -1;}
.cv-field-small{grid-column:auto;}
.cv-field label{font-size:12px;font-weight:600;color:var(--text-2);}
.cv-field input{
background:var(--bg-input);border:1px solid var(--border);border-radius:10px;
color:var(--text-1);font:inherit;font-size:13px;padding:10px 12px;
}
.cv-field input:focus{outline:none;border-color:var(--border-strong);}
.cv-fhint{font-size:11.5px;color:var(--text-3);line-height:1.45;}

.cv-preview{margin-top:18px;}
.cv-pv-label{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;}
.cv-pv-sheet{
display:flex;gap:6px;text-align:center;overflow-x:auto;
background:#fff;color:#000;border-radius:12px;padding:20px 16px 16px;
}
.cv-pv-col{flex:1 1 0;min-width:0;}
.cv-pv-printed{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cv-pv-hand{
font-family:'Dancing Script','Segoe Script','Brush Script MT',cursive;
font-weight:600;color:#4a86e8;font-size:19px;line-height:1.25;margin-top:3px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

@media (max-width:900px){
.cv-textgrid{grid-template-columns:1fr;}
.cv-field-small{grid-column:1 / -1;}
.cv-row{flex-wrap:wrap;}
.cv-row input[type="text"]{flex:1 1 100%;}
.cv-tools{margin-left:auto;}
}

.avl-pv-sheet{display:block;text-align:left;padding:18px 20px;}
.avl-pv-name{font-weight:700;font-size:13.5px;}
.avl-pv-role{font-style:italic;color:#333;font-size:13px;margin-bottom:10px;}
.avl-pv-role:last-child{margin-bottom:0;}
.cv-row .avl-role{flex:1 1 260px;}

.cert-lbl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.cert-lbl-row .cert-ausb-goto{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;
font:inherit;font-size:11.5px;font-weight:700;color:var(--acc,var(--role-ausb));}
.cert-lbl-row .cert-ausb-goto:hover{text-decoration:underline;}
.cert-ausb-goto svg{width:13px;height:13px;flex:none;}
.cm-list-tools .cert-ausb-goto{display:inline-flex;align-items:center;gap:6px;}
.ae-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;flex:0 1 auto;}
.ae-tags:empty{display:none;}
.ae-tag{font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;
border:1px solid var(--border);color:var(--text-2);background:rgba(255,255,255,.04);}
.ae-ga5{color:#e0a940;border-color:rgba(224,169,64,.42);background:rgba(224,169,64,.1);}
.ae-ga14{color:#34d399;border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.08);}
.ae-elvl{color:#5b9dfa;border-color:rgba(91,157,250,.42);background:rgba(91,157,250,.1);}
.ae-dup{color:#ef5a5f;border-color:rgba(239,90,95,.45);background:rgba(239,90,95,.1);}
.cv-row .aae-inp{flex:1 1 220px;}
.cv-row .aae-zaehlt.cdd-from-select{flex:0 1 290px;width:290px;min-width:0;}
@media (max-width:900px){
.cv-row .aae-zaehlt.cdd-from-select{flex:1 1 100%;width:100%;}
.ae-tags{justify-content:flex-start;}
}

.zae-wrap{display:block;}
.zae-panel{max-width:1100px;}
.zae-row{flex-direction:column;align-items:stretch;gap:9px;padding:10px 12px;}
.zae-row.is-sonder{border-color:rgba(224,169,64,.42);}
.zae-main{display:flex;align-items:center;gap:9px;min-width:0;}
.zae-main .zae-inp{flex:1 1 200px;}
.zae-pos{
flex:0 0 auto;width:54px;height:36px;text-align:center;
background:var(--bg-input);border:1px solid var(--border-strong);border-radius:9px;
color:var(--text-1);font:inherit;font-size:15px;font-weight:800;padding:0 4px;
-moz-appearance:textfield;
}
.zae-pos::-webkit-inner-spin-button,.zae-pos::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.zae-pos:focus{outline:none;border-color:var(--role-ausb);}
.zae-was{
flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;white-space:nowrap;
color:#e0a940;border:1px solid rgba(224,169,64,.42);background:rgba(224,169,64,.1);
}
.zae-was.zae-new{color:#34d399;border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.08);}
.zae-opts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding-left:63px;}
.zae-f{display:flex;flex-direction:column;gap:5px;min-width:0;}
.zae-f > span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);}
.zae-f select,.zae-f .cdd-from-select{min-width:150px;}
.zae-max{
width:84px;height:32px;background:var(--bg-input);border:1px solid var(--border);border-radius:9px;
color:var(--text-1);font:inherit;font-size:13px;padding:0 10px;
}
.zae-max:focus{outline:none;border-color:var(--border-strong);}
.zae-max::placeholder{color:var(--text-3);}
.zae-chips{display:flex;flex-wrap:wrap;gap:6px;}
.zae-chip{
height:32px;padding:0 12px;border-radius:999px;cursor:pointer;white-space:nowrap;
font:inherit;font-size:12px;font-weight:700;color:var(--text-2);
background:transparent;border:1px solid var(--border);transition:background .15s,color .15s,border-color .15s;
}
.zae-chip:hover{border-color:var(--border-strong);color:var(--text-1);}
.zae-chip.on{color:var(--role-ausb);border-color:color-mix(in srgb,var(--role-ausb) 55%,var(--border));background:color-mix(in srgb,var(--role-ausb) 14%,transparent);}
.zae-sonder.on{color:#e0a940;border-color:rgba(224,169,64,.5);background:rgba(224,169,64,.12);}
@media (max-width:900px){
.zae-main{flex-wrap:wrap;}
.zae-main input.zae-inp{flex:1 1 calc(100% - 70px);}
.zae-opts{padding-left:0;}
.zae-f{flex:1 1 140px;}
.zae-f select,.zae-f .cdd-from-select{min-width:0;width:100%;}
}
.kripo-btn{position:relative;flex:none;height:40px;padding:0 15px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;
font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;white-space:nowrap;
color:var(--text-2);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--border);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .15s,border-color .15s,background .15s,transform .12s;}
.kripo-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;flex:none;}
.kripo-btn:hover{color:var(--kripo-acc);border-color:color-mix(in srgb,var(--kripo-acc) 45%,var(--border-strong));
background:color-mix(in srgb,var(--kripo-acc) 12%,rgba(255,255,255,.02));}
.kripo-btn:active{transform:scale(.96);}
.kripo-btn.active{color:var(--kripo-acc);border-color:color-mix(in srgb,var(--kripo-acc) 55%,var(--border-strong));
background:color-mix(in srgb,var(--kripo-acc) 16%,rgba(255,255,255,.02));}
@media (max-width:640px){ .kripo-btn span{display:none;} .kripo-btn{padding:0;width:40px;justify-content:center;} }

.kripo-head{display:flex;align-items:center;gap:15px;margin:0 0 16px;padding:15px 18px;border-radius:var(--radius-l);
border:1px solid color-mix(in srgb,var(--kripo-acc) 24%,var(--border));
background:linear-gradient(135deg,color-mix(in srgb,var(--kripo-acc) 13%,rgba(255,255,255,.03)),rgba(255,255,255,.015));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}
.kripo-badge{flex:0 0 auto;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
color:var(--kripo-acc);border:1px solid color-mix(in srgb,var(--kripo-acc) 32%,transparent);
background:color-mix(in srgb,var(--kripo-acc) 16%,rgba(0,0,0,.25));}
.kripo-badge svg{width:23px;height:23px;stroke:currentColor;fill:none;}
.kripo-head-txt{flex:1 1 auto;min-width:0;}
.kripo-head-txt h2{font-size:19px;color:var(--text-1);}
.kripo-head-txt p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-2);}
.kripo-role-chip{flex:0 0 auto;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.03em;
color:var(--kripo-acc);border:1px solid color-mix(in srgb,var(--kripo-acc) 40%,transparent);
background:color-mix(in srgb,var(--kripo-acc) 14%,transparent);white-space:nowrap;}
@media (max-width:640px){ .kripo-head{flex-wrap:wrap;gap:11px;padding:13px 14px;} .kripo-head-txt h2{font-size:17px;} }

.sp-wrap{--sp-acc:#38bdf8;display:flex;flex-direction:column;gap:16px;max-width:1500px;}
.sp-hero{position:relative;display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--radius-l);overflow:hidden;
border:1px solid color-mix(in srgb,var(--sp-acc) 26%,var(--border));
background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--sp-acc) 20%,transparent),transparent 55%),
radial-gradient(90% 140% at 100% 100%,color-mix(in srgb,#c084fc 12%,transparent),transparent 60%),
linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 60%),rgba(20,21,26,.78);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(0,0,0,.36);}
.sp-hero-ic{flex:0 0 auto;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:var(--sp-acc);
border:1px solid color-mix(in srgb,var(--sp-acc) 40%,transparent);
background:linear-gradient(180deg,color-mix(in srgb,var(--sp-acc) 26%,#16171b),color-mix(in srgb,var(--sp-acc) 8%,#0f1013));
box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 22px -6px color-mix(in srgb,var(--sp-acc) 70%,transparent);}
.sp-hero-ic svg{width:27px;height:27px;stroke:currentColor;fill:none;}
.sp-hero-txt{flex:1 1 auto;min-width:0;}
.sp-hero-txt h2{font-size:22px;color:var(--text-1);}
.sp-hero-txt p{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--text-2);max-width:760px;}
.sp-stats{flex:0 0 auto;display:flex;gap:8px;}
.sp-stat{min-width:78px;padding:9px 12px;border-radius:13px;text-align:center;display:flex;flex-direction:column;gap:2px;
border:1px solid color-mix(in srgb,var(--c) 30%,transparent);background:color-mix(in srgb,var(--c) 10%,rgba(0,0,0,.2));}
.sp-stat b{font-family:var(--font-mono);font-size:19px;color:var(--c);line-height:1.1;}
.sp-stat span{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);}
.sp-stat.s-offen{--c:#7db3ff;}
.sp-stat.s-in_arbeit{--c:#e6b752;}
.sp-stat.s-erledigt{--c:#34d399;}

.sp-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--radius-l);
border:1px solid color-mix(in srgb,#ef4444 48%,transparent);
background:radial-gradient(110% 170% at 0% 0%,color-mix(in srgb,#ef4444 26%,transparent),transparent 60%),
linear-gradient(180deg,color-mix(in srgb,#ef4444 14%,rgba(255,255,255,.03)),color-mix(in srgb,#ef4444 7%,rgba(0,0,0,.25)));
box-shadow:inset 0 1px 0 rgba(255,180,180,.10),0 0 0 1px color-mix(in srgb,#ef4444 10%,transparent),0 16px 40px -18px color-mix(in srgb,#ef4444 70%,transparent);}
.sp-notice-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;
background:radial-gradient(circle at 35% 30%,#ff8a8a,#dc2626 70%);
box-shadow:0 0 0 6px color-mix(in srgb,#ef4444 18%,transparent),0 0 26px -2px color-mix(in srgb,#ef4444 80%,transparent);}
.sp-notice-ic svg{width:27px;height:27px;stroke:currentColor;fill:none;}
.sp-notice-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.02em;color:#ffd4d6;margin-bottom:5px;}
.sp-notice-body p{margin:0 0 4px;font-size:13.5px;line-height:1.55;color:#ffb3b6;}
.sp-notice-body p:last-child{margin-bottom:0;}
.sp-notice-body b{color:#fff0f0;}
.sp-notice-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;cursor:pointer;white-space:nowrap;
font-size:12.5px;font-weight:700;color:#ffd4d6;border:1px solid color-mix(in srgb,#ef4444 55%,transparent);
background:color-mix(in srgb,#ef4444 18%,rgba(0,0,0,.25));transition:background .15s,transform .12s,border-color .15s;}
.sp-notice-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;flex:none;}
.sp-notice-btn:hover{background:color-mix(in srgb,#ef4444 30%,rgba(0,0,0,.2));border-color:#f87171;}
.sp-notice-btn:active{transform:scale(.97);}

.sp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start;}
.sp-card{border-radius:var(--radius-l);padding:18px 20px 20px;border:1px solid var(--border);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 45%),rgba(23,24,28,.74);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.34);}
.sp-card-head{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.sp-card-head h3{font-size:16.5px;color:var(--text-1);}
.sp-card-head span{font-size:11.5px;color:var(--text-3);}
.sp-card-head > div{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;}
.sp-card-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--role-ausb);
border:1px solid color-mix(in srgb,var(--role-ausb) 40%,transparent);background:color-mix(in srgb,var(--role-ausb) 14%,transparent);}
.sp-card-ic.sp-card-ic-list{color:var(--sp-acc);border-color:color-mix(in srgb,var(--sp-acc) 40%,transparent);background:color-mix(in srgb,var(--sp-acc) 14%,transparent);}
.sp-card-ic svg{width:19px;height:19px;stroke:currentColor;fill:none;}
.sp-count-pill{padding:2px 10px;border-radius:20px;color:var(--sp-acc);border:1px solid color-mix(in srgb,var(--sp-acc) 34%,transparent);background:color-mix(in srgb,var(--sp-acc) 12%,transparent);}
.sp-count-pill:empty{display:none;}
.sp-step{display:flex;align-items:center;gap:9px;margin:4px 0 10px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);}
.sp-step-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:#0e0f12;background:var(--role-ausb);
box-shadow:0 0 12px -2px color-mix(in srgb,var(--role-ausb) 70%,transparent);}
.sp-row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start;}
.sp-att-field{flex:1 1 220px;}
.sp-opt{font-weight:400;color:var(--text-3);}
.sp-count{float:right;font-weight:500;font-family:var(--font-mono);color:var(--text-3);font-size:11px;}
.sp-submit{display:inline-flex;align-items:center;gap:8px;}
.sp-submit svg{width:16px;height:16px;stroke:currentColor;fill:none;}

.sp-wrap .tk-kind{flex:1 1 170px;align-items:flex-start;padding:13px 14px;
background:linear-gradient(180deg,color-mix(in srgb,var(--tkk) 8%,#1c1d23),#141519);}
.sp-wrap .tk-kind-ic{width:34px;height:34px;flex:0 0 34px;}
.tk-kind-txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
.tk-kind-sub{font-size:11.5px;line-height:1.35;color:var(--text-3);}
.sp-wrap .tk-kind:has(input:checked){background:linear-gradient(180deg,color-mix(in srgb,var(--tkk) 20%,#1c1d23),color-mix(in srgb,var(--tkk) 6%,#141519));
box-shadow:0 0 0 1px color-mix(in srgb,var(--tkk) 35%,transparent),0 10px 24px -12px color-mix(in srgb,var(--tkk) 80%,transparent);}
.sp-wrap .tk-kind:has(input:checked) .tk-kind-sub{color:var(--text-2);}

.sp-list-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px;}
.sp-seg{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:rgba(0,0,0,.28);border:1px solid var(--border);}
.sp-seg-b{padding:6px 11px;border-radius:8px;border:0;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);background:transparent;transition:background .15s,color .15s;}
.sp-seg-b:hover{color:var(--text-1);}
.sp-seg-b.active{color:#0e0f12;background:var(--sp-acc);}
.sp-search{flex:1 1 150px;display:flex;align-items:center;gap:7px;padding:0 11px;height:34px;border-radius:10px;border:1px solid var(--border-strong);background:rgba(255,255,255,.03);}
.sp-search svg{width:15px;height:15px;stroke:var(--text-3);fill:none;flex:none;}
.sp-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text-1);font-size:13px;}
.sp-list{max-height:calc(100vh - 360px);min-height:180px;overflow:auto;padding-right:2px;}
.sp-empty{display:flex;flex-direction:column;gap:6px;align-items:center;padding:34px 16px;border-radius:14px;border:1px dashed rgba(255,255,255,.12);}
.sp-empty b{color:var(--text-1);font-size:14px;}
.sp-empty span{max-width:340px;}

.tk-card{-webkit-backdrop-filter:none;backdrop-filter:none;
background:linear-gradient(180deg,color-mix(in srgb,var(--tkc,#5b9dfa) 6%,#1c1d23),#141519);}
.tk-card.has-new{box-shadow:0 0 0 1px color-mix(in srgb,#38bdf8 55%,transparent),0 8px 22px -10px color-mix(in srgb,#38bdf8 80%,transparent);}
.tk-new{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:3px 9px;border-radius:999px;
color:#0e0f12;background:#38bdf8;box-shadow:0 0 10px -2px #38bdf8;}
.tk-last{color:var(--text-3);}
.tk-kind{-webkit-backdrop-filter:none;backdrop-filter:none;}

@media (max-width:1180px){ .sp-grid{grid-template-columns:1fr;} .sp-list{max-height:none;} }
@media (max-width:900px){
.sp-hero{flex-wrap:wrap;}
.sp-stats{width:100%;}
.sp-stat{flex:1 1 0;}
.sp-notice{grid-template-columns:auto minmax(0,1fr);}
.sp-notice-btn{grid-column:1 / -1;justify-content:center;}
}
@media (max-width:640px){
.sp-hero,.sp-notice{padding:16px;}
.sp-hero-txt h2{font-size:19px;}
.sp-notice{gap:12px;}
.sp-notice-ic{width:44px;height:44px;}
.sp-notice-ic svg{width:22px;height:22px;}
.sp-card{padding:15px 14px 16px;}
}

.lc-selbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.lc-selbtn.on{background:color-mix(in srgb,#f26d6d 16%,transparent);color:#ffb3b6;border-color:rgba(242,109,109,.45);}
.lc-selbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:14px;
border:1px solid rgba(242,109,109,.32);background:linear-gradient(180deg,rgba(242,109,109,.10),rgba(242,109,109,.04));}
.lc-sel-left,.lc-sel-right{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.lc-sel-lbl{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:.03em;}
.lc-selchip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;
color:var(--text-1);border:1px solid color-mix(in srgb,var(--cc) 40%,transparent);background:color-mix(in srgb,var(--cc) 10%,transparent);transition:background .15s,transform .12s;}
.lc-selchip span{font-family:var(--font-mono);font-size:11px;padding:0 6px;border-radius:8px;background:rgba(0,0,0,.25);}
.lc-selchip:hover:not(:disabled){background:color-mix(in srgb,var(--cc) 20%,transparent);}
.lc-selchip.active{background:var(--cc);color:#15161a;}
.lc-selchip.active span{background:rgba(0,0,0,.18);}
.lc-selchip:disabled{opacity:.4;cursor:default;}
.lc-selchip.c-all{--cc:#9aa3b5;}
.lc-selchip.c-exp{--cc:#f26d6d;}
.lc-selchip.c-act{--cc:#34d399;}
.lc-sel-clear{padding:6px 10px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--text-2);font-family:inherit;font-size:12px;cursor:pointer;}
.lc-sel-clear:disabled{opacity:.4;cursor:default;}
.lc-sel-count{font-size:12.5px;color:var(--text-2);}
.lc-sel-count b{color:#fff;font-family:var(--font-mono);}
.lc-btn:disabled{opacity:.45;cursor:default;}
.lc-roomcard.selmode{cursor:pointer;}
.lc-roomcard.picked{border-color:rgba(242,109,109,.6);box-shadow:0 0 0 2px rgba(242,109,109,.25),0 10px 26px -12px rgba(242,109,109,.7);}
.lc-rc-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;cursor:pointer;padding:0;
border:1.5px solid var(--border-strong);background:rgba(0,0,0,.25);}
.lc-rc-check svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.lc-rc-check.on{background:#ef4444;border-color:#ef4444;}

.tsi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;}
.tsi-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;padding:20px 20px 18px;border-radius:var(--radius-l);
border:1px solid color-mix(in srgb,var(--tc) 26%,var(--border));
background:radial-gradient(120% 150% at 0% 0%,color-mix(in srgb,var(--tc) 17%,transparent),transparent 58%),
linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 50%),rgba(22,23,28,.78);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.34),0 12px 30px -18px color-mix(in srgb,var(--tc) 60%,transparent);}
.tsi-head{display:flex;align-items:flex-start;gap:14px;}
.tsi-ic{flex:0 0 auto;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--tc);
border:1px solid color-mix(in srgb,var(--tc) 40%,transparent);
background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 26%,#16171b),color-mix(in srgb,var(--tc) 8%,#0f1013));
box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 20px -6px color-mix(in srgb,var(--tc) 70%,transparent);}
.tsi-ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.tsi-htxt{flex:1 1 auto;min-width:0;}
.tsi-badge{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.07em;padding:3px 10px;border-radius:20px;margin-bottom:6px;
color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent);border:1px solid color-mix(in srgb,var(--tc) 38%,transparent);}
.tsi-title{font-family:var(--font-display);font-size:18.5px;font-weight:700;line-height:1.2;color:var(--text-1);}
.tsi-sub{font-size:12.5px;color:var(--text-2);margin-top:3px;}
.tsi-desc{font-size:13px;line-height:1.6;color:var(--text-2);padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid var(--border);}
.tsi-desc b{color:var(--text-1);}
.tsi-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.tsi-stat{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--border);}
.tsi-stat b{font-family:var(--font-mono);font-size:17px;color:var(--text-1);line-height:1.15;}
.tsi-stat span{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);}
.tsi-pass{display:flex;flex-direction:column;gap:6px;}
.tsi-pass-top{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);}
.tsi-pass-top b{color:var(--tc);}
.tsi-bar{position:relative;height:9px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;}
.tsi-bar i{position:absolute;inset:0 auto 0 0;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 55%,transparent),var(--tc));}
.tsi-flow{display:flex;flex-wrap:wrap;gap:6px;}
.tsi-flow span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid var(--border);}
.tsi-flow span b{font-family:var(--font-mono);color:var(--tc);}
.tsi-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--text-3);}
.tsi-live{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);}
.tsi-live i{width:8px;height:8px;border-radius:50%;background:#5a5c65;}
.tsi-live.on i{background:#34d399;box-shadow:0 0 8px #34d399;}
.tsi-intro{margin:0 0 14px;}
.tsm-hint{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:12px 15px;border-radius:14px;font-size:12.5px;line-height:1.5;color:var(--text-2);
border:1px solid color-mix(in srgb,var(--role-dgl) 34%,transparent);background:color-mix(in srgb,var(--role-dgl) 9%,transparent);}
.tsm-hint svg{flex:0 0 20px;width:20px;height:20px;stroke:var(--role-dgl);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.ts-toptab.tsm{margin-left:auto;}
@media (max-width:640px){ .tsi-grid{grid-template-columns:1fr;} .tsi-stats{grid-template-columns:repeat(2,minmax(0,1fr));} .ts-toptab.tsm{margin-left:0;} .lc-selbar{padding:11px;} }

.kripo-cfg-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;}
.kripo-cfg-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));}
.kripo-cfg-dn{flex:0 0 44px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);}
.kripo-cfg-name{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:640px){ .kripo-cfg-row{flex-wrap:wrap;} .kripo-cfg-name{flex:1 1 60%;} }

.adoc-newdoc{border-style:solid;border-color:color-mix(in srgb,#34d399 45%,transparent);color:#8ff0c6;
background:color-mix(in srgb,#34d399 10%,rgba(26,27,32,.74));}
.adoc-newdoc svg{stroke:currentColor;}
.adoc-newdoc:hover{border-color:#34d399;color:#d6fbe9;background:color-mix(in srgb,#34d399 18%,rgba(26,27,32,.74));}

.orge-wrap{display:flex;flex-direction:column;gap:16px;max-width:1500px;}
.orge-link-row{margin-top:14px;}
.orge-link-row a.btn-ghost{text-decoration:none;}
.orge-prev-body{padding:14px;}
.orge-prev-body .orga{border-radius:14px;}
#orgePreview.is-phone{max-width:400px;max-height:760px;margin:0 auto;overflow:hidden auto;border-radius:36px;
border:9px solid #16171c;box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.55);scrollbar-width:thin;}
#orgePreview.is-phone .orga{border-radius:0;}
.orge-seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.2);}
.orge-seg button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:0;border-radius:7px;cursor:pointer;
font-family:inherit;font-size:12px;font-weight:600;color:var(--text-2);background:none;transition:color .15s, background .15s;}
.orge-seg button svg{width:14px;height:14px;stroke:currentColor;fill:none;}
.orge-seg button:hover{color:var(--text-1);}
.orge-seg button.on{color:#fff;background:color-mix(in srgb,#5b9dfa 28%, rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,#5b9dfa 45%, transparent);}
.orge-head-tools{display:flex;align-items:center;gap:12px;}
.orge-mini{padding:5px 10px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-2);
border:1px solid var(--border);background:rgba(255,255,255,.03);}
.orge-mini:hover{color:var(--text-1);border-color:var(--border-strong);}
.orge-wrap > .panel > .panel-head{align-items:center;}
#orgeEditor{display:flex;flex-direction:column;gap:14px;}
.orge-lv{position:relative;border:1px solid var(--border);border-radius:14px;padding:12px 14px 12px 16px;overflow:hidden;
background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb,var(--tc) 9%, transparent), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
transition:border-color .18s;}
.orge-lv::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--tc),color-mix(in srgb,var(--tc) 30%, transparent));}
.orge-lv:hover{border-color:var(--border-strong);}
.orge-lv-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:32px;}
.orge-lv-body{margin-top:12px;}
.orge-lv.folded .orge-lv-body{display:none;}
.orge-fold{width:28px;height:28px;display:grid;place-items:center;padding:0;border-radius:8px;cursor:pointer;
border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-2);}
.orge-fold svg{width:15px;height:15px;stroke:currentColor;transition:transform .2s ease;}
.orge-fold:hover{color:var(--text-1);border-color:var(--border-strong);}
.orge-lv.folded .orge-fold svg{transform:rotate(-90deg);}
.orge-lv-no{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.04em;color:color-mix(in srgb,var(--tc) 55%, #fff);}
.orge-lv-name{min-width:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--text-1);}
.orge-type{display:inline-flex;align-items:center;gap:5px;padding:5px 9px 5px 11px;border-radius:999px;cursor:pointer;
font-family:inherit;font-size:12px;font-weight:600;color:color-mix(in srgb,var(--tc) 55%, #fff);
border:1px solid color-mix(in srgb,var(--tc) 45%,transparent);background:color-mix(in srgb,var(--tc) 12%,transparent);}
.orge-type:hover{background:color-mix(in srgb,var(--tc) 22%,transparent);color:#fff;}
.orge-align{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;
color:var(--text-2);background:rgba(255,255,255,.03);border:1px dashed var(--border-strong);transition:background-color .15s ease,color .15s ease,border-color .15s ease;}
.orge-align svg{width:14px;height:14px;stroke:currentColor;}
.orge-align:hover{color:var(--text-1);border-color:rgba(56,189,248,.6);}
.orge-align.on{color:#bfe6ff;border-style:solid;border-color:rgba(56,189,248,.6);background:rgba(56,189,248,.14);}
.orge-type svg{width:13px;height:13px;stroke:currentColor;}
.orge-lv-cnt{font-size:12px;color:var(--text-3);font-family:var(--font-mono);}
.orge-tools{display:flex;gap:4px;margin-left:auto;}
.orge-ic{width:30px;height:30px;display:grid;place-items:center;padding:0;border-radius:8px;cursor:pointer;
border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--text-2);transition:color .15s, border-color .15s, background .15s;}
.orge-ic svg{width:15px;height:15px;stroke:currentColor;}
.orge-ic:hover:not(:disabled){color:var(--text-1);border-color:var(--border-strong);background:rgba(255,255,255,.07);}
.orge-ic.danger:hover:not(:disabled){color:var(--role-probe);border-color:color-mix(in srgb,var(--role-probe) 45%,transparent);}
.orge-ic:disabled{opacity:.28;cursor:default;}
.orge-lv-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:12px;}
.orge-f{display:flex;flex-direction:column;gap:5px;min-width:0;}
.orge-f > span{font-size:11.5px;color:var(--text-3);font-weight:600;letter-spacing:.02em;}
.orge-f > span em{font-style:normal;font-weight:500;opacity:.75;margin-left:4px;}
.orge-f input,.orge-f textarea{width:100%;font-family:inherit;color:var(--text-1);font-size:13px;
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
border:1px solid var(--border);border-radius:10px;padding:8px 10px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .15s, box-shadow .15s;}
.orge-f textarea{resize:vertical;line-height:1.45;min-height:36px;display:block;}
.orge-f input:focus,.orge-f textarea:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);}
.orge-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;}
.orge-items.is-depts{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));}
.orge-it{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid var(--border);background:rgba(0,0,0,.18);}
.orge-it-grid{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;}
.orge-it .orge-tools{flex-direction:column;margin-left:0;}
.orge-it-dept{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--dc) 40%, var(--border));}
.orge-band{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;color:#fff;
background:radial-gradient(120% 160% at 50% -60%, rgba(255,255,255,.26), transparent 55%),
linear-gradient(180deg,color-mix(in srgb,var(--dc) 92%, #fff 8%),color-mix(in srgb,var(--dc) 68%, #000));
border-bottom:1px solid color-mix(in srgb,var(--dc) 45%, rgba(255,255,255,.4));transition:background .2s;}
.orge-band-ic{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
.orge-band-ic svg{width:15px;height:15px;}
.orge-band-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.orge-it-body{display:flex;gap:8px;align-items:flex-start;padding:10px;}
.orge-it-dept .orge-it-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.orge-it-dept .orge-f-wide{grid-column:1 / -1;}
.orge-ics{display:flex;flex-wrap:wrap;gap:4px;}
.orge-icb{height:28px;min-width:28px;display:inline-grid;place-items:center;padding:0 5px;border-radius:8px;cursor:pointer;
font-family:inherit;font-size:11.5px;font-weight:600;color:var(--text-2);
border:1px solid var(--border);background:rgba(255,255,255,.03);transition:color .15s, border-color .15s, background .15s;}
.orge-icb svg{width:15px;height:15px;}
.orge-icb:hover{color:var(--text-1);border-color:var(--border-strong);}
.orge-icb.on{color:#fff;border-color:color-mix(in srgb,var(--dc) 70%, #fff 30%);background:color-mix(in srgb,var(--dc) 45%, transparent);}
.orge-sws{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0;}
.orge-sw{width:24px;height:24px;padding:0;border-radius:50%;cursor:pointer;background:var(--c);
border:2px solid rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:transform .12s;}
.orge-sw:hover{transform:scale(1.08);}
.orge-sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--c);}
.orge-add{margin-top:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;cursor:pointer;
font-family:inherit;font-size:12.5px;font-weight:600;color:var(--text-2);border:1px dashed var(--border-strong);background:none;}
.orge-add:hover{color:var(--text-1);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.03);}
.orge-add svg{width:14px;height:14px;stroke:currentColor;}
.orge-newlv{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px dashed var(--border-strong);border-radius:14px;}
.orge-newlv > span{font-size:12.5px;color:var(--text-2);font-weight:600;margin-right:4px;}
.orge-newlv .btn-ghost{padding:8px 12px;font-size:12.5px;}
.orge-bar{position:sticky;bottom:max(14px, calc(var(--dock-space) - 24px));z-index:30;align-self:center;
display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:14px;
border:1px solid var(--border-strong);
background:linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 50%), rgba(18,19,24,.86);
-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(0,0,0,.45);
opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;
transition:opacity .22s ease, transform .28s cubic-bezier(.22,.8,.3,1), visibility 0s linear .28s;}
.orge-bar.dirty,.orge-bar.saving{opacity:1;visibility:visible;transform:none;pointer-events:auto;
transition:opacity .22s ease, transform .28s cubic-bezier(.22,.8,.3,1), visibility 0s;}
.orge-bar-dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex:0 0 auto;}
.orge-bar.dirty .orge-bar-dot{background:var(--role-ausb);box-shadow:0 0 10px var(--role-ausb);}
.orge-bar.dirty.remote .orge-bar-dot{background:var(--role-probe);box-shadow:0 0 10px var(--role-probe);}
.orge-bar-t{font-size:13px;color:var(--text-2);font-weight:600;}
.orge-bar.dirty .orge-bar-t{color:var(--text-1);}
.orge-bar .btn-primary{margin-left:0;padding:9px 16px;}
.orge-bar .btn-ghost{padding:8px 14px;}
.orge-bar .btn-primary:disabled{opacity:.4;cursor:default;filter:grayscale(.5);box-shadow:none;}
.orge-as-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;}
.orge-as-hint{margin:0;font-size:12px;line-height:1.55;color:var(--text-3);}
.orge-as-hint b{color:var(--text-2);font-weight:600;}
.orge-as-rows{display:flex;flex-direction:column;gap:6px;}
.orge-as-hrow,.orge-as-row{display:grid;grid-template-columns:112px minmax(0,1.5fr) minmax(0,1fr) 98px;gap:8px;align-items:center;}
.orge-as-hrow{padding:0 2px 2px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--text-3);}
.orge-as-row input{width:100%;min-width:0;font-family:inherit;color:var(--text-1);font-size:13px;
background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
border:1px solid var(--border);border-radius:10px;padding:8px 10px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .15s, box-shadow .15s;}
.orge-as-row input[data-af="k"]{font-family:var(--font-mono);font-size:12.5px;}
.orge-as-row input:focus{outline:none;border-color:color-mix(in srgb,var(--role-ausb) 55%, var(--border-strong));
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-ausb) 16%, transparent);}
.orge-as-row .orge-tools{flex-direction:row;margin-left:0;}
.orge-prev-body{position:relative;}
.orge-ln-mode{margin-left:4px;}
.orge-ln-mode button{font-family:inherit;}
.orge-lines .orge-as-hint{margin:0 0 12px;}
.orge-ln-rows{display:flex;flex-direction:column;gap:6px;}
.orge-ln-row{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) auto auto;gap:8px;align-items:center;
padding:6px;border-radius:12px;border:1px solid transparent;transition:border-color .15s ease, background-color .15s ease;}
.orge-ln-row.sel{border-color:rgba(224,169,64,.6);background:rgba(224,169,64,.07);}
.orge-ln-sel{width:100%;min-width:0;font-family:inherit;font-size:13px;color:var(--text-1);
background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:9px;padding:7px 9px;}
.orge-ln-arrow{display:grid;place-items:center;color:var(--text-3);}
.orge-ln-arrow svg{width:16px;height:16px;stroke:currentColor;}
.orge-ln-style{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:8px;cursor:pointer;white-space:nowrap;
font-family:inherit;font-size:12px;font-weight:600;color:var(--text-2);background:rgba(255,255,255,.04);border:1px solid var(--border);}
.orge-ln-style:hover{color:var(--text-1);border-color:var(--border-strong);}
.orge-ln-style i{width:22px;height:0;border-top:2px solid #93b2e6;}
.orge-ln-style.dash i{border-top-style:dashed;}
.orge-ln-empty{padding:10px 12px;font-size:12.5px;color:var(--text-3);border:1px dashed var(--border);border-radius:10px;}
.orge-ln-btns{display:flex;flex-wrap:wrap;gap:8px;}
.orge-ln-btns .orge-add{margin-top:10px;}
.orge-add.danger:hover{color:var(--role-probe);border-color:color-mix(in srgb,var(--role-probe) 45%,transparent);}
.orge-ln-tip{position:absolute;left:50%;top:4px;z-index:6;transform:translateX(-50%);display:none;max-width:calc(100% - 40px);
padding:7px 14px;border-radius:999px;font-size:12px;color:#dbe8ff;pointer-events:none;text-align:center;
background:rgba(8,22,52,.86);border:1px solid rgba(130,176,252,.4);box-shadow:0 8px 22px rgba(0,0,0,.35);}
.orge-ln-tip.on{display:block;}
.orge-ln-tip b{color:#f3d18c;font-weight:700;}
.orge-ln-pop{position:absolute;z-index:7;display:none;align-items:center;gap:6px;padding:5px;border-radius:12px;
background:linear-gradient(180deg,rgba(30,32,38,.98),rgba(22,23,28,.98));border:1px solid var(--border-strong);box-shadow:0 12px 30px rgba(0,0,0,.5);}
.orge-ln-pop.on{display:flex;}
.orge-ln-pop-t{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px;font-size:12px;font-weight:600;color:var(--text-2);}
.orge-ln-pop button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;cursor:pointer;
font-family:inherit;font-size:12px;font-weight:600;color:var(--text-1);background:rgba(255,255,255,.05);border:1px solid var(--border);}
.orge-ln-pop button:hover{background:var(--bg-hover);border-color:var(--border-strong);}
.orge-ln-pop button.danger:hover{background:#7f1d1d;border-color:#b91c1c;color:#fff;}
.orge-ln-pop button.x{width:28px;padding:0;justify-content:center;font-size:16px;color:var(--text-3);}
.orge-ln-pop svg{width:14px;height:14px;stroke:currentColor;}
#orgePreview .orga-edit.orga-free .orge-pick{outline:2px solid #e0a940!important;outline-offset:3px;box-shadow:0 0 0 6px rgba(224,169,64,.18);}
#orgePreview .orga-edit.orga-free .orga-cell.orge-pick{outline-offset:-3px;}
@media (max-width:640px){
.orge-ln-row{grid-template-columns:minmax(0,1fr) auto;border-color:var(--border);background:rgba(0,0,0,.18);}
.orge-ln-arrow{display:none;}
.orge-ln-row .orge-ln-sel[data-lf="b"],.orge-ln-row .orge-ln-sel{grid-column:1 / -1;}
.orge-lv-fields,.orge-items,.orge-items.is-depts,.orge-it-dept .orge-it-grid{grid-template-columns:minmax(0,1fr);}
.orge-as-hrow{display:none;}
.orge-as-row{grid-template-columns:92px minmax(0,1fr);padding:8px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.18);}
.orge-as-row input[data-af="v"]{grid-column:1 / -1;}
.orge-as-row .orge-tools{grid-column:1 / -1;justify-content:flex-end;}
.orge-lv-name{max-width:150px;}
.orge-head-tools .panel-count{display:none;}
.orge-bar{align-self:stretch;}
.orge-bar-t{flex:1;min-width:0;}
.orge-prev-body{padding:8px;}
}
.uf-wrap{--uf:var(--role-dgl);--uf-hi:#b9a9ff;--uf-ink:#140f2a;}
.uf-topnav .ts-toptab.active{background:var(--uf);color:var(--uf-ink);}
.uf-topnav .ts-toptab .cnt{font-size:11px;font-weight:800;background:rgba(255,255,255,.07);border-radius:10px;padding:1px 7px;min-width:8px;text-align:center;}
.uf-topnav .ts-toptab.active .cnt{background:rgba(0,0,0,.18);}
.uf-topnav .ts-toptab.active .cnt.live.on{background:var(--uf-ink);color:#d6ccff;}
.uf-hero{background:radial-gradient(120% 160% at 0% 0%, rgba(155,135,245,.14), transparent 55%), var(--bg-panel);}
.uf-hero .uf-hero-ic{background:rgba(155,135,245,.13);border-color:rgba(155,135,245,.38);}
.uf-hero .uf-hero-ic svg{stroke:var(--uf-hi);}
.uf-hero .lc-pulse{background:var(--role-erw);}
.uf-hero .lc-pulse::after{box-shadow:0 0 0 2px rgba(52,211,153,.55);}
.uf-kpi-resp .lc-kpi-v{color:var(--uf-hi);}
.uf-wrap .lc-empty>b,.uf-sheet .lc-empty>b{display:block;font-size:15px;color:var(--text-2);margin-bottom:6px;}
.uf-wrap .lc-empty>div:not(.lc-empty-ic),.uf-sheet .lc-empty>div:not(.lc-empty-ic){max-width:440px;margin:0 auto;font-size:13px;line-height:1.55;}
.uf-sp{flex:1 1 auto;}
.uf-muted{color:var(--text-3);font-size:12px;}
.uf-f{display:flex;flex-direction:column;gap:6px;min-width:0;}
.uf-f>label,.uf-gl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);}
.uf-in{width:100%;box-sizing:border-box;color:var(--text-1);font-family:inherit;font-size:13.5px;padding:10px 13px;border-radius:11px;outline:none;
border:1px solid var(--border);background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(255,255,255,.02)), rgba(18,19,24,.6);
box-shadow:inset 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);transition:border-color .13s, box-shadow .13s;}
.uf-in::placeholder{color:var(--text-3);}
.uf-in:hover{border-color:var(--border-strong);}
.uf-in:focus{border-color:color-mix(in srgb,var(--role-dgl) 62%, transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.35), 0 0 0 3px color-mix(in srgb,var(--role-dgl) 18%, transparent);}
.uf-in.bad{border-color:rgba(242,109,109,.7);box-shadow:0 0 0 3px rgba(242,109,109,.15);}
textarea.uf-in{resize:vertical;min-height:72px;line-height:1.5;}
.uf-cin,.uf-qtype,.uf-sel-sm{width:100%;font-size:13.5px;border-radius:11px;}
select.uf-cin,select.uf-qtype,select.uf-sel-sm{background:var(--bg-input);border:1px solid var(--border);color:var(--text-1);padding:9px 11px;}
.cdd-from-select.uf-cin>.cdd-btn{min-height:42px;padding:0 13px;}
.uf-qtype{font-size:13px;border-radius:10px;}
.cdd-from-select.uf-qtype>.cdd-btn{min-height:34px;padding:0 11px;font-weight:600;}
.uf-sel-sm{width:auto;min-width:72px;font-size:13px;border-radius:9px;}
.cdd-from-select.uf-sel-sm>.cdd-btn{min-height:32px;padding:0 10px;}
.uf-create{--acc:var(--role-dgl);margin-bottom:22px;}
.uf-cgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;}
.uf-dur{display:flex;gap:8px;}
.uf-dur .uf-in{flex:1 1 64px;min-width:0;}
.uf-dur .uf-cunit{flex:0 0 112px;width:112px;}
.uf-quick{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;}
.uf-quick-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-right:4px;}
.lc-chip.uf-qchip{padding:6px 12px;font-size:12px;}
.uf-cfoot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border);}
.uf-chint{flex:1 1 260px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-2);line-height:1.45;}
.uf-chint svg{width:16px;height:16px;stroke:var(--uf-hi);fill:none;stroke-width:2;flex:none;}
.uf-chint b{color:var(--text-1);}
.uf-chint-bad{color:#f88;font-weight:600;}
.uf-cfoot .btn-primary:disabled{opacity:.55;cursor:default;filter:grayscale(.3);}
.uf-create-empty{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:22px;}
.uf-create-empty .lc-empty-ic{margin:0;flex:none;}
.uf-create-empty>div:nth-child(2){flex:1 1 240px;display:flex;flex-direction:column;gap:4px;}
.uf-create-empty b{font-size:15px;color:var(--text-1);}
.uf-create-empty span{font-size:13px;color:var(--text-2);line-height:1.5;}
.uf-sec-h{display:flex;align-items:center;gap:9px;margin:4px 0 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);}
.uf-sec-h svg{width:16px;height:16px;stroke:var(--role-erw);fill:none;stroke-width:2;}
.uf-sec-n{background:var(--bg-hover);border-radius:20px;padding:1px 9px;color:var(--text-1);font-size:11px;letter-spacing:0;}
.uf-rungrid .uf-empty-run{grid-column:1 / -1;border:1px dashed var(--border-strong);border-radius:18px;background:rgba(255,255,255,.015);}
.uf-card{display:flex;flex-direction:column;}
.uf-card .lc-card-head{flex-wrap:wrap;}
.uf-card .lc-actions{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);}
.uf-card .lc-ring:not(.warn):not(.over) .lc-ring-fg{stroke:var(--role-dgl);}
.uf-card-label{font-size:12.5px;font-weight:600;color:var(--text-2);margin-top:3px;}
.uf-big{display:flex;align-items:baseline;gap:7px;}
.uf-big b{font-size:30px;font-weight:800;line-height:1;color:var(--text-1);font-variant-numeric:tabular-nums;}
.uf-big span{font-size:13px;color:var(--text-2);font-weight:600;}
.uf-big-sub{font-size:12px;color:var(--text-3);margin-top:5px;}
.uf-card-by{font-size:11.5px;color:var(--text-3);margin-bottom:12px;line-height:1.45;}
.uf-mode{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:20px;white-space:nowrap;
color:var(--mc);background:color-mix(in srgb,var(--mc) 14%, transparent);border:1px solid color-mix(in srgb,var(--mc) 32%, transparent);}
[data-uf-cd]{font-variant-numeric:tabular-nums;}
@keyframes ufIn{from{opacity:0;transform:translate3d(0,10px,0) scale(.98);}to{opacity:1;transform:none;}}
@keyframes ufFlash{0%{box-shadow:0 0 0 0 rgba(155,135,245,.6);}100%{box-shadow:0 0 0 16px rgba(155,135,245,0);}}
@keyframes ufMoved{0%{transform:scale(.985);border-color:rgba(155,135,245,.7);}100%{transform:none;}}
.uf-new{animation:ufIn .45s cubic-bezier(.2,.9,.3,1.15), ufFlash 1.1s ease-out .15s;}
.uf-flash{animation:ufFlash 1.1s ease-out;}
.uf-moved{animation:ufMoved .45s ease;}
.uf-defs-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;}
.uf-defs-head h3{font-size:20px;color:var(--text-1);}
.uf-defs-head p{margin:4px 0 0;font-size:12.5px;color:var(--text-3);max-width:640px;line-height:1.5;}
.uf-defs{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;}
.uf-def{display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:18px;background:var(--bg-panel);padding:16px 17px;
transition:border-color .15s, transform .15s, box-shadow .15s;animation:pageIn .2s ease;}
.uf-def:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 14px 34px -20px rgba(0,0,0,.6);}
.uf-def-top{display:flex;align-items:center;gap:12px;}
.uf-def-ic,.uf-sh-ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;color:var(--uf-hi,#b9a9ff);
background:rgba(155,135,245,.13);border:1px solid rgba(155,135,245,.35);}
.uf-def-ic svg,.uf-sh-ic svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-def-tt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.uf-def-tt b{font-size:15.5px;color:var(--text-1);line-height:1.3;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.uf-def-tt span{font-size:11.5px;color:var(--text-3);}
.uf-def-top .lc-pill{margin-left:0;flex:none;}
.uf-def-intro{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.uf-def-types{display:flex;flex-wrap:wrap;gap:6px;}
.uf-tchip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--text-2);background:var(--bg-hover);
border:1px solid var(--border);border-radius:20px;padding:3px 9px 3px 7px;}
.uf-tchip svg{width:13px;height:13px;color:var(--uf-hi);stroke:currentColor;fill:none;stroke-width:2;flex:none;}
.uf-def-stats{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-3);}
.uf-def-stats b{color:var(--text-1);font-size:14px;font-variant-numeric:tabular-nums;}
.uf-def-acts{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border);}
.uf-def-acts .lc-btn,.uf-row-acts .lc-btn,.uf-card .lc-actions .lc-btn{white-space:nowrap;}
.lc-btn.uf-del:hover{color:#f88;border-color:rgba(242,109,109,.45);background:rgba(242,109,109,.1);}
.uf-ed{display:flex;flex-direction:column;gap:14px;}
.uf-ed-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.uf-ed-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-1);letter-spacing:.02em;}
.uf-ed-kbd{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-3);border:1px solid var(--border);border-radius:7px;padding:3px 8px;background:var(--bg-panel);}
.uf-ed-meta{overflow:visible;}
.uf-ed-meta .dgl-body{display:flex;flex-direction:column;gap:14px;}
.uf-ed-meta .uf-in.uf-ed-title{font-size:16px;font-weight:600;}
#ufEdRunNote:empty{display:none;}
.uf-note{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:#cfc6ff;line-height:1.5;
background:rgba(155,135,245,.08);border:1px solid rgba(155,135,245,.28);border-radius:12px;padding:10px 13px;}
.uf-note svg{width:16px;height:16px;stroke:var(--uf-hi);fill:none;stroke-width:2;flex:none;margin-top:1px;}
.uf-note b{color:#e4ddff;}
#ufEdQs{display:flex;flex-direction:column;gap:12px;}
.uf-ed-empty{border:1px dashed var(--border-strong);border-radius:16px;}
.uf-qc{position:relative;display:flex;flex-direction:column;gap:10px;border:1px solid var(--border);border-left:3px solid var(--role-dgl);
border-radius:16px;background:var(--bg-panel);padding:14px 16px 16px;transition:border-color .15s, box-shadow .15s;}
.uf-qc:focus-within{border-color:rgba(155,135,245,.45);border-left-color:var(--role-dgl);box-shadow:0 12px 30px -20px rgba(155,135,245,.55);}
.uf-qc.bad{border-color:rgba(242,109,109,.6);border-left-color:#f26d6d;box-shadow:0 0 0 3px rgba(242,109,109,.12);}
.uf-qc-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.uf-qc-num,.uf-rq-num{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:800;
color:var(--uf-ink,#140f2a);background:var(--role-dgl);font-variant-numeric:tabular-nums;}
.uf-qc-ic{width:24px;height:28px;flex:none;display:grid;place-items:center;color:var(--uf-hi);}
.uf-qc-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-qc-type{flex:0 1 210px;min-width:160px;}
.uf-req{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-2);background:none;
border:1px solid var(--border);border-radius:20px;padding:5px 12px 5px 6px;cursor:pointer;transition:color .14s, border-color .14s, background .14s;}
.uf-req:hover{border-color:var(--border-strong);color:var(--text-1);}
.uf-req-sw{position:relative;width:28px;height:16px;flex:none;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border-strong);transition:background .15s, border-color .15s;}
.uf-req-sw::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-3);
transition:transform .18s cubic-bezier(.3,.9,.3,1.2), background .15s;}
.uf-req.on{color:#ffb4b4;border-color:rgba(242,109,109,.4);background:rgba(242,109,109,.08);}
.uf-req.on .uf-req-sw{background:#f26d6d;border-color:#f26d6d;}
.uf-req.on .uf-req-sw::after{transform:translateX(12px);background:#fff;}
.uf-qc-tools{display:flex;gap:3px;margin-left:auto;}
.uf-ib{width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;border-radius:9px;border:1px solid transparent;background:none;
color:var(--text-3);cursor:pointer;transition:color .13s, background .13s, border-color .13s;}
.uf-ib svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-ib:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1);border-color:var(--border);}
.uf-ib.del:hover:not(:disabled){color:#f88;background:rgba(242,109,109,.1);border-color:rgba(242,109,109,.3);}
.uf-ib:disabled{opacity:.3;cursor:default;}
.uf-qc .uf-in.uf-qtext{font-size:15px;font-weight:600;}
.uf-qc .uf-in.uf-qhelp{font-size:12.5px;padding:8px 13px;color:var(--text-2);}
.uf-qbody{display:flex;flex-direction:column;gap:10px;margin-top:2px;}
.uf-lis{display:flex;flex-direction:column;gap:6px;}
.uf-li-row{display:flex;align-items:center;gap:9px;}
.uf-li-row .uf-in,.uf-g2 .uf-in,.uf-qc .uf-in.uf-ph{padding:8px 12px;font-size:13px;}
.uf-li-n{width:22px;flex:none;text-align:center;font-size:11.5px;font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums;}
.uf-mk{width:18px;height:18px;flex:none;margin:0 2px;border:2px solid var(--text-3);}
.uf-mk.single{border-radius:50%;}
.uf-mk.multi{border-radius:5px;}
.uf-li-other{padding:5px 0;font-size:12.5px;color:var(--text-3);font-style:italic;}
.uf-linkbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--uf-hi);
background:none;border:1px dashed rgba(155,135,245,.42);border-radius:10px;padding:7px 12px;cursor:pointer;transition:background .13s, color .13s;}
.uf-linkbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;}
.uf-linkbtn:hover{background:rgba(155,135,245,.1);border-style:solid;color:#d6ccff;}
.uf-qopts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;}
.uf-chk{position:relative;display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-2);cursor:pointer;user-select:none;}
.uf-chk input{position:absolute;left:0;top:0;opacity:0;width:1px;height:1px;margin:0;pointer-events:none;}
.uf-chk-b{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:5px;border:1.5px solid var(--border-strong);background:var(--bg-input);transition:background .13s, border-color .13s;}
.uf-chk-b svg{width:12px;height:12px;stroke:var(--uf-ink);fill:none;stroke-width:3;opacity:0;transform:scale(.6);transition:opacity .15s, transform .15s;}
.uf-chk:hover .uf-chk-b{border-color:var(--uf-hi);}
.uf-chk input:checked+.uf-chk-b{background:var(--role-dgl);border-color:var(--role-dgl);}
.uf-chk input:checked+.uf-chk-b svg{opacity:1;transform:none;}
.uf-chk input:focus-visible+.uf-chk-b{outline:2px solid var(--role-dgl);outline-offset:2px;}
.uf-inl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);}
.uf-in.uf-num{width:66px;padding:6px 8px;text-align:center;}
.uf-g2,.uf-gcfg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.uf-gcfg{gap:18px;}
.uf-gcfg>div{display:flex;flex-direction:column;gap:8px;min-width:0;}
.uf-gnote{line-height:1.5;}
.uf-prev{border:1px dashed var(--border);border-radius:12px;padding:10px 12px 12px;background:rgba(0,0,0,.14);}
.uf-pv-l{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:8px;}
.uf-pv-scale{display:flex;flex-wrap:wrap;gap:6px;}
.uf-pv-sc{min-width:34px;height:34px;padding:0 6px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border-strong);
font-size:13px;font-weight:700;color:var(--text-2);background:var(--bg-panel);}
.uf-pv-lbl{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;color:var(--text-3);margin-top:6px;}
.uf-pv-stars{display:flex;gap:4px;}
.uf-pv-stars svg{width:24px;height:24px;fill:none;stroke:var(--role-ausb);stroke-width:1.6;stroke-linejoin:round;}
.uf-pv-yn{display:flex;gap:8px;}
.uf-pv-yn span{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:10px;border:1px solid var(--border-strong);
font-size:13px;font-weight:700;color:var(--text-2);background:var(--bg-panel);}
.uf-pv-yn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;}
.uf-pv-inp{border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--text-3);background:var(--bg-input);}
.uf-pv-inp.long{min-height:72px;}
.uf-addq{border:1px dashed rgba(155,135,245,.38);border-radius:18px;padding:16px;background:rgba(155,135,245,.035);}
.uf-addq-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--uf-hi);margin-bottom:12px;}
.uf-addq-h svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;}
.uf-addq-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:8px;}
.uf-addq-b{display:flex;align-items:center;gap:10px;text-align:left;font-family:inherit;cursor:pointer;padding:10px 12px;border-radius:12px;
border:1px solid var(--border);background:var(--bg-panel);color:var(--text-1);transition:border-color .14s, background .14s, transform .14s;}
.uf-addq-b>svg{box-sizing:content-box;width:18px;height:18px;padding:7px;flex:none;border-radius:9px;color:var(--uf-hi);stroke:currentColor;fill:none;stroke-width:2;background:rgba(155,135,245,.12);}
.uf-addq-b span{display:flex;flex-direction:column;gap:1px;min-width:0;}
.uf-addq-b b{font-size:13px;}
.uf-addq-b small{font-size:11px;color:var(--text-3);}
.uf-addq-b:hover{border-color:rgba(155,135,245,.5);background:rgba(155,135,245,.08);transform:translateY(-1px);}
.uf-savebar{position:sticky;bottom:max(14px, calc(var(--dock-space) - 24px));z-index:30;display:flex;align-items:center;gap:10px;
padding:10px 12px 10px 16px;border-radius:16px;border:1px solid var(--border-strong);
background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.01)), rgba(21,22,27,.92);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.5);}
.uf-sb-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--role-erw);}
.uf-savebar.dirty .uf-sb-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18);}
.uf-sb-txt{font-size:13px;font-weight:600;color:var(--text-2);min-width:0;}
.uf-savebar.dirty .uf-sb-txt{color:var(--text-1);}
.uf-savebar .btn-primary{margin-left:0;}
.uf-savebar .btn-primary:disabled{opacity:.5;cursor:default;filter:grayscale(.4);box-shadow:none;}
.uf-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.lc-search.uf-search input{width:250px;}
.uf-rows{display:flex;flex-direction:column;gap:10px;}
.uf-row{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-panel);padding:13px 16px;
transition:border-color .15s;animation:pageIn .2s ease;}
.uf-row:hover{border-color:var(--border-strong);}
.uf-row.run{border-left:3px solid var(--role-erw);}
.uf-row-ic{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--bg-hover);color:var(--text-3);}
.uf-row.run .uf-row-ic{background:rgba(52,211,153,.12);color:var(--role-erw);}
.uf-row-ic svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.uf-row-tt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;}
.uf-row-tt b{font-size:15px;color:var(--text-1);}
.uf-row-lbl{font-size:12.5px;color:var(--text-2);}
.uf-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.uf-row-meta .lc-pill{margin-left:0;}
.uf-row-by{font-size:11.5px;color:var(--text-3);}
.uf-pill-end{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;color:var(--text-2);background:var(--bg-hover);white-space:nowrap;}
.uf-row-n{display:flex;flex-direction:column;align-items:center;min-width:74px;}
.uf-row-n b{font-size:22px;font-weight:800;color:var(--text-1);line-height:1;font-variant-numeric:tabular-nums;}
.uf-row-n span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:700;margin-top:4px;}
.uf-row-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
html.uf-noscroll,html.uf-noscroll body{overflow:hidden;}
.uf-sheet-back{position:fixed;inset:0;z-index:1500;display:flex;justify-content:flex-end;background:rgba(8,9,12,.55);
-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease;}
.uf-sheet-back.show{opacity:1;}
.uf-sheet{--uf-hi:#b9a9ff;--uf-ink:#140f2a;width:min(960px,100vw);height:100%;display:flex;flex-direction:column;
background:linear-gradient(180deg, rgba(155,135,245,.05), rgba(255,255,255,0) 260px), #131418;
border-left:1px solid var(--border-strong);box-shadow:-30px 0 80px rgba(0,0,0,.55);
transform:translate3d(48px,0,0);opacity:.6;transition:transform .26s cubic-bezier(.2,.85,.25,1), opacity .26s;}
.uf-sheet-back.show .uf-sheet{transform:none;opacity:1;}
.uf-sh-top{flex:none;padding:18px 22px 0;border-bottom:1px solid var(--border);}
.uf-sh-head{display:flex;align-items:flex-start;gap:13px;}
.uf-sh-ic{width:44px;height:44px;border-radius:13px;}
.uf-sh-ic svg{width:22px;height:22px;}
.uf-sh-tt{flex:1;min-width:0;}
.uf-sh-tt h3{font-size:21px;color:var(--text-1);line-height:1.2;overflow-wrap:anywhere;}
.uf-sh-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:5px;font-size:12px;color:var(--text-3);}
.uf-sh-sub b{color:var(--text-2);}
.uf-sh-st{flex:none;padding-top:5px;}
.uf-sh-st .lc-pill{margin-left:0;}
.uf-sh-x{width:36px;height:36px;flex:none;display:grid;place-items:center;padding:0;border-radius:10px;border:1px solid var(--border);
background:var(--bg-panel);color:var(--text-2);cursor:pointer;transition:color .13s, background .13s, border-color .13s;}
.uf-sh-x svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2;}
.uf-sh-x:hover{color:var(--text-1);background:var(--bg-hover);border-color:var(--border-strong);}
.uf-sh-kpis{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;}
.uf-sh-kpis .lc-kpi{padding:8px 12px;}
.uf-sh-kpis .lc-kpi-v{font-size:20px;}
.uf-sh-ctl{display:flex;flex-wrap:wrap;gap:7px;margin-left:auto;}
.uf-sh-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:12px;}
.uf-sh-tab{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;margin-bottom:-1px;font-family:inherit;font-size:13px;font-weight:700;
color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .13s, border-color .13s;}
.uf-sh-tab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-sh-tab:hover{color:var(--text-1);}
.uf-sh-tab.active{color:#d6ccff;border-bottom-color:var(--role-dgl);}
.uf-sh-cnt{font-size:10.5px;font-weight:800;background:var(--bg-hover);border-radius:10px;padding:1px 7px;color:var(--text-2);}
.uf-sh-tab.active .uf-sh-cnt{background:rgba(155,135,245,.2);color:#e4ddff;}
.uf-sh-tabs .lc-btn{margin:4px 0 8px;}
.uf-sh-tabs .lc-btn:disabled{opacity:.45;cursor:default;}
.uf-sh-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 28px;display:flex;flex-direction:column;gap:14px;}
.uf-sh-tools{display:flex;justify-content:flex-end;}
#ufShList{display:flex;flex-direction:column;gap:8px;}
.uf-rq{border:1px solid var(--border);border-radius:16px;background:var(--bg-panel);padding:15px 17px 17px;}
.uf-rq-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;}
.uf-rq-num{width:26px;height:26px;border-radius:8px;font-size:12.5px;}
.uf-rq-tt{display:flex;flex-direction:column;gap:3px;min-width:0;}
.uf-rq-tt b{font-size:14.5px;color:var(--text-1);line-height:1.4;overflow-wrap:anywhere;}
.uf-rq-tt span{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11.5px;color:var(--text-3);}
.uf-rq-tt span svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;color:var(--uf-hi);}
.uf-rq-none{font-size:12.5px;color:var(--text-3);font-style:italic;}
.uf-rq-note{font-size:11.5px;color:var(--text-3);margin-top:10px;}
.uf-rq-sub{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:14px 0 8px;}
.uf-br{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr) 96px;align-items:center;gap:12px;padding:5px 0;}
.uf-br-l{font-size:13px;color:var(--text-2);line-height:1.35;overflow-wrap:anywhere;}
.uf-br.top .uf-br-l{color:var(--text-1);font-weight:600;}
.uf-br.oth .uf-br-l{font-style:italic;}
.uf-br-bar{height:10px;border-radius:6px;background:var(--bg-hover);overflow:hidden;}
.uf-br-bar i{display:block;height:100%;border-radius:6px;background:color-mix(in srgb,var(--role-dgl) 52%, var(--bg-hover));transition:width .5s cubic-bezier(.2,.8,.3,1);}
.uf-br.top .uf-br-bar i{background:linear-gradient(90deg,#8a74f0,#b9a9ff);}
.uf-br-v{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;font-variant-numeric:tabular-nums;}
.uf-br-v b{font-size:14px;color:var(--text-1);}
.uf-br-v span{font-size:12px;color:var(--text-3);min-width:40px;text-align:right;}
.uf-yn-bar{display:flex;gap:2px;height:16px;border-radius:9px;overflow:hidden;background:var(--bg-hover);}
.uf-yn-bar i{display:block;height:100%;}
.uf-yn-bar i.y{background:linear-gradient(90deg,#2bbf8a,var(--role-erw));}
.uf-yn-bar i.n{background:linear-gradient(90deg,#f26d6d,#e2555b);}
.uf-yn-lg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;color:var(--text-2);}
.uf-yn-lg span{display:inline-flex;align-items:center;gap:6px;}
.uf-yn-lg svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;}
.uf-yn-lg .y svg{color:var(--role-erw);}
.uf-yn-lg .n svg{color:#f26d6d;}
.uf-yn-lg b{color:var(--text-1);font-size:15px;}
.uf-scale-res{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px;}
.uf-avg{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:130px;}
.uf-avg>b{font-size:38px;font-weight:800;line-height:1;color:var(--text-1);font-variant-numeric:tabular-nums;}
.uf-avg-of{font-size:13px;color:var(--text-2);font-weight:600;}
.uf-avg-l{font-size:11.5px;color:var(--text-3);}
.uf-avg-stars{position:relative;display:inline-block;line-height:0;}
.uf-avg-stars>span{display:flex;gap:2px;}
.uf-avg-stars svg{width:18px;height:18px;flex:none;}
.uf-avg-stars .bg svg{fill:var(--bg-hover);}
.uf-avg-stars .fg{position:absolute;left:0;top:0;bottom:0;width:var(--p);overflow:hidden;}
.uf-avg-stars .fg svg{fill:var(--role-ausb);}
.uf-hist{flex:1 1 240px;display:flex;align-items:flex-end;gap:6px;height:132px;}
.uf-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;min-width:0;}
.uf-col-n{height:15px;font-size:11.5px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums;}
.uf-col-bar{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end;border-radius:8px;background:rgba(255,255,255,.025);}
.uf-col-bar i{display:block;width:100%;min-height:2px;border-radius:8px;background:color-mix(in srgb,var(--role-dgl) 50%, var(--bg-hover));transition:height .5s cubic-bezier(.2,.8,.3,1);}
.uf-col.top .uf-col-bar i{background:linear-gradient(180deg,#b9a9ff,#8a74f0);}
.uf-col.top .uf-col-n{color:#d6ccff;}
.uf-col-l{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--text-2);}
.uf-col-l svg{width:11px;height:11px;fill:var(--role-ausb);}
.uf-hist-lbl{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:11.5px;color:var(--text-3);}
.uf-gres-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;}
.uf-gres{width:100%;min-width:480px;border-collapse:collapse;font-size:12.5px;}
.uf-gres th,.uf-gres td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:center;}
.uf-gres thead th{font-size:11px;font-weight:700;color:var(--text-3);background:rgba(255,255,255,.02);}
.uf-gres tbody th{text-align:left;font-weight:600;color:var(--text-1);max-width:260px;}
.uf-gres tbody tr:last-child th,.uf-gres tbody tr:last-child td{border-bottom:none;}
.uf-gres td{background:rgba(155,135,245,calc(var(--h) * .42));}
.uf-gres td b{display:block;font-size:13.5px;color:var(--text-1);font-variant-numeric:tabular-nums;}
.uf-gres td span{font-size:10.5px;color:var(--text-3);}
.uf-gres td.top b{color:#e4ddff;}
.uf-gres td.top span{color:#cfc6ff;}
.uf-txts{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px;}
.uf-txt{border:1px solid var(--border);border-left:3px solid rgba(155,135,245,.6);border-radius:10px;background:rgba(0,0,0,.16);padding:9px 12px;}
.uf-txt-t{font-size:13px;color:var(--text-1);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;}
.uf-txt-w{font-size:11px;color:var(--text-3);margin-top:5px;}
.uf-resp{border:1px solid var(--border);border-radius:14px;background:var(--bg-panel);overflow:hidden;transition:border-color .15s;}
.uf-resp.open{border-color:rgba(155,135,245,.4);}
.uf-resp-head{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;color:inherit;}
.uf-resp-head:hover{background:rgba(255,255,255,.025);}
.uf-resp-av{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;}
.uf-resp-av.anon{background:rgba(52,211,153,.12);color:var(--role-erw);}
.uf-resp-av.named{background:rgba(224,169,64,.15);color:var(--role-ausb);}
.uf-resp-av svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-resp-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.uf-resp-who b{font-size:13.5px;color:var(--text-1);overflow-wrap:anywhere;}
.uf-resp-who span{font-size:11.5px;color:var(--text-3);}
.uf-resp-caret{flex:none;color:var(--text-3);transition:transform .2s, color .2s;}
.uf-resp-caret svg{display:block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}
.uf-resp.open .uf-resp-caret{transform:rotate(180deg);color:var(--uf-hi);}
.uf-resp-body{display:flex;flex-direction:column;gap:11px;padding:12px 16px 14px 62px;border-top:1px solid var(--border);}
.uf-ra{display:flex;flex-direction:column;gap:4px;}
.uf-ra-q{display:flex;gap:8px;font-size:12px;font-weight:600;color:var(--text-3);line-height:1.4;}
.uf-ra-q span{flex:none;min-width:18px;color:var(--uf-hi);font-weight:800;}
.uf-ra-a{padding-left:26px;font-size:13.5px;color:var(--text-1);line-height:1.5;overflow-wrap:anywhere;}
.uf-ra-a.none{color:var(--text-3);font-style:italic;font-size:12.5px;}
.uf-ans-chip{display:inline-flex;align-items:center;margin:0 5px 5px 0;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(155,135,245,.13);color:#d6ccff;}
.uf-ans-long{white-space:pre-wrap;background:rgba(0,0,0,.16);border:1px solid var(--border);border-radius:10px;padding:9px 12px;}
.uf-resp-foot{display:flex;justify-content:flex-end;padding-top:2px;}
.confirm-modal.uf-tdlg{--cc:var(--role-dgl);--cc-glow:rgba(155,135,245,.28);}
.uf-seg{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:var(--bg-input);border:1px solid var(--border);}
.uf-seg button{font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-2);background:none;border:none;border-radius:8px;padding:7px 11px;cursor:pointer;white-space:nowrap;transition:color .13s, background .13s;}
.uf-seg button:hover{color:var(--text-1);}
.uf-seg button.on{background:var(--role-dgl);color:#140f2a;}
.uf-tdlg>.uf-seg{margin-bottom:12px;}
.uf-tdlg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;}
.uf-tdlg .confirm-input.uf-tdlg-n{width:86px;margin:0;text-align:center;font-weight:700;font-size:16px;}
.uf-tdlg-prev{min-height:20px;margin:12px 0 18px;font-size:13px;color:var(--text-2);}
.uf-tdlg-prev b{color:var(--text-1);}
.uf-tdlg .confirm-ok:disabled{opacity:.5;cursor:default;filter:grayscale(.4);}
@media (max-width:1180px){
.uf-cgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
.uf-sheet{width:100vw;border-left:none;}
}
@media (max-width:640px){
.uf-cgrid,.uf-g2,.uf-gcfg,.uf-defs{grid-template-columns:minmax(0,1fr);}
.uf-cfoot .btn-primary,.uf-defs-head .btn-primary{width:100%;margin-left:0;}
.uf-create-empty .btn-primary{width:100%;}
.uf-toolbar .uf-search{flex:1 1 100%;}
.lc-search.uf-search input{width:100%;}
.uf-row{flex-wrap:wrap;gap:10px 12px;padding:12px 13px;}
.uf-row-main{flex:1 1 calc(100% - 140px);}
.uf-row-acts{width:100%;justify-content:flex-start;}
.uf-ed-kbd{display:none;}
.uf-qc{padding:12px 12px 14px;}
.uf-qc-type{flex:1 1 140px;min-width:0;}
.uf-qc-tools{width:100%;justify-content:flex-end;margin-left:0;}
.uf-savebar{padding:9px 10px 9px 13px;gap:8px;}
.uf-savebar .btn-ghost{padding:9px 12px;}
.uf-sh-top{padding:14px 14px 0;}
.uf-sh-head{flex-wrap:wrap;gap:10px 12px;}
.uf-sh-st{order:3;width:100%;padding-top:0;}
.uf-sh-kpis{gap:6px;margin-top:12px;}
.uf-sh-kpis .lc-kpi{flex:1 1 0;min-width:0;padding:7px 4px;}
.uf-sh-kpis .lc-kpi-v{font-size:18px;}
.uf-sh-kpis .lc-kpi-l{font-size:9px;letter-spacing:.03em;}
.uf-sh-ctl{margin-top:4px;}
.uf-sh-ctl{width:100%;margin-left:0;}
.uf-sh-tab{padding:10px 9px;}
.uf-sh-body{padding:14px 12px 24px;}
.uf-br{grid-template-columns:minmax(0,1fr) 88px;gap:4px 10px;}
.uf-br-bar{grid-column:1 / -1;grid-row:2;}
.uf-resp-body{padding-left:14px;}
.uf-ra-a{padding-left:0;}
.uf-avg>b{font-size:32px;}
}
.orga,.orga *,.orga *::before,.orga *::after{box-sizing:border-box;}
.orga{
--ol:rgba(170,202,255,.8);
--ol-glow:rgba(72,142,255,.6);
--ob:rgba(112,162,245,.7);
--acc:#9cc2ff;
--gap:14px;
--drop:30px;
--r:12px;
container-type:inline-size;
position:relative;isolation:isolate;overflow:hidden;
color:#eef3ff;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
background:
radial-gradient(1100px 520px at 50% -8%, rgba(52,120,235,.4), transparent 70%),
radial-gradient(800px 620px at 106% 96%, rgba(30,82,175,.32), transparent 70%),
radial-gradient(700px 520px at -6% 62%, rgba(24,70,165,.24), transparent 70%),
linear-gradient(165deg,#0c2356 0%,#08193d 46%,#050f27 100%);
border-radius:18px;
-webkit-font-smoothing:antialiased;
-webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.orga::before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:
linear-gradient(115deg, transparent 0 6%, rgba(120,170,255,.075) 6% 11.5%, transparent 11.5% 15%, rgba(120,170,255,.045) 15% 17%, transparent 17%),
linear-gradient(295deg, transparent 0 8%, rgba(120,170,255,.05) 8% 12.5%, transparent 12.5% 14.5%, rgba(120,170,255,.03) 14.5% 15.5%, transparent 15.5%);
}
.orga::after{
content:"";position:absolute;z-index:-1;pointer-events:none;
right:-7%;top:10%;width:min(46%,560px);aspect-ratio:1;
background:url('/polizei_wappen.png') center/contain no-repeat;
opacity:.05;filter:grayscale(1) brightness(1.7);
}
.orga-inner{position:relative;max-width:1760px;margin:0 auto;padding:34px 28px 22px;}
.orga-inner::before{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(rgba(190,215,255,.09) 1px, transparent 1.4px) 0 0/26px 26px;
-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 38%, #000 20%, transparent 78%);
mask-image:radial-gradient(ellipse 75% 65% at 50% 38%, #000 20%, transparent 78%);
}

.orga-head{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.6cqi,40px);}
.orga-emblem{position:relative;flex:0 0 auto;display:grid;place-items:center;}
.orga-emblem::before{content:"";position:absolute;inset:-26%;border-radius:50%;z-index:-1;
background:radial-gradient(circle, rgba(90,152,255,.42), rgba(90,152,255,.1) 45%, transparent 68%);}
.orga-star{display:block;width:clamp(82px,9.6cqi,152px);height:auto;user-select:none;-webkit-user-drag:none;
filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));}
.orga-brand{display:flex;flex-direction:column;align-items:stretch;}
.orga-brand-t{font-weight:800;font-size:clamp(42px,7.2cqi,96px);line-height:.9;letter-spacing:-.012em;text-transform:uppercase;
color:#2a7af0;background:linear-gradient(180deg,#5aa2ff 0%,#2c79f2 45%,#1a55cf 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
filter:drop-shadow(0 6px 22px rgba(40,120,255,.35));}
.orga-brand-s{margin-top:.62em;font-size:clamp(11px,1.45cqi,19px);letter-spacing:.38em;text-transform:uppercase;color:#d2def5;font-weight:500;white-space:nowrap;}
.orga-flag{display:flex;height:3px;margin-top:.85em;border-radius:3px;overflow:hidden;width:calc(100% - .38em);
box-shadow:0 0 12px rgba(255,255,255,.12);}
.orga-flag i{flex:1;}
.orga-flag i:nth-child(1){background:#1f9a4a;}
.orga-flag i:nth-child(2){background:#f3f6fb;}
.orga-flag i:nth-child(3){background:#d3242f;}

.orga-kicker{display:flex;align-items:center;justify-content:center;gap:16px;max-width:560px;
margin:clamp(18px,2.2cqi,30px) auto clamp(20px,2.4cqi,34px);
font-size:clamp(10px,.9cqi,12px);font-weight:600;letter-spacing:.46em;text-transform:uppercase;color:rgba(196,216,252,.72);}
.orga-kicker::before,.orga-kicker::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(150,192,255,.6));}
.orga-kicker::after{background:linear-gradient(270deg,transparent,rgba(150,192,255,.6));}
.orga-kicker span{padding-left:.46em;}

.orga-v{position:relative;width:2px;height:32px;margin:0 auto;border-radius:2px;
background:linear-gradient(180deg,rgba(170,202,255,.6),var(--ol));box-shadow:0 0 8px var(--ol-glow);}
.orga-v-s{height:20px;}

.orga-pt{font-weight:700;font-size:clamp(10.5px,.92cqi,12.5px);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);line-height:1.3;
-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;}
.orga-pn{margin-top:6px;font-size:clamp(13px,1.1cqi,16.5px);font-weight:600;color:#fff;line-height:1.4;}
.orga-pn span{display:block;}
.orga-pn span + span{margin-top:2px;}
.orga-empty{color:rgba(221,231,250,.45);font-style:italic;font-weight:400;}

.orga-box{position:relative;width:min(100%, calc(var(--cols) * 245px + 240px));margin:0 auto;border-radius:var(--r);overflow:hidden;
border:1px solid var(--ob);
background:linear-gradient(180deg,rgba(16,40,90,.97),rgba(7,21,50,.98));
box-shadow:0 18px 42px rgba(0,0,0,.44), 0 0 0 1px rgba(0,0,0,.35), 0 0 34px rgba(50,120,240,.16), inset 0 1px 0 rgba(255,255,255,.07);}
.orga-box-h{position:relative;padding:13px 18px 12px;text-align:center;
background:radial-gradient(120% 150% at 50% -45%, rgba(255,255,255,.24), transparent 55%), linear-gradient(180deg,#2a6bd2,#15428f);}
.orga-box-h::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
background:linear-gradient(90deg,rgba(150,195,255,.25),rgba(215,232,255,.95),rgba(150,195,255,.25));}
.orga-box-t{font-weight:700;font-size:clamp(15px,1.45cqi,22px);letter-spacing:.32em;padding-left:.32em;text-transform:uppercase;color:#fff;
text-shadow:0 1px 2px rgba(0,0,0,.35);}
.orga-box-s{margin-top:4px;font-size:clamp(9.5px,.9cqi,13px);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:#d3e1f9;}
.orga-box-row{display:flex;}
.orga-cell{position:relative;flex:1 1 0;min-width:0;padding:17px 12px 18px;text-align:center;}
.orga-cell + .orga-cell::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:1px;
background:linear-gradient(180deg,transparent,rgba(150,192,255,.65),transparent);}

.orga-pill{position:relative;display:table;margin:0 auto;padding:11px 40px 10px;text-align:center;border-radius:10px;
border:1px solid var(--ob);
background:radial-gradient(120% 170% at 50% -55%, rgba(255,255,255,.24), transparent 55%), linear-gradient(180deg,#2a6bd2,#15428f);
box-shadow:0 12px 30px rgba(0,0,0,.42), 0 0 28px rgba(50,120,240,.24), inset 0 1px 0 rgba(255,255,255,.2);
font-weight:700;font-size:clamp(14px,1.38cqi,20px);letter-spacing:.32em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.orga-pill > span{padding-left:.32em;}
.orga-pill small{display:block;margin-top:3px;font-size:.56em;letter-spacing:.3em;font-weight:500;color:#d3e1f9;}

.orga-lv{position:relative;}
.orga-bus{position:relative;display:flex;justify-content:center;gap:var(--gap);padding-top:var(--drop);}
.orga-bus::before{content:"";position:absolute;left:50%;top:-3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;z-index:3;
background:#e2edff;box-shadow:0 0 0 3px rgba(80,142,255,.28), 0 0 12px var(--ol-glow);}
.orga-lv.has-next .orga-bus::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;z-index:0;
background:var(--ol);box-shadow:0 0 8px var(--ol-glow);}
.orga-node{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;}
.orga-node::before,.orga-node::after{content:"";position:absolute;pointer-events:none;filter:drop-shadow(0 0 3px var(--ol-glow));}
.orga-node::before{left:50%;top:calc(var(--drop) * -1);height:var(--drop);width:2px;margin-left:-1px;background:var(--ol);}
.orga-node::after{top:calc(var(--drop) * -1);left:calc(var(--gap) / -2);right:calc(var(--gap) / -2);height:2px;background:var(--ol);}
.orga-node:first-child::before,.orga-node:last-child::before{display:none;}
.orga-node:first-child::after{left:50%;margin-left:-1px;height:var(--drop);background:none;
border-top:2px solid var(--ol);border-left:2px solid var(--ol);border-top-left-radius:14px;}
.orga-node:last-child::after{right:50%;margin-right:-1px;height:var(--drop);background:none;
border-top:2px solid var(--ol);border-right:2px solid var(--ol);border-top-right-radius:14px;}
.orga-node:only-child::before{display:block;}
.orga-node:only-child::after{display:none;}
.orga-dot{position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;z-index:3;
background:#e2edff;box-shadow:0 0 0 2px rgba(10,28,64,.9), 0 0 10px var(--ol-glow);}
.orga-lv.no-in .orga-bus{padding-top:0;}
.orga-lv.no-in .orga-bus::before,.orga-lv.no-in .orga-node::before,.orga-lv.no-in .orga-node::after,.orga-lv.no-in .orga-dot{display:none;}

.orga-card{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:16px 8px 17px;border-radius:10px;
border:1px solid rgba(130,176,252,.42);
background:radial-gradient(120% 90% at 50% 0%, rgba(90,150,255,.14), transparent 60%), linear-gradient(180deg,rgba(18,44,98,.97),rgba(9,25,58,.98));
box-shadow:0 12px 28px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.07);
transition:border-color .2s ease, box-shadow .2s ease;}
.orga-card::after{content:"";position:absolute;left:20%;right:20%;top:-1px;height:2px;border-radius:2px;
background:linear-gradient(90deg,transparent,#8dbaff,transparent);}
.orga-card .orga-pt{font-size:clamp(9.5px,.8cqi,12px);letter-spacing:.08em;}
.orga-card .orga-pn{font-size:clamp(12.5px,1cqi,15.5px);}

.orga-dept{position:relative;flex:1;display:flex;flex-direction:column;border-radius:var(--r);
border:1px solid color-mix(in srgb,var(--dc) 62%, #d8e7ff 38%);
background:linear-gradient(180deg,color-mix(in srgb,var(--dc) 24%, #07142e),color-mix(in srgb,var(--dc) 9%, #040b1d) 88%);
box-shadow:0 0 0 1px rgba(0,0,0,.3), 0 18px 36px rgba(0,0,0,.42), 0 0 30px color-mix(in srgb,var(--dc) 30%, transparent);
transition:box-shadow .2s ease, border-color .2s ease;}
.orga-dept-h{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
font-size:clamp(11.5px,.98cqi,16px);min-height:calc(36px + 9px + 2.45em + 27px);padding:14px 10px 13px;text-align:center;border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;
background:radial-gradient(120% 130% at 50% -35%, rgba(255,255,255,.3), transparent 55%),
linear-gradient(180deg,color-mix(in srgb,var(--dc) 94%, #fff 6%),color-mix(in srgb,var(--dc) 68%, #000));}
.orga-dept-h::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dc) 30%, #fff 70%),transparent);}
.orga-dept-ic{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;
background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.3), rgba(255,255,255,.08) 70%);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.35), 0 6px 14px rgba(0,0,0,.28);}
.orga-dept-ic svg{width:19px;height:19px;}
.orga-dept-t{min-width:0;max-width:100%;font-weight:700;font-size:1em;letter-spacing:.03em;text-transform:uppercase;
line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;}
.orga-dept-b{flex:1;display:flex;padding:clamp(7px,.7cqi,12px);}
.orga-dept-in{flex:1;padding:15px clamp(5px,.6cqi,10px) 16px;text-align:center;border-radius:9px;
border:1px solid color-mix(in srgb,var(--dc) 38%, rgba(255,255,255,.2));
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.2));}
.orga-dept-u{font-weight:700;font-size:clamp(12.5px,1.02cqi,15.5px);color:#fff;line-height:1.3;padding:0 4px;}
.orga-dept-u::after{content:"";display:block;width:72%;height:1px;margin:11px auto 10px;
background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--dc) 35%, #fff 65%),transparent);}
.orga-dept-n{font-size:clamp(12.5px,1cqi,15px);font-weight:500;color:#e8eefb;line-height:1.55;}
.orga-dept-n span{display:block;}

.orga-as{margin-top:clamp(36px,4.2cqi,60px);}
.orga-as-title{margin-top:0;font-size:clamp(11px,1cqi,13.5px);color:rgba(216,230,255,.88);}
.orga-as-card{position:relative;max-width:1080px;margin:0 auto;border-radius:var(--r);overflow:hidden;
border:1px solid var(--ob);
background:linear-gradient(180deg,rgba(16,40,90,.95),rgba(7,21,50,.97));
box-shadow:0 18px 42px rgba(0,0,0,.44), 0 0 0 1px rgba(0,0,0,.35), 0 0 34px rgba(50,120,240,.14), inset 0 1px 0 rgba(255,255,255,.07);}
.orga-as-head,.orga-as-row{--px:22px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;align-items:center;padding-left:var(--px);padding-right:var(--px);}
.orga-as-head{position:relative;padding-top:12px;padding-bottom:11px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e9f1ff;
background:radial-gradient(120% 170% at 50% -60%, rgba(255,255,255,.22), transparent 55%), linear-gradient(180deg,#2a6bd2,#15428f);}
.orga-as-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
background:linear-gradient(90deg,rgba(150,195,255,.25),rgba(215,232,255,.95),rgba(150,195,255,.25));}
.orga-as-row{position:relative;padding-top:13px;padding-bottom:13px;transition:background-color .18s ease;}
.orga-as-row + .orga-as-row{border-top:1px solid rgba(150,192,255,.11);}
.orga-as-row.is-main{background-image:linear-gradient(90deg,rgba(60,125,235,.2),rgba(60,125,235,.05) 65%,transparent);}
.orga-as-row.is-sub::before,.orga-as-row.is-sub::after{content:"";position:absolute;left:calc(var(--px) + 13px);background:rgba(150,192,255,.34);pointer-events:none;}
.orga-as-row.is-sub::before{top:-1px;bottom:0;width:2px;margin-left:-1px;}
.orga-as-row.is-sub.is-last::before{bottom:50%;}
.orga-as-row.is-sub::after{top:50%;width:13px;height:2px;margin-top:-1px;}
.orga-as-unit{display:flex;align-items:center;gap:12px;min-width:0;}
.orga-as-row.is-sub .orga-as-unit{padding-left:32px;}
.orga-as-k{flex:0 0 auto;min-width:64px;padding:5px 9px;border-radius:7px;text-align:center;white-space:nowrap;
font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.03em;
color:#d4e4ff;border:1px solid rgba(130,176,252,.5);background:rgba(60,120,230,.14);}
.orga-as-row.is-main .orga-as-k{color:#fff;border-color:rgba(165,205,255,.75);
background:linear-gradient(180deg,#2d70da,#15428f);box-shadow:0 4px 14px rgba(20,70,170,.45), inset 0 1px 0 rgba(255,255,255,.22);}
.orga-as-t{min-width:0;font-size:clamp(13px,1.02cqi,15.5px);font-weight:600;color:#fff;line-height:1.35;}
.orga-as-row.is-main .orga-as-t{font-weight:700;}
.orga-as-v{display:flex;flex-wrap:wrap;gap:6px;min-width:0;}
.orga-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;white-space:nowrap;
font-size:12.5px;font-weight:600;line-height:1;}
.orga-chip.is-dn{color:#fff;font-variant-numeric:tabular-nums;border:1px solid rgba(130,176,252,.5);
background:linear-gradient(180deg,rgba(70,130,240,.3),rgba(40,90,200,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.09);}
.orga-chip.is-dn small{font-size:9.5px;font-weight:700;letter-spacing:.1em;color:var(--acc);}
.orga-chip.is-name{color:#fff;border:1px solid rgba(226,190,112,.55);
background:linear-gradient(180deg,rgba(224,169,64,.24),rgba(224,169,64,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.orga-chip.is-name svg{width:14px;height:14px;color:#f3d18c;}
.orga-chip.is-vac{color:rgba(214,226,248,.62);font-style:italic;font-weight:500;border:1px dashed rgba(150,182,232,.42);background:rgba(255,255,255,.02);}
.orga-chip.is-vac i{width:6px;height:6px;border-radius:50%;background:#e0a940;box-shadow:0 0 8px rgba(224,169,64,.7);}
body.orga-page .orga-as-row:hover{background-color:rgba(90,150,255,.07);}

.orga-none{text-align:center;color:rgba(221,231,250,.6);padding:40px 0;font-size:14px;}
.orga-foot{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px 16px;
margin-top:clamp(28px,3cqi,44px);padding-top:14px;border-top:1px solid rgba(150,192,255,.14);
font-size:11.5px;letter-spacing:.08em;color:rgba(200,216,246,.55);}
.orga-foot-r{text-align:right;}

.orga-rp-top{display:flex;justify-content:center;margin:0 auto clamp(14px,1.8cqi,24px);}
.orga-rp{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 8px;border-radius:999px;white-space:nowrap;
border:1px solid rgba(160,196,255,.3);
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(8,24,56,.55);
box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 8px 22px rgba(0,0,0,.28);}
.orga-rp img{display:block;height:20px;width:auto;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));}
.orga-rp span{font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(222,234,255,.86);padding-right:.1em;}
.orga-rp.is-top{gap:14px;padding:9px 24px 9px 13px;}
.orga-rp.is-top img{height:36px;}
.orga-rp.is-top span{font-size:14px;letter-spacing:.3em;}
.orga-rp.is-foot{gap:11px;padding:6px 18px 6px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.orga-rp.is-foot img{height:26px;}
.orga-rp.is-foot span{font-size:12px;letter-spacing:.24em;color:rgba(214,228,252,.8);}
@container (max-width: 520px){
.orga-rp.is-top{gap:10px;padding:7px 16px 7px 10px;}
.orga-rp.is-top img{height:28px;}
.orga-rp.is-top span{font-size:11.5px;letter-spacing:.2em;}
.orga-rp.is-foot{gap:9px;padding:5px 14px 5px 9px;}
.orga-rp.is-foot img{height:22px;}
.orga-rp.is-foot span{font-size:10.5px;letter-spacing:.18em;}
}

body.orga-page .orga-card:hover{border-color:rgba(170,205,255,.85);
box-shadow:0 14px 32px rgba(0,0,0,.4), 0 0 22px rgba(70,140,255,.32), inset 0 1px 0 rgba(255,255,255,.1);}
body.orga-page .orga-dept:hover{border-color:color-mix(in srgb,var(--dc) 45%, #fff 55%);
box-shadow:0 0 0 1px rgba(0,0,0,.3), 0 18px 36px rgba(0,0,0,.42), 0 0 42px color-mix(in srgb,var(--dc) 48%, transparent);}

@keyframes orgaIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes orgaGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.orga-anim .orga-rp-top,.orga-anim .orga-head,.orga-anim .orga-kicker,.orga-anim .orga-lv,.orga-anim .orga-as,.orga-anim .orga-foot{
animation:orgaIn .65s cubic-bezier(.22,.8,.3,1) both;animation-delay:calc(var(--i,0) * 120ms + 60ms);}
.orga-anim .orga-v:not(.orga-v-s){transform-origin:50% 0;animation:orgaGrow .4s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(var(--i,0) * 120ms);}
@media (prefers-reduced-motion:reduce){
.orga-anim .orga-rp-top,.orga-anim .orga-head,.orga-anim .orga-kicker,.orga-anim .orga-lv,.orga-anim .orga-as,.orga-anim .orga-foot,.orga-anim .orga-v{animation:none;}
}

@container (max-width: 640px){
.orga-foot{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;}
.orga-foot .orga-rp{grid-row:1;}
.orga-foot-r{text-align:center;}
.orga-foot-r:empty{display:none;}
.orga-as-head,.orga-as-row{--px:14px;grid-template-columns:minmax(0,1fr);gap:9px;}
.orga-as-head span + span{display:none;}
.orga-as-row.is-sub::after{top:26px;}
.orga-as-row.is-sub.is-last::before{bottom:auto;height:27px;}
.orga-as-row.is-sub .orga-as-v{padding-left:32px;}
.orga-as-k{min-width:56px;}
}

@container (max-width: 900px){
.orga{--r:10px;}
.orga-inner{padding:26px 16px 18px;}
.orga-node::before,.orga-node::after,.orga-bus::before,.orga-lv.has-next .orga-bus::after,.orga-dot{display:none;}
.orga-bus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:0;}
.orga-node:last-child:nth-child(odd){grid-column:1 / -1;}
.orga-v-s{height:14px;}
.orga-box-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.orga-cell + .orga-cell::before{display:none;}
.orga-cell{border-top:1px solid rgba(150,192,255,.28);}
.orga-cell:nth-child(2n){border-left:1px solid rgba(150,192,255,.28);}
.orga-cell:last-child:nth-child(odd){grid-column:1 / -1;}
.orga-pill{padding:9px 24px 8px;letter-spacing:.24em;}
.orga-pill > span{padding-left:.24em;}
.orga-card .orga-pt{font-size:10.5px;}
.orga-dept-h{min-height:0;flex-direction:row;gap:10px;padding:12px 12px 11px;}
.orga-dept-ic{width:30px;height:30px;}
.orga-dept-ic svg{width:16px;height:16px;}
.orga-dept-h{font-size:13px;}
}
@container (max-width: 520px){
.orga-depts .orga-bus{grid-template-columns:minmax(0,1fr);}
.orga-head{flex-direction:column;gap:12px;}
.orga-brand{align-items:center;}
.orga-brand-s{letter-spacing:.3em;}
.orga-flag{width:100%;max-width:220px;margin-left:auto;margin-right:auto;}
.orga-box-t,.orga-pill{letter-spacing:.2em;}
.orga-box-t,.orga-pill > span{padding-left:.2em;}
.orga-box-s{letter-spacing:.2em;padding-left:.2em;}
.orga-kicker{letter-spacing:.34em;gap:12px;}
.orga-foot{justify-content:center;text-align:center;}
}

body.orga-page{margin:0;min-height:100vh;background:#050f27;}
body.orga-page .orga{border-radius:0;min-height:100vh;}
body.orga-page .orga-inner{padding:clamp(24px,3vw,46px) clamp(16px,2.4vw,40px) 22px;}
@media print{
body.orga-page .orga{min-height:0;}
.orga-anim .orga-rp-top,.orga-anim .orga-head,.orga-anim .orga-kicker,.orga-anim .orga-lv,.orga-anim .orga-as,.orga-anim .orga-foot,.orga-anim .orga-v{animation:none;}
}

.orga-tree{position:relative;}
.orga-free .orga-lv{z-index:1;}
.orga-free .orga-v{visibility:hidden;height:48px;}
.orga-free{--drop:46px;}
.orga-free .orga-v-s{height:30px;}
.orga-free .orga-node::before,.orga-free .orga-node::after,.orga-free .orga-bus::before,
.orga-free .orga-lv.has-next .orga-bus::after,.orga-free .orga-dot{display:none;}
.orga-wire{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;}
.orga-wire.is-under{z-index:0;}
.orga-wire.is-over{z-index:3;}
.orga-wg{filter:drop-shadow(0 0 3px var(--ol-glow));}
.orga-wl{fill:none;stroke:#93b2e6;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.orga-wl.is-dash{stroke-dasharray:7 6;}
.orga-wd{fill:#e2edff;stroke:rgba(10,28,64,.9);stroke-width:2;filter:drop-shadow(0 0 4px var(--ol-glow));}
.orga-wh{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer;}
.orga-wh:hover{stroke:rgba(224,169,64,.3);}
.orga-wsel{fill:none;stroke:#e0a940;stroke-width:3;filter:drop-shadow(0 0 6px rgba(224,169,64,.8));}
.orga-edit.orga-free .orga-lv,.orga-edit.orga-free .orga-bus,.orga-edit.orga-free .orga-node,.orga-edit.orga-free .orga-box-row{pointer-events:none;}
.orga-edit.orga-free [data-on]{pointer-events:auto;cursor:crosshair;}
.orga-edit.orga-free [data-on]:hover{outline:2px dashed rgba(224,169,64,.75);outline-offset:3px;}
.orga-edit.orga-free .orga-cell:hover{outline-offset:-3px;}
.orga-anim .orga-wire{animation:orgaIn .6s ease both;animation-delay:calc(var(--wi,4) * 120ms + 120ms);}
@container (max-width: 900px){
.orga-wire{display:none;}
.orga-free .orga-v{visibility:visible;height:32px;}
.orga-free .orga-v-s{height:14px;}
}
.orga-wire.is-tmp{z-index:5;}
.orga-wtmp{fill:none;stroke:#e0a940;stroke-width:2;stroke-dasharray:6 5;filter:drop-shadow(0 0 4px rgba(224,169,64,.7));}