body{background:linear-gradient(180deg,#eef2f7 0,#f7f9fb 65%)!important;color:#18273b!important;font-family:Inter,Arial,sans-serif!important}.top{height:70px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid #e5ebf1!important;box-shadow:0 2px 12px #17355208!important;position:sticky;top:0;z-index:10}.logo{display:flex!important;align-items:center;gap:10px;font-size:22px!important;letter-spacing:-.5px}.logo:before{content:"";display:block;width:42px;height:42px;background:url('/assets/3genvip-logo.png') center/contain no-repeat;mix-blend-mode:multiply}.top nav a{padding:9px 11px;border-radius:8px}.top nav a:last-child{background:#e5f5f0}.wrap{max-width:1120px!important;margin:28px auto!important}.wrap:before{content:"";display:block;height:205px;border-radius:18px;margin-bottom:24px;background:linear-gradient(90deg,rgba(6,22,42,.9),rgba(6,22,42,.26)),url('/assets/community-cover.png') center/cover;box-shadow:0 14px 30px #10294425}.grid{grid-template-columns:220px minmax(0,660px)!important;gap:24px!important;justify-content:center}.side.card{border:0!important;background:linear-gradient(145deg,#102a43,#153e5d)!important;box-shadow:0 12px 26px #102a4325!important;padding:10px!important;position:sticky;top:92px}.side a{color:#d9e8f2!important;padding:12px!important;margin:2px 0}.side a:hover{background:rgba(74,214,177,.15)!important;color:#84f1cf!important}.card{border:1px solid #e3e9ef!important;border-radius:15px!important;box-shadow:0 5px 18px #1234560a!important}.post{border-left:3px solid #43c8a4!important}.post textarea{background:#f5f7fa;border:0!important;border-radius:11px!important;padding:14px!important}.post form button{border-radius:9px!important}.post-head{padding-bottom:12px;border-bottom:1px solid #edf1f4}.post p{font-size:15px!important;line-height:1.7!important}.auth{width:min(100%,900px)!important;min-height:470px;margin:48px auto!important;padding:72px 58px 55px calc(48% + 48px)!important;border:0!important;border-radius:20px!important;box-shadow:0 22px 55px #102c4a1f!important;overflow:hidden;background:#fff!important}.auth:before{content:"";position:absolute;left:0;top:0;bottom:0;width:48%;height:auto!important;background:linear-gradient(150deg,rgba(5,20,39,.25),rgba(8,29,53,.82)),url('/assets/community-cover.png') center/cover!important;opacity:1!important}.auth:after{content:"3genvip Sosyal\A\A;Topluluğunla bağ kur.\A;Fikirlerini paylaş, birlikte büyü.";white-space:pre;position:absolute;left:42px;bottom:52px;color:#fff;font-size:15px;line-height:1.65;font-weight:500}.auth>*{position:relative;z-index:1}.auth .tag{margin-top:0!important;color:#159a7d!important}.auth h1{font-size:34px!important;letter-spacing:-1.3px}.auth input{background:#fafcff!important;border:1px solid #dce5ec!important;border-radius:10px!important;padding:13px!important}.auth button{width:100%;padding:13px!important;border-radius:10px!important;background:linear-gradient(120deg,#149b7d,#1ab393)!important}.auth .muted{margin-top:22px}@media(max-width:700px){.top{padding:0 17px!important}.wrap{margin:16px auto!important}.wrap:before{height:125px;border-radius:0;margin:0 -20px 17px}.grid{grid-template-columns:1fr!important}.side.card{position:static;display:flex;overflow:auto}.side a{white-space:nowrap}.auth{margin:0!important;min-height:100vh;border-radius:0!important;padding:285px 28px 35px!important}.auth:before{width:100%;height:250px!important;bottom:auto}.auth:after{left:28px;bottom:auto;top:145px;font-size:13px}.auth h1{font-size:29px!important}}
.profile-card{background:#fff;border:1px solid #e3e9ef;border-radius:18px;overflow:hidden;max-width:820px;margin:0 auto 18px;box-shadow:0 7px 22px #1234560a}.profile-cover{height:245px;background:linear-gradient(90deg,#071c35aa,#071c3522),url('/assets/community-cover.png') center/cover}.profile-content{padding:0 32px 28px;position:relative}.avatar-large{width:112px;height:112px;margin-top:-56px;border:5px solid white;border-radius:50%;background:linear-gradient(130deg,#18a887,#5837c5);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:bold;overflow:hidden}.avatar-large img{width:100%;height:100%;object-fit:cover}.profile-content h1{margin:5px 0;font-size:28px}.profile-edit,.profile-preferences{max-width:820px;margin:0 auto 18px!important}.profile-edit textarea{min-height:90px;resize:vertical}.settings-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.settings-heading>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e2f7f1,#eee8ff);color:#5840c7;font-size:18px}.settings-heading h2,.settings-heading p{margin:0}.settings-heading p{color:#788698;font-size:11px;margin-top:4px}.profile-preferences form{display:grid}.preference-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:14px 2px;border-top:1px solid #e9edf1;cursor:pointer}.preference-row span{display:block}.preference-row b,.preference-row small{display:block}.preference-row small{color:#8190a1;font-weight:normal;margin-top:4px}.preference-row input{position:absolute;opacity:0;pointer-events:none}.preference-row i{position:relative;width:44px;height:24px;border-radius:13px;background:#cdd5dd;transition:.2s;flex:none}.preference-row i:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #09213a2b;transition:.2s}.preference-row input:checked+i{background:#18a381}.preference-row input:checked+i:after{transform:translateX(20px)}.profile-preferences>form>button{justify-self:end;margin-top:15px}@media(max-width:700px){.profile-cover{height:160px}.profile-content{padding:0 20px 22px}.profile-preferences>form>button{width:100%}}
.profile-wall{width:min(100%,640px);margin:28px auto 0}.profile-wall-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.profile-wall-heading h2,.profile-wall-heading p{margin:3px 0}.profile-wall-heading>a{padding:9px 12px;border-radius:9px;background:#e7f6f1;color:#157e67;text-decoration:none;font-size:11px;font-weight:800}.profile-wall>.empty{padding:35px;text-align:center;border:1px dashed #ccd8e1;border-radius:14px;color:#758497;background:#fff}
.profile-avatar-form{width:112px;margin:0;position:relative}.profile-avatar-form .avatar-large{margin-top:-56px}.avatar-editable{position:relative;cursor:pointer;isolation:isolate}.avatar-editable:focus-within{outline:3px solid #18a38155;outline-offset:3px}.profile-avatar-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none}.avatar-update-overlay{position:absolute;z-index:2;inset:0;display:grid;place-content:center;gap:3px;text-align:center;border-radius:50%;background:#071b2fbf;color:#fff;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.avatar-update-overlay>span{font-size:20px;line-height:1}.avatar-update-overlay>b{font-size:10px;letter-spacing:.2px}.avatar-editable:hover .avatar-update-overlay,.avatar-editable:focus-within .avatar-update-overlay,.avatar-editable.is-uploading .avatar-update-overlay{opacity:1;transform:none}.avatar-editable.is-uploading .avatar-update-overlay>span{animation:avatarUploadPulse .8s infinite alternate}.avatar-upload-status{position:absolute;left:0;top:61px;width:190px;color:#168b71;font-size:10px;font-weight:700}.avatar-initial{position:relative;z-index:1}@keyframes avatarUploadPulse{to{transform:scale(1.2)}}
.profile-settings-layout{max-width:820px;margin:0 auto 22px;display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:18px;align-items:start}.profile-settings-content{min-width:0}.profile-settings-layout .profile-edit,.profile-settings-layout .profile-preferences{max-width:none;margin:0 0 18px!important}.personal-settings-menu{position:sticky;top:91px;margin:0!important;padding:13px!important}.personal-settings-heading{display:flex;align-items:center;gap:9px;padding:3px 3px 12px}.personal-settings-heading>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#e2f7f1,#eee8ff);color:#5840c7;font-size:16px;flex:none}.personal-settings-heading h2,.personal-settings-heading p{margin:0}.personal-settings-heading h2{font-size:14px}.personal-settings-heading p{margin-top:3px;color:#8491a1;font-size:9px}.personal-settings-menu nav{display:grid;gap:5px;border-top:1px solid #e9edf1;padding-top:9px}.personal-settings-item{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;margin:0;padding:10px 8px;border:0;border-radius:10px;background:transparent;color:#405268;text-align:left}.personal-settings-item:hover,.personal-settings-item.active{background:#e9f7f3;color:#157e68}.personal-settings-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0f4f7;color:#5e43ca;font-size:15px}.personal-settings-item.active .personal-settings-icon{background:#fff}.personal-settings-item b,.personal-settings-item small{display:block}.personal-settings-item b{font-size:11px}.personal-settings-item small{margin-top:3px;color:#8290a1;font-size:8px;line-height:1.35}.personal-settings-item>i{font-size:18px;font-style:normal}.profile-settings-panel{animation:profilePanelIn .2s ease}.profile-settings-panel .settings-heading{padding-right:32px;position:relative}.settings-panel-close{position:absolute;right:0;top:0;width:30px;height:30px;padding:0;border-radius:9px;background:#f0f3f6;color:#69798b;font-size:19px;line-height:1}.settings-panel-close:hover{background:#ffecee;color:#b53242}@keyframes profilePanelIn{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:700px){.profile-avatar-form{width:96px}.profile-avatar-form .avatar-large{width:96px;height:96px;margin-top:-48px}.avatar-update-overlay{inset:auto -4px -4px auto;width:38px;height:38px;border:3px solid #fff;opacity:1;transform:none;background:#168f73;place-content:center}.avatar-update-overlay>b{display:none}.avatar-update-overlay>span{font-size:16px}.avatar-upload-status{top:52px}.profile-settings-layout{grid-template-columns:1fr;gap:12px}.personal-settings-menu{position:static;order:-1}.personal-settings-menu nav{grid-template-columns:1fr}.personal-settings-item{padding:10px}.profile-settings-layout .profile-edit,.profile-settings-layout .profile-preferences{margin-bottom:12px!important}}

.view-profile .profile-card,.view-profile .profile-settings-layout{max-width:980px!important}.view-profile .profile-settings-layout{grid-template-columns:minmax(0,1fr) 240px}
@media(max-width:700px){.view-profile .profile-settings-layout{grid-template-columns:1fr}}

/* Profil kişisel ayarlar modalı ve profil duvarı hizalama düzeltmesi */
.view-profile .app-content{width:min(100%,980px);justify-self:center;margin-inline:auto}
.view-profile .profile-card,.view-profile .profile-settings-layout{width:100%;box-sizing:border-box}
.view-profile .profile-wall{width:min(100%,640px);margin:28px auto 0!important;box-sizing:border-box}
.profile-settings-dialog{width:min(92vw,620px);max-height:min(90dvh,760px);padding:0;border:0;border-radius:20px;background:#fff;color:#18273b;box-shadow:0 30px 90px #06182d55;overflow:hidden}
.profile-settings-dialog::backdrop{background:#06182b9c;backdrop-filter:blur(6px)}
.profile-settings-dialog-shell{display:flex;flex-direction:column;max-height:min(90dvh,760px)}
.profile-settings-dialog-shell>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px;border-bottom:1px solid #e6ecf0;background:#fff}
.profile-settings-dialog-shell>header .settings-heading{margin:0;min-width:0}
.profile-settings-dialog-shell>header .settings-panel-close{position:static;flex:none;width:36px;height:36px;border-radius:50%}
.profile-settings-dialog-shell>form{display:flex;flex-direction:column;min-height:0;margin:0}
.profile-preference-list{padding:4px 21px;overflow:auto;overscroll-behavior:contain}
.profile-preference-list .preference-row:first-child{border-top:0}
.profile-settings-dialog-shell>form>footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 21px;border-top:1px solid #e8edf1;background:#fff}
.profile-settings-dialog-shell>form>footer button{min-width:138px}
.profile-settings-dialog .secondary-dialog{background:#eef2f5;color:#657689}
body:has(.profile-settings-dialog[open]){overflow:hidden}
@media(max-width:700px){.view-profile .app-content{width:100%}.view-profile .profile-wall{width:100%;margin-top:20px!important}.profile-settings-dialog{width:calc(100vw - 24px);max-height:92dvh;border-radius:17px}.profile-settings-dialog-shell{max-height:92dvh}.profile-settings-dialog-shell>header{padding:16px}.profile-preference-list{padding:3px 16px}.profile-settings-dialog-shell>form>footer{padding:13px 16px;display:grid;grid-template-columns:1fr 1fr}.profile-settings-dialog-shell>form>footer button{min-width:0;padding-inline:8px}.profile-settings-dialog .preference-row{gap:12px;padding:13px 1px}.profile-settings-dialog .preference-row small{font-size:10px;line-height:1.35}}

/* Profil duvarını masaüstünde profil düzenleme ana sütununa hizala. */
@media (min-width:1001px){
  .view-profile .profile-wall{
    margin-top:28px!important;
    margin-right:30%!important;
    margin-left:auto!important;
  }
}
@media (max-width:1000px){
  .view-profile .profile-wall{
    margin-right:auto!important;
    margin-left:auto!important;
  }
}


/* Kişisel Ayarlar > Şifre değiştirme modalı */
.profile-password-fields{display:grid;gap:13px;padding:19px 21px;overflow:auto;overscroll-behavior:contain}
.profile-password-fields label{margin:0;gap:7px;color:#30445a}
.profile-password-fields input{width:100%;box-sizing:border-box;background:#f9fbfc;border:1px solid #d9e3ea;padding:12px 13px}
.profile-password-fields label>small{color:#7b8a9a;font-size:10px;font-weight:500}
.password-security-note{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #dcebe6;border-radius:12px;background:#f0faf7;color:#47645c}
.password-security-note>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#fff;color:#168b71}
.password-security-note p{margin:0;font-size:10px;line-height:1.5}
@media(max-width:700px){.profile-password-fields{padding:16px}.password-security-note p{font-size:9px}}

/* Kişisel Ayarlar > Profili düzenle modalı */
.profile-settings-menu-only{grid-template-columns:minmax(0,1fr) 240px!important}
.profile-settings-menu-only>.personal-settings-menu{grid-column:2;width:100%;box-sizing:border-box}
.profile-edit-fields{display:grid;gap:15px;padding:19px 21px;overflow:auto;overscroll-behavior:contain}
.profile-edit-fields label{display:grid;gap:7px;margin:0;color:#30445a}
.profile-edit-fields input,.profile-edit-fields textarea{width:100%;box-sizing:border-box;background:#f9fbfc;border:1px solid #d9e3ea;padding:12px 13px}
.profile-edit-fields textarea{min-height:130px;resize:vertical;line-height:1.55}
.profile-edit-fields label>small{display:flex;justify-content:flex-end;color:#7b8a9a;font-size:10px;font-weight:500}
.profile-edit-note{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #dcebe6;border-radius:12px;background:#f0faf7;color:#47645c}
.profile-edit-note>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#fff;color:#168b71;font-weight:900}
.profile-edit-note p{margin:0;font-size:10px;line-height:1.5}
@media(max-width:700px){
  .profile-settings-menu-only{grid-template-columns:1fr!important}
  .profile-settings-menu-only>.personal-settings-menu{grid-column:1;width:100%}
  .profile-edit-fields{padding:16px}
  .profile-edit-fields textarea{min-height:115px}
  .profile-edit-note p{font-size:9px}
}

/* Profil: Paylaşımlarım alanını Kişisel Ayarlar kartının altına düşürme. */
@media (min-width:1001px){
  .view-profile .app-content{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    column-gap:18px;
    row-gap:0;
    align-items:start;
  }
  .view-profile .profile-card{
    grid-column:1 / -1;
    grid-row:1;
    width:100%;
    margin:0 0 18px!important;
  }
  .view-profile .profile-settings-layout.profile-settings-menu-only{
    display:contents;
  }
  .view-profile .profile-settings-menu-only>.personal-settings-menu{
    grid-column:2;
    grid-row:2;
    align-self:start;
    width:100%;
    margin:0!important;
  }
  .view-profile .profile-wall{
    grid-column:1;
    grid-row:2;
    align-self:start;
    justify-self:center;
    width:min(100%,640px);
    margin:0 auto!important;
  }
}
@media (max-width:1000px){
  .view-profile .app-content{display:block}
  .view-profile .profile-settings-layout.profile-settings-menu-only{display:grid}
  .view-profile .profile-wall{margin:20px auto 0!important}
}

.friend-cancel-form{display:inline-flex;margin:0}.friend-cancel-button{background:#fff1f2!important;color:#b42335!important;border:1px solid #ffd5da!important}.friend-cancel-button:hover{background:#ffe4e8!important;color:#971c2d!important}.profile-public-actions .friend-cancel-form{display:inline-flex}.search-people .friend-cancel-button{white-space:nowrap}

/* Modern giriş ekranı */
html:has(body.login-page),body.login-page{min-height:100%;overflow-x:hidden}
body.login-page{min-height:100dvh;background:#eef3f6;color:#17283d}
.login-page>.top{display:none!important}
.login-page>.wrap{box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;margin:0;padding:20px;display:grid;place-items:center}
.login-screen{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);width:min(1120px,100%);min-height:640px;max-height:760px;overflow:hidden;border:1px solid #dce5ea;border-radius:26px;background:#fff;box-shadow:0 28px 70px rgba(29,54,78,.14)}
.login-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:38px 42px;color:#fff;background:#061a32 url('/assets/community-cover.png') center/cover no-repeat}
.login-showcase:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,rgba(3,18,37,.96),rgba(7,42,66,.82) 50%,rgba(37,20,77,.73))}
.login-showcase:after{content:"";position:absolute;inset:auto -120px -190px auto;z-index:-1;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,220,174,.32),transparent 68%);pointer-events:none}
.login-showcase-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800}.login-showcase-brand img{width:46px;height:46px;object-fit:contain}.login-showcase-brand b{font-weight:900}.login-showcase-brand span{color:#75e7c8}
.login-showcase-copy{width:min(540px,100%);margin:auto 0}.login-kicker{margin:0 0 17px!important;color:#6de2c3!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.6px!important}.login-showcase-copy h1{margin:0;font-size:clamp(43px,5vw,64px);line-height:1.02;letter-spacing:-2.7px}.login-showcase-copy>p:not(.login-kicker){max-width:510px;margin:22px 0 25px;color:#c7d6e4;font-size:14px;line-height:1.7}.login-benefits{display:grid;gap:11px;margin:0;padding:0;list-style:none}.login-benefits li{display:flex;align-items:center;gap:10px;color:#e5edf5;font-size:12px}.login-benefits li span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:rgba(88,226,191,.13);color:#71e6c7;font-weight:900}.login-showcase-footer{color:#aebfd0;font-size:9px;letter-spacing:.35px}
.login-form-panel{box-sizing:border-box;display:grid;place-items:center;min-width:0;padding:42px;background:#fff}.login-form-card{width:min(390px,100%)}.login-mobile-logo{display:none;align-items:center;gap:9px;margin-bottom:28px;color:#173047;text-decoration:none;font-size:19px;font-weight:900}.login-mobile-logo img{width:42px;height:42px;object-fit:contain}.login-mobile-logo b{color:#159b7e}
.login-heading{margin-bottom:25px}.login-heading>p{margin:0 0 8px;color:#159b7e;font-size:9px;font-weight:900;letter-spacing:1.5px}.login-heading h2{margin:0;color:#15283e;font-size:30px;line-height:1.15;letter-spacing:-.9px}.login-heading>span{display:block;margin-top:9px;color:#738397;font-size:12px;line-height:1.5}
.login-message{display:flex;align-items:flex-start;gap:10px;margin:0 0 17px;padding:12px 13px;border-radius:12px;font-size:10px;line-height:1.5}.login-message b{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%}.login-message span{padding-top:4px}.login-message.success{border:1px solid #cce9e1;background:#effaf7;color:#246558}.login-message.success b{background:#d9f3eb;color:#11826b}.login-message.error{border:1px solid #f2d3d7;background:#fff2f3;color:#9c3340}.login-message.error b{background:#ffe0e4;color:#b32639}
.login-form{display:grid;gap:15px}.login-form .login-field{display:grid;gap:7px;margin:0;color:#33475d;font-size:10px;font-weight:900}.login-control{position:relative;display:flex;align-items:center}.login-control>i{position:absolute;left:14px;z-index:1;display:grid;place-items:center;width:20px;height:20px;color:#61788d;font-size:12px;font-style:normal;font-weight:900;pointer-events:none}.login-field:nth-of-type(2) .login-control>i{font-size:7px;color:#755ed4}.login-control input{box-sizing:border-box;width:100%;height:50px;margin:0;padding:0 76px 0 43px;border:1px solid #dbe4ea;border-radius:12px;background:#f8fafb;color:#172b41;font-size:12px;outline:none;transition:.18s}.login-control input::placeholder{color:#98a5b2}.login-control input:focus{border-color:#27ad8d;background:#fff;box-shadow:0 0 0 4px rgba(39,173,141,.1)}
.login-password-toggle{position:absolute;right:8px;z-index:2;height:34px;margin:0;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#168c73;font-size:9px;font-weight:900}.login-password-toggle:hover,.login-password-toggle:focus-visible{background:#e7f6f2;outline:none}
.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:51px;margin-top:3px;padding:0 9px 0 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#159c7e,#167f9a);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 24px rgba(19,146,122,.22)}.login-submit:hover{filter:saturate(1.08);transform:translateY(-1px)}.login-submit>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.16);font-size:18px;font-style:normal}.login-submit.is-loading{cursor:wait;opacity:.78}.login-submit.is-loading>i{font-size:0}.login-submit.is-loading>i:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:login-spin .75s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}
.login-separator{display:flex;align-items:center;gap:11px;margin:23px 0 17px;color:#9eabb7;font-size:9px}.login-separator:before,.login-separator:after{content:"";height:1px;flex:1;background:#e6ecef}.login-register{margin:0;text-align:center;color:#718195;font-size:10px}.login-register a{color:#13886f;font-weight:900;text-decoration:none}.login-register a:hover{text-decoration:underline}.login-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px 0 0;color:#9aa7b2;font-size:8px}.login-secure span{color:#1aa184;font-size:10px}
@media(max-width:920px){.login-page>.wrap{padding:14px}.login-screen{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);min-height:calc(100dvh - 28px);border-radius:22px}.login-showcase{padding:32px}.login-showcase-copy h1{font-size:44px}.login-benefits li:nth-child(3){display:none}.login-form-panel{padding:32px}}
@media(max-width:720px){body.login-page{background:#f2f6f8}.login-page>.wrap{display:block;min-height:100dvh;padding:0}.login-screen{display:block;width:100%;min-height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}.login-showcase{display:none}.login-form-panel{box-sizing:border-box;min-height:100dvh;padding:30px 20px}.login-form-card{margin:auto}.login-mobile-logo{display:flex}.login-heading h2{font-size:28px}.login-control input{height:52px}.login-submit{height:53px}}
@media(max-width:390px){.login-form-panel{padding:24px 15px}.login-heading h2{font-size:26px}.login-control input{padding-left:40px}}

/* Login ekranı sayfa yerleşimi düzeltmesi */
html:has(body.login-page){height:100%;background:#eef3f6}
body.login-page{box-sizing:border-box;height:100%;min-height:100dvh;margin:0;overflow:hidden;background:#eef3f6}
.login-page>.top{display:none!important}
.login-page>.wrap:before,
.login-page>.wrap:after{content:none!important;display:none!important;width:0!important;height:0!important;background:none!important}
.login-page>.wrap{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(14px,2.4vh,26px)!important;
  overflow:auto!important;
}
.login-screen{
  width:min(1080px,100%)!important;
  height:min(680px,calc(100dvh - 32px))!important;
  min-height:570px!important;
  max-height:none!important;
  margin:auto!important;
}
.login-showcase,.login-form-panel{min-height:0!important}
.login-showcase-copy{margin:auto 0!important}
@media(max-height:700px) and (min-width:721px){
  .login-page>.wrap{padding:10px!important}
  .login-screen{height:calc(100dvh - 20px)!important;min-height:0!important}
  .login-showcase{padding:28px 34px!important}
  .login-showcase-copy h1{font-size:42px!important;line-height:1.02!important}
  .login-showcase-copy>p:not(.login-kicker){margin:15px 0 18px!important;line-height:1.5!important}
  .login-benefits{gap:7px!important}
  .login-form-panel{padding:28px 34px!important}
  .login-heading{margin-bottom:18px!important}
  .login-heading h2{font-size:27px!important}
  .login-form{gap:12px!important}
  .login-control input{height:46px!important}
  .login-submit{height:48px!important}
  .login-separator{margin:17px 0 13px!important}
  .login-secure{margin-top:15px!important}
}
@media(max-width:720px){
  body.login-page{height:auto;min-height:100dvh;overflow:auto}
  .login-page>.wrap{display:block!important;height:auto!important;min-height:100dvh!important;padding:0!important;overflow:visible!important}
  .login-screen{width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important}
}

/* Login ekranı yazı tipi: Arial */
body.login-page,
body.login-page button,
body.login-page input,
body.login-page textarea,
body.login-page select,
body.login-page label,
body.login-page a,
body.login-page p,
body.login-page span,
body.login-page small,
body.login-page h1,
body.login-page h2,
body.login-page h3,
body.login-page b,
body.login-page strong{
  font-family:Arial,Helvetica,sans-serif!important;
}

/* 3genvip Mezun Ağı */
.alumni-page{display:grid;gap:18px}.alumni-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #dce7e4;border-radius:20px;background:linear-gradient(135deg,#f8fffc,#f3f1ff);box-shadow:0 14px 38px #173b4c0d}.alumni-hero h1{max-width:760px;margin:5px 0 8px;font-size:30px;line-height:1.12}.alumni-hero p{margin:0;color:#66798b;line-height:1.55}.alumni-hero>a{white-space:nowrap;padding:11px 15px;border-radius:11px;background:#159d80;color:#fff;text-decoration:none;font-weight:800}.alumni-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;padding:16px;border:1px solid #e1e8ed;border-radius:16px;background:#fff}.alumni-filters label{margin:0;min-width:0}.alumni-filters select,.alumni-filters input{box-sizing:border-box;width:100%}.alumni-search{position:relative}.alumni-search>.ui-icon{position:absolute;left:12px;bottom:12px;z-index:1}.alumni-search input{padding-left:37px}.alumni-filters>a{padding:11px 4px;color:#68798a;text-decoration:none;font-weight:700}.alumni-result-heading{display:flex;align-items:center;justify-content:space-between}.alumni-result-heading h2{margin:0}.alumni-result-heading span{padding:5px 9px;border-radius:999px;background:#e7f7f2;color:#137e68;font-size:11px;font-weight:800}.alumni-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.alumni-card{display:grid;gap:14px;padding:16px;border:1px solid #e0e7ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px #16354a0a}.alumni-person{display:flex;align-items:center;gap:10px;color:#182b3e;text-decoration:none}.alumni-person>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;overflow:hidden;background:#e5f5f0;color:#15866e;font-weight:900}.alumni-person img{width:100%;height:100%;object-fit:cover}.alumni-person>div{min-width:0;display:grid;gap:2px}.alumni-person b,.alumni-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alumni-person small{color:#728193}.alumni-person em{margin-left:auto;padding:5px 7px;border-radius:999px;background:#eeeaff;color:#6045bd;font-size:9px;font-style:normal;font-weight:800}.alumni-card dl{display:grid;gap:8px;margin:0}.alumni-card dl div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px}.alumni-card dt{color:#81909f;font-size:10px;font-weight:800;text-transform:uppercase}.alumni-card dd{margin:0;color:#24384c;font-size:12px;font-weight:700;line-height:1.35}.alumni-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1f4;padding-top:12px}.alumni-card footer>a{color:#14866f;text-decoration:none;font-weight:800}.alumni-card footer form{margin:0}.alumni-card footer button{padding:8px 10px}.alumni-empty{padding:40px;border:1px dashed #cfd9df;border-radius:15px;text-align:center;color:#718292;background:#fff}.profile-education-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.profile-education-summary span{padding:7px 9px;border-radius:999px;background:#eef7f5;color:#1c6659;font-size:11px;font-weight:800}.education-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.education-form-grid .full{grid-column:1/-1}.education-guidance{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:12px;border:1px solid #dde7e4;border-radius:12px;background:#f8fbfa}.education-guidance input{width:20px;height:20px}.post-topic-picker{display:flex;flex-wrap:wrap;gap:7px;padding:10px 0 2px}.post-topic-picker>span{align-self:center;color:#738393;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.post-topic-picker label{margin:0;display:inline-flex;cursor:pointer}.post-topic-picker input{position:absolute;opacity:0;pointer-events:none}.post-topic-picker label span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #dce5e8;border-radius:999px;background:#fff;color:#526676;font-size:10px;font-weight:800}.post-topic-picker input:checked+span{border-color:#43b69e;background:#e5f7f2;color:#117762;box-shadow:inset 0 0 0 1px #43b69e}.post-topic-picker input:disabled+span{opacity:.45;cursor:not-allowed}.feed-topic-filters{display:flex;align-items:center;gap:7px;overflow:auto;padding:2px 0 8px;scrollbar-width:none}.feed-topic-filters::-webkit-scrollbar{display:none}.feed-topic-filters a{white-space:nowrap;padding:8px 11px;border:1px solid #dce5e9;border-radius:999px;background:#fff;color:#526677;text-decoration:none;font-size:10px;font-weight:800}.feed-topic-filters a.active{border-color:#189b7f;background:#e5f7f1;color:#117661}.post-topic-badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.post-topic-badges a{padding:5px 8px;border-radius:999px;background:#f0f3ff;color:#5544a6;text-decoration:none;font-size:9px;font-weight:800}.password-required-banner{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fff4df;color:#8a5a13;font-weight:700}
@media(max-width:1100px){.alumni-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.alumni-search{grid-column:1/-1}.alumni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.alumni-hero{align-items:flex-start;flex-direction:column;padding:20px}.alumni-hero h1{font-size:24px}.alumni-filters{grid-template-columns:1fr 1fr}.alumni-search{grid-column:1/-1}.alumni-filters button{grid-column:1/2}.alumni-grid{grid-template-columns:1fr}.education-form-grid{grid-template-columns:1fr}.education-form-grid .full{grid-column:auto}}

.login-student-note{margin:13px 0 8px;padding:10px 12px;border-radius:10px;background:#f0f8f6;color:#45665e;font-size:10px;line-height:1.45}.login-student-note b{color:#127763}
.password-warning-bar{background:#fff4df!important;color:#6e4a16!important}.password-warning-bar a{padding:8px 11px;border-radius:9px;background:#9a681d;color:#fff!important;text-decoration:none;font-weight:800}

/* Eğitim profili: bağımlı ve aranabilir şehir / üniversite / bölüm seçimi */
.profile-settings-dialog [data-education-profile-form] .education-form-grid{padding:17px 21px 21px;overflow:visible;align-items:start}
.education-picker{position:relative;display:grid;gap:6px;min-width:0}
.education-picker>label{margin:0;font-size:12px;font-weight:800;color:#24364a}
.education-picker>small,.education-form-grid>label>small{color:#7b8999;font-size:9px;line-height:1.35;font-weight:500}
.education-combobox{position:relative;min-width:0}
.education-combobox>[data-education-search]{box-sizing:border-box;width:100%;height:42px;padding:10px 42px 10px 12px;background:#fff}
.education-combobox>[data-education-search]:disabled{background:#f2f5f7;color:#91a0ae;cursor:not-allowed}
.education-combobox>[data-education-open]{position:absolute;right:5px;top:5px;width:32px;height:32px;padding:0;border-radius:8px;background:#edf5f3;color:#177b68;font-size:18px;line-height:1}
.education-combobox>[data-education-open]:disabled{opacity:.42;cursor:not-allowed}
.education-picker.has-selection .education-combobox>[data-education-search]{border-color:#49b79f;background:#f7fffc;box-shadow:inset 0 0 0 1px #49b79f33}
.education-options{position:absolute;z-index:90;left:0;right:0;top:calc(100% + 5px);max-height:245px;overflow:auto;padding:5px;border:1px solid #d8e3e7;border-radius:12px;background:#fff;box-shadow:0 18px 48px #102b4330;overscroll-behavior:contain}
.education-options[hidden]{display:none}
.education-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 11px;border-radius:8px;background:transparent;color:#263a4d;text-align:left;font-weight:700}
.education-option:hover,.education-option.active{background:#e8f7f3;color:#117761}
.education-option b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.education-option small{flex:none;padding:3px 6px;border-radius:999px;background:#f0edff;color:#6247bc;font-size:8px}
.education-option-state{padding:14px 11px;color:#78899a;text-align:center;font-size:10px;line-height:1.4}
.education-catalog-warning{display:grid;gap:4px;padding:11px 12px;border:1px solid #f0d49e;border-radius:11px;background:#fff7e8;color:#7d5719}
.education-catalog-warning small{font-size:9px;line-height:1.45}.education-catalog-warning code{font-size:9px;overflow-wrap:anywhere}
.education-form-grid select{box-sizing:border-box;width:100%;height:42px;background:#fff}
@media(max-width:700px){.profile-settings-dialog [data-education-profile-form] .education-form-grid{padding:14px 16px 18px}.education-options{max-height:210px}.education-option{padding:11px 9px}}


/* Gönderi konusu: konum aracından ayrıştırılmış açıklamalı seçim kartları */
.create-post .post-topic-picker{display:block;min-width:0;margin:14px 0 5px;padding:14px;border:1px solid #dfe8ec;border-radius:15px;background:linear-gradient(180deg,#fbfdfd,#f7fafb)}
.create-post .post-topic-picker .post-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}
.create-post .post-topic-picker .post-topic-heading>div{display:grid;gap:3px;min-width:0}
.create-post .post-topic-picker .post-topic-heading b{color:#1d3145;font-size:12px;line-height:1.25}
.create-post .post-topic-picker .post-topic-heading small{color:#728395;font-size:9px;line-height:1.4;font-weight:600}
.create-post .post-topic-picker .post-topic-count{flex:none;padding:6px 9px;border-radius:999px;background:#e7f6f2;color:#137661;font-size:9px;font-weight:900;white-space:nowrap}
.create-post .post-topic-picker .post-topic-count.empty{background:#eef2f5;color:#718091}
.create-post .post-topic-picker .post-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.create-post .post-topic-picker .post-topic-option{display:block;min-width:0;margin:0;cursor:pointer}
.create-post .post-topic-picker .post-topic-option>input{position:absolute;opacity:0;pointer-events:none}
.create-post .post-topic-picker .post-topic-card{box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:66px;padding:10px 11px;border:1px solid #dce5e9;border-radius:12px;background:#fff;color:#31465a;box-shadow:0 3px 10px rgba(25,52,70,.025);transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.create-post .post-topic-picker .post-topic-option:hover .post-topic-card{border-color:#a9d8cd;box-shadow:0 7px 18px rgba(29,101,84,.08);transform:translateY(-1px)}
.create-post .post-topic-picker .post-topic-icon{box-sizing:border-box;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#edf5f7;font-size:17px}
.create-post .post-topic-picker .topic-personal .post-topic-icon{background:#f0edff}
.create-post .post-topic-picker .topic-city .post-topic-icon{background:#fff0f4}
.create-post .post-topic-picker .topic-university .post-topic-icon{background:#eef4ff}
.create-post .post-topic-picker .topic-department .post-topic-icon{background:#edf8f2}
.create-post .post-topic-picker .post-topic-copy{display:grid;gap:3px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.create-post .post-topic-picker .post-topic-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#23374a;font-size:10px;line-height:1.25}
.create-post .post-topic-picker .post-topic-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718193;font-size:8.5px;line-height:1.35;font-weight:600}
.create-post .post-topic-picker .post-topic-check{box-sizing:border-box;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid #cfd9de;border-radius:50%;background:#fff;color:transparent;font-size:11px;font-weight:900}
.create-post .post-topic-picker .post-topic-option>input:checked+.post-topic-card{border-color:#36aa91;background:#f0fbf7;color:#126d5b;box-shadow:inset 0 0 0 1px rgba(54,170,145,.18),0 7px 18px rgba(29,101,84,.07)}
.create-post .post-topic-picker .post-topic-option>input:checked+.post-topic-card .post-topic-check{border-color:#20977e;background:#20977e;color:#fff}
.create-post .post-topic-picker .post-topic-option>input:focus-visible+.post-topic-card{outline:3px solid rgba(46,166,140,.2);outline-offset:2px}
.create-post .post-topic-picker .post-topic-option>input:disabled+.post-topic-card{opacity:.48;cursor:not-allowed;background:#f3f5f6;box-shadow:none;transform:none}
.create-post .post-topic-picker .post-topic-note{display:flex;align-items:flex-start;gap:7px;margin:10px 1px 0;padding-top:9px;border-top:1px solid #e6ecef;color:#718293;font-size:8.5px;line-height:1.45;font-weight:650}
.create-post .post-topic-picker .post-topic-note span{flex:none;color:#168a73;font-size:11px}
@media(max-width:700px){.create-post .post-topic-picker{padding:12px}.create-post .post-topic-picker .post-topic-heading{align-items:flex-start;flex-direction:column;gap:7px}.create-post .post-topic-picker .post-topic-grid{grid-template-columns:1fr}.create-post .post-topic-picker .post-topic-card{min-height:62px}}

/* Eğitim kataloğu: yönetici için eksik bölüm ekleme */
.education-add-program{display:flex;width:100%;align-items:center;gap:10px;margin:5px 0 0;padding:11px;border:1px dashed #48ab95;border-radius:10px;background:#effaf7;color:#126f5e;text-align:left}
.education-add-program:hover{background:#e3f7f1;border-style:solid}
.education-add-program>span:first-child{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#15977c;color:#fff;font-size:20px;font-weight:900}
.education-add-program>span:last-child{display:grid;gap:2px;min-width:0}
.education-add-program b{font-size:11px}.education-add-program small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5c7d75;font-size:9px;font-weight:600}
.education-program-create-dialog{z-index:220}
.education-program-create-body{display:grid;gap:13px;padding:18px 21px 22px}
.education-program-create-body label{margin:0}
.education-program-create-body input,.education-program-create-body select{box-sizing:border-box;width:100%}
.education-program-create-body input[readonly]{background:#f1f5f6;color:#526574}
.education-program-create-note{margin:0;padding:10px 11px;border-radius:10px;background:#eef7f5;color:#4b6d65;font-size:9px;line-height:1.45}
@media(max-width:700px){.education-program-create-body{padding:15px 16px 19px}.education-add-program{padding:10px}}

/* Eğitim kataloğu: kullanıcı bölüm talebi ve yönetim akışı */
.education-request-program{border-color:#8b7ad9;background:#f5f2ff;color:#55439b}.education-request-program:hover{background:#ece7ff}.education-request-program>span:first-child{background:#6852c4}
.education-request-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.education-request-context>span{display:grid;gap:4px;padding:11px 12px;border:1px solid #dce8e5;border-radius:11px;background:#f7fbfa}.education-request-context b{font-size:9px;color:#6e7f8d;text-transform:uppercase;letter-spacing:.5px}.education-request-context small{font-size:11px;font-weight:800;color:#17354c;overflow-wrap:anywhere}
.education-request-list{display:grid;gap:13px;padding:18px}.education-request-admin{display:grid;gap:12px;padding:16px;border:1px solid #e0e8ed;border-radius:14px;background:#fbfdfd}.education-request-admin>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.education-request-admin>header>div{display:grid;gap:4px}.education-request-admin>header b{font-size:15px}.education-request-admin>header small,.education-request-admin>p{color:#6f7f8d;font-size:10px}.education-request-admin>p{margin:0}.education-request-admin>p span{color:#168f73;font-weight:800}.education-request-approve-form{display:grid;grid-template-columns:minmax(220px,1fr) 155px auto;gap:10px;align-items:end}.education-request-approve-form label{margin:0}.education-request-approve-form input,.education-request-approve-form select{box-sizing:border-box;width:100%}.education-request-reject-form{display:flex;justify-content:flex-end}.education-request-resolution{padding:10px 12px;border-radius:10px;background:#edf7f4;color:#3d6c61!important}.education-request-admin.approved{border-color:#bce6d9;background:#f7fffc}.education-request-admin.rejected{opacity:.75}
@media(max-width:800px){.education-request-context{grid-template-columns:1fr}.education-request-approve-form{grid-template-columns:1fr}.education-request-approve-form button,.education-request-reject-form button{width:100%}.education-request-reject-form{display:block}}

.education-catalog-run-link{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin-top:7px;padding:9px 12px;border-radius:9px;background:#159a7d;color:#fff!important;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 5px 14px #159a7d24}.education-catalog-run-link:hover{background:#117f68;transform:translateY(-1px)}

/* Öğrenci veritabanı eşleştirme ve tarayıcıdan aktarım */
.student-import-intro .student-import-security{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:13px 15px;border-radius:12px;background:#eef8f5;color:#315d55}.student-import-security b{white-space:nowrap;color:#137d68}.student-import-security span{font-size:11px;line-height:1.55}.student-import-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;align-items:start}.student-import-layout .admin-card{margin-bottom:16px}.student-source-list{position:sticky;top:82px}.student-source-list>a{display:grid;gap:3px;margin-top:8px;padding:12px;border:1px solid #dfe8eb;border-radius:11px;color:#345267;text-decoration:none;background:#fff}.student-source-list>a:hover,.student-source-list>a.active{border-color:#1aa184;background:#effaf7;color:#126d5b}.student-source-list>a small,.student-source-list>a span{font-size:9px;color:#7a8a98;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-source-new{font-weight:800}.student-import-main{min-width:0}.student-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.student-source-form button{margin-top:15px}.student-source-delete{display:flex;justify-content:flex-end;margin-top:10px}.student-source-delete button{width:auto}.student-table-select label{margin:0}.student-table-select select{width:100%}.student-mapping-list{display:grid;gap:9px}.student-mapping-row{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(260px,1.25fr);gap:16px;align-items:center;margin:0;padding:11px 12px;border:1px solid #e3eaee;border-radius:11px;background:#fbfdfd}.student-mapping-row>span{display:grid;gap:4px}.student-mapping-row small{font-size:9px;color:#768897;line-height:1.35}.student-mapping-row select{width:100%;margin:0}.student-sample-table{overflow:auto;border:1px solid #e1e8ec;border-radius:12px}.student-sample-table table{width:100%;border-collapse:collapse;min-width:720px}.student-sample-table th,.student-sample-table td{padding:9px 11px;border-bottom:1px solid #edf1f3;text-align:left;font-size:10px;vertical-align:top}.student-sample-table th{position:sticky;top:0;background:#f2f7f7;color:#5c7180;z-index:1}.student-sample-table td:first-child{white-space:nowrap}.student-sample-table td small{display:block;color:#16856f}.student-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.student-preview-grid article{display:grid;gap:4px;padding:12px;border:1px solid #e1e9ec;border-radius:11px;background:#f9fcfb}.student-preview-grid small,.student-preview-grid span{font-size:10px;color:#6e8190}.student-import-progress{display:grid;gap:8px}.student-import-progress>i{height:12px;overflow:hidden;border-radius:999px;background:#e7eef1}.student-import-progress>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17a081,#5965de);transition:width .2s ease}.student-import-progress>b{text-align:center;color:#31576b}.student-import-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.student-import-stats article{display:grid;gap:4px;text-align:center;padding:13px;border-radius:11px;background:#f3f8f8}.student-import-stats b{font-size:21px;color:#16866f}.student-import-stats small{font-size:9px;color:#738492}.student-import-current{padding:11px 13px;border-radius:10px;background:#eef7f4;color:#39655c}.student-import-errors{display:grid;gap:5px;margin-top:10px}.student-import-errors p{margin:0;padding:8px 10px;border-radius:8px;background:#fff1f2;color:#9f3f4a;font-size:10px}.pill.running{background:#fff2cf;color:#946500}.pill.completed{background:#e3f7ef;color:#13735e}.pill.failed,.pill.cancelled{background:#ffebed;color:#a82f3c}
@media(max-width:1050px){.student-import-layout{grid-template-columns:1fr}.student-source-list{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.student-source-list>header,.student-source-list>.admin-empty{grid-column:1/-1}}
@media(max-width:700px){.student-import-security{display:grid!important}.student-source-list,.student-source-grid,.student-preview-grid{grid-template-columns:1fr}.student-mapping-row{grid-template-columns:1fr;gap:8px}.student-import-stats{grid-template-columns:1fr}.student-source-list>a small,.student-source-list>a span{white-space:normal}}

/* Öğrenci veri aktarımı: modern, taşma güvenli ve konum korumalı arayüz */
.student-import-anchor{scroll-margin-top:86px}
.student-import-layout,.student-import-layout *{box-sizing:border-box;min-width:0}
.student-import-main,.student-import-main>.admin-card,.student-import-intro{max-width:100%;overflow:hidden}
.student-import-intro{position:relative;border:1px solid #dcebe7;background:linear-gradient(145deg,#fff 0%,#f3fbf8 100%)}
.student-import-intro:after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(25,160,130,.08);pointer-events:none}
.student-import-intro>header,.student-import-intro>.student-import-security,.student-import-intro>.student-import-steps{position:relative;z-index:1}
.student-import-security{overflow:hidden}
.student-import-security b,.student-import-security span,.student-source-item b,.student-source-item small,.student-source-item span,.student-import-main h2,.student-import-main p{overflow-wrap:anywhere;word-break:break-word}
.student-import-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}
.student-import-steps a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dce8e6;border-radius:13px;background:rgba(255,255,255,.88);color:#29495b;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.student-import-steps a:hover{transform:translateY(-2px);border-color:#28a78c;box-shadow:0 8px 20px rgba(25,85,73,.09)}
.student-import-steps i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#e7f7f2;color:#16866f;font-style:normal;font-weight:900}
.student-import-steps span{display:grid;gap:2px;min-width:0}.student-import-steps b{font-size:12px}.student-import-steps small{font-size:10px;color:#78909c;white-space:normal}
.student-source-list{overflow:hidden}.student-source-list>a{min-width:0}.student-source-list>a b,.student-source-list>a small,.student-source-list>a span{max-width:100%}
.student-source-form-card,.student-table-card,.student-mapping-card,.student-source-sample-card,.student-import-preview-card,.student-import-progress-card{border:1px solid #e0e9ec;box-shadow:0 8px 28px rgba(39,69,82,.055)}
.student-source-grid label,.student-table-select label{font-size:12px;font-weight:800;color:#314e60}
.student-source-grid input,.student-table-select select,.student-mapping-row select{height:44px;border:1px solid #d7e2e7;border-radius:11px;background:#fff;font-size:12px;color:#223f50}
.student-source-grid input:focus,.student-table-select select:focus,.student-mapping-row select:focus{border-color:#1ca184;box-shadow:0 0 0 3px rgba(28,161,132,.12);outline:0}
.student-form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:12px 13px;border-radius:12px;background:#f2f8f7}
.student-form-actions span{font-size:11px;line-height:1.5;color:#5d7480;overflow-wrap:anywhere}.student-form-actions button{width:auto;min-width:190px;margin:0;white-space:normal}
.student-form-actions.primary{background:#eaf8f4;border:1px solid #d4eee7}
.student-source-delete{padding-top:10px;border-top:1px dashed #e4eaed}
.student-table-hint{display:block;margin-top:8px;color:#718692;font-size:10px;overflow-wrap:anywhere}
.student-mapping-list{counter-reset:mapping-row}
.student-mapping-row{position:relative;grid-template-columns:minmax(0,.9fr) minmax(250px,1.1fr);padding:13px 14px 13px 52px;border-color:#dfe8eb;background:#fff;counter-increment:mapping-row;overflow:hidden}
.student-mapping-row:before{content:counter(mapping-row);position:absolute;left:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf8f5;color:#16866f;font-size:11px;font-weight:900}
.student-mapping-row>span{min-width:0}.student-mapping-row b{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#1e3b4d;overflow-wrap:anywhere}.student-mapping-row b em{padding:3px 6px;border-radius:999px;background:#fff1f2;color:#b24350;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.student-mapping-row small{font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.student-sample-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.student-sample-table table{width:max-content;min-width:100%;max-width:none}.student-sample-table th,.student-sample-table td{min-width:120px;max-width:270px;padding:10px 12px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.student-sample-table th:first-child,.student-sample-table td:first-child{position:sticky;left:0;z-index:2;background:#f8fbfb;min-width:150px}.student-sample-table thead th:first-child{z-index:3;background:#eef5f5}
.student-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-preview-grid article{position:relative;gap:8px;padding:14px;background:#fff;overflow:hidden}.student-preview-grid article.is-inactive{opacity:.78;background:#fbf7f7}.student-preview-grid article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.student-preview-grid article b{font-size:13px;overflow-wrap:anywhere}.student-preview-grid article small{overflow-wrap:anywhere}.student-active-badge{flex:0 0 auto;padding:4px 7px;border-radius:999px;font-size:9px;font-style:normal;font-weight:900}.student-active-badge.active{background:#e4f7ef;color:#14735e}.student-active-badge.inactive{background:#ffebed;color:#a82f3c}.student-preview-meta{display:flex;flex-wrap:wrap;gap:6px}.student-preview-meta span{padding:5px 7px;border-radius:8px;background:#f0f6f6;color:#526e7c;font-size:10px;overflow-wrap:anywhere}
.student-import-progress-card{border-color:#cfe8e2;background:linear-gradient(160deg,#fff 0%,#f5fbf9 100%)}.student-import-progress>i{height:15px;border:1px solid #dbe8e6}.student-import-progress>b{font-size:12px}.student-import-current{font-size:11px;line-height:1.55;overflow-wrap:anywhere}.student-import-errors p{display:grid;grid-template-columns:minmax(70px,.25fr) minmax(0,1fr);gap:8px;overflow:hidden}.student-import-errors p b,.student-import-errors p span{overflow-wrap:anywhere;word-break:break-word}
.student-import-flash[hidden]{display:none!important}
@media(max-width:900px){.student-import-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.student-mapping-row{grid-template-columns:1fr;padding-left:52px}.student-form-actions{align-items:stretch;flex-direction:column}.student-form-actions button{width:100%;min-width:0}.student-preview-grid{grid-template-columns:1fr}}
@media(max-width:560px){.student-import-steps{grid-template-columns:1fr}.student-import-security b{white-space:normal}.student-source-grid{grid-template-columns:1fr}.student-mapping-row{padding:12px}.student-mapping-row:before{position:static;transform:none;margin-bottom:2px}.student-sample-table th,.student-sample-table td{min-width:110px;max-width:220px}.student-import-errors p{grid-template-columns:1fr}.student-preview-grid article>header{align-items:flex-start}}
