@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --navy:       #2d3a6b;
      --navy-dark:  #1e2a52;
      --blue-pill:  #b8c4e8;
      --blue-pill-bg: #dde4f5;
      --blue-btn:   #3b4f8c;
      --white:      #ffffff;
      --gray-bg:    #f5f6fa;
      --gray-text:  #8a93b2;
      --gray-light: #c8cfe8;
      --border:     #e4e8f5;
      --sidebar-w:  260px;
      --font: 'Nunito', sans-serif;
    }
    html,body{height:100%;}
    body{font-family:var(--font);background:var(--white);color:var(--navy);overflow-x:hidden;}
    .hidden{display:none!important;}

    /* ── PAGES ── */
    .page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 80px;background:var(--white);animation:pf .3s ease;}
    @keyframes pf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    .page-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:18px;font-size:12px;color:var(--gray-text);}
    .page-footer a{color:var(--blue-pill);text-decoration:none;margin:0 6px;}

    /* ── LOGO ── */
    .logo-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:40px;}
    .logo-wrap img{height:70px;}
    .lt1{font-size:20px;font-weight:800;color:var(--navy-dark);display:block;}
    .lt2{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gray-text);text-transform:uppercase;display:block;}

    /* ── INPUTS ── */
    .input-pill{display:block;width:100%;max-width:440px;padding:18px 28px;border-radius:50px;background:var(--blue-pill-bg);color:var(--navy);border:none;font-family:var(--font);font-size:16px;font-weight:600;outline:none;transition:background .2s,box-shadow .2s;}
    .input-pill::placeholder{color:var(--blue-pill);}
    .input-pill:focus{background:#ccd4f0;box-shadow:0 0 0 3px rgba(59,79,140,.15);}

    /* ── BUTTONS ── */
    .pill-btn{display:block;width:100%;max-width:440px;padding:20px 32px;border-radius:50px;background:var(--blue-pill-bg);color:var(--navy);border:none;font-family:var(--font);font-size:18px;font-weight:700;cursor:pointer;text-align:center;transition:background .2s,transform .15s,box-shadow .2s;}
    .pill-btn:hover{background:var(--blue-pill);transform:translateY(-2px);}
    .pill-btn.dark{background:var(--navy);color:var(--white);}
    .pill-btn.dark:hover{background:var(--navy-dark);box-shadow:0 8px 24px rgba(45,58,107,.35);}
    .pill-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}

    /* ── LAYOUT HELPERS ── */
    .form-stack{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;}
    .divider-or{display:flex;align-items:center;gap:14px;width:100%;max-width:440px;margin:4px 0;font-size:15px;font-weight:700;color:var(--gray-text);}
    .divider-or::before,.divider-or::after{content:'';flex:1;height:1px;background:var(--border);}
    .big-title{font-size:clamp(38px,6vw,62px);font-weight:900;color:var(--navy-dark);text-align:center;margin-bottom:8px;}
    .big-sub{font-size:16px;color:var(--gray-text);text-align:center;margin-bottom:32px;}
    .link-row{font-size:14px;color:var(--navy-dark);}
    .link-row a{color:var(--blue-btn);font-weight:700;cursor:pointer;text-decoration:none;}
    .msg-box{padding:12px 20px;border-radius:14px;font-size:14px;font-weight:600;display:none;width:100%;max-width:440px;text-align:center;}
    .msg-box.error{background:#fde8e8;color:#c0392b;}
    .msg-box.success{background:#e8f8f0;color:#1a7f4b;}
    .check-row{display:flex;align-items:center;gap:10px;width:100%;max-width:440px;font-size:14px;color:var(--navy);}
    .check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy);flex-shrink:0;cursor:pointer;}
    .check-row a{color:var(--blue-btn);text-decoration:underline;cursor:pointer;}
    .pw-hint{font-size:13px;color:var(--gray-text);max-width:440px;text-align:left;width:100%;padding:0 6px;line-height:1.5;}
    .confirm-box{background:var(--gray-bg);border-radius:20px;padding:24px 32px;max-width:580px;width:100%;text-align:center;font-size:15px;color:var(--navy);line-height:1.6;margin-bottom:28px;}

    /* ── SPLASH ── */
    .splash-logo{display:flex;flex-direction:column;align-items:center;gap:20px;}
    .splash-logo img{height:160px;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both;}
    @keyframes popIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
    .splash-wordmark{text-align:center;animation:fu .5s .3s ease both;}
    .splash-wordmark .w1{font-size:44px;font-weight:900;color:var(--navy-dark);letter-spacing:-.5px;}
    .splash-wordmark .w2{font-size:14px;font-weight:700;letter-spacing:.28em;color:var(--gray-text);text-transform:uppercase;margin-top:4px;}
    @keyframes fu{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

    /* ── DASHBOARD ── */
    #page-dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-bg);padding:0;align-items:stretch;justify-content:flex-start;}
    .topbar{background:var(--white);border-bottom:1px solid var(--border);height:64px;display:flex;align-items:center;padding:0 28px 0 0;flex-shrink:0;position:sticky;top:0;z-index:100;}
    .topbar-logo{width:var(--sidebar-w);padding:0 22px;display:flex;align-items:center;gap:10px;border-right:1px solid var(--border);height:100%;flex-shrink:0;}
    .topbar-logo img{height:34px;}
    .topbar-spacer{flex:1;}
    .topbar-user{display:flex;align-items:center;gap:12px;}
    .user-avatar{width:38px;height:38px;border-radius:50%;background:var(--blue-pill-bg);color:var(--navy);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;}
    .u-name{font-size:14px;font-weight:700;color:var(--navy-dark);}
    .u-email{font-size:12px;color:var(--gray-text);}
    .btn-logout{padding:8px 16px;background:transparent;border:1.5px solid var(--border);border-radius:20px;font-family:var(--font);font-size:12px;font-weight:700;color:var(--gray-text);cursor:pointer;margin-left:14px;transition:all .2s;}
    .btn-logout:hover{border-color:var(--navy);color:var(--navy);}

    .dash-body{display:flex;flex:1;min-height:0;}
    .sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--border);padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column;}
    .sidebar-nav{flex:1;}
    .nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;margin-bottom:3px;font-size:15px;font-weight:600;color:var(--gray-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font);transition:all .18s;}
    .nav-item:hover{background:var(--gray-bg);color:var(--navy);}
    .nav-item.active{background:var(--blue-pill-bg);color:var(--navy);font-weight:800;} .nav-item.active .ni-icon img{opacity:1;filter:invert(15%) sepia(50%) saturate(800%) hue-rotate(200deg) brightness(0.7);}
    .ni-icon{font-size:17px;width:38px;text-align:center;display:flex;align-items:center;justify-content:center;}
    .sidebar-bottom{padding-top:14px;border-top:1px solid var(--border);}
    .sp-wrap{display:flex;align-items:center;gap:10px;padding:8px 4px;}
    .sp-avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-pill-bg);color:var(--navy);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
    .sp-name{font-size:13px;font-weight:700;color:var(--navy-dark);}
    .sp-email{font-size:11px;color:var(--gray-text);}

    .dash-main{flex:1;padding:30px;overflow-y:auto;}
    .dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
    .dash-title{font-size:24px;font-weight:900;color:var(--navy-dark);}
    .btn-create{padding:12px 24px;background:var(--navy);color:var(--white);border:none;border-radius:50px;font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;}
    .btn-create:hover{background:var(--navy-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,42,82,.3);}

    .search-bar{display:flex;align-items:center;gap:12px;background:var(--white);border:1.5px solid var(--border);border-radius:50px;padding:12px 22px;margin-bottom:26px;}
    .search-bar input{flex:1;border:none;outline:none;font-family:var(--font);font-size:15px;color:var(--navy);background:transparent;}
    .search-bar input::placeholder{color:var(--gray-light);}

    .section-label{font-size:18px;font-weight:800;color:var(--navy-dark);margin-bottom:14px;}
    .klassen-grid{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px;}
    .klasse-card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;padding:20px 24px;min-width:140px;text-align:center;cursor:pointer;transition:all .2s;}
    .klasse-card:hover{box-shadow:0 4px 16px rgba(45,58,107,.1);transform:translateY(-2px);}
    .klasse-name{font-size:22px;font-weight:900;color:var(--navy-dark);margin-bottom:10px;}
    .klasse-emoji{width:64px;height:64px;border-radius:50%;background:var(--blue-pill-bg);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto;}

    .buecher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;}
    .buch-card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .2s;}
    .buch-card:hover{box-shadow:0 6px 20px rgba(45,58,107,.12);transform:translateY(-3px);}
    .buch-top{height:76px;display:flex;align-items:center;justify-content:center;font-size:34px;}
    .buch-body{padding:14px 16px;}
    .buch-title{font-size:14px;font-weight:800;color:var(--navy-dark);margin-bottom:4px;}
    .buch-sub{font-size:12px;color:var(--gray-text);}
    .buch-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;}
    .buch-tag{padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700;background:var(--blue-pill-bg);color:var(--navy);}

    .view{display:none;animation:pf .25s ease;}
    .view.active{display:block;}
    .empty{text-align:center;padding:48px 20px;color:var(--gray-text);}
    .empty-icon{font-size:48px;margin-bottom:12px;}
    .empty-title{font-size:18px;font-weight:800;margin-bottom:6px;}
    .empty-text{font-size:14px;}

    /* ── MODAL ── */
    .modal-overlay{position:fixed;inset:0;background:rgba(30,42,82,.45);z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;animation:pf .25s ease;}
    .modal-box{background:var(--white);border-radius:24px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(30,42,82,.25);}
    .modal-header{padding:20px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
    .modal-title{font-size:19px;font-weight:900;color:var(--navy-dark);}
    .modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--gray-text);line-height:1;}
    .modal-body{flex:1;overflow-y:auto;padding:26px;}
    .modal-footer{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;}
    .progress-dots{display:flex;gap:8px;justify-content:center;margin-bottom:22px;}
    .pdot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .25s;}
    .pdot.active{background:var(--navy);transform:scale(1.3);}
    .pdot.done{background:var(--blue-btn);}
    .step-title{font-size:20px;font-weight:900;color:var(--navy-dark);margin-bottom:5px;}
    .step-sub{font-size:14px;color:var(--gray-text);margin-bottom:20px;}
    .opt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px;margin-bottom:16px;}
    .opt-card{border:2px solid var(--border);border-radius:13px;padding:13px 8px;text-align:center;cursor:pointer;transition:all .18s;background:var(--white);}
    .opt-card:hover{border-color:var(--navy);transform:translateY(-2px);}
    .opt-card.sel{border-color:var(--navy);background:var(--blue-pill-bg);}
    .oi{font-size:24px;margin-bottom:6px;}
    .ol{font-size:12px;font-weight:700;color:var(--navy-dark);}
    .os{font-size:10px;color:var(--gray-text);margin-top:2px;}
    .col-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
    .col-dot{width:38px;height:38px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;position:relative;}
    .col-dot:hover{transform:scale(1.15);}
    .col-dot.sel{border-color:var(--navy-dark);box-shadow:0 0 0 2px var(--white) inset;}
    .col-dot.sel::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:15px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.5);}
    .modal-btn{padding:11px 26px;border-radius:50px;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s;}
    .modal-btn.back{background:var(--gray-bg);color:var(--navy);}
    .modal-btn.back:hover{background:var(--border);}
    .modal-btn.next,.modal-btn.go{background:var(--navy);color:var(--white);}
    .modal-btn.next:hover,.modal-btn.go:hover{background:var(--navy-dark);}
    .modal-btn:disabled{opacity:.35;cursor:not-allowed;}
    .result-panel{text-align:center;padding:12px;}
    .result-panel .ri{font-size:60px;margin-bottom:14px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1);}
    @keyframes popIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
    .result-panel .rt{font-size:22px;font-weight:900;color:var(--navy-dark);margin-bottom:8px;}
    .result-panel .rs{font-size:14px;color:var(--gray-text);margin-bottom:18px;}
    .result-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:22px;}
    .result-tags span{padding:5px 14px;background:var(--blue-pill-bg);color:var(--navy);border-radius:20px;font-size:13px;font-weight:700;}

    /* ── NEUER KONFIGURATOR ── */
    .konfig-view { animation: pf .3s ease; }
    .konfig-stepper { display:flex; align-items:center; justify-content:center; gap:0; margin-bottom:36px; }
    .k-step { display:flex; align-items:center; gap:10px; }
    .k-step-circle { width:36px; height:36px; border-radius:50%; background:var(--blue-pill-bg); color:var(--gray-text); font-size:14px; font-weight:800; display:flex; align-items:center; justify-content:center; transition:all .3s; flex-shrink:0; }
    .k-step-circle.active { background:var(--navy); color:var(--white); }
    .k-step-circle.done { background:var(--navy-dark); color:var(--white); }
    .k-step-label { font-size:13px; font-weight:700; color:var(--gray-text); }
    .k-step-label.active { color:var(--navy-dark); }
    .k-step-line { width:60px; height:2px; background:var(--border); margin:0 8px; }
    .k-step-line.done { background:var(--navy); }
    .konfig-title { font-size:22px; font-weight:900; color:var(--navy-dark); text-align:center; margin-bottom:6px; }
    .konfig-sub { font-size:14px; color:var(--gray-text); text-align:center; margin-bottom:28px; }
    .konfig-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:24px; }
    .konfig-card { background:var(--white); border-radius:18px; padding:24px; box-shadow:0 1px 4px rgba(45,58,107,.07); }
    .konfig-card-title { font-size:15px; font-weight:800; color:var(--navy-dark); margin-bottom:16px; }
    .konfig-field-label { font-size:12px; font-weight:700; color:var(--navy); margin-bottom:6px; }
    .konfig-select { width:100%; padding:12px 16px; border-radius:12px; border:1.5px solid var(--border); background:var(--gray-bg); font-family:var(--font); font-size:14px; font-weight:600; color:var(--navy); outline:none; cursor:pointer; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a93b2' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; margin-bottom:16px; }

/* Arbeitsblatt Finder */
.mf-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.mf-kicker{display:inline-flex;background:#e8ecfb;color:var(--navy);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:12px}.mf-title{font-size:30px;font-weight:900;color:var(--navy-dark);line-height:1.15}.mf-sub{color:var(--gray-text);font-size:14px;margin-top:8px;line-height:1.55}.mf-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:0 2px 8px rgba(45,58,107,.06)}.mf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mf-field.full{grid-column:1/-1}.mf-label{display:block;color:var(--navy-dark);font-size:13px;font-weight:800;margin-bottom:7px}.mf-input,.mf-select,.mf-textarea{width:100%;border:1.5px solid var(--border);border-radius:12px;padding:13px 15px;background:#fff;color:var(--navy-dark);font:600 14px var(--font);outline:none}.mf-input:focus,.mf-select:focus,.mf-textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(45,58,107,.09)}.mf-textarea{min-height:94px;resize:vertical}.mf-radio-row,.mf-check-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.mf-radio-row label,.mf-check-row label{font-size:13px;font-weight:700;color:var(--navy);cursor:pointer}.mf-radio-row input,.mf-check-row input{accent-color:var(--navy);margin-right:5px}.mf-note{background:var(--gray-bg);border-radius:12px;padding:13px 15px;font-size:12px;color:var(--gray-text);line-height:1.5}.mf-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);padding-top:20px;margin-top:22px}.mf-btn{border:0;border-radius:999px;padding:13px 20px;font:800 13px var(--font);cursor:pointer}.mf-btn.primary{background:var(--navy);color:#fff}.mf-btn.light{background:#fff;color:var(--navy);border:1px solid var(--border)}.mf-loading{text-align:center;padding:55px 20px}.mf-spinner{width:58px;height:58px;border:5px solid #dfe5f2;border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 22px}.mf-steps{max-width:700px;margin:28px auto 0;display:grid;gap:11px;text-align:left}.mf-step{padding:14px 17px;border:1px solid var(--border);background:var(--gray-bg);border-radius:12px;font-weight:700;color:var(--gray-text)}.mf-step.done,.mf-step.active{color:var(--navy-dark);border-color:#aebbd8}.mf-step-icon{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#dce3f2;align-items:center;justify-content:center;margin-right:10px}.mf-step.done .mf-step-icon,.mf-step.active .mf-step-icon{background:var(--navy);color:#fff}.mf-query-tags,.mf-tags,.mf-filters{display:flex;flex-wrap:wrap;gap:7px}.mf-tag{background:#e3e9fb;color:var(--navy);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.mf-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0;padding:15px;background:#fff;border:1px solid var(--border);border-radius:14px}.mf-filters label{font-size:12px;font-weight:700;color:var(--gray-text)}.mf-filters input{accent-color:var(--navy)}.mf-results{display:grid;gap:14px}.mf-result{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 2px 7px rgba(45,58,107,.05)}.mf-result-top{display:flex;justify-content:space-between;gap:18px}.mf-scoreline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.mf-fit{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.mf-fit.good{background:#dff7e8;color:#16834a}.mf-fit.medium{background:#fff3cc;color:#986b00}.mf-fit.low{background:#fde4e4;color:#b43d3d}.mf-result h3{font-size:17px;color:var(--navy-dark);margin:0 0 7px}.mf-desc,.mf-source{font-size:12px;color:var(--gray-text);line-height:1.5}.mf-source{margin-top:9px}.mf-result-actions{display:flex;gap:8px;align-items:flex-start;white-space:nowrap}.mf-details-toggle{border:0;border-top:1px solid var(--border);background:none;width:100%;text-align:left;padding:15px 0 3px;margin-top:15px;font:800 12px var(--font);color:var(--navy-dark);cursor:pointer}.mf-details{display:none;padding-top:15px}.mf-details.open{display:block}.mf-detail-intro{font-size:13px;color:var(--gray-text);margin-bottom:14px}.mf-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mf-score-card{border:1px solid var(--border);border-radius:12px;padding:12px}.mf-score-title{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--navy-dark)}.mf-bar{height:7px;background:#d9dfec;border-radius:999px;overflow:hidden;margin:8px 0}.mf-bar span{display:block;height:100%;background:var(--navy)}.mf-score-copy{font-size:11px;color:var(--gray-text)}.mf-feedback{border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:12px;color:var(--gray-text)}.mf-feedback button{margin-left:6px;border:1px solid var(--border);background:white;border-radius:8px;padding:6px 9px;font:700 11px var(--font);cursor:pointer}.mf-feedback button.selected{background:var(--navy);color:#fff}.mf-empty{text-align:center;padding:45px;color:var(--gray-text)}@media(max-width:850px){.mf-form-grid,.mf-score-grid{grid-template-columns:1fr}.mf-field.full{grid-column:auto}.mf-result-top,.mf-toolbar,.mf-actions{flex-direction:column;align-items:stretch}.mf-result-actions{white-space:normal}.mf-title{font-size:24px}}

/* Klassen- und Schülerverwaltung */
.copilot-panel{background:linear-gradient(135deg,#1e2a52,#3b4f8c);border-radius:20px;padding:28px;margin-bottom:28px;color:#fff}.copilot-title{font-size:18px;font-weight:900;margin-bottom:6px}.copilot-copy{font-size:13px;opacity:.82;margin-bottom:16px}.copilot-row{display:flex;gap:10px}.copilot-row input{flex:1;padding:14px 20px;border-radius:50px;border:0;font:600 14px var(--font);color:var(--navy-dark);outline:0}.copilot-row button{padding:14px 24px;background:#fff;color:var(--navy-dark);border:0;border-radius:50px;font:800 14px var(--font);cursor:pointer;white-space:nowrap}.copilot-status{font-size:12px;opacity:.75;margin-top:10px;min-height:18px}.manage-form{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:28px;box-shadow:0 2px 8px rgba(45,58,107,.06)}.manage-form-title{font-size:17px;font-weight:900;color:var(--navy-dark);margin-bottom:18px}.manage-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.manage-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.manage-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 2px 7px rgba(45,58,107,.05)}.manage-card-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue-pill-bg);font-size:23px;margin-bottom:13px}.manage-card-title{font-size:18px;font-weight:900;color:var(--navy-dark)}.manage-card-meta{font-size:12px;color:var(--gray-text);line-height:1.55;margin-top:6px}.manage-empty{grid-column:1/-1;padding:35px;text-align:center;color:var(--gray-text);background:#fff;border-radius:18px;border:1px dashed var(--border)}@media(max-width:700px){.copilot-row,.manage-form-actions{flex-direction:column}.manage-form-grid{grid-template-columns:1fr}}
    .konfig-select:focus { border-color:var(--navy); }
    .farb-grid { display:grid; grid-template-columns:repeat(9,1fr); gap:5px; }
    .farb-dot { width:100%; aspect-ratio:1; border-radius:50%; cursor:pointer; border:2.5px solid transparent; transition:all .2s; }
    .farb-dot:hover { transform:scale(1.15); }
    .farb-dot.sel { border-color:var(--navy-dark); box-shadow:0 0 0 2px white inset; }
    .motiv-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:4px; }
    .motiv-btn { padding:12px; border-radius:12px; border:1.5px solid var(--border); background:var(--white); font-family:var(--font); font-size:13px; font-weight:700; color:var(--navy); cursor:pointer; transition:all .2s; text-align:center; }
    .motiv-btn:hover { border-color:var(--navy); background:var(--blue-pill-bg); }
    .motiv-btn.sel { border-color:var(--navy); background:var(--blue-pill-bg); color:var(--navy-dark); }
    .schwier-grid { display:flex; gap:10px; margin-top:4px; }
    .schwier-btn { flex:1; padding:12px; border-radius:12px; border:1.5px solid var(--border); background:var(--white); font-family:var(--font); font-size:13px; font-weight:700; color:var(--navy); cursor:pointer; transition:all .2s; }
    .schwier-btn:hover { border-color:var(--navy); background:var(--blue-pill-bg); }
    .schwier-btn.sel { border-color:var(--navy); background:var(--blue-pill-bg); }
    .thema-tags { display:flex; flex-wrap:wrap; gap:8px; }
    .thema-tag { padding:8px 18px; border-radius:20px; border:1.5px solid var(--border); background:var(--white); font-family:var(--font); font-size:13px; font-weight:700; color:var(--navy); cursor:pointer; transition:all .2s; }
    .thema-tag:hover { border-color:var(--navy); }
    .thema-tag.sel { border-color:var(--navy); background:var(--blue-pill-bg); }
    .upload-zone { border:2px dashed var(--blue-pill); border-radius:14px; padding:28px; text-align:center; cursor:pointer; background:var(--blue-pill-bg); transition:all .2s; margin-top:12px; }
    .upload-zone:hover { background:#ccd4f0; }
    .upload-icon { font-size:28px; margin-bottom:8px; }
    .upload-label { font-size:14px; font-weight:700; color:var(--navy); margin-bottom:4px; }
    .upload-sub { font-size:12px; color:var(--gray-text); }
    .upload-badge { display:inline-block; margin-top:8px; padding:3px 12px; background:var(--blue-pill); border-radius:20px; font-size:11px; color:var(--navy); font-weight:700; }
    .umfang-slider { width:100%; accent-color:var(--navy); margin-top:8px; }
    .konfig-bottom { display:flex; justify-content:flex-end; margin-top:8px; }
    .btn-konfig-next { padding:14px 32px; background:var(--navy); color:var(--white); border:none; border-radius:50px; font-family:var(--font); font-size:15px; font-weight:700; cursor:pointer; transition:all .2s; }
    .btn-konfig-next:hover { background:var(--navy-dark); }
    .btn-konfig-next:disabled { opacity:.4; cursor:not-allowed; }
    .btn-konfig-back { padding:14px 24px; background:transparent; color:var(--navy); border:1.5px solid var(--border); border-radius:50px; font-family:var(--font); font-size:15px; font-weight:700; cursor:pointer; margin-right:10px; transition:all .2s; }
    .btn-konfig-back:hover { background:var(--gray-bg); }

    .spin{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto;}
    @keyframes spin{to{transform:rotate(360deg)}}
    .toast{position:fixed;bottom:24px;right:24px;background:var(--navy-dark);color:var(--white);padding:13px 20px;border-radius:16px;font-size:14px;font-weight:700;z-index:9999;transform:translateY(16px);opacity:0;transition:all .28s;pointer-events:none;font-family:var(--font);}
    .toast.show{transform:translateY(0);opacity:1;}

    /* ── PDF NAME MODAL ── */
    .pdf-modal-overlay{position:fixed;inset:0;background:rgba(30,42,82,.45);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
    .pdf-modal-box{background:var(--white);border-radius:24px;padding:36px 32px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(30,42,82,.25);animation:pf .3s ease;}
    .pdf-modal-title{font-size:22px;font-weight:900;color:var(--navy-dark);margin-bottom:6px;}
    .pdf-modal-sub{font-size:14px;color:var(--gray-text);margin-bottom:24px;}
    .pdf-modal-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
    .pdf-modal-label{font-size:12px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
    .pdf-modal-actions{display:flex;gap:12px;justify-content:flex-end;}