/* StudiAI 7.1.0 – vollständiges UX/UI-Redesign
   Professionelles, helles Designsystem mit eigenständigem Admin-Control-Center. */
:root{
  --ui-bg:#f6f8fc;
  --ui-bg-soft:#eef3fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8faff;
  --ui-surface-raised:#ffffff;
  --ui-text:#12203a;
  --ui-heading:#0b1630;
  --ui-muted:#66738c;
  --ui-muted-2:#8c98ae;
  --ui-line:#dfe6f1;
  --ui-line-strong:#cfd8e8;
  --ui-primary:#315efb;
  --ui-primary-dark:#2049db;
  --ui-indigo:#6d4aff;
  --ui-teal:#11a9a0;
  --ui-success:#15966b;
  --ui-warning:#e18a18;
  --ui-danger:#df4b5f;
  --ui-info:#1679d3;
  --ui-radius-xs:9px;
  --ui-radius-sm:13px;
  --ui-radius:18px;
  --ui-radius-lg:24px;
  --ui-shadow-xs:0 2px 8px rgba(31,48,85,.055);
  --ui-shadow-sm:0 8px 28px rgba(31,48,85,.075);
  --ui-shadow:0 20px 60px rgba(31,48,85,.11);
  --ui-admin-sidebar:286px;
  --ui-app-sidebar:260px;
  --ui-topbar:72px;
}
:root[data-theme="dark"]{
  --ui-bg:#091321;
  --ui-bg-soft:#0d192b;
  --ui-surface:#111f33;
  --ui-surface-soft:#14243b;
  --ui-surface-raised:#172942;
  --ui-text:#edf3ff;
  --ui-heading:#ffffff;
  --ui-muted:#9dacc3;
  --ui-muted-2:#75859e;
  --ui-line:#283b56;
  --ui-line-strong:#37506f;
  --ui-primary:#6f8cff;
  --ui-primary-dark:#5d78e9;
  --ui-indigo:#a27cff;
  --ui-teal:#31c9be;
  --ui-success:#3ecb95;
  --ui-warning:#f2ad47;
  --ui-danger:#ff7082;
  --ui-info:#54a9f4;
  --ui-shadow-xs:0 2px 10px rgba(0,0,0,.14);
  --ui-shadow-sm:0 10px 32px rgba(0,0,0,.22);
  --ui-shadow:0 24px 70px rgba(0,0,0,.28);
}

/* Grundsystem */
html{background:var(--ui-bg)}
body.design-v71{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.008em}
body.design-v71 *{box-sizing:border-box}
body.design-v71 h1,body.design-v71 h2,body.design-v71 h3,body.design-v71 h4{color:var(--ui-heading);letter-spacing:-.035em;text-wrap:balance}
body.design-v71 p{color:var(--ui-muted)}
body.design-v71 a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
body.design-v71 .ui-icon{flex:0 0 auto}
body.design-v71 .page,body.design-v71 .page-shell{width:min(1480px,calc(100% - 48px));max-width:none;margin:0 auto;padding-block:30px 56px}
body.design-v71 .section{margin:0 0 22px}
body.design-v71 .section-title{align-items:flex-start;gap:18px;margin-bottom:18px}
body.design-v71 .section-title h2{font-size:clamp(22px,2vw,30px);margin:3px 0 0}
body.design-v71 .eyebrow{color:var(--ui-primary);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
body.design-v71 .muted,body.design-v71 .help,body.design-v71 small{color:var(--ui-muted)}

body.design-v71 .card,
body.design-v71 .section,
body.design-v71 .question-card,
body.design-v71 .customer-rail-card,
body.design-v71 .customer-section,
body.design-v71 .notice,
body.design-v71 .table-wrap{
  border:1px solid var(--ui-line);
  background:var(--ui-surface);
  border-radius:var(--ui-radius);
  box-shadow:var(--ui-shadow-xs);
}
body.design-v71 .card,body.design-v71 .section,body.design-v71 .customer-rail-card,body.design-v71 .customer-section{padding:22px}
body.design-v71 .card:hover{border-color:color-mix(in srgb,var(--ui-primary) 20%,var(--ui-line))}

body.design-v71 .btn{min-height:43px;padding:10px 16px;border-radius:11px;font-size:14px;font-weight:760;gap:8px;box-shadow:none}
body.design-v71 .btn-large{min-height:50px;padding:13px 20px;border-radius:13px}
body.design-v71 .btn-sm{min-height:36px;padding:7px 12px;border-radius:9px;font-size:12px}
body.design-v71 .btn-primary{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff;box-shadow:0 7px 18px rgba(49,94,251,.20)}
body.design-v71 .btn-primary:hover{background:var(--ui-primary-dark);border-color:var(--ui-primary-dark);transform:translateY(-1px);box-shadow:0 10px 25px rgba(49,94,251,.25)}
body.design-v71 .btn-ghost{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-text)}
body.design-v71 .btn-ghost:hover{background:var(--ui-surface-soft);border-color:var(--ui-line-strong);color:var(--ui-primary)}
body.design-v71 .btn-danger{background:color-mix(in srgb,var(--ui-danger) 9%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-danger) 25%,var(--ui-line));color:var(--ui-danger)}

