:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#19283c;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.wrap{max-width:1120px;margin:auto;padding-left:25px;padding-right:25px}.top{background:#fff;border-bottom:1px solid #e5eaf0}.nav{display:flex;justify-content:space-between;align-items:center;min-height:84px}.brand{display:flex;gap:16px;align-items:center}.brand-logo{height:58px;width:auto;display:block;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:12px;color:#768398;margin-top:4px}.navright{font-size:13px;color:#7c8797}.foot{font-size:12px;color:#9ba7b6;padding-top:34px;padding-bottom:30px;border-top:1px solid #e5eaf0;margin-top:40px;text-align:center}.eyebrow{font-size:12px;color:#1672b8;font-weight:800;letter-spacing:1.5px}.intro{padding:60px 0 28px;max-width:800px}h1{font-size:clamp(30px,4vw,49px);letter-spacing:-1.7px;line-height:1.14;margin:13px 0 20px}h1 em{font-style:normal;color:#2674b5}.intro p{font-size:17px;line-height:1.7;color:#647287;max-width:720px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 12px 40px #1b35500b}.formpanel{padding:34px;max-width:850px}.panelhead,.pagehead{display:flex;justify-content:space-between;gap:15px;align-items:center}.panelhead h2{margin:0;font-size:22px}.panelhead p{color:#8793a1;font-size:14px}.step{color:#8c9bad;font-size:13px;font-weight:800}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-weight:650;font-size:13px;margin:20px 0;color:#34445a}input:not([type=radio]){display:block;width:100%;margin-top:10px;padding:15px;border:1px solid #dce3ec;border-radius:9px;font-size:15px;outline:none}input:focus{border-color:#2875b8;box-shadow:0 0 0 3px #2b79b514}.formend{border-top:1px solid #ebeff3;padding-top:24px;margin-top:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.formend span{font-size:13px;color:#8591a0}.btn{border:0;background:#14659f;color:white;padding:15px 23px;border-radius:10px;font-weight:750;font-size:14px;cursor:pointer;display:inline-block;text-decoration:none;white-space:nowrap}.btn:hover{background:#104e7c}.btn:disabled{background:#b5c7d6;cursor:not-allowed}.error{color:#b52629;background:#fff2f2;padding:12px;border-radius:8px}.pagehead{margin-top:43px}.pagehead h1{font-size:31px;letter-spacing:-.7px;margin:7px 0}.progresslabel{color:#64768b;font-weight:750}.bar{height:7px;background:#dfe8f0;border-radius:30px;overflow:hidden;margin:24px 0}.bar span{height:100%;display:block;background:#1875b5;transition:width .2s}.slidewrap{background:white;border:1px solid #e2e8ee;padding:10px;border-radius:12px;box-shadow:0 15px 40px #1b35500d}.slide{display:block;width:100%;height:auto}.slidefoot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0}.slidefoot p{color:#7d8ba0;font-size:14px}.centerpanel{max-width:780px;text-align:center;margin:75px auto 12px;padding:48px 50px}.centerpanel h1{font-size:34px;letter-spacing:-.8px}.centerpanel>p{color:#718094;line-height:1.65}.bigicon{font-size:38px;background:#e7f3fb;color:#146aa6;width:74px;height:74px;border-radius:50%;margin:28px auto 8px;display:grid;place-items:center}.rules{display:flex;justify-content:center;gap:65px;margin:32px 0}.rules div{display:flex;flex-direction:column;gap:6px}.rules strong{font-size:28px;color:#22557f}.rules span{font-size:12px;color:#8391a4}.notice{background:#f2f6fa;border-radius:10px;padding:16px;font-size:13px!important;color:#66758b!important;margin:25px 0!important}.timer{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:#1a608e;background:#e6f1f8;border-radius:10px;padding:12px 18px}.testpanel{padding:36px 43px}.questionmeta{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:800;color:#4e91c0;letter-spacing:.8px}.questionmeta span:last-child{color:#9aa6b5}.testpanel h2{font-size:25px;line-height:1.35;margin:22px 0 32px}.answers{display:grid;gap:11px}.option{margin:0;display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #dae4ec;border-radius:10px;cursor:pointer;font-size:15px;line-height:1.45;font-weight:500}.option input{accent-color:#14659f}.option:has(input:checked){background:#eaf5fc;border-color:#1771ad}.letter{background:#edf2f6;padding:8px 12px;border-radius:7px;font-weight:800}.check{margin-left:auto;color:#1874ad;visibility:hidden}.option:has(input:checked) .check{visibility:visible}.resultgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin:35px 0 20px}.resultmain,.resultside{border-radius:12px;padding:27px;display:flex;flex-direction:column;gap:9px;background:#e8f3fa}.resultside{background:#f2f5f8}.resultgrid small{font-size:11px;font-weight:800;letter-spacing:1px;color:#647b94}.resultgrid strong{font-size:45px;color:#125e99}.resultgrid span{font-size:13px;color:#718498}.status{padding:14px;border-radius:10px;font-weight:750}.passed{background:#eaf7ef;color:#22683a}.failed{background:#fff3ea;color:#a25c21}.tablepanel{margin-top:30px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}td,th{padding:18px;border-bottom:1px solid #ecf0f4}th{font-size:12px;color:#71859a;letter-spacing:.5px}td{color:#4e5e71}@media(max-width:620px){.wrap{padding-left:15px;padding-right:15px}.navright{display:none}.brand{align-items:flex-start}.brand-logo{height:46px}.intro{padding-top:35px}.fields,.resultgrid{grid-template-columns:1fr;gap:0}.formpanel,.testpanel{padding:20px}.formend,.slidefoot,.pagehead{flex-direction:column;align-items:stretch}.formend .btn,.slidefoot .btn{width:100%}.centerpanel{margin-top:30px;padding:25px}.rules{gap:25px}.questionmeta{flex-direction:column;gap:4px}.testpanel h2{font-size:21px}.option{padding:12px}.resultgrid{gap:10px}}

