*{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:#f0ede8;color:#1a1a1a;height:100vh;display:flex;flex-direction:column;overflow:hidden;}
    .bg-blob{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;}
    .bg-blob-1{width:600px;height:600px;background:rgba(180,190,255,.14);top:-150px;right:-100px;}
    .bg-blob-2{width:500px;height:500px;background:rgba(255,220,180,.11);bottom:-50px;left:-80px;}
    .bg-blob-3{width:350px;height:350px;background:rgba(200,240,220,.14);bottom:120px;right:250px;}

    /* START SCREEN */
    .start-screen{position:fixed;inset:0;background:transparent;z-index:999;display:flex;align-items:center;justify-content:center;}
    .start-box{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.92);border-radius:22px;padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 60px rgba(0,0,0,.1);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);min-width:340px;}
    .start-box h2{font-size:18px;font-weight:800;color:#1a1a1a;letter-spacing:0.5px;}
    .start-box p{font-size:12px;color:#888;text-align:center;line-height:1.6;}
    .start-input{width:100%;padding:10px 14px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:rgba(255,255,255,.7);outline:none;transition:border-color .15s,background .15s;}
    .start-input:focus{border-color:rgba(0,0,0,.28);background:#fff;}
    .start-btn{width:100%;padding:11px;border-radius:10px;border:none;background:#1a1a1a;color:#fff;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:opacity .15s;}
    .start-btn:hover:not(:disabled){opacity:0.8;}
    .start-btn:disabled{opacity:0.3;cursor:default;}
    .startup-signin-btn{width:auto;min-width:0;margin-top:0;padding:11px 14px;}

    /* SUCCESS PROFILES ENTRY (two columns) */
    .profile-name-screen-layout{display:flex;gap:32px;max-width:820px;width:100%;align-items:stretch;}
    .profile-name-screen-left{flex:1;min-width:200px;display:flex;flex-direction:column;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:24px;box-shadow:0 8px 40px rgba(0,0,0,0.08);}
    .profile-name-screen-left h3{font-size:14px;font-weight:800;color:#1a1a1a;letter-spacing:0.5px;margin-bottom:14px;}
    .profile-name-screen-list{flex:1;min-height:120px;max-height:280px;overflow-y:auto;}
    .profile-name-screen-list::-webkit-scrollbar{width:6px;}
    .profile-name-screen-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;}
    .profile-name-screen-item{padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:400;color:#1a1a1a;cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;margin-bottom:8px;}
    .profile-name-screen-item:last-child{margin-bottom:0;}
    .profile-name-screen-item:hover{background:#f0f0f0;}
    .profile-name-screen-item:active{background:#e5e5e5;}
    .profile-name-screen-item.selected{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
    .profile-name-screen-right{flex:1;min-width:240px;display:flex;flex-direction:column;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:32px 28px;box-shadow:0 8px 40px rgba(0,0,0,0.08);}
    .profile-name-screen-variant-row{display:flex;gap:10px;margin-top:8px;}
    .profile-name-screen-variant-row button{flex:1;min-width:0;white-space:nowrap;}
    .profile-name-screen-right h3{font-size:14px;font-weight:800;color:#1a1a1a;letter-spacing:0.5px;margin-bottom:8px;}
    .profile-name-screen-right .start-input{margin-bottom:4px;}
    .profile-name-screen-right .start-btn{margin-top:8px;}
    .profile-name-screen-right .export-btn{margin-top:16px;}

    /* TOP BAR */
    .top-bar{background:rgba(255,255,255,.75);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid rgba(0,0,0,.07);padding:10px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:20;}
    .top-bar h1{font-size:13px;font-weight:600;color:#555;letter-spacing:.2px;}
    .export-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.7);color:#1a1a1a;font-weight:600;cursor:pointer;font-size:12px;white-space:nowrap;}
    .export-btn:hover{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.18);}
    .progress-info{font-size:12px;color:#666;}

    /* THREE COLUMNS */
    .sort-area{display:flex;flex:1;min-height:0;}
    .cat-col{flex:1;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;background:#fafafa;overflow:hidden;}
    .cat-col:last-child{border-right:none;}
    .cat-col.drag-over .cat-header{background:#1a1a1a;}
    .cat-col.drag-over .cat-header-label{color:#fff;}
    .cat-col.drag-over .cat-count{border-color:#fff;color:#fff;background:transparent;}

    .cat-header{padding:10px 14px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;transition:background 0.15s;user-select:none;}
    .cat-header-label{font-size:12px;font-weight:700;color:#1a1a1a;letter-spacing:0.5px;}
    .cat-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;border:1.5px solid #1a1a1a;}
    .cat-count.ok{background:#1a1a1a;color:#fff;}
    .cat-count.bad{background:#fff;color:#c0392b;border-color:#c0392b;}

    .mini-stack{flex:1;overflow-y:auto;padding:10px;}
    .mini-stack::-webkit-scrollbar{width:3px;}
    .mini-stack::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px;}

    .mini-card{width:100%;background:#fff;border:1.5px solid #ddd;border-radius:6px;padding:8px 10px 26px;font-size:11px;font-weight:600;color:#1a1a1a;cursor:pointer;margin-bottom:-18px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,0.07);transition:border-color 0.15s, box-shadow 0.15s, transform 0.15s;}
    .mini-card:last-child{margin-bottom:0;}
    .mini-card:hover{border-color:#1a1a1a;z-index:10;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.12);}
    .mini-card-num{font-size:9px;color:#999;font-weight:400;margin-bottom:1px;}
    .mini-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .mini-card[draggable=true]{cursor:grab;}
    .mini-card.dragging{opacity:0.35;}

    /* BOTTOM AREA */
    .bottom-area{flex-shrink:0;background:#f0f0f0;border-top:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;padding:20px 24px;min-height:200px;}
    .bottom-empty{font-size:13px;color:#bbb;text-align:center;line-height:1.8;}
    .bottom-empty strong{display:block;font-size:15px;color:#ccc;margin-bottom:4px;}

    /* BOTTOM CARD (drag source) */
    .bottom-card-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;}
    .bottom-hint{font-size:10px;color:#bbb;letter-spacing:0.5px;}

    /* LANDSCAPE CARD */
    .card-container{perspective:1200px;width:560px;height:290px;flex-shrink:0;}
    .card-container.clickable{cursor:pointer;}
    .card-container.draggable-card{cursor:grab;}
    .card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.55s cubic-bezier(.4,0,.2,1);}
    .card-inner.flipped{transform:rotateY(180deg);}
    .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.12);}
    .card-front,.card-back{background:#fff;display:grid;grid-template-columns:1fr 1fr;border:1.5px solid #e0e0e0;}
    .card-back{transform:rotateY(180deg);}
    .card-front-left,.card-back-left{padding:20px;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
    .card-front-right,.card-back-right{padding:20px;background:#fafafa;overflow-y:auto;}
    .card-front-right::-webkit-scrollbar,.card-back-right::-webkit-scrollbar{width:3px;}
    .card-front-right::-webkit-scrollbar-thumb,.card-back-right::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px;}
    .card-num{font-size:10px;font-weight:700;color:#999;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}
    .card-title{font-size:17px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:8px;}
    .card-def{font-size:11px;color:#666;line-height:1.6;font-style:italic;}
    .card-section-title{font-size:15px;font-weight:800;color:#1a1a1a;margin-bottom:8px;display:flex;align-items:center;gap:7px;}
    .card-section-title::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#1a1a1a;flex-shrink:0;}
    .card-bullets{list-style:none;}
    .card-bullets li{font-size:11px;color:#444;padding:2px 0 2px 14px;position:relative;line-height:1.5;}
    .card-bullets li::before{content:'–';position:absolute;left:0;color:#999;}

    /* Swipe */
    @keyframes swipeInRight{0%{transform:translateX(100px) rotate(3deg) scale(0.95);opacity:0;}60%{transform:translateX(-6px) rotate(-0.3deg) scale(1.01);opacity:1;}100%{transform:none;opacity:1;}}
    @keyframes swipeInLeft{0%{transform:translateX(-100px) rotate(-3deg) scale(0.95);opacity:0;}60%{transform:translateX(6px) rotate(0.3deg) scale(1.01);opacity:1;}100%{transform:none;opacity:1;}}
    .card-container.swipe-right .card-inner{animation:swipeInRight 0.45s cubic-bezier(.22,.68,0,1.2);}
    .card-container.swipe-left .card-inner{animation:swipeInLeft 0.45s cubic-bezier(.22,.68,0,1.2);}

    /* OVERLAY */
    .overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:1000;align-items:center;justify-content:center;}
    .overlay.active{display:flex;}
    .compare-ai-prompt-overlay{display:none;align-items:center;justify-content:center;padding:24px;}
    .compare-ai-prompt-box{background:#fff;border-radius:12px;padding:24px;max-width:640px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 40px rgba(0,0,0,0.2);}
    .compare-ai-prompt-title{font-size:18px;font-weight:800;color:#1a1a1a;margin:0 0 16px;}
    .compare-ai-prompt-content{flex:1;overflow-y:auto;font-size:14px;line-height:1.6;color:#1a1a1a;margin-bottom:20px;white-space:pre-wrap;word-break:break-word;}
    .compare-ai-prompt-content p{margin:0 0 1em;}
    .compare-ai-prompt-content p:last-child{margin-bottom:0;}
    .compare-ai-prompt-content strong{font-weight:700;color:#1a1a1a;}
    .compare-ai-prompt-content ul{margin:0.5em 0 1em 1.25em;padding-left:1em;list-style:disc;}
    .compare-ai-prompt-content li{margin-bottom:0.35em;}
    .compare-ai-prompt-box .btn-back-home{width:auto;}
.compare-ai-prompt-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap;}
.compare-ai-prompt-actions .btn-back-home,
.compare-ai-prompt-actions .compare-ai-prompt-copy-btn{height:40px;padding:0 24px;margin:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;}
.compare-ai-prompt-copy-btn{width:auto;border-radius:6px;border:1.5px solid #1a1a1a;background:#fff;color:#1a1a1a;font-size:13px;font-weight:700;cursor:pointer;}
.compare-ai-prompt-copy-btn:hover{opacity:0.85;}
.experience-unsaved-overlay{display:none;align-items:center;justify-content:center;padding:24px;}
.experience-unsaved-box{background:#fff;border-radius:12px;padding:24px;max-width:520px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,0.2);}
.experience-unsaved-title{font-size:18px;font-weight:800;color:#1a1a1a;margin:0 0 10px;}
.experience-unsaved-text{font-size:13px;color:#555;line-height:1.5;margin:0 0 18px;}
.experience-unsaved-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.experience-unsaved-actions .export-btn{min-width:130px;}
.experience-type-actions{display:flex;flex-direction:column;align-items:center;}
.experience-type-actions-primary{display:flex;gap:12px;justify-content:center;align-items:center;}
.experience-type-choice-btn{width:170px;}
.experience-type-cancel-btn{margin-top:14px;min-width:130px;}
.experience-loading-overlay{display:none;align-items:center;justify-content:center;padding:24px;}
.experience-loading-box{background:#fff;border-radius:12px;padding:20px 24px;min-width:220px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,0.2);}
.experience-loading-text{font-size:14px;font-weight:700;color:#1a1a1a;}
.experience-type-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap;}
.experience-type-badge-competency{background:rgba(34,197,94,.16);color:#166534;border:1px solid rgba(22,101,52,.22);}
.experience-type-badge-skill{background:rgba(59,130,246,.16);color:#1e40af;border:1px solid rgba(30,64,175,.22);}
.profile-name-screen-item.selected .experience-type-badge{background:#fff !important;color:#111 !important;border:1px solid #111 !important;}

    /* Card overlay */
    .card-overlay-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:24px;max-width:95vw;max-height:90vh;}
    .card-overlay-wrapper .card-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;}
    .card-overlay-wrapper .card-overlay-inner.with-substitutes{flex:0 1 auto;}
    .card-overlay-substitutes-panel{flex:0 0 320px;height:465px;background:#fff;border-radius:12px;padding:28px;box-shadow:0 8px 32px rgba(0,0,0,0.2);overflow-y:auto;}
    .card-overlay-substitutes-panel .card-overlay-substitutes-title{font-size:16px;font-weight:800;color:#1a1a1a;margin:0 0 16px;}
    .card-overlay-wrapper .card-overlay-inner .card-container{cursor:pointer;width:870px;height:465px;}
    .card-overlay-inner .card-title{font-size:25.5px !important;}
    .card-overlay-inner .card-def{font-size:16.5px !important;}
    .card-overlay-inner .card-num{font-size:15px !important;}
    .card-overlay-inner .card-section-title{font-size:22.5px !important;}
    .card-overlay-inner .card-bullets li{font-size:16.5px !important;}
    .card-overlay-inner .card-front-left,
    .card-overlay-inner .card-back-left,
    .card-overlay-inner .card-front-right,
    .card-overlay-inner .card-back-right{padding:30px !important;}

    .overlay-close{position:absolute;top:-44px;right:0;background:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,0.2);color:#1a1a1a;}
    .overlay-close:hover{opacity:0.7;}
    .overlay-hint{font-size:10px;color:#ccc;letter-spacing:0.5px;}

    .overlay-assign-row{display:flex;gap:10px;}
    .overlay-assign-row button{padding:9px 22px;border-radius:6px;border:1.5px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:0.5px;transition:all 0.15s;}
    .overlay-assign-row button:hover{background:#fff;color:#1a1a1a;}
    .bottom-zoom-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;cursor:pointer;padding:4px;opacity:1;transition:opacity 0.15s;flex-shrink:0;color:#bbb;}
    .bottom-zoom-btn:hover{color:#888;}
    .bottom-zoom-btn svg{width:100%;height:100%;display:block;}

    .variant-btn{width:100%;min-height:56px;padding:0 20px;border-radius:8px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;transition:border-color 0.15s,box-shadow 0.15s;text-align:left;}
    .variant-btn:hover{border-color:#1a1a1a;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
    .variant-title{font-size:14px;font-weight:800;color:#1a1a1a;line-height:1;}
    .variant-sub{font-size:11px;color:#999;font-weight:400;line-height:1;}
    .variant-sub:empty{display:none;}

    /* HOME */
    .home-screen{position:fixed;inset:0;background:transparent;z-index:998;display:flex;flex-direction:column;overflow:hidden;}
    .home-screen-top{background:transparent;border-bottom:none;flex-shrink:0;}
    .home-screen-top .home-inner{padding-top:0;padding-left:24px;padding-right:24px;}
    .home-screen-bottom{flex:1;overflow-y:auto;display:flex;justify-content:center;}
    .home-screen-bottom .home-inner{padding:0 24px 48px;}
    .home-inner{width:100%;max-width:520px;margin:0 auto;}
    .home-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 40px 0;}
    .home-logo{display:flex;align-items:baseline;gap:7px;}
    .home-logo-g{font-size:24px;font-weight:800;color:#0d0d0d;letter-spacing:-.5px;line-height:1;}
    .home-logo-p{font-size:24px;font-weight:300;color:#0d0d0d;letter-spacing:.5px;line-height:1;}
    .home-header-right{display:flex;align-items:center;gap:12px;}
    .home-header-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#8f8f8f;}
    .home-avatar{width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#666;cursor:pointer;}
    .home-lang-chip{padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.9);color:#444;cursor:pointer;}
    .home-lang-chip:hover{border-color:rgba(0,0,0,.2);color:#111;}
    .home-lang-chip-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
    .profile-history-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:center;}
    .profile-history-header-nav-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
    .profile-history-library-lang{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;}
    .profile-history-library-lang-title-btn{
      display:inline-flex;align-items:center;box-sizing:border-box;margin:0;padding:0;
      font-size:11px;font-weight:700;letter-spacing:.4px;color:#444;
      white-space:nowrap;max-width:min(42vw,240px);overflow:hidden;text-overflow:ellipsis;
      background:none;border:none;border-radius:0;transform:translateY(-3px);
    }
    .profile-history-lang-segment{
      display:inline-flex;align-items:stretch;box-sizing:border-box;height:38px;
      border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;
      background:rgba(255,255,255,.9);transform:translateY(-3px);
    }
    .profile-history-lang-seg-btn{
      display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
      min-width:40px;padding:0 14px;height:100%;min-height:0;font-size:12px;font-weight:700;border:none;background:transparent;
      color:#555;cursor:pointer;transition:background .12s ease,color .12s ease;line-height:1;
    }
    .profile-history-lang-seg-btn:hover{background:rgba(0,0,0,.05);color:#111;}
    .profile-history-lang-seg-btn.profile-history-lang-seg-active{background:#1a1a1a;color:#fff;}
    .profile-history-lang-seg-btn.profile-history-lang-seg-active:hover{background:#2a2a2a;color:#fff;}
    .profile-history-super-tenants-wrap{margin-bottom:20px;}
    .profile-history-personio-sync-wrap{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08);}
    .profile-history-tenant-hint{font-size:12px;color:#777;line-height:1.5;margin:0 0 12px;}
    .profile-super-tenant-create-row{flex-wrap:wrap;gap:8px;}
    .profile-super-tenant-card{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:14px 16px;margin-bottom:14px;background:rgba(255,255,255,.5);}
    .profile-super-tenant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px;}
    .profile-super-tenant-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
    .profile-super-tenant-card-footer{display:flex;justify-content:flex-end;margin-top:14px;}
    .profile-super-tenant-del{background:#fee2e2 !important;color:#991b1b !important;border:1px solid rgba(248,113,113,.4) !important;}
    .profile-super-tenant-del:hover:not(:disabled){opacity:1 !important;background:#fecaca !important;color:#7f1d1d !important;border-color:rgba(239,68,68,.45) !important;}
    .profile-history-admin-add-btn.profile-super-tenant-edit{background:rgba(59,130,246,.12) !important;color:#1e3a5f !important;border:1px solid rgba(59,130,246,.35) !important;border-radius:10px !important;font-weight:600 !important;}
    .profile-history-admin-add-btn.profile-super-tenant-edit:hover:not(:disabled){opacity:1 !important;background:rgba(59,130,246,.2) !important;color:#172554 !important;border-color:rgba(59,130,246,.48) !important;}
    .profile-super-tenant-slug{color:#999;font-size:12px;}
    .profile-super-tenant-sub{margin-top:10px;}
    .profile-super-tenant-invites-wrap{margin-top:4px;}
    .profile-super-tenant-invite-hint{font-size:12px;color:#666;line-height:1.45;margin:0 0 8px;max-width:520px;}
    .profile-super-tenant-invite-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px;}
    .profile-super-tenant-invite-badge-pending{background:rgba(245,158,11,.18);color:#92400e;border:1px solid rgba(217,119,6,.35);}
    .profile-super-tenant-invite-badge-accepted{background:rgba(34,197,94,.16);color:#166534;border:1px solid rgba(22,101,52,.22);}
    .profile-super-tenant-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.35);border-radius:10px;font-size:14px;}
    .profile-super-tenant-edit-banner-text{font-weight:600;color:#1e3a5f;}
    .home-hero{position:relative;z-index:10;padding:40px 40px 0;}
    .home-hero-headline{font-size:36px;font-weight:800;color:#0d0d0d;letter-spacing:-.5px;line-height:1.12;margin-bottom:8px;}
    .home-hero-sub{font-size:14px;color:#7c7c7c;line-height:1.6;}
    .home-main{position:relative;z-index:10;padding:30px 40px 40px;display:grid;grid-template-columns:repeat(3,minmax(0,460px));gap:16px;justify-content:center;align-items:start;}
    .home-card{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:26px 24px 22px;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 36px rgba(0,0,0,.07);transition:transform .22s ease,box-shadow .22s ease;cursor:default;}
    #home-screen .home-card{min-height:420px;}
    .home-card:hover{transform:scale(1.01);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 50px rgba(0,0,0,.1);}
    .home-card-title{font-size:24px;font-weight:800;color:#0d0d0d;letter-spacing:-.3px;margin-bottom:6px;}
    .home-card-desc{font-size:12px;color:#767676;line-height:1.5;margin-bottom:20px;}
    .home-module-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
    .home-module-btn{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .12s ease;text-decoration:none;}
    .home-module-btn:hover{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.14);transform:scale(1.01);}
    .home-module-btn-left{display:flex;align-items:center;gap:10px;min-width:0;}
    .home-module-btn-icon{width:24px;height:24px;border-radius:7px;background:#1a1a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex-shrink:0;}
    .home-module-btn-text{display:flex;flex-direction:column;gap:2px;}
    .home-module-btn-label{font-size:13px;font-weight:700;color:#1a1a1a;white-space:nowrap;}
    .home-module-btn-sub{font-size:11px;color:#777;}
    .home-module-btn-arrow{font-size:14px;color:#ccc;transition:transform .15s,color .15s;flex-shrink:0;}
    .home-divider{height:1px;background:rgba(0,0,0,.06);margin:14px 0;}
    .home-saved-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#9a9a9a;margin-bottom:8px;}
    .home-saved-list{display:flex;flex-direction:column;gap:4px;}
    .home-saved-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);cursor:pointer;transition:background .15s,border-color .15s,transform .12s ease;}
    .home-saved-item:hover{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.14);transform:scale(1.01);}
    .home-saved-item-name{font-size:12px;color:#666;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .home-saved-item-date{font-size:11px;color:#9a9a9a;flex-shrink:0;}
    .home-saved-empty{font-size:12px;color:#8d8d8d;padding:6px 10px;}
    /* Deckender Shell-Hintergrund: .home-screen ist transparent; ohne das würde bei gleichem z-index wie #home-screen die Startseite durchscheinen. */
    #profile-history-screen{background:#f0ede8;isolation:isolate;}
    .profile-history-main{align-content:start;align-items:start;}
    #profile-history-screen .home-main.profile-history-main{padding-top:49px;}
    #profile-history-screen .home-header.profile-history-header{
      background:transparent;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      border-bottom:none;
      padding:28px 40px 16px;
      align-items:center;
    }
    #profile-history-screen .profile-history-back-btn,
    #profile-history-screen .profile-history-logout-btn{
      height:38px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 16px;
      transform:translateY(-3px);
    }
    .profile-history-card{min-height:420px;display:flex;flex-direction:column;padding:26px 24px 22px;}
    .profile-history-module-list{margin:0;gap:10px;}
    .profile-history-card .home-card-title{margin-bottom:24px;}
    .profile-history-module-list .home-saved-label{margin-top:24px;margin-bottom:12px;}
    .profile-history-module-list .home-saved-label:first-child{margin-top:0;}
    .profile-history-module-list .home-saved-list{margin-bottom:22px;}
    .profile-history-module-list .home-saved-list:last-child{margin-bottom:0;}
    .profile-history-admin-card{min-height:0;}
    .profile-history-admin-card:hover{transform:none;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 36px rgba(0,0,0,.07);}
    .profile-history-admin-card .home-card-title{margin-bottom:24px;}
    .profile-history-admin-input-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;}
    .profile-history-admin-all-user-entry-buttons{display:flex;flex-wrap:wrap;align-items:stretch;}
    .profile-history-admin-all-user-entry-buttons .profile-history-admin-add-btn{width:auto;}
    .profile-history-admin-input{margin:0;flex:1;min-width:0;}
    .profile-history-admin-add-btn{width:auto;padding:10px 18px;margin:0;white-space:nowrap;}
    .profile-history-admin-email-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);}
    .profile-history-admin-value-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);}
    .profile-history-admin-value-row-action{width:100%;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;}
    .profile-history-admin-value-row-action:hover{transform:scale(1.01);border-color:rgba(0,0,0,.18);box-shadow:0 7px 16px rgba(0,0,0,.10);}
    .profile-history-admin-badge{margin-left:auto;font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;}
    .profile-history-admin-badge-ok{background:rgba(34,197,94,.16);color:#166534;border:1px solid rgba(22,101,52,.22);}
    .profile-history-admin-badge-missing{background:rgba(245,158,11,.16);color:#92400e;border:1px solid rgba(146,64,14,.22);}
    .profile-history-admin-badge-info{background:rgba(59,130,246,.14);color:#1e3a8a;border:1px solid rgba(30,58,138,.2);}
    .profile-history-admin-badge-leadership{background:rgba(191,219,254,.55);color:#1d4ed8;border:1px solid rgba(96,165,250,.55);}
    .profile-history-admin-email{font-size:12px;color:#666;font-weight:500;word-break:break-all;}
    .profile-history-admin-user-sync-email{font-size:11px;color:#8a8a8a;min-width:220px;word-break:break-all;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
    .profile-history-admin-user-sync-supervisor{font-size:10px;color:#6b6b6b;word-break:break-all;}
    .profile-history-admin-user-sync-row{display:grid;grid-template-columns:180px 260px 1fr auto;align-items:center;justify-items:start;column-gap:10px;text-align:left;}
    .profile-history-admin-user-sync-badges{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:8px;min-width:0;}
    .profile-history-admin-user-sync-row .profile-history-admin-badge{margin-left:0;}
    .profile-history-admin-user-sync-actions{display:flex;align-items:center;gap:8px;justify-self:end;flex-wrap:wrap;justify-content:flex-end;}
    .profile-history-inactive-users{margin-top:14px;width:100%;max-width:100%;box-sizing:border-box;}
    .profile-history-inactive-users-summary{cursor:pointer;font-size:13px;font-weight:700;color:#555;list-style:none;padding:8px 0;user-select:none;}
    .profile-history-inactive-users-summary::-webkit-details-marker{display:none;}
    .profile-history-inactive-users-summary::marker{display:none;content:'';}
    .profile-history-inactive-users[open] .profile-history-inactive-users-summary{color:#1a1a1a;}
    .profile-history-inactive-users-inner{display:flex;flex-direction:column;gap:0;padding-top:0;border-top:none;}
    #profile-history-admin-email-list .profile-history-admin-additional-empty{margin-bottom:20px;}
    .profile-history-admin-ai-risk-toggle-row{margin-top:22px;}
    .profile-history-admin-all-entry-row{justify-content:space-between;align-items:flex-start;gap:12px;}
    .profile-history-admin-all-entry-main{min-width:0;flex:1;}
    .profile-history-admin-all-entry-title{font-size:12px;font-weight:700;color:#2a2a2a;line-height:1.35;word-break:break-word;}
    .profile-history-admin-all-entry-sub{font-size:11px;color:#8a8a8a;line-height:1.3;margin-top:3px;word-break:break-word;}
    .profile-history-admin-all-entry-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:230px;}
    .profile-history-admin-all-entry-email{font-size:11px;color:#666;word-break:break-all;text-align:right;}
    .profile-history-admin-all-entry-updated{font-size:10px;color:#9a9a9a;white-space:nowrap;text-align:right;}
    .profile-history-admin-remove-btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#1a1a1a;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
    .profile-pure-dir-user-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;width:100%;}
    .profile-pure-dir-user-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 180px;}
    .profile-pure-dir-user-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:1 1 400px;}
    select.profile-pure-dir-select{margin:0;width:220px;max-width:220px;min-width:0;padding:6px 10px;font-size:12px;line-height:1.3;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.85);box-sizing:border-box;font-family:inherit;color:#1a1a1a;}
    select.profile-pure-dir-select:focus{outline:none;border-color:rgba(0,0,0,.22);}
    .profile-pure-dir-save-btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#1a1a1a;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;margin:0;}
    .profile-pure-dir-save-btn:hover{background:rgba(0,0,0,.04);}
    .profile-dept-sup-label{font-size:10px;font-weight:700;color:#888;margin-left:4px;text-transform:uppercase;letter-spacing:.04em;}
    select.profile-dept-sup-select{margin-left:2px;max-width:220px;padding:6px 10px;font-size:12px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.85);}
    .profile-history-admin-facet-row{flex-wrap:wrap;align-items:flex-start;}
    .profile-history-admin-facets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
    .profile-history-admin-facet .home-saved-label{margin-top:0;}
    .profile-history-admin-facet .home-saved-list{margin-bottom:0;max-height:none;overflow:visible;}
    .profile-history-admin-facet-column{display:flex;flex-direction:column;gap:8px;min-width:0;}
    .profile-history-admin-facet-add-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);box-sizing:border-box;}
    .profile-history-admin-facet-add-row .profile-history-admin-facet-add-input{flex:1;min-width:0;margin:0;padding:6px 10px;font-size:12px;line-height:1.35;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#2a2a2a;font-weight:500;font-family:inherit;box-sizing:border-box;}
    .profile-history-admin-facet-add-row .profile-history-admin-facet-add-input::placeholder{color:#9a9a9a;font-weight:400;}
    .profile-history-admin-facet-add-row .profile-history-admin-facet-add-input:focus{outline:none;border-color:rgba(0,0,0,.22);}
    .profile-history-admin-facet-add-row .profile-history-admin-facet-add-btn{padding:6px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#1a1a1a;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;}
    .profile-history-admin-facet-add-row .profile-history-admin-facet-add-btn:hover{background:rgba(0,0,0,.04);}
    .profile-history-admin-positions-block{margin-top:18px;width:100%;max-width:100%;box-sizing:border-box;}
    .profile-history-admin-positions-block .home-saved-label{margin-top:0;}
    .profile-history-admin-positions-list{margin-bottom:8px;}
    .profile-history-admin-position-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.68);border:1px solid rgba(0,0,0,.07);margin-bottom:8px;}
    .profile-history-admin-position-row:last-child{margin-bottom:0;}
    .profile-history-admin-position-name{font-size:12px;color:#444;font-weight:600;line-height:1.3;min-width:0;word-break:break-word;}
    .profile-history-admin-position-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
    .profile-history-admin-risk-edit{display:flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:rgba(255,255,255,.8);}
    .profile-history-admin-risk-label{font-size:10px;font-weight:700;color:#666;letter-spacing:.2px;white-space:nowrap;}
    .profile-history-admin-risk-input{width:60px;padding:5px 6px;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fff;font-size:11px;color:#222;}
    .profile-history-admin-risk-input:focus{outline:none;border-color:rgba(0,0,0,.28);}
    .profile-history-ai-risk-warning{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:help;outline:none;}
    .profile-history-ai-risk-warning-icon{
      position:relative;
      width:20px;
      height:18px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
    .profile-history-ai-risk-warning-icon::before{
      content:'';
      position:absolute;
      inset:0;
      background-repeat:no-repeat;
      background-position:center;
      background-size:contain;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 1.5L18.5 16.5H1.5L10 1.5Z' fill='%23ef444429' stroke='%23b91c1c66' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    .profile-history-ai-risk-warning-mark{
      position:absolute;
      left:50%;
      top:11px;
      transform:translate(-50%,-50%);
      font-size:10px;
      line-height:1;
      font-weight:800;
      color:#991b1b;
    }
    .profile-history-ai-risk-warning-tooltip{
      position:absolute;
      right:0;
      bottom:calc(100% + 8px);
      min-width:240px;
      max-width:320px;
      padding:8px 10px;
      border-radius:8px;
      background:rgba(26,26,26,.95);
      color:#fff;
      font-size:11px;
      line-height:1.35;
      white-space:normal;
      box-shadow:0 8px 20px rgba(0,0,0,.25);
      opacity:0;
      visibility:hidden;
      transform:translateY(4px);
      transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
      z-index:20;
      pointer-events:none;
    }
    .profile-history-ai-risk-warning:hover .profile-history-ai-risk-warning-tooltip,
    .profile-history-ai-risk-warning:focus .profile-history-ai-risk-warning-tooltip{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    .profile-history-ai-risk-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,2fr) 60px;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(0,0,0,.07);border-radius:9px;background:rgba(255,255,255,.68);margin-bottom:8px;}
    .profile-history-ai-risk-row:last-child{margin-bottom:0;}
    .profile-history-ai-risk-name{font-size:12px;font-weight:600;color:#333;word-break:break-word;}
    .profile-history-ai-risk-bar-wrap{height:10px;border-radius:999px;background:rgba(15,23,42,.10);overflow:hidden;}
    .profile-history-ai-risk-bar{height:100%;background:linear-gradient(90deg,#22c55e 0%,#f59e0b 55%,#ef4444 100%);}
    .profile-history-ai-risk-value{font-size:11px;font-weight:700;color:#444;text-align:right;}
    .skill-profile-box{min-width:860px;max-width:1080px;align-items:stretch;}
    .skill-profile-sections{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
    .skill-profile-section{border:1px solid rgba(0,0,0,.09);border-radius:10px;background:rgba(255,255,255,.75);padding:10px;}
    .skill-profile-section-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
    .skill-profile-section-title{font-size:12px;font-weight:700;color:#444;flex:1;min-width:0;}
    .skill-profile-save-btn{width:auto;padding:7px 16px;font-size:12px;border-radius:8px;}
    .skill-profile-skill-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:center;margin-bottom:8px;}
    .skill-profile-skill-row:last-child{margin-bottom:0;}
    .skill-profile-rating-input{width:100%;padding:8px;border:1px solid #d8d8d8;border-radius:8px;font-size:12px;background:#fff;}
    .task-profile-view-section-title{font-size:12px;font-weight:800;color:#303030;margin-bottom:6px;}
    .task-profile-view-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;}
    .task-profile-view-item{font-size:12px;color:#3b3b3b;line-height:1.35;}
    .task-redesign-row{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:8px;align-items:center;margin-bottom:8px;}
    .task-redesign-row:last-child{margin-bottom:0;}
    .task-redesign-task-name{font-size:12px;font-weight:600;color:#333;min-width:0;word-break:break-word;}
    .task-redesign-select{max-width:210px;}
    .task-redesign-label-wrap{display:flex;justify-content:flex-start;}
    .task-redesign-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:700;min-width:94px;}
    .task-redesign-label-empty{color:#64748b;background:rgba(148,163,184,.14);border-color:rgba(100,116,139,.22);}
    .task-redesign-label-eliminate{color:#991b1b;background:rgba(239,68,68,.14);border-color:rgba(153,27,27,.26);}
    .task-redesign-label-automate{color:#166534;background:rgba(34,197,94,.15);border-color:rgba(22,101,52,.24);}
    .task-redesign-label-augment{color:#1d4ed8;background:rgba(96,165,250,.2);border-color:rgba(29,78,216,.26);}
    .task-redesign-label-elevate{color:#6d28d9;background:rgba(168,85,247,.16);border-color:rgba(109,40,217,.24);}
    .task-redesign-label-emerge{color:#9a3412;background:rgba(249,115,22,.16);border-color:rgba(154,52,18,.24);}
    .skill-profile-history-item{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.06);}
    .skill-profile-history-item:last-child{border-bottom:none;}
    .skill-profile-history-visual{display:flex;flex-direction:column;gap:10px;}
    .skill-profile-history-overview{border:1px solid rgba(0,0,0,.09);border-radius:10px;background:rgba(255,255,255,.82);padding:10px;}
    .skill-profile-history-overview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
    .skill-profile-history-overview-title{font-size:12px;font-weight:700;color:#333;}
    .skill-profile-history-overview-meta{font-size:11px;color:#666;}
    .skill-profile-history-overview-chart{border:1px solid rgba(0,0,0,.08);border-radius:8px;background:rgba(255,255,255,.9);padding:4px;}
    .skill-profile-history-overview-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;color:#666;}
    .skill-profile-history-overview-current{font-weight:700;color:#0f766e;}
    .skill-profile-history-sparkline{width:100%;height:36px;display:block;}
    .skill-profile-history-skill-list{display:flex;flex-direction:column;gap:8px;}
    .skill-profile-history-skill-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,2fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(0,0,0,.07);border-radius:10px;background:rgba(255,255,255,.72);}
    .skill-profile-history-skill-name{font-size:12px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .skill-profile-history-skill-meta{display:flex;align-items:center;gap:8px;font-size:11px;}
    .skill-profile-history-latest{font-weight:700;color:#444;}
    .skill-profile-history-delta{font-weight:700;padding:2px 7px;border-radius:999px;border:1px solid transparent;}
    .skill-profile-history-delta-up{color:#166534;background:rgba(34,197,94,.15);border-color:rgba(22,101,52,.22);}
    .skill-profile-history-delta-down{color:#b91c1c;background:rgba(239,68,68,.14);border-color:rgba(185,28,28,.22);}
    .skill-profile-history-delta-flat{color:#475569;background:rgba(100,116,139,.14);border-color:rgba(71,85,105,.22);}
    .skill-radar-box{
      min-width:860px;
      max-width:1240px;
      align-items:center;
      background:transparent;
      border:none;
      box-shadow:none;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      padding:0;
    }
    .skill-radar-layout{
      --skill-radar-chart-size: clamp(500px, 44vw, 860px);
      --skill-radar-panel-size: clamp(260px, 20vw, 320px);
      width:100%;
      max-width:100%;
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0,1fr) var(--skill-radar-chart-size) minmax(0,1fr);
      align-items:start;
      column-gap:14px;
    }
    .skill-radar-values-panel{
      width:var(--skill-radar-panel-size);
      max-width:var(--skill-radar-panel-size);
      justify-self:end;
      grid-column:1;
      border:1px solid rgba(0,0,0,.08);
      border-radius:12px;
      background:rgba(255,255,255,.72);
      padding:10px;
      display:flex;
      flex-direction:column;
      min-height:0;
      box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgba(0,0,0,.06);
    }
    .skill-radar-values-title{font-size:12px;font-weight:700;color:#444;margin-bottom:8px;}
    .skill-radar-values-list{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:620px;padding-right:2px;}
    .skill-radar-values-columns{
      display:grid;
      grid-template-columns:minmax(0,1fr) 28px 28px 36px;
      gap:6px;
      align-items:center;
      margin-bottom:4px;
      padding:7px 8px;
      border:1px solid transparent;
      border-radius:9px;
      font-size:10px;
      font-weight:800;
      color:#667085;
      letter-spacing:.2px;
      text-transform:uppercase;
    }
    .skill-radar-values-columns span:nth-child(n+2){
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-align:center;
    }
    .skill-radar-values-section{font-size:11px;font-weight:800;color:#666;letter-spacing:.3px;text-transform:uppercase;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08);}
    .skill-radar-values-section:first-child{margin-top:0;padding-top:0;border-top:none;}
    .skill-radar-values-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px 36px;align-items:center;gap:6px;padding:7px 8px;border:1px solid rgba(0,0,0,.07);border-radius:9px;background:rgba(255,255,255,.8);}
    .skill-radar-values-skill{font-size:12px;font-weight:600;color:#333;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .skill-radar-value-badge{
      width:100%;
      height:20px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      font-weight:700;
      border-radius:999px;
      padding:0;
      border:1px solid transparent;
      white-space:nowrap;
      font-variant-numeric:tabular-nums;
      text-align:center;
    }
    .skill-radar-value-badge-ist{background:rgba(96,165,250,.2);color:#1d4ed8;border-color:rgba(29,78,216,.28);}
    .skill-radar-value-badge-soll{background:rgba(30,58,138,.16);color:#1e3a8a;border-color:rgba(30,58,138,.32);}
    .skill-radar-value-badge-delta{font-variant-numeric:tabular-nums;}
    .skill-radar-value-badge-delta-up{background:rgba(34,197,94,.15);color:#166534;border-color:rgba(22,101,52,.22);}
    .skill-radar-value-badge-delta-down{background:rgba(239,68,68,.14);color:#b91c1c;border-color:rgba(185,28,28,.22);}
    .skill-radar-value-badge-delta-flat{background:rgba(100,116,139,.14);color:#334155;border-color:rgba(51,65,85,.22);}
    .skill-radar-chart-wrap{
      width:var(--skill-radar-chart-size);
      max-width:var(--skill-radar-chart-size);
      grid-column:2;
      justify-self:center;
      aspect-ratio:1/1;
      border:1px solid rgba(0,0,0,.08);
      border-radius:12px;
      background:rgba(255,255,255,.7);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px;
      box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgba(0,0,0,.06);
    }
    #skill-radar-svg{width:100%;height:100%;}
    .skill-radar-legend{display:flex;gap:14px;align-items:center;margin:10px 0 16px;flex-wrap:wrap;}
    .skill-radar-legend-item{font-size:12px;color:#555;display:flex;align-items:center;gap:6px;}
    .skill-radar-legend-swatch{
      width:28px;
      height:0;
      display:inline-block;
      border-top:3px solid rgba(29,78,216,.9);
      border-radius:999px;
    }
    .skill-radar-legend-swatch-target{
      border-top-color:rgba(29,78,216,.5);
      border-top-style:dashed;
    }
    .skill-radar-legend-swatch-actual{
      border-top-color:rgba(29,78,216,.9);
      border-top-style:solid;
    }
    .home-compare-bar{position:relative;z-index:10;max-width:calc(3*460px + 2*16px);margin:0 auto 40px;padding:14px 20px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.88);border-radius:14px;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 16px rgba(0,0,0,.05);}
    .home-compare-bar:hover{background:rgba(255,255,255,.82);transform:translateY(-1px);}
    .home-compare-bar-left{display:flex;align-items:center;gap:12px;}
    .home-compare-icon{width:30px;height:30px;border-radius:8px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0;}
    .home-compare-text{font-size:13px;font-weight:700;color:#1a1a1a;}
    .home-compare-sub{font-size:11px;color:#bbb;}
    .home-compare-arrow{font-size:14px;color:#ccc;}
    .home-tabs{display:none;}
    .home-tab{display:none;}
    .home-title{display:none;}
    .home-content-area{padding-top:16px;}
    .home-option{width:100%;padding:18px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.55);backdrop-filter:blur(16px) saturate(1.2);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:background .15s,transform .1s,box-shadow .15s;text-align:left;margin-bottom:12px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 16px rgba(0,0,0,.05);}
    .home-option:last-child{margin-bottom:0;}
    .home-option:hover{background:rgba(255,255,255,.82);transform:translateY(-1px);}
    .home-option-title{font-size:15px;font-weight:800;color:#0d0d0d;}
    .home-option-desc{font-size:11px;color:#aaa;}
    .home-loading-message{text-align:center;padding-top:32px;}
    .home-content-panel{display:none;}
    .home-content-panel.home-content-visible{display:block;}

    @media (max-width: 1200px) {
      .home-main{grid-template-columns:repeat(2,minmax(0,460px));padding:24px 24px 32px;}
      .home-hero{padding:32px 24px 0;}
      .home-header{padding:20px 24px 0;}
      #profile-history-screen .home-header.profile-history-header{padding:20px 24px 14px;}
      #profile-history-screen .home-main.profile-history-main{padding-top:43px;}
      .home-compare-bar{max-width:100%;margin:0 0 24px;}
      .skill-radar-layout{
        --skill-radar-chart-size: clamp(460px, 52vw, 700px);
        --skill-radar-panel-size: clamp(240px, 24vw, 300px);
      }
    }

    @media (max-width: 768px) {
      .home-main{grid-template-columns:1fr;gap:12px;padding:16px 14px 24px;}
      .home-header{padding:16px 14px 0;}
      #profile-history-screen .home-header.profile-history-header{padding:16px 14px 12px;}
      #profile-history-screen .home-main.profile-history-main{padding-top:35px;}
      .home-hero{padding:20px 14px 0;}
      .home-hero-headline{font-size:28px;line-height:1.18;}
      .home-hero-sub{font-size:13px;}
      .home-card{padding:20px 18px 18px;}
      .home-card-title{font-size:22px;}
      .home-card:hover{transform:none;}
      .home-compare-bar{padding:12px 14px;margin:0 0 18px;}
      .profile-history-admin-facets{grid-template-columns:1fr;}
      .profile-history-admin-position-row{flex-direction:column;align-items:flex-start;}
      .profile-history-admin-position-actions{justify-content:flex-start;}
      .profile-history-admin-risk-edit{width:100%;justify-content:flex-start;}
      .profile-history-ai-risk-row{grid-template-columns:1fr;}
      .profile-history-ai-risk-value{text-align:left;}
      .skill-profile-box,.skill-radar-box{min-width:0;max-width:100%;}
      .skill-radar-layout{display:flex;flex-direction:column;align-items:stretch;}
      .skill-radar-chart-wrap{order:1;width:100%;max-width:100%;flex:0 0 auto;}
      .skill-radar-values-panel{order:2;}
      .skill-radar-values-list{max-height:none;}
      .skill-profile-skill-row{grid-template-columns:1fr;}
      .task-redesign-row{grid-template-columns:1fr;}
      .task-redesign-select{max-width:100%;}
      .skill-profile-history-skill-row{grid-template-columns:1fr;}
      .skill-profile-history-skill-meta{justify-content:flex-start;}
      .profile-history-admin-user-sync-row{grid-template-columns:1fr;}
      .profile-history-admin-user-sync-email{min-width:0;}
      .profile-history-admin-user-sync-badges{justify-content:flex-start;}
      .profile-history-admin-user-sync-actions{justify-self:start;justify-content:flex-start;}
      .profile-pure-dir-user-line{flex-direction:column;align-items:stretch;}
      .profile-pure-dir-user-controls{width:100%;justify-content:flex-start;}
      select.profile-pure-dir-select{width:100%;max-width:100%;}
      .profile-pure-dir-save-btn{align-self:flex-end;}
      .profile-history-admin-all-entry-meta{min-width:0;align-items:flex-start;}
      .profile-history-admin-all-entry-email,.profile-history-admin-all-entry-updated{text-align:left;}
      .home-compare-bar-left{gap:10px;align-items:flex-start;}
      .home-compare-icon{width:26px;height:26px;font-size:12px;}
      .home-compare-text{font-size:12px;}
      .home-compare-sub{font-size:10px;line-height:1.4;}
      .home-compare-arrow{margin-top:2px;}
      .home-module-btn-label{white-space:normal;}
      .home-module-btn-sub{line-height:1.35;}
      .home-saved-item:hover{transform:none;}
    }

    @media (max-width: 430px) {
      .home-compare-bar{align-items:flex-start;}
      .home-compare-bar-left{flex:1;min-width:0;}
      .home-compare-text{font-size:11.5px;line-height:1.35;}
      .home-compare-sub{font-size:10px;line-height:1.35;}
      .home-compare-arrow{font-size:13px;line-height:1;align-self:center;}
    }

    /* SELF-ASSESSMENT */
    .assessment-question-screen{position:fixed;inset:0;background:#f5f5f5;z-index:997;display:none;flex-direction:column;align-items:center;padding:0;}
    .assessment-question-screen.active{display:flex;}
    .assessment-question-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:700px;padding:24px;}
    .assessment-progress-above{margin-bottom:20px;width:100%;}
    .assessment-progress-text{font-size:12px;color:#888;text-align:center;margin-bottom:8px;}
    .assessment-progress-bar-wrap{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;}
    .assessment-progress-bar-fill{height:100%;background:#1a1a1a;border-radius:3px;transition:width 0.25s ease;}
    .assessment-prompt{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:24px;text-align:center;}
    .assessment-prompt-highlight{padding:2px 8px;border-radius:6px;font-weight:800;}
    .assessment-prompt-highlight.assessment-prompt-most{border:2px solid #27ae60;background:#f0f9f4;color:#1a5c34;}
    .assessment-prompt-highlight.assessment-prompt-least{border:2px solid #c0392b;background:#fdf2f2;color:#a82828;}
    .assessment-choices{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-bottom:28px;}
    .assessment-back-below{padding:8px 20px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;font-size:12px;font-weight:700;color:#1a1a1a;cursor:pointer;}
    .assessment-back-below:hover:not(:disabled){border-color:#1a1a1a;background:#f5f5f5;}
    .assessment-back-below:disabled{opacity:0.5;cursor:not-allowed;}
    .assessment-choice-btn{flex:1;min-width:0;padding:20px 24px;border-radius:8px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;text-align:left;font-size:13px;line-height:1.5;color:#1a1a1a;transition:border-color 0.2s,background 0.2s,box-shadow 0.2s;}
    .assessment-choice-btn:hover:not(:disabled){border-color:#1a1a1a;box-shadow:0 2px 12px rgba(0,0,0,0.08);}
    .assessment-choice-btn.assessment-most-picked{border-color:#27ae60;background:#f0f9f4;color:#1a5c34;cursor:default;}
    .assessment-choice-btn.assessment-least-picked{border-color:#c0392b;background:#fdf2f2;color:#a82828;cursor:default;}
    .assessment-result-screen{position:fixed;inset:0;background:linear-gradient(180deg,#f8f9fa 0%,#eef0f2 100%);z-index:997;display:none;flex-direction:column;align-items:center;padding:32px 24px 48px;overflow-y:auto;}
    .assessment-result-screen.active{display:flex;}
    .assessment-result-inner{max-width:620px;width:100%;}
    .assessment-result-title{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:8px;text-align:center;}
    .assessment-result-subtitle{font-size:13px;color:#666;margin-bottom:28px;text-align:center;}
    .assessment-evaluator-indicator{margin-top:24px;margin-bottom:8px;padding:12px 16px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:8px;font-size:11px;color:#666;text-align:center;}
    .assessment-evaluator-value-wrap{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
    .assessment-evaluator-value{font-weight:700;color:#444;}
    .assessment-indicator-info-wrap{position:relative;display:inline-flex;}
    .assessment-indicator-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#888;color:#fff;font-size:11px;font-weight:700;cursor:help;line-height:1;}
    .assessment-indicator-info:hover{background:#1a1a1a;}
    .assessment-indicator-tooltip{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:8px;width:320px;max-width:90vw;padding:12px 14px;background:#1a1a1a;color:#fff;font-size:11px;line-height:1.5;text-align:left;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.25);visibility:hidden;opacity:0;transition:opacity 0.2s,visibility 0.2s;z-index:100;pointer-events:none;}
    .assessment-indicator-tooltip strong{display:block;margin-top:8px;margin-bottom:4px;}
    .assessment-indicator-tooltip strong:first-child{margin-top:0;}
    .assessment-indicator-info-wrap:hover .assessment-indicator-tooltip{visibility:visible;opacity:1;}
    .assessment-result-box{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:24px 28px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
    .assessment-result-box h3{font-size:14px;font-weight:800;color:#1a1a1a;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
    .assessment-result-box h3.strengths{color:#27ae60;}
    .assessment-result-box h3.weaknesses{color:#c0392b;}
    .assessment-result-list{list-style:none;}
    .assessment-result-list li{font-size:13px;color:#444;padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:0;}
    .assessment-result-list li:last-child{border-bottom:none;}
    .assessment-result-list.clickable li{cursor:pointer;}
    .assessment-result-list.clickable li:hover{background:#f8f8f8;}
    .assessment-result-score{font-size:11px;font-weight:700;color:#888;margin-left:1.5em;}
    .assessment-result-box.strengths .assessment-result-score{color:#27ae60;}
    .assessment-result-box.weaknesses .assessment-result-score{color:#c0392b;}
    .assessment-result-list .assessment-result-ddi{font-size:11px;font-weight:700;min-width:28px;text-align:right;color:#1a1a1a;margin-left:auto;}
    .assessment-factor-breakdown{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
    .assessment-factor-breakdown h3{font-size:13px;font-weight:800;color:#1a1a1a;margin-bottom:12px;}
    .assessment-factor-table{width:100%;border-collapse:collapse;font-size:12px;}
    .assessment-factor-table th{text-align:left;padding:8px 12px 6px 0;font-weight:700;color:#444;border-bottom:1px solid #eee;}
    .assessment-factor-table td{padding:8px 12px 8px 0;border-bottom:1px solid #f5f5f5;}
    .assessment-factor-table tr:last-child td{border-bottom:none;}
    .assessment-factor-table .col-strengths{color:#27ae60;font-weight:700;}
    .assessment-factor-table .col-weaknesses{color:#c0392b;font-weight:700;}
    .btn-back-home{margin-top:16px;padding:10px 24px;border-radius:6px;border:none;background:#1a1a1a;color:#fff;font-size:13px;font-weight:700;cursor:pointer;}
    .btn-back-home:hover{opacity:0.85;}
    #btn-start-new-assessment{margin-right:8px;}

    /* CARD SORT PROFILE (Strengths / Neutral / Development areas) */
    .card-sort-profile-screen{position:fixed;inset:0;background:linear-gradient(180deg,#f8f9fa 0%,#eef0f2 100%);z-index:997;display:none;flex-direction:column;align-items:center;padding:32px 24px 48px;overflow-y:auto;}
    .card-sort-profile-screen.active{display:flex;}
    .interview-profile-screen{position:fixed;inset:0;background:linear-gradient(180deg,#f8f9fa 0%,#eef0f2 100%);z-index:997;display:none;flex-direction:column;align-items:center;padding:32px 24px 48px;overflow-y:auto;}
    .interview-profile-screen.active{display:flex;}
    .card-sort-profile-inner{max-width:620px;width:100%;}
    .card-sort-profile-title{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:8px;text-align:center;}
    .card-sort-profile-subtitle{font-size:13px;color:#666;margin-bottom:28px;text-align:center;}
    .card-sort-profile-box{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:24px 28px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
    .card-sort-profile-box h3{font-size:14px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
    .card-sort-profile-box.strengths h3{color:#27ae60;}
    .card-sort-profile-box.neutral h3{color:#666;}
    .card-sort-profile-box.development h3{color:#c0392b;}
    .card-sort-profile-list{list-style:none;}
    .card-sort-profile-list li{font-size:13px;color:#444;padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;gap:12px;}
    .card-sort-profile-list li:last-child{border-bottom:none;}
    .card-sort-profile-ddi-label{font-size:11px;color:#888;margin-bottom:6px;text-align:right;}
    .card-sort-profile-ddi{font-size:11px;font-weight:700;min-width:28px;text-align:right;color:#1a1a1a;}
    .card-sort-profile-list.development-clickable li{cursor:pointer;}
    .card-sort-profile-list.development-clickable li:hover{background:#f8f8f8;}
    .success-profile-view-list-wrap{width:100%;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:24px 28px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
    .substitutes-overlay-list{list-style:none;}
    .substitutes-overlay-list li{font-size:13px;color:#444;padding:10px 0;border-bottom:1px solid #eee;}
    .substitutes-overlay-list li:last-child{border-bottom:none;}

    /* INTERVIEW GUIDE */
    .interview-guide-screen{position:fixed;inset:0;background:#f5f5f5;z-index:996;display:none;flex-direction:column;overflow:hidden;}
    .interview-guide-screen.active{display:flex;}
    .interview-guide-layout{display:flex;flex:1;min-height:0;width:100%;transition:all 0.25s ease;}
    .interview-guide-left{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;padding:24px 24px 32px;transition:flex 0.25s ease;}
    .interview-guide-screen.has-detail .interview-guide-left{flex:0 0 42%;max-width:420px;}
    .interview-guide-inner{max-width:720px;width:100%;}
    .interview-guide-title{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:8px;}
    .interview-guide-subtitle{font-size:12px;color:#888;margin-bottom:24px;}
    .interview-guide-competency{margin-bottom:24px;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
    .interview-guide-competency h4{font-size:15px;font-weight:800;color:#1a1a1a;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee;}
    .interview-guide-competency h4 .comp-num{font-size:11px;color:#999;font-weight:700;margin-right:8px;}
    .interview-guide-questions{list-style:none;}
    .interview-guide-questions li{font-size:14px;color:#444;line-height:1.6;padding:10px 12px 10px 28px;position:relative;border-bottom:1px solid #f5f5f5;cursor:pointer;border-radius:6px;transition:background 0.15s;}
    .interview-guide-questions li:hover{background:#f0f0f0;}
    .interview-guide-questions li.selected{background:#e8e8e8;border-left:3px solid #1a1a1a;padding-left:25px;}
    .interview-guide-questions li:last-child{border-bottom:none;}
    .interview-guide-questions li::before{content:attr(data-num);position:absolute;left:10px;font-weight:700;color:#1a1a1a;font-size:12px;}
    /* Right panel: question detail + STAR sections */
    .interview-guide-right{flex:0 0 0;overflow:hidden;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;transition:flex 0.25s ease;box-shadow:-4px 0 20px rgba(0,0,0,0.06);}
    .interview-guide-screen.has-detail .interview-guide-right{flex:1 1 58%;min-width:0;}
    .interview-guide-detail-inner{padding:24px 28px 32px;overflow-y:auto;flex:1;}
    .interview-guide-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;}
    .interview-guide-detail-question{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.5;}
    .interview-guide-detail-close{flex-shrink:0;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:6px;cursor:pointer;font-size:16px;color:#666;display:flex;align-items:center;justify-content:center;}
    .interview-guide-detail-close:hover{background:#e0e0e0;color:#1a1a1a;}
    .interview-guide-section{margin-bottom:24px;}
    .interview-guide-section-title{font-size:12px;font-weight:800;color:#1a1a1a;letter-spacing:0.5px;margin-bottom:6px;}
    .interview-guide-section-prompt{font-size:13px;color:#666;margin-bottom:8px;line-height:1.4;}
    .interview-guide-section textarea{width:100%;min-height:80px;max-height:320px;overflow-y:auto;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:13px;font-family:inherit;color:#1a1a1a;resize:none;outline:none;transition:border-color 0.15s;box-sizing:border-box;}
    .interview-guide-section textarea:focus{border-color:#1a1a1a;}
    #experience-expected-completion{font-size:13px;}
    #experience-expected-completion::placeholder{font-size:13px;}
    /* Overall rating */
    .interview-guide-rating{margin-top:28px;padding-top:24px;border-top:1px solid #e8e8e8;}
    .interview-guide-rating-title{font-size:12px;font-weight:800;color:#1a1a1a;letter-spacing:0.5px;margin-bottom:10px;}
    .interview-guide-rating-options{display:flex;flex-wrap:wrap;gap:8px;}
    .interview-guide-rating-btn{flex:1;min-width:120px;padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:8px;background:#fff;font-size:11px;font-weight:700;color:#444;cursor:pointer;transition:border-color 0.15s,background 0.15s;line-height:1.3;text-align:center;}
    .interview-guide-rating-btn:hover{border-color:#1a1a1a;}
    .interview-guide-rating-btn.selected{border-color:#1a1a1a;background:#1a1a1a;color:#fff;}
    @media print{.interview-guide-screen .top-bar{display:none;}.interview-guide-screen{background:#fff;}.interview-guide-right{display:none !important;}.interview-guide-screen.has-detail .interview-guide-left{flex:1;max-width:none;}}

    /* SUCCESS PROFILES: two columns */
    .profile-area .cat-col{min-width:0;}
    .profile-col .cat-count.ok{background:#1a1a1a;color:#fff;}

    /* Toast notification (replaces alert for in-app messages) */
    .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);min-width:260px;max-width:90%;padding:14px 20px;border-radius:10px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,0.2);z-index:9999;opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;pointer-events:none;}
    .toast.show{transform:translateX(-50%) translateY(0);opacity:1;}
    .toast.toast-error{background:#c0392b;}

    /* Compare: select screen */
    .compare-select-screen{position:fixed;inset:0;background:#f5f5f5;z-index:997;display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px;}
    .compare-select-screen.active{display:flex;}
    .compare-select-box{display:flex;gap:32px;max-width:960px;width:100%;align-items:stretch;}
    .compare-select-panel{flex:1;min-width:260px;max-width:464px;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;padding:24px;box-shadow:0 8px 40px rgba(0,0,0,0.08);display:flex;flex-direction:column;}
    .compare-select-panel h3{font-size:14px;font-weight:800;color:#1a1a1a;margin-bottom:12px;}
    .compare-select-tabs{display:flex;gap:8px;margin-bottom:14px;}
    .compare-select-tab{padding:8px 14px;border-radius:6px;border:1.5px solid #e0e0e0;background:#fff;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
    .compare-select-tab:hover{border-color:#1a1a1a;}
    .compare-select-tab.selected{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
    .compare-select-list{flex:1;min-height:160px;max-height:280px;overflow-y:auto;list-style:none;}
    .compare-select-list li{padding:10px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:background 0.15s;}
    .compare-select-list li:hover{background:#f0f0f0;}
    .compare-select-list li.selected{background:#1a1a1a;color:#fff;}
    .compare-select-actions{margin-top:20px;display:flex;justify-content:center;gap:12px;}
    .compare-select-actions .export-btn{white-space:nowrap;min-width:180px;}
    .compare-result-screen{position:fixed;inset:0;background:#f5f5f5;z-index:996;display:none;flex-direction:column;padding:0;}
    .compare-result-screen.active{display:flex;}
    .compare-result-top{background:#1a1a1a;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
    .compare-result-top h1{font-size:13px;font-weight:700;color:#fff;}
    .compare-result-body{flex:1;display:flex;min-height:0;overflow:hidden;}
    .compare-result-left{flex:1;overflow-y:auto;padding:24px;border-right:1px solid #e0e0e0;}
    .compare-result-right{flex:1;overflow-y:auto;padding:24px;background:#fafafa;}
    .compare-result-left-inner,.compare-result-right-inner{max-width:520px;margin:0 auto;}
    .compare-right-strength,.compare-left-strength{border:2px solid #27ae60 !important;background:#f0f9f4 !important;color:#1a5c34 !important;padding:8px 12px !important;margin:4px 0 !important;border-radius:6px !important;}
    .compare-right-development,.compare-left-development{border:2px solid #c0392b !important;background:#fdf2f2 !important;color:#a82828 !important;padding:8px 12px !important;margin:4px 0 !important;border-radius:6px !important;}
  .compare-result-footer{padding:16px 24px;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;}
  .compare-result-footer .compare-btn-show-match,.compare-result-footer .compare-btn-ai-prompt{width:auto;flex:none;}

  /* NEW DESIGN OVERRIDES: remaining screens */
  .profile-name-screen-layout{display:flex;gap:24px;max-width:840px;width:100%;align-items:stretch;}
  .profile-name-screen-left{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 40px rgba(0,0,0,.07);}
  .profile-name-screen-right{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 40px rgba(0,0,0,.07);}
  .profile-name-screen-item{border:1px solid rgba(0,0,0,.06);border-radius:10px;background:rgba(255,255,255,.5);}
  .profile-name-screen-item:hover{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.12);}
  .profile-name-screen-item.selected:hover,
  .profile-name-screen-item.selected:active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;}
  .variant-btn{border-radius:12px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.65);backdrop-filter:blur(12px);}
  .variant-btn:hover{border-color:rgba(0,0,0,.18);background:rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(0,0,0,.06);}

  .assessment-question-screen{background:transparent;}
  .assessment-progress-text{color:#aaa;}
  .assessment-progress-bar-wrap{height:4px;background:rgba(0,0,0,.08);border-radius:2px;}
  .assessment-progress-bar-fill{border-radius:2px;}
  .assessment-prompt{color:#0d0d0d;}
  .assessment-choice-btn{border-radius:14px;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.58);backdrop-filter:blur(16px);}
  .assessment-choice-btn:hover:not(:disabled){border-color:rgba(0,0,0,.14);background:rgba(255,255,255,.86);transform:translateY(-1px);}
  .assessment-back-below{border-radius:8px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.62);backdrop-filter:blur(8px);}
  .assessment-back-below:hover:not(:disabled){background:rgba(255,255,255,.9);}

  .assessment-result-screen,.card-sort-profile-screen,.interview-profile-screen{background:transparent;}
  .assessment-result-title,.card-sort-profile-title{color:#0d0d0d;}
  .assessment-result-subtitle,.card-sort-profile-subtitle{color:#707070;}
  .assessment-result-box,.card-sort-profile-box,.success-profile-view-list-wrap,.assessment-factor-breakdown{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:16px;backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 4px 20px rgba(0,0,0,.06);}
  .assessment-result-list li,.card-sort-profile-list li{border-bottom:1px solid rgba(0,0,0,.05);}
  .assessment-result-list.clickable li:hover,.card-sort-profile-list.development-clickable li:hover{background:rgba(255,255,255,.7);}
  .assessment-result-score,.card-sort-profile-ddi-label{color:#767676;}
  .assessment-factor-table th{color:#aaa;border-bottom:1px solid rgba(0,0,0,.07);}
  .assessment-factor-table td{border-bottom:1px solid rgba(0,0,0,.04);}
  .assessment-evaluator-indicator{background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.05);color:#707070;}
  .assessment-evaluator-value{color:#5f5f5f;}
  .assessment-indicator-info{background:#ccc;}
  .assessment-indicator-info:hover{background:#999;}
  .assessment-indicator-tooltip{background:rgba(26,26,26,.92);backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.2);}

  .interview-guide-screen{background:transparent;}
  .interview-guide-left{background:rgba(248,246,242,.6);backdrop-filter:blur(8px);}
  .interview-guide-subtitle{color:#777;}
  .interview-guide-competency{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);border-radius:14px;backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 14px rgba(0,0,0,.05);}
  .interview-guide-competency h4{color:#0d0d0d;border-bottom:1px solid rgba(0,0,0,.06);}
  .interview-guide-competency h4 .comp-num{color:#8a8a8a;}
  .interview-guide-questions li{border-bottom:1px solid rgba(0,0,0,.05);border-radius:8px;}
  .interview-guide-questions li:hover{background:rgba(255,255,255,.7);}
  .interview-guide-questions li.selected{background:rgba(255,255,255,.88);border-left:2px solid #1a1a1a;padding-left:24px;}
  .interview-guide-questions li::before{color:#888;}
  .interview-guide-right{background:rgba(255,255,255,.75);border-left:1px solid rgba(0,0,0,.06);backdrop-filter:blur(20px);box-shadow:-4px 0 20px rgba(0,0,0,.04);}
  .interview-guide-detail-header{border-bottom:1px solid rgba(0,0,0,.06);}
  .interview-guide-detail-question{color:#0d0d0d;}
  .interview-guide-detail-close{border:1px solid rgba(0,0,0,.08);background:rgba(240,237,232,.6);color:#707070;}
  .interview-guide-detail-close:hover{background:rgba(240,237,232,.95);color:#1a1a1a;}
  .interview-guide-section-title{text-transform:uppercase;}
  .interview-guide-section-prompt{color:#707070;}
  .interview-guide-section textarea{border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(248,246,242,.7);backdrop-filter:blur(6px);}
  .interview-guide-section textarea:focus{border-color:rgba(0,0,0,.22);background:#fff;}
  .interview-guide-rating{border-top:1px solid rgba(0,0,0,.06);}
  .interview-guide-rating-title{text-transform:uppercase;}
  .interview-guide-rating-btn{border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(255,255,255,.6);color:#5f5f5f;}
  .interview-guide-rating-btn:hover{border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.92);}

  .compare-select-screen,.compare-result-screen{background:transparent;}
  .compare-select-panel{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 12px 40px rgba(0,0,0,.07);}
  .compare-select-panel h3{color:#0d0d0d;}
  .compare-select-tab{padding:7px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.6);color:#777;}
  .compare-select-tab:hover{border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.9);}
  .compare-select-list li{color:#444;}
  .compare-select-list li:hover{background:rgba(255,255,255,.72);}
  .compare-result-top{background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07);padding:10px 28px;}
  .compare-result-top h1{font-weight:600;color:#555;}
  .compare-result-left{border-right:1px solid rgba(0,0,0,.06);}
  .compare-result-right{background:rgba(248,246,242,.45);}
  .compare-right-strength,.compare-left-strength{background:rgba(39,174,96,.06) !important;border-radius:8px !important;}
  .compare-right-development,.compare-left-development{background:rgba(192,57,43,.06) !important;border-radius:8px !important;}
  .compare-result-footer{padding:14px 24px;background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);}

  .toast{padding:12px 20px;border-radius:12px;background:rgba(26,26,26,.9);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.2);}
  .toast.toast-error{background:rgba(192,57,43,.92);}
  .substitutes-overlay-list li{border-bottom:1px solid rgba(0,0,0,.06);}
  #data-loading{background:transparent !important;}
  #data-loading .data-loading-center{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;}
  #data-loading .data-loading-logo-wrap{margin-bottom:0;}
  #data-loading .data-loading-logo-svg{display:block;height:auto;max-width:100%;}
  #data-loading .data-loading-logo-puregrowth{width:min(92vw,560px);}
  /* Gleiche äußere Breite wie Pure Growth; optische Mitte per SVG-Translate im Markup */
  #data-loading .data-loading-logo-union{width:min(92vw,560px);display:none;}
  html[data-app-edition="union"] #data-loading .data-loading-logo-puregrowth{display:none !important;}
  html[data-app-edition="union"] #data-loading .data-loading-logo-union{display:block !important;}
  html[data-app-edition="puregrowth"] #data-loading .data-loading-logo-union{display:none !important;}
  html[data-app-edition="puregrowth"] #data-loading .data-loading-logo-puregrowth{display:block !important;}
  /* Login: Logozeile über volle Breite zentrieren (Magic-Link-Slot darunter ist breit; vermeidet optischen Versatz) */
  html[data-app-edition="puregrowth"] #data-loading .data-loading-logo-wrap{
    display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;
  }
  html:not([data-app-edition]) #data-loading .data-loading-logo-union{display:none !important;}
  html:not([data-app-edition]) #data-loading .data-loading-logo-puregrowth{display:block !important;}
  #data-loading .data-loading-action-slot{
    position:absolute;left:50%;transform:translateX(-50%);bottom:118px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
    min-height:44px;
  }
  #data-loading #data-loading-message{
    margin:0;font-size:14px;color:#aaa;line-height:1.35;
    text-align:center;word-wrap:break-word;overflow-wrap:break-word;
    max-width:min(92vw,280px);
  }
  #data-loading #data-loading-message.data-loading-message-magic-sent{
    color:#0d0d0d;
  }
  #data-loading .startup-magic-link-wrap{
    display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px;
  }
  #data-loading .startup-magic-email{width:100%;max-width:260px;box-sizing:border-box;}
  /* Pure Growth (Magic Link): Hinweistext darf breit bleiben; E-Mail ca. 1/3 schmaler als früher volle 560px; Button nur Textbreite. */
  html[data-app-edition="puregrowth"] #data-loading .data-loading-action-slot{
    align-items:center;width:min(92vw,560px);max-width:100%;box-sizing:border-box;
  }
  html[data-app-edition="puregrowth"] #data-loading #data-loading-message{max-width:100%;}
  html[data-app-edition="puregrowth"] #data-loading .startup-magic-link-wrap{
    align-items:center;max-width:min(calc(92vw * 2 / 3),373px);width:100%;box-sizing:border-box;
  }
  html[data-app-edition="puregrowth"] #data-loading .startup-magic-email{
    width:100%;max-width:100%;box-sizing:border-box;
  }
  html[data-app-edition="puregrowth"] #data-loading #startup-magic-primary-btn{
    width:auto;min-width:0;align-self:center;flex-shrink:0;padding-left:18px;padding-right:18px;box-sizing:border-box;
  }
  #data-loading .startup-magic-form{
    display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:260px;
  }
  html[data-app-edition="puregrowth"] #data-loading .startup-magic-form{
    max-width:100%;
  }
  html[data-app-edition="puregrowth"] #data-loading .startup-pure-password-field{
    display:flex;width:100%;max-width:100%;box-sizing:border-box;
  }
  #data-loading .startup-magic-hint-line{
    margin:0;font-size:14px;line-height:1.35;text-align:center;color:#0d0d0d;max-width:100%;
  }
  #data-loading .startup-magic-hint-line--hidden{
    visibility:hidden;
  }
  #data-loading .startup-magic-form .start-input{
    text-align:left;font-size:14px;font-family:inherit;width:100%;box-sizing:border-box;
  }
  #data-loading .startup-forgot-password-btn{
    margin:2px 0 0;padding:0;border:none;background:none;font-size:13px;color:#333;text-decoration:underline;cursor:pointer;align-self:center;font-family:inherit;
  }
  #data-loading .startup-forgot-password-btn:hover{color:#000;}
  #data-loading .startup-forgot-password-btn:disabled{opacity:0.55;cursor:wait;}
  #data-loading .startup-password-recovery-wrap{
    display:none;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:320px;margin-top:4px;
  }
  html[data-app-edition="puregrowth"] #data-loading .startup-password-recovery-wrap{max-width:100%;}
  #data-loading .startup-recovery-intro{margin:0;font-size:14px;line-height:1.4;color:#222;text-align:center;}