body.design-v71 input,body.design-v71 select,body.design-v71 textarea{
  width:100%;min-height:45px;padding:11px 13px;border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-surface);color:var(--ui-text);font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);outline:none
}
body.design-v71 textarea{min-height:110px;resize:vertical}
body.design-v71 input:hover,body.design-v71 select:hover,body.design-v71 textarea:hover{border-color:var(--ui-line-strong)}
body.design-v71 input:focus,body.design-v71 select:focus,body.design-v71 textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-primary) 12%,transparent)}
body.design-v71 .field{gap:7px}
body.design-v71 .field>label{font-size:13px;font-weight:720;color:var(--ui-text)}
body.design-v71 .checkbox-card{border:1px solid var(--ui-line);background:var(--ui-surface-soft);border-radius:13px;padding:14px}

body.design-v71 .pill{border:1px solid var(--ui-line);background:var(--ui-surface-soft);color:var(--ui-muted);border-radius:999px;font-weight:750}
body.design-v71 .pill-green{background:color-mix(in srgb,var(--ui-success) 10%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-success) 24%,var(--ui-line));color:var(--ui-success)}
body.design-v71 .pill-orange{background:color-mix(in srgb,var(--ui-warning) 10%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-warning) 24%,var(--ui-line));color:var(--ui-warning)}
body.design-v71 .pill-red{background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-danger) 24%,var(--ui-line));color:var(--ui-danger)}
body.design-v71 .progress,body.design-v71 .xp-track,body.design-v71 .mini-xp-track{height:7px;background:var(--ui-bg-soft)}
body.design-v71 .progress i,body.design-v71 .xp-track i,body.design-v71 .mini-xp-track i{background:linear-gradient(90deg,var(--ui-primary),var(--ui-indigo),var(--ui-teal))}
body.design-v71 .flash{position:relative;z-index:80;width:min(980px,calc(100% - 32px));margin:14px auto 0;border-radius:13px;box-shadow:var(--ui-shadow-sm)}

/* Öffentliche Website */
.public-header-v71{height:76px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);border-bottom:1px solid var(--ui-line);backdrop-filter:blur(20px)}
.public-header-inner-v71{width:min(1440px,calc(100% - 44px));min-height:76px;gap:28px}
.public-header-v71 .brand-v6 img{width:39px;height:39px}
.public-header-v71 .brand strong{font-size:21px;color:var(--ui-heading)}
.public-header-v71 .brand small{display:none}
.public-nav-v71{gap:2px}
.public-nav-v71 a{padding:10px 12px;color:var(--ui-muted);font-size:13px;font-weight:700}
.public-nav-v71 a:hover{background:var(--ui-surface-soft);color:var(--ui-heading)}
.public-actions-v71{gap:8px}
.public-actions-v71 .theme-toggle{width:42px;min-width:42px;height:42px;border:1px solid var(--ui-line);border-radius:11px;background:var(--ui-surface)}

