@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#0b1f3a;--navy2:#12345b;--blue:#1769e0;--blue2:#2f7df4;--cyan:#4dd7d2;--ink:#14243a;--muted:#68778c;--line:#dfe6ef;--soft:#f5f8fc;--danger:#cf3f4f;--shadow:0 28px 80px rgba(4,18,38,.22)}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{min-height:100vh!important;height:auto!important;margin:0!important;padding:clamp(18px,4vw,56px) 16px!important;color:var(--ink)!important;font-family:'DM Sans',sans-serif!important;background:radial-gradient(circle at 12% 10%,rgba(77,215,210,.18),transparent 26%),radial-gradient(circle at 88% 86%,rgba(47,125,244,.24),transparent 30%),linear-gradient(135deg,#071426,var(--navy2))!important;background-attachment:fixed!important;display:flex;align-items:center;justify-content:center;position:relative}
body::before{content:''!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:48px 48px!important}
body>*{position:relative;z-index:1}
h1,h2,h3,h4,h5,h6,.username{font-family:'Manrope',sans-serif!important;letter-spacing:-.035em}
.container,.panel,.overlay{width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto!important;padding:clamp(24px,4vw,52px)!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:28px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(18px)}
.container .container{width:100%!important;padding:clamp(20px,3vw,38px)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 8px 24px rgba(16,44,78,.07)!important;background:#fff!important}
.panel{max-width:580px!important;text-align:center}
h2,h3,h5,.username{color:var(--navy)!important;font-weight:800!important}h2{font-size:clamp(1.55rem,3vw,2.35rem)!important}h3{border:0!important;padding:0!important;font-size:clamp(1.45rem,2.5vw,2rem)!important}
.section-title{display:flex;align-items:center;gap:12px;margin:34px 0 24px!important;padding:0 0 15px!important;color:var(--navy)!important;background:transparent!important;border-bottom:1px solid var(--line);border-radius:0!important;box-shadow:none!important;font-family:'Manrope',sans-serif;font-size:1.12rem!important;font-weight:800;letter-spacing:.02em;text-align:left!important}
.section-title::before{content:'';width:9px;height:28px;border-radius:99px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 5px 14px rgba(23,105,224,.25)}
label{color:var(--ink)!important;font-size:.88rem;font-weight:700!important}.form-group{margin-bottom:1.1rem!important}
.form-control{min-height:48px;margin-bottom:0!important;padding:11px 14px!important;color:var(--ink)!important;background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s,background .2s!important}
textarea.form-control{min-height:96px;resize:vertical}.form-control:focus{background:#fff!important;border-color:var(--blue2)!important;box-shadow:0 0 0 4px rgba(47,125,244,.13)!important}.form-control::placeholder{color:#9aa7b8}
.btn,button{min-height:46px;padding:11px 20px!important;border-radius:12px!important;font-weight:700!important;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s!important}.btn:hover,button:hover{transform:translateY(-2px)}
.btn-primary,.btn-custom,.btn-custom-primary,.btn-success{color:#fff!important;background:linear-gradient(135deg,var(--blue),var(--blue2))!important;border:0!important;box-shadow:0 10px 24px rgba(23,105,224,.24)!important}.btn-primary:hover,.btn-custom:hover,.btn-custom-primary:hover,.btn-success:hover{background:linear-gradient(135deg,#1258bd,var(--blue))!important;box-shadow:0 14px 28px rgba(23,105,224,.3)!important}
.btn-outline-primary{color:var(--blue)!important;background:#fff!important;border:1px solid rgba(23,105,224,.35)!important}.btn-outline-primary:hover{color:#fff!important;background:var(--blue)!important}.btn-secondary{color:var(--ink)!important;background:#e8edf4!important;border:0!important}.btn-danger,.btn-logout{color:#fff!important;background:var(--danger)!important;border:0!important}.btn-logout{border-radius:12px!important;padding:10px 16px!important}
.user-icon{color:var(--blue)!important;filter:drop-shadow(0 12px 20px rgba(23,105,224,.2))}.welcome-text,.text-muted{color:var(--muted)!important}
.alert{border:0!important;border-radius:14px!important;padding:14px 18px!important;box-shadow:0 8px 20px rgba(16,44,78,.08)}.alert-success{color:#08664b!important;background:#e8f8f2!important}.alert-danger{color:#a92838!important;background:#ffedf0!important}.alert-warning{color:#895b09!important;background:#fff6dc!important}.alert-info{color:#12558d!important;background:#eaf5ff!important}
.table-responsive{border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 36px rgba(16,44,78,.12)}.table{margin:0!important;background:#fff}.table thead th{color:#dceaff!important;background:var(--navy)!important;border:0!important;font-size:.78rem!important;letter-spacing:.06em;text-transform:uppercase}.table td{color:var(--ink);border-color:var(--line)!important}.table-hover tbody tr:hover{background:#f6f9fd!important}
.birim-secim-container{gap:9px!important}.birim-kutu{padding:9px 14px!important;color:#3c4c61;background:#f7f9fc!important;border:1px solid var(--line)!important;border-radius:999px!important}.birim-kutu:hover{border-color:var(--blue2)!important;color:var(--blue)}.birim-kutu.secili{color:#fff!important;background:var(--blue)!important;border-color:var(--blue)!important}
#imagePreview,.preview-box{border:1.5px dashed #aab8ca!important;border-radius:18px!important;background-color:var(--soft)!important;box-shadow:inset 0 0 0 6px #fff}.hidden{display:none!important}
@media(max-width:767.98px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{align-items:flex-start;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  .container,.panel,.overlay{width:100%!important;padding:22px 15px!important;border-radius:20px!important;overflow:hidden}
  .container .container{padding:19px 14px!important;border-radius:16px!important;overflow:visible}
  .row,.form-row{margin-right:-6px!important;margin-left:-6px!important}
  .row>[class*='col-'],.form-row>[class*='col-']{padding-right:6px!important;padding-left:6px!important}
  h2{font-size:1.35rem!important;line-height:1.3}.section-title{font-size:1rem!important;margin-top:28px!important}
  p{line-height:1.65}center p{font-size:.78rem!important;text-align:left}
  label{font-size:.9rem}.form-group{margin-bottom:14px!important}
  .form-control{width:100%!important;min-height:52px;font-size:16px!important;padding:13px 14px!important}
  textarea.form-control{min-height:110px}
  select.form-control{padding-right:34px!important}
  .btn,button{min-height:50px;font-size:.96rem!important;touch-action:manipulation}
  .btn-block,.btn-custom,.submit-btn .btn{width:100%!important;max-width:none!important;padding:13px 18px!important}
  .btn+.btn{margin-top:8px}
  #imagePreview,.preview-box{width:min(190px,70vw)!important;height:min(190px,70vw)!important;margin-bottom:12px!important}
  #imagePreview span{line-height:min(190px,70vw)!important}
  #mobileUploadBtn{display:block!important;width:100%;margin:12px 0 20px!important}
  #uploadOptions{width:100%}#uploadOptions button{display:block;width:100%;margin-top:8px}
  #cameraModal{padding:12px!important;align-items:center!important;overflow-y:auto}
  #cameraModal>div{width:min(100%,360px)!important;padding:18px!important;border-radius:18px!important}
  #cameraModal video,#cameraModal canvas{display:block;max-width:100%!important;width:100%!important;height:auto!important}
  .birim-secim-container{max-height:270px;overflow-y:auto;padding:4px 2px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .birim-kutu{min-height:42px;display:inline-flex;align-items:center;padding:10px 13px!important;font-size:.88rem}
  .table-responsive{width:100%;border-radius:12px;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .table{min-width:650px}.table th,.table td{white-space:nowrap;font-size:.86rem!important;padding:12px 10px!important}
  .table .form-control{min-width:150px}
  .d-flex.justify-content-end{justify-content:center!important}.d-flex.align-items-center.bg-light{width:100%;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px!important}.btn-logout{width:100%;margin-left:0!important;text-align:center}
  #notification{width:calc(100% - 30px);max-width:none!important;padding:16px 18px!important}
}
@media(max-width:374px){.container,.panel,.overlay{padding:18px 11px!important}.container .container{padding:16px 10px!important}.birim-kutu{font-size:.82rem}h2{font-size:1.2rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Premium layout v2 — page-specific presentation only */
body{--card-radius:32px;--field-radius:13px;--ease:cubic-bezier(.2,.8,.2,1)}
body::after{content:'';position:fixed;z-index:0;inset:auto -12vw -30vh auto;width:56vw;height:56vw;min-width:520px;min-height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018);pointer-events:none}
.container,.panel,.overlay{position:relative;isolation:isolate}
.container::before,.panel::before,.overlay::before{content:'';position:absolute;z-index:-1;top:0;left:32px;right:32px;height:4px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue2),transparent);opacity:.9}

/* Authentication and password recovery */
.page-auth .container,.page-password-reset .container{max-width:540px!important;padding:clamp(28px,5vw,54px)!important}
.page-auth .container>img{display:block;max-width:310px!important;max-height:108px;margin:0 auto 25px!important;object-fit:contain}
.page-auth h3{margin:0 0 34px!important;font-size:clamp(1.6rem,4vw,2.1rem)!important}
.page-auth #start-buttons{display:grid;gap:12px}
.page-auth form,.page-password-reset form{margin-top:28px!important;text-align:left}
.page-auth form h5,.page-password-reset h3{margin-bottom:26px!important;text-align:center}
.page-auth .input-group>.form-control{border-radius:var(--field-radius) 0 0 var(--field-radius)!important}
.page-auth .input-group-text{min-width:50px;justify-content:center;color:var(--blue);background:var(--soft);border:1px solid var(--line);border-left:0;border-radius:0 var(--field-radius) var(--field-radius) 0}
.page-auth .form-check{margin:17px 0;padding-left:30px}.page-auth .form-check-input{width:18px;height:18px;margin-left:-28px}.page-auth .form-check-label{font-size:.84rem!important;line-height:1.55;color:var(--muted)!important}.page-auth .form-check-label a{color:var(--blue);text-decoration:none}
.page-auth .text-right a{display:inline-block;padding:7px 0;color:var(--blue)!important;font-weight:700;font-size:.86rem}
.page-password-reset #message:not(:empty){padding:14px 16px;border-radius:13px;background:var(--soft);font-weight:700;text-align:center}

/* Candidate dashboard */
.page-dashboard .panel{max-width:620px!important;padding:clamp(34px,6vw,66px)!important}
.page-dashboard .user-icon{font-size:5.25rem!important;margin-bottom:20px!important}
.page-dashboard .username{font-size:clamp(1.65rem,4vw,2.25rem)!important;line-height:1.2}
.page-dashboard .welcome-text{margin:10px 0 34px!important;font-size:1rem!important}
.page-dashboard .btn-custom{display:flex!important;align-items:center;justify-content:center;max-width:390px!important;min-height:58px;margin:12px auto!important;font-size:1.06rem!important;border-radius:16px!important}

/* Application overview */
.page-applications .overlay{max-width:1240px!important}
.page-applications h3{margin:8px 0 30px!important}
.page-applications .d-flex.align-items-center.bg-light{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important}
.page-applications .table-responsive{overflow:hidden}
.page-applications .table th,.page-applications .table td{height:64px;vertical-align:middle!important}
.page-applications .table .btn{min-height:40px;padding:8px 18px!important}

/* Long application form */
.page-application-form{align-items:flex-start!important}
.page-application-form> .container{max-width:1240px!important;padding:clamp(24px,4vw,58px)!important}
.page-application-form> .container>h2{max-width:860px;margin:0 auto 34px!important;line-height:1.22;text-wrap:balance}
.page-application-form form{counter-reset:premium-section}
.page-application-form .section-title{counter-increment:premium-section;position:relative;margin-top:48px!important;font-size:1.15rem!important}
.page-application-form .section-title::after{content:counter(premium-section,decimal-leading-zero);margin-left:auto;color:#9ba9ba;font-family:'Manrope',sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.12em}
.page-application-form center>p{max-width:820px;margin:0 auto 26px;padding:20px 22px;color:#536278;background:linear-gradient(135deg,#f7faff,#f1f6fc);border:1px solid var(--line);border-radius:16px;line-height:1.75;text-align:center}
.page-application-form center>h6,.page-application-form h6 center{color:#9e3340;font-size:.86rem;letter-spacing:0}
.page-application-form .form-row{margin-right:-9px;margin-left:-9px}.page-application-form .form-row>[class*='col-']{padding-right:9px;padding-left:9px}
.page-application-form #imagePreview{position:relative;overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.page-application-form #imagePreview:hover{transform:translateY(-3px);border-color:var(--blue2)!important;box-shadow:inset 0 0 0 6px #fff,0 16px 30px rgba(23,105,224,.13)}
.page-application-form .table-responsive{margin-bottom:18px;background:#fff}
.page-application-form .table thead th{height:52px;vertical-align:middle!important}
.page-application-form .table .form-control{min-width:135px;background:#fff!important;border-color:#d5deea!important}
.page-application-form .table td{padding:9px!important;vertical-align:middle!important}
.page-application-form .submit-btn{min-height:62px;margin-top:38px!important;border-radius:17px!important;font-size:1.08rem!important;letter-spacing:.02em}
.page-application-form #formNotification{position:sticky;z-index:20;top:12px;border-radius:14px!important;box-shadow:0 14px 30px rgba(207,63,79,.22)}
.page-application-form input[type='radio'],.page-application-form input[type='checkbox']{accent-color:var(--blue);width:18px;height:18px;vertical-align:middle}
.page-application-form small.form-text{margin:5px 0 12px;color:var(--muted)!important}

/* Fine interaction details */
.form-control:hover:not(:focus):not(:disabled){border-color:#bdcad9!important}.form-control:disabled{color:#8996a8!important;background:#edf1f6!important;cursor:not-allowed}.btn:focus-visible,button:focus-visible,a:focus-visible,.form-control:focus-visible,.birim-kutu:focus-visible{outline:3px solid rgba(77,215,210,.75)!important;outline-offset:3px}.btn:active,button:active{transform:translateY(0) scale(.985)!important}.alert{font-size:.92rem;font-weight:600}.invalid-feedback{font-size:.8rem;font-weight:600}.table-responsive{scrollbar-color:#aab8ca #eef2f7;scrollbar-width:thin}

@media(min-width:768px){.page-application-form .col-md-4.text-center{padding-right:36px!important;border-right:1px solid var(--line)}.page-application-form .col-md-8{padding-left:36px!important}}
@media(max-width:767.98px){
  body{--card-radius:22px}.container::before,.panel::before,.overlay::before{left:20px;right:20px}
  .page-auth .container>img{max-width:250px!important;max-height:86px}.page-auth h3{margin-bottom:27px!important}
  .page-dashboard .panel{padding:34px 20px!important}.page-dashboard .user-icon{font-size:4.35rem!important}.page-dashboard .btn-custom{min-height:54px}
  .page-application-form> .container>h2{margin-bottom:24px!important}.page-application-form .section-title{margin-top:35px!important}.page-application-form center>p{padding:16px!important;text-align:left}.page-application-form .col-md-4.text-center{margin-bottom:14px}.page-application-form .submit-btn{position:sticky;z-index:12;bottom:max(8px,env(safe-area-inset-bottom));min-height:58px;box-shadow:0 12px 32px rgba(23,105,224,.38)!important}.page-application-form .table-responsive{margin-right:-14px;margin-left:-14px;width:calc(100% + 28px);border-right:0;border-left:0;border-radius:0}.page-application-form .table-responsive::after{content:'';display:block;width:1px;height:1px}.page-applications .table-responsive{overflow-x:auto}
}