/* Verzia 1.3 – vlastné prihlasovanie administrátora */
.foot a{color:#376e9d;text-decoration:none;font-weight:650}
.foot a:hover{text-decoration:underline}
.admin-login-hero{text-align:center;max-width:680px;margin:62px auto 25px}
.admin-login-hero h1{font-size:clamp(29px,4vw,43px);margin:12px 0}
.admin-login-hero p{color:#718094;font-size:16px;line-height:1.6}
.login-panel{max-width:490px;margin:0 auto 48px;padding:38px 42px}
.login-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#e8f3fb;font-size:27px;margin-bottom:20px}
.login-panel h2{font-size:24px;letter-spacing:-.6px;margin:0 0 8px}
.login-desc{font-size:14px;color:#77879a;line-height:1.5;margin:0 0 15px}
.login-panel label{margin:22px 0}
.login-submit{width:100%;text-align:center;margin-top:3px}
.login-note{border-top:1px solid #edf0f4;color:#8896a6;font-size:12px;margin-top:28px;padding-top:20px;text-align:center}
.admin-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-actions form{margin:0}
.btn-light{background:#e9eff5;color:#31516b}
.btn-light:hover{background:#dbe5ef}
@media(max-width:620px){.admin-login-hero{margin:35px auto 20px}.login-panel{padding:26px 22px}.admin-actions{align-items:stretch}.admin-actions .btn{width:100%;text-align:center}}

/* Visual refresh v1.4: cohesive navigation, login and responsive design */
body{display:flex;flex-direction:column;background:linear-gradient(180deg,#f6f8fc 0%,#f1f5fa 100%);color:#1b2b44}
.main-content{flex:1;width:100%}
.top{position:relative;z-index:2;box-shadow:0 3px 22px rgba(15,49,83,.035)}
.nav{min-height:94px;gap:22px}
a.brand{text-decoration:none;color:inherit;min-width:0}
.brand-logo{height:64px;max-width:165px;object-fit:contain}
.brand-caption{min-width:0}.brand-caption strong{font-size:14px;line-height:1.35;color:#193354}.brand-caption small{font-size:12px}
.mainnav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nav-link{display:inline-flex;align-items:center;gap:6px;padding:12px 16px;text-decoration:none;font-size:14px;font-weight:650;color:#60748a;border-radius:10px;transition:background .15s,color .15s;white-space:nowrap}
.nav-link:hover{background:#edf4fb;color:#15568f}.nav-link.active{background:#e9f2fc;color:#145992}
.foot{display:flex;justify-content:center;align-items:center;gap:8px 15px;flex-wrap:wrap;margin-top:54px;padding-top:26px;padding-bottom:28px;text-align:center;color:#8292a6}
.foot a{color:#245da5;text-decoration:none;font-weight:650}.foot a:hover{text-decoration:underline}
.version-tag{font-size:11px;color:#607994;background:#e8eef6;border-radius:20px;padding:5px 10px}
.admin-login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);align-items:center;gap:clamp(30px,5vw,88px);padding:clamp(42px,8vh,96px) 0 32px;min-height:610px}
.admin-intro{padding:10px 0}.admin-intro .eyebrow{color:#2b67aa;font-size:12px;letter-spacing:1.6px}
.admin-intro h1{font-size:clamp(37px,4.3vw,57px);line-height:1.12;letter-spacing:-2px;margin:22px 0}.admin-intro h1 em{color:#275fa8}
.admin-intro>p{max-width:530px;color:#6a7c93;line-height:1.8;font-size:16px}
.intro-points{display:grid;gap:18px;margin-top:36px;color:#496078;font-size:14px;font-weight:600}
.intro-points>div{display:flex;align-items:center;gap:12px}
.intro-point-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#e4f2ec;color:#22815c;font-size:14px;font-weight:800}
.login-card{padding:clamp(26px,3vw,42px);border-radius:22px;border:1px solid #e5ecf4;box-shadow:0 24px 65px rgba(35,60,100,.09);width:100%;max-width:480px;justify-self:end}
.login-icon{display:grid;place-items:center;width:56px;height:56px;color:#1762a2;background:#eaf3fc;border-radius:15px;margin-bottom:25px}
.login-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#4c83ba}
.login-card h2{font-size:29px;letter-spacing:-.8px;margin:8px 0 8px;color:#1b2d49}
.login-card .login-desc{font-size:14px;color:#8090a3;margin:0 0 30px}
.login-card form{display:block}.login-card label{display:block;font-size:13px;font-weight:700;margin:19px 0 9px;color:#32465f}
.login-card input:not([type=radio]){display:block;width:100%;margin:0;padding:15px 16px;border:1px solid #dce5ef;border-radius:11px;font-size:15px;background:#fbfdff;color:#1b2d49;transition:box-shadow .15s,border-color .15s}
.login-card input:focus{outline:none;border-color:#307bbd;box-shadow:0 0 0 4px rgba(48,123,189,.12)}
.login-card .login-submit{display:flex;justify-content:center;gap:15px;align-items:center;width:100%;margin-top:30px;padding:16px;background:#145c9c;border-radius:11px;font-size:15px}
.login-card .login-submit:hover{background:#0b467a}
.login-card .login-note{margin-top:27px;padding-top:22px;border-top:1px solid #ecf0f4;font-size:12px;color:#91a0b0;text-align:center}
.login-card .error{margin:14px 0}
@media(max-width:850px){.admin-login-layout{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:40px}.admin-intro{padding:0}.admin-intro>p{max-width:650px}.intro-points{display:none}.login-card{justify-self:center;max-width:650px}.nav{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.mainnav{width:100%;justify-content:center}.nav-link{padding:10px 13px}}
@media(max-width:620px){.brand-logo{height:49px;max-width:130px}.brand-caption strong{font-size:12px}.brand-caption small{font-size:11px}.mainnav{gap:3px}.nav-link{font-size:12px;padding:10px 11px}.admin-intro h1{font-size:36px}.admin-intro>p{font-size:14px}.login-card{padding:26px 22px}.login-card h2{font-size:25px}.foot{font-size:11px}}

/* Verzia 1.5: vstupná brána */
.gate-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#dfeafa 0,transparent 45%),linear-gradient(135deg,#edf4fb,#f8fafd)}
.gate-container{width:min(100%,540px);padding:36px 22px}
.gate-brand{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:35px;font-weight:800;font-size:12px;letter-spacing:1.1px;color:#1c5181}
.gate-brand img{width:auto;height:66px;max-width:180px;object-fit:contain}
.gate-card{padding:clamp(25px,5vw,46px);background:white;border:1px solid #e1eaf3;border-radius:24px;box-shadow:0 25px 80px #153c681c}
.gate-lock{font-size:27px;display:grid;place-items:center;background:#e7f1fc;width:60px;height:60px;border-radius:18px;margin-bottom:23px}
.gate-card h1{font-size:clamp(28px,5vw,38px);letter-spacing:-1.25px;margin:13px 0}
.gate-card p{color:#6a7e91;line-height:1.7;margin-bottom:26px}
.gate-card label{margin:0 0 9px;font-size:13px;color:#334a66}
.gate-card input[type=password]{margin:0 0 20px;background:#fafdff}
.gate-card button{display:block;width:100%;margin:0}
.gate-credit{text-align:center;font-size:11px;line-height:1.8;color:#8192a5;margin-top:28px}
.gate-credit a{color:#245da5;text-decoration:none}

/* Verzia 1.6 – správa notifikácií a výsledkov */
.admin-heading{align-items:center}.admin-subtitle{font-size:14px;color:#738398;margin:6px 0 0}.admin-settings{padding:30px;margin-top:27px}.admin-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px}.admin-section-header h2{font-size:23px;margin:8px 0 6px;letter-spacing:-.5px;color:#1d3350}.admin-section-header p{color:#75869a;font-size:14px;line-height:1.6;margin:0}.settings-icon{background:#e9f2fc;color:#255b93;font-size:26px;display:grid;place-items:center;width:54px;height:54px;border-radius:15px}.training-form{border-top:1px solid #e7edf5;padding-top:20px}.training-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#223c58;font-size:16px}.training-chip{background:#eef4fc;color:#315f95;font-size:11px;font-weight:800;letter-spacing:.2px;border-radius:99px;padding:6px 10px}.training-form label{margin:22px 0 10px}.training-form textarea{display:block;width:100%;resize:vertical;min-height:85px;font-family:inherit;line-height:1.65;font-size:14px;border:1px solid #dce5ef;border-radius:11px;padding:14px 16px;color:#20374f;background:#fbfdff;outline:none}.training-form textarea:focus{border-color:#2f77b5;box-shadow:0 0 0 3px #2b79b514}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.settings-actions p{font-size:12px;color:#8391a2;line-height:1.6;margin:0}.settings-actions .btn{flex-shrink:0}.admin-alert{border-radius:10px;padding:15px 18px;margin-top:20px;font-size:14px}.admin-success{background:#eaf7ef;border:1px solid #b9e6c8;color:#23683c}.admin-results{padding-top:24px}.admin-results .admin-section-header{padding:0 28px 17px}.results-count{border-radius:30px;background:#f0f5fb;color:#49729a;font-weight:750;padding:8px 14px;white-space:nowrap;font-size:12px}.subvalue{display:block;color:#8493a3;font-size:12px;margin-top:5px}.mail-state{font-size:12px;color:#64758a}.delete-btn{border:1px solid #f0c4c4;background:#fff7f7;color:#a33a3a;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:700;font-size:12px}.delete-btn:hover{background:#fce7e7;border-color:#df8d8d}.empty-results{text-align:center;padding:34px;color:#8e9bac}@media(max-width:700px){.admin-settings{padding:20px}.settings-actions{flex-direction:column;align-items:stretch}.settings-actions .btn{width:100%}.admin-results .admin-section-header{padding:0 18px 16px}.admin-section-header h2{font-size:20px}}