.v71-landing{overflow:hidden;background:var(--ui-bg)}
.v71-hero{position:relative;padding:78px 24px 70px}
.v71-hero:before{content:"";position:absolute;width:920px;height:620px;right:-260px;top:-160px;background:radial-gradient(circle,rgba(49,94,251,.13),rgba(109,74,255,.06) 46%,transparent 72%);pointer-events:none}
.v71-hero:after{content:"";position:absolute;width:650px;height:450px;left:-280px;bottom:-220px;background:radial-gradient(circle,rgba(17,169,160,.09),transparent 70%);pointer-events:none}
.v71-hero-inner{position:relative;z-index:1;width:min(1370px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(570px,1.08fr);gap:72px;align-items:center}
.v71-hero-copy{max-width:680px}
.v71-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--ui-primary) 20%,var(--ui-line));border-radius:999px;background:color-mix(in srgb,var(--ui-primary) 6%,var(--ui-surface));color:var(--ui-primary);font-size:12px;font-weight:800}
.v71-badge .ui-icon{width:16px;height:16px}
.v71-hero h1{margin:22px 0 20px;font-size:clamp(48px,5.1vw,76px);line-height:1.01;letter-spacing:-.057em}
.v71-hero h1 span{color:var(--ui-primary)}
.v71-hero-copy>p{max-width:650px;font-size:19px;line-height:1.65;color:var(--ui-muted)}
.v71-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:29px 0 20px}
.v71-hero-actions .btn{min-height:52px;padding-inline:21px}
.v71-hero-note{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--ui-muted)}
.v71-hero-note span{display:flex;align-items:center;gap:6px}.v71-hero-note .ui-icon{width:15px;color:var(--ui-success)}
.v71-product-shot{position:relative;padding:18px;border:1px solid color-mix(in srgb,var(--ui-primary) 14%,var(--ui-line));background:color-mix(in srgb,var(--ui-surface) 94%,transparent);border-radius:27px;box-shadow:0 35px 90px rgba(39,58,104,.17)}
.v71-product-shot:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(130deg,rgba(49,94,251,.28),rgba(109,74,255,.12),rgba(17,169,160,.20));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.v71-shot-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 12px;border-bottom:1px solid var(--ui-line)}
.v71-shot-brand{display:flex;align-items:center;gap:8px;font-weight:850}.v71-shot-brand i{width:23px;height:23px;border-radius:8px;background:linear-gradient(135deg,var(--ui-primary),var(--ui-indigo));transform:rotate(12deg)}
.v71-shot-user{display:flex;gap:8px}.v71-shot-user i{width:31px;height:31px;border-radius:50%;background:var(--ui-bg-soft)}
.v71-shot-body{display:grid;grid-template-columns:132px 1fr;min-height:470px}
.v71-shot-nav{padding:17px 11px;border-right:1px solid var(--ui-line);display:grid;align-content:start;gap:8px}
.v71-shot-nav span{height:30px;border-radius:8px;background:var(--ui-surface-soft)}
.v71-shot-nav span:first-child{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface));border:1px solid color-mix(in srgb,var(--ui-primary) 15%,var(--ui-line))}
.v71-shot-content{padding:18px;display:grid;align-content:start;gap:14px}
.v71-shot-welcome{display:flex;align-items:center;justify-content:space-between}.v71-shot-welcome strong{font-size:20px}.v71-shot-welcome small{display:block;margin-top:4px}.v71-shot-level{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface-soft)}.v71-shot-level b{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ui-primary);color:#fff}
.v71-shot-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v71-shot-metric{padding:12px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface)}.v71-shot-metric small{display:block;font-size:9px}.v71-shot-metric strong{display:block;margin-top:6px;font-size:18px}
.v71-shot-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:11px}.v71-shot-card{padding:14px;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-surface)}.v71-shot-card h4{font-size:12px;margin:0 0 12px}.v71-shot-course{display:grid;gap:8px}.v71-shot-course span{height:8px;border-radius:999px;background:var(--ui-bg-soft);overflow:hidden}.v71-shot-course span:after{content:"";display:block;width:72%;height:100%;background:var(--ui-primary)}.v71-shot-course span:nth-child(2):after{width:54%;background:var(--ui-indigo)}.v71-shot-course span:nth-child(3):after{width:83%;background:var(--ui-teal)}
.v71-shot-list{display:grid;gap:7px}.v71-shot-list span{height:36px;border-radius:9px;background:var(--ui-surface-soft);border:1px solid var(--ui-line)}
.v71-float-stat{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);font-size:12px;font-weight:800}.v71-float-stat b{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--ui-primary) 11%,var(--ui-surface));color:var(--ui-primary)}.v71-float-stat small{display:block;font-weight:550}.v71-float-stat.one{left:-33px;top:92px}.v71-float-stat.two{right:-22px;bottom:82px}
.v71-section{padding:78px 24px}.v71-section.alt{background:var(--ui-surface)}.v71-section-inner{width:min(1300px,100%);margin:auto}.v71-section-head{max-width:760px;margin:0 auto 38px;text-align:center}.v71-section-head h2{margin:8px 0 13px;font-size:clamp(34px,4vw,52px)}.v71-section-head p{font-size:17px;line-height:1.65}
.v71-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v71-benefit{padding:24px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow-xs)}.v71-benefit-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--ui-primary) 9%,var(--ui-surface));color:var(--ui-primary)}.v71-benefit h3{font-size:18px;margin:18px 0 8px}.v71-benefit p{margin:0;font-size:14px;line-height:1.6}
.v71-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.v71-step{position:relative;padding:25px 22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);counter-increment:step}.v71-step:before{content:counter(step);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ui-primary);color:#fff;font-weight:850}.v71-step h3{margin:18px 0 8px;font-size:18px}.v71-step p{font-size:14px;line-height:1.55;margin:0}
.v71-level-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:42px;border-radius:26px;background:linear-gradient(135deg,#142a62,#2e2b7b 55%,#124f64);color:#fff;box-shadow:var(--ui-shadow)}.v71-level-band h2,.v71-level-band h3{color:#fff}.v71-level-copy p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.6}.v71-level-orb{width:190px;height:190px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#98dcff,#5e7bff 42%,#7648ed 75%);border:10px solid rgba(255,255,255,.10);box-shadow:0 25px 60px rgba(0,0,0,.22)}.v71-level-orb strong{font-size:65px;line-height:1}.v71-level-orb small{display:block;text-align:center;color:#fff}.v71-level-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.v71-level-point{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07)}.v71-level-point .ui-icon{width:18px;color:#8ee6d6}.v71-level-point strong{display:block;font-size:13px}.v71-level-point small{color:rgba(255,255,255,.65)}
.v71-audience{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.v71-audience article{padding:20px;text-align:left;border:1px solid var(--ui-line);border-radius:17px;background:var(--ui-surface)}.v71-audience span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--ui-surface-soft);color:var(--ui-primary)}.v71-audience h3{font-size:17px;margin:15px 0 7px}.v71-audience p{font-size:13px;line-height:1.5;margin:0}
.v71-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;border-radius:25px;background:var(--ui-heading);color:#fff}.v71-cta h2{color:#fff;font-size:clamp(30px,4vw,46px);margin:5px 0 10px}.v71-cta p{color:rgba(255,255,255,.66);margin:0}.v71-cta .btn{background:#fff;border-color:#fff;color:#14203d}
.public-footer-v71{background:var(--ui-surface);border-top:1px solid var(--ui-line)}

/* Lernplattform */
.app-shell-v71{grid-template-columns:var(--ui-app-sidebar) minmax(0,1fr);background:var(--ui-bg)}
.app-sidebar-v71{width:var(--ui-app-sidebar);background:var(--ui-surface);border-right:1px solid var(--ui-line);box-shadow:none}
.app-sidebar-v71 .sidebar-brand-row{padding:19px 16px 14px;border-bottom:0}.app-sidebar-v71 .brand img{width:38px;height:38px}.app-sidebar-v71 .brand strong{font-size:19px}.app-sidebar-v71 .brand small{font-size:10px}
.app-sidebar-v71 .sidebar-level-card{margin:2px 13px 11px;padding:13px;border:1px solid var(--ui-line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 7%,var(--ui-surface)),color-mix(in srgb,var(--ui-indigo) 4%,var(--ui-surface)))}
.app-sidebar-v71 .level-orb{background:var(--ui-primary);box-shadow:none}
.app-sidebar-v71 .sidebar-scroll{padding:3px 10px 14px}
.app-sidebar-v71 .nav-section{margin:0 0 14px}.app-sidebar-v71 .nav-section-title{padding:0 10px 6px;color:var(--ui-muted-2);font-size:9px;letter-spacing:.13em}
.app-sidebar-v71 .app-nav-link{min-height:40px;padding:8px 10px;border-radius:10px;color:var(--ui-muted);font-size:12px;font-weight:690}.app-sidebar-v71 .app-nav-link:hover{background:var(--ui-surface-soft);color:var(--ui-heading)}.app-sidebar-v71 .app-nav-link.active{background:color-mix(in srgb,var(--ui-primary) 9%,var(--ui-surface));color:var(--ui-primary);box-shadow:none}.app-sidebar-v71 .app-nav-icon{width:29px;height:29px;border-radius:9px;background:transparent}.app-sidebar-v71 .app-nav-link.active .app-nav-icon{background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface))}
.app-sidebar-v71 .sidebar-footer{border-top:1px solid var(--ui-line);background:var(--ui-surface)}
.app-main-v71{min-width:0;background:var(--ui-bg)}
.app-header-v71{height:var(--ui-topbar);min-height:var(--ui-topbar);padding:0 24px;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);border-bottom:1px solid var(--ui-line);box-shadow:none;backdrop-filter:blur(18px)}
.app-header-v71 .app-header-title strong{font-size:16px;color:var(--ui-heading)}.app-header-v71 .app-header-title .eyebrow{font-size:9px}
.app-header-v71 .header-action,.app-header-v71 .header-icon-link,.app-header-v71 .theme-toggle,.app-header-v71 .header-avatar{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:none}.app-header-v71 .header-action:hover,.app-header-v71 .header-icon-link:hover{background:var(--ui-surface-soft);border-color:var(--ui-line-strong)}
.app-header-v71 .header-level-pill{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:none}

body.design-v71 .dashboard-customer-v65{padding-top:28px}
body.design-v71 .v7-dashboard-level{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow-xs);border-radius:18px;padding:18px 20px}
body.design-v71 .customer-dashboard-hero{gap:16px}
body.design-v71 .customer-welcome-card{border:1px solid var(--ui-line);border-radius:20px;background:linear-gradient(135deg,var(--ui-surface),color-mix(in srgb,var(--ui-primary) 5%,var(--ui-surface)));box-shadow:var(--ui-shadow-sm)}
body.design-v71 .customer-next-card{border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);box-shadow:var(--ui-shadow-xs)}
body.design-v71 .customer-overview-grid{gap:12px}.customer-overview-card{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:15px!important;box-shadow:var(--ui-shadow-xs)!important}.customer-overview-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ui-primary) 25%,var(--ui-line))!important}
body.design-v71 .customer-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.customer-action-card{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:15px!important;box-shadow:var(--ui-shadow-xs)!important}.customer-action-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ui-primary) 25%,var(--ui-line))!important}
body.design-v71 .customer-course-card,body.design-v71 .customer-recommendation-card,body.design-v71 .customer-assignment-row{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:15px;box-shadow:none}
body.design-v71 .subject-card{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:15px;box-shadow:none}.subject-card:hover{transform:translateY(-1px);box-shadow:var(--ui-shadow-xs);border-color:color-mix(in srgb,var(--ui-primary) 25%,var(--ui-line))}

/* Neues Admin-Control-Center */
body.admin-page-shell{overflow:hidden;background:var(--ui-bg)}
.admin-app-v71{height:100vh;display:grid;grid-template-columns:var(--ui-admin-sidebar) minmax(0,1fr);background:var(--ui-bg)}
.admin-sidebar-v71{position:relative;z-index:90;min-width:0;height:100vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#10213c;color:#dfe9fa;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 35px rgba(13,28,55,.10)}
:root[data-theme="dark"] .admin-sidebar-v71{background:#071321}
.admin-sidebar-head-v71{height:78px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-sidebar-v71 .brand{min-width:0}.admin-sidebar-v71 .brand img{width:38px;height:38px}.admin-sidebar-v71 .brand strong{color:#fff;font-size:18px}.admin-sidebar-v71 .brand small{color:#91a5c3;font-size:10px}.admin-sidebar-close-v71{display:none;width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
.admin-sidebar-search-v71{margin:13px 14px 8px;min-height:42px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.065);color:#93a6c2}
.admin-sidebar-search-v71 .ui-icon{width:16px}.admin-sidebar-search-v71 input{min-height:38px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:12px!important}.admin-sidebar-search-v71 input::placeholder{color:#8296b5}.admin-sidebar-search-v71 kbd{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.09);color:#a9bad1;font-size:10px;font-family:inherit}
.admin-sidebar-scroll-v71{min-height:0;overflow:auto;padding:7px 10px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.admin-side-nav-v71{display:grid;gap:19px}.admin-side-group-v71{display:grid;gap:6px}.admin-side-group-title-v71{padding:0 9px;display:grid;gap:1px}.admin-side-group-title-v71 strong{color:#8fa5c5;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.admin-side-group-title-v71 small{display:none}
.admin-side-links-v71{display:grid;gap:3px}.admin-side-link-v71{position:relative;min-height:43px;padding:7px 9px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;border-radius:10px;color:#b8c8de;text-decoration:none}.admin-side-link-v71:hover{background:rgba(255,255,255,.065);color:#fff}.admin-side-link-v71.active{background:linear-gradient(135deg,rgba(70,109,255,.30),rgba(102,75,226,.22));color:#fff;box-shadow:inset 0 0 0 1px rgba(119,145,255,.24)}.admin-side-link-icon-v71{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.055);color:#88a8ff}.admin-side-link-icon-v71 .ui-icon{width:16px}.admin-side-link-v71.active .admin-side-link-icon-v71{background:rgba(255,255,255,.12);color:#fff}.admin-side-link-copy-v71{display:grid;min-width:0}.admin-side-link-copy-v71 strong{font-size:12px;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-side-link-copy-v71 small{display:none}.admin-side-active-dot-v71{width:6px;height:6px;border-radius:50%;background:#8eb1ff;box-shadow:0 0 0 4px rgba(142,177,255,.11)}
.admin-side-link-v71[data-admin-hidden="true"],.admin-side-group-v71[data-admin-empty="true"]{display:none!important}
.admin-sidebar-foot-v71{padding:11px 13px 13px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:9px;background:rgba(0,0,0,.08)}
.admin-back-learning-v71{min-height:45px;padding:9px 10px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.055);color:#e5edfa}.admin-back-learning-v71:hover{background:rgba(255,255,255,.10);color:#fff}.admin-back-learning-v71 .ui-icon{width:18px}.admin-back-learning-v71 span{display:grid}.admin-back-learning-v71 strong{font-size:11px}.admin-back-learning-v71 small{font-size:9px;color:#91a5c3}
.admin-user-v71{display:grid;grid-template-columns:35px 1fr 31px;align-items:center;gap:9px;min-width:0}.admin-user-avatar-v71,.admin-user-button-v71{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ui-primary),var(--ui-indigo));color:#fff;font-weight:850}.admin-user-v71>span:nth-child(2){display:grid;min-width:0}.admin-user-v71 strong{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-v71 small{font-size:9px;color:#8fa5c5}.admin-user-v71>a{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#9fb0c8}.admin-user-v71>a:hover{background:rgba(255,255,255,.08);color:#fff}.admin-user-v71 .ui-icon{width:16px}
.admin-workspace-v71{min-width:0;height:100vh;display:grid;grid-template-rows:var(--ui-topbar) minmax(0,1fr);overflow:hidden}
.admin-topbar-v71{position:relative;z-index:55;min-height:var(--ui-topbar);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--ui-surface) 95%,transparent);border-bottom:1px solid var(--ui-line);backdrop-filter:blur(18px)}
.admin-topbar-left-v71,.admin-topbar-actions-v71{display:flex;align-items:center;gap:9px}.admin-mobile-menu-v71{display:none;width:40px;height:40px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-text)}.admin-breadcrumb-v71{display:grid;gap:2px}.admin-breadcrumb-v71 span{font-size:10px;color:var(--ui-muted);font-weight:700}.admin-breadcrumb-v71 strong{font-size:17px;color:var(--ui-heading)}
.admin-status-pill-v71{min-height:39px;padding:8px 12px;display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--ui-success) 23%,var(--ui-line));border-radius:10px;background:color-mix(in srgb,var(--ui-success) 7%,var(--ui-surface));color:var(--ui-success);font-size:11px;font-weight:770}.admin-status-pill-v71.has-alerts{border-color:color-mix(in srgb,var(--ui-warning) 25%,var(--ui-line));background:color-mix(in srgb,var(--ui-warning) 8%,var(--ui-surface));color:var(--ui-warning)}.admin-status-pill-v71 .ui-icon{width:16px}.admin-icon-button-v71,.admin-user-button-v71{border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-text)}.admin-icon-button-v71{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.admin-icon-button-v71:hover{background:var(--ui-surface-soft);color:var(--ui-primary)}.admin-icon-button-v71 .ui-icon{width:18px}.admin-topbar-v71 .theme-toggle{width:40px;min-width:40px;height:40px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface)}.admin-topbar-v71 .theme-toggle-label{display:none}.admin-user-button-v71{font-size:12px}
.admin-content-frame-v71{min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--ui-bg)}
.admin-content-frame-v71>.flash{margin-top:16px}
.admin-content-frame-v71 .admin-page,.admin-content-frame-v71 .admin-detail-page-v2{width:min(1560px,calc(100% - 42px));max-width:none;margin:0 auto;padding:28px 0 55px!important}
.admin-content-frame-v71 .admin-command-header-v2{min-height:auto;margin:0 0 20px;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:transparent;border:0;box-shadow:none}
.admin-content-frame-v71 .admin-command-copy-v2 .eyebrow{display:none}.admin-content-frame-v71 .admin-command-copy-v2 h1{margin:0;font-size:clamp(28px,3vw,40px)}.admin-content-frame-v71 .admin-command-copy-v2 p{max-width:760px;margin:8px 0 0;font-size:14px}.admin-command-actions-v2{gap:8px}.admin-version-badge{border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;border-radius:10px!important;box-shadow:none!important}
.admin-content-frame-v71 .admin-content-v2{display:block}
.admin-content-frame-v71 .admin-overview-banner-v2{padding:25px;border:1px solid var(--ui-line);border-radius:19px;background:linear-gradient(135deg,var(--ui-surface),color-mix(in srgb,var(--ui-primary) 5%,var(--ui-surface)));box-shadow:var(--ui-shadow-xs)}.admin-content-frame-v71 .admin-overview-banner-v2 h2{font-size:28px}.admin-content-frame-v71 .admin-overview-banner-v2 p{font-size:14px}.admin-content-frame-v71 .admin-quick-actions-v2{max-width:650px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.admin-content-frame-v71 .admin-section-v2{margin:18px 0 0;padding:22px;border:1px solid var(--ui-line);border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow-xs)}
.admin-content-frame-v71 .admin-metric-grid-v2,.admin-content-frame-v71 .stats-grid{gap:12px}.admin-content-frame-v71 .admin-metric-card-v2,.admin-content-frame-v71 .stat-card{min-height:112px;padding:18px;border:1px solid var(--ui-line);border-radius:15px;background:var(--ui-surface);box-shadow:var(--ui-shadow-xs)}.admin-content-frame-v71 .admin-metric-card-v2 strong,.admin-content-frame-v71 .stat-card strong{font-size:26px;color:var(--ui-heading)}
.admin-content-frame-v71 .grid{gap:16px}.admin-content-frame-v71 .card{box-shadow:var(--ui-shadow-xs)}
.admin-content-frame-v71 .table-wrap{overflow:auto;padding:0;border-radius:15px}.admin-content-frame-v71 table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.admin-content-frame-v71 th{position:sticky;top:0;z-index:2;padding:12px 14px;background:var(--ui-surface-soft);border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font-size:10px;letter-spacing:.075em;text-transform:uppercase}.admin-content-frame-v71 td{padding:13px 14px;border-bottom:1px solid var(--ui-line);font-size:13px;vertical-align:middle}.admin-content-frame-v71 tbody tr:last-child td{border-bottom:0}.admin-content-frame-v71 tbody tr:hover td{background:color-mix(in srgb,var(--ui-primary) 2.5%,var(--ui-surface))}
.admin-content-frame-v71 .search-form{padding:13px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow-xs)}
.admin-content-frame-v71 .admin-ops-fallback-v6101{display:none}
.admin-global-navigation-v621,.admin-nav-panel-v2{display:none!important}
.admin-mobile-overlay-v71{display:none}

/* Modals, Dialoge, Listen */
body.design-v71 dialog,body.design-v71 .modal,body.design-v71 .dialog-card{border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 35px 100px rgba(15,29,58,.24)}
body.design-v71 .metric-list>div{padding:12px 0;border-bottom:1px solid var(--ui-line)}
body.design-v71 .metric-list>div:last-child{border-bottom:0}
body.design-v71 code{border-radius:7px;background:var(--ui-surface-soft);color:var(--ui-primary)}

/* Responsive */
@media(max-width:1260px){
  .v71-hero-inner{grid-template-columns:1fr 1fr;gap:42px}.v71-shot-metrics{grid-template-columns:repeat(2,1fr)}
  .v71-benefits{grid-template-columns:repeat(2,1fr)}.v71-audience{grid-template-columns:repeat(3,1fr)}
  body.design-v71 .customer-action-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1080px){
  .public-nav-v71{display:none}.public-header-v71 .nav-menu-button{display:grid}.public-nav-v71.open{position:absolute;top:70px;left:18px;right:18px;display:grid;padding:12px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
  .v71-hero-inner{grid-template-columns:1fr}.v71-hero-copy{max-width:800px;margin:auto;text-align:center}.v71-hero-copy>p{margin-inline:auto}.v71-hero-actions,.v71-hero-note{justify-content:center}.v71-product-shot{max-width:760px;margin:auto}.v71-float-stat.one{left:-15px}.v71-float-stat.two{right:-10px}
  .v71-steps{grid-template-columns:repeat(2,1fr)}.v71-level-band{grid-template-columns:1fr}.v71-level-copy{text-align:center}.v71-level-points{text-align:left}
  .admin-app-v71{grid-template-columns:1fr}.admin-sidebar-v71{position:fixed;left:0;top:0;bottom:0;width:min(330px,88vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.24)}.admin-app-v71.admin-sidebar-open .admin-sidebar-v71{transform:none}.admin-sidebar-close-v71,.admin-mobile-menu-v71{display:grid;place-items:center}.admin-mobile-overlay-v71{position:fixed;inset:0;z-index:80;background:rgba(7,16,31,.48);backdrop-filter:blur(2px)}.admin-app-v71.admin-sidebar-open .admin-mobile-overlay-v71{display:block}.admin-workspace-v71{grid-column:1}.admin-content-frame-v71 .admin-page,.admin-content-frame-v71 .admin-detail-page-v2{width:calc(100% - 28px)}
}
@media(max-width:820px){
  body.design-v71 .page,body.design-v71 .page-shell{width:calc(100% - 24px);padding-top:20px}
  .public-header-inner-v71{width:calc(100% - 24px)}.public-actions-v71 .theme-toggle,.public-actions-v71 .btn-ghost{display:none}.public-header-v71 .brand small{display:none}
  .v71-hero{padding:55px 16px}.v71-hero h1{font-size:clamp(42px,11vw,60px)}.v71-product-shot{padding:10px}.v71-shot-body{grid-template-columns:94px 1fr}.v71-shot-content{padding:12px}.v71-shot-grid{grid-template-columns:1fr}.v71-float-stat{display:none}
  .v71-section{padding:58px 16px}.v71-benefits,.v71-steps{grid-template-columns:1fr 1fr}.v71-audience{grid-template-columns:1fr 1fr}.v71-level-band{padding:28px}.v71-cta{display:grid;padding:30px}
  .app-header-v71{padding:0 14px}.app-header-v71 .header-action,.app-header-v71 .header-level-pill{display:none}
  body.design-v71 .customer-action-grid{grid-template-columns:1fr 1fr}
  .admin-topbar-v71{padding:0 14px}.admin-status-pill-v71 span{display:none}.admin-content-frame-v71 .admin-command-header-v2{align-items:flex-start;display:grid}.admin-content-frame-v71 .admin-command-actions-v2{justify-content:flex-start}.admin-content-frame-v71 .admin-overview-banner-v2{display:grid}.admin-content-frame-v71 .admin-quick-actions-v2{justify-content:flex-start;max-width:none}.admin-content-frame-v71 .grid-2,.admin-content-frame-v71 .grid-3{grid-template-columns:1fr}
}
@media(max-width:560px){
  .v71-hero{padding-top:40px}.v71-hero h1{font-size:42px}.v71-hero-copy>p{font-size:16px}.v71-hero-actions{display:grid}.v71-hero-actions .btn{width:100%}.v71-hero-note{display:grid;justify-content:start;text-align:left}.v71-shot-body{grid-template-columns:1fr}.v71-shot-nav{display:none}.v71-shot-metrics{grid-template-columns:1fr 1fr}.v71-shot-welcome{align-items:flex-start}.v71-shot-level{display:none}
  .v71-benefits,.v71-steps,.v71-audience,.v71-level-points{grid-template-columns:1fr}.v71-level-orb{width:155px;height:155px}.v71-level-orb strong{font-size:52px}
  body.design-v71 .customer-action-grid{grid-template-columns:1fr}.admin-topbar-actions-v71 .theme-toggle,.admin-icon-button-v71{display:none}.admin-breadcrumb-v71 strong{font-size:14px}.admin-content-frame-v71 .admin-page,.admin-content-frame-v71 .admin-detail-page-v2{width:calc(100% - 18px);padding-top:18px!important}.admin-content-frame-v71 .admin-command-copy-v2 h1{font-size:27px}.admin-content-frame-v71 .admin-overview-banner-v2{padding:18px}.admin-content-frame-v71 .admin-quick-actions-v2{display:grid}.admin-content-frame-v71 .admin-quick-actions-v2 .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){body.design-v71 *,body.design-v71 *:before,body.design-v71 *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Öffentliche Unterseiten, Login und Registrierung */
body.design-v71 .public-section{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:72px 0}
body.design-v71 .public-section.alt{width:100%;max-width:none;padding-inline:max(18px,calc((100% - 1240px)/2));background:var(--ui-surface);border-block:1px solid var(--ui-line)}
body.design-v71 .public-heading{max-width:780px;margin:0 auto 36px;text-align:center}
body.design-v71 .public-heading h1{font-size:clamp(38px,5vw,62px);margin:8px 0 14px}
body.design-v71 .public-heading p{font-size:17px;line-height:1.65}
body.design-v71 .pricing-grid{gap:16px}.price-card{padding:26px!important}.price-card.featured{border-color:color-mix(in srgb,var(--ui-primary) 35%,var(--ui-line))!important;box-shadow:0 18px 50px rgba(49,94,251,.12)!important}.price-card .price{color:var(--ui-heading)}
body.design-v71 .auth-shell{width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 76px);margin:0 auto;padding:58px 0 72px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,.72fr);gap:38px;align-items:center}
body.design-v71 .auth-promo{min-height:560px;padding:46px;border:1px solid var(--ui-line);border-radius:25px;background:linear-gradient(145deg,#142b62,#282b78 56%,#15505f);color:#fff;box-shadow:var(--ui-shadow);display:flex;flex-direction:column;justify-content:center}
body.design-v71 .auth-promo h1{color:#fff;font-size:clamp(40px,5vw,62px);margin:10px 0 18px}.auth-promo p{color:rgba(255,255,255,.72)!important;font-size:17px;line-height:1.65}.auth-promo li{color:rgba(255,255,255,.82)}
body.design-v71 .auth-promo .eyebrow,body.design-v71 .auth-promo .v7-kicker{color:#9fdcff}
body.design-v71 .auth-benefit-list{display:grid;gap:11px;margin-top:25px}.auth-benefit-list span{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.065);color:#fff;font-size:13px}.auth-benefit-list .ui-icon{width:18px;color:#8de4d4}
body.design-v71 .auth-card{padding:34px;border:1px solid var(--ui-line);border-radius:23px;background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
body.design-v71 .auth-card h1{font-size:31px;margin:5px 0 8px}.auth-card form{display:grid;gap:15px}.auth-help-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.password-toggle{border-radius:9px;color:var(--ui-primary)}
@media(max-width:900px){body.design-v71 .auth-shell{grid-template-columns:1fr;max-width:680px;padding-top:30px}.auth-promo{min-height:auto!important}.auth-promo h1{font-size:39px!important}}
@media(max-width:560px){body.design-v71 .public-section{width:calc(100% - 22px);padding:48px 0}.auth-shell{width:calc(100% - 20px)!important}.auth-promo{padding:26px!important;border-radius:19px!important}.auth-card{padding:22px!important;border-radius:18px!important}}