:root{--color-primary-dark:#102c2a;--color-primary:#176454;--color-primary-light:#23816d;--color-gold:#a57b24;--color-gold-light:#e6be67;--color-gold-muted:#fcf2d9;--color-bg:#f2f5f7;--color-border:#e1e8ec;--color-text-main:#243841;--color-text-muted:#617580;--radius-md:12px;--radius-lg:20px;--shadow-subtle:0 8px 30px -14px #17374625;--shadow-hover:0 14px 35px -15px #17374640}
body{background:radial-gradient(ellipse at 100% 0%,#dbeee9,transparent 40%),var(--color-bg)}
header{background:linear-gradient(110deg,#0c1e28,#12382f);border-bottom:1px solid #d6b36a55;padding-top:20px;padding-bottom:20px;box-shadow:0 8px 28px #0a21251c}
.header-logo{border:1px solid #d6b36a;box-shadow:none;width:52px;height:52px}.header-titles strong{font-size:12px;letter-spacing:.6px;max-width:600px;text-shadow:none;line-height:1.6}.header-titles small{font-size:10px;letter-spacing:1.8px;color:#b4c7c2}.header-user{border-radius:12px;background:#ffffff08;padding:10px 14px}
main{max-width:1380px;margin:30px auto 48px}h1{font-size:clamp(23px,2.5vw,32px);letter-spacing:-1px;line-height:1.3;margin-bottom:10px}h2{font-size:18px;letter-spacing:-.5px}p{font-size:14px;line-height:1.8}.watermark-bg{opacity:.018}
.card{padding:28px;border-color:#e1e8ec;backdrop-filter:none;background:#fff;box-shadow:var(--shadow-subtle)}.card-with-watermark::before{opacity:.022}
.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.stat-card{border-top-width:2px;padding:24px;background:linear-gradient(135deg,#fff,#f9fbfc);backdrop-filter:none}.stat-card::after{content:'';position:absolute;right:-15px;top:-20px;width:90px;height:90px;border:16px solid #17645406;border-radius:50%;pointer-events:none}.stat-card .stat-label{font-family:inherit;font-size:10px;letter-spacing:1px;min-height:30px}.stat-card .stat-value{font-size:32px;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.stat-card .stat-sub{font-size:11px}
label{font-size:11px;letter-spacing:.8px;color:#49616c}input,select{border:1px solid #dce5e9;background:#f8fafb;padding:13px 14px;min-height:48px}input:focus,select:focus{background:#fff;border-color:#23816d;box-shadow:0 0 0 4px #23816d15}
button,.btn{border-radius:10px;box-shadow:0 4px 12px #17645418;font-size:13px;min-height:42px}.btn-sm{min-height:34px}.btn-secondary{background:#647580}.btn-danger{background:#b93845}
.scroll{border:1px solid #e5ecef;border-radius:12px;margin-top:18px}th{background:#f3f7f8;font-family:inherit;color:#627782;font-size:10px;letter-spacing:.8px;padding:16px 14px;white-space:nowrap}td{padding:17px 14px;font-size:13px;border-color:#edf1f3;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faf9}.badge{font-size:11px;padding:5px 10px}.muted{font-size:12px}
.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #dae4e8}.workspace-link{display:flex;align-items:center;gap:10px;font-size:12px;color:#516873}.workspace-icon{display:grid;place-items:center;width:32px;height:32px;background:#e0eee9;color:#176454;border-radius:9px}.workspace-meta{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#6c808b}.system-footer{display:flex;justify-content:space-between;gap:16px;max-width:1332px;margin:0 auto;padding:24px;border-top:1px solid #dce5e9;color:#637782;font-size:11px}
.login-shell{display:grid;grid-template-columns:1.15fr 1fr;max-width:1100px;margin:48px auto 60px;background:#fff;border:1px solid #dbe5e8;border-radius:28px;overflow:hidden;box-shadow:0 25px 65px -25px #0e333b45}.login-hero{position:relative;isolation:isolate;overflow:hidden;padding:52px 44px;background:radial-gradient(ellipse at 90% 80%,#206453,transparent 65%),#102630;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:570px}.login-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:36px 36px;z-index:-1}.hero-orbit{position:absolute;right:-110px;top:90px;width:340px;height:340px;border:1px solid #75d5b522;border-radius:50%;box-shadow:0 0 0 45px #75d5b505,0 0 0 90px #75d5b505;z-index:-1}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#e6be67;display:flex;align-items:center;gap:9px}.eyebrow::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.hero-logo{width:94px;height:94px;object-fit:contain;background:#fff;border-radius:50%;padding:4px;border:2px solid #e6be67;margin:35px 0 25px}.login-hero h1{color:#fff;font-size:40px;letter-spacing:-1.8px;line-height:1.17;max-width:360px}.login-hero h1 span{color:#9ad5be}.login-hero p{color:#afc4c8;font-size:13px;max-width:340px;margin-top:18px}.hero-bottom{border-top:1px solid #ffffff20;margin-top:28px;padding-top:22px;display:flex;gap:24px;font-size:10px;letter-spacing:1px;color:#bdd1d1}.hero-bottom strong{display:block;color:#fff;font-size:20px;letter-spacing:0;margin-bottom:4px}
.login-form-panel{padding:55px 46px;display:flex;flex-direction:column;justify-content:center}.login-form-panel h2{font-size:27px;letter-spacing:-1px;margin-top:14px}.login-form-panel .eyebrow{color:#527568}.login-form-panel form{margin-top:22px}.login-form-panel input{margin-bottom:22px}.login-submit{width:100%;gap:12px;min-height:50px;margin-top:4px}.login-help{padding-top:25px;margin-top:26px;border-top:1px solid #e5ecef;font-size:11px;line-height:1.9}.login-form-panel .muted{font-size:13px}
button:focus-visible,a:focus-visible{outline:3px solid #4aab96;outline-offset:4px}.skip-link{position:absolute;left:16px;top:-100px;z-index:30;background:#fff;padding:12px;border-radius:8px}.skip-link:focus{top:12px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-titles strong{max-width:460px}.login-form-panel,.login-hero{padding:40px 30px}}
@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:18px}.stat-card .stat-value{font-size:28px}.login-shell{grid-template-columns:1fr;margin:16px auto 30px;border-radius:20px}.login-hero{min-height:0;padding:28px}.hero-logo{width:65px;height:65px;margin:20px 0}.login-hero h1{font-size:30px;max-width:none}.login-hero p{max-width:none}.hero-bottom{display:none}.login-form-panel{padding:30px 26px}.header-titles strong{font-size:10px}.header-titles small{font-size:9px;letter-spacing:1px}.header-user-info{overflow-wrap:anywhere}.card{padding:20px}.workspace-meta{display:none}.system-footer{flex-direction:column}.actions-cell{flex-wrap:wrap}.header-brand{gap:12px}.header-logo{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}button:hover,.btn:hover,.stat-card:hover{transform:none}}
:root { --sidebar-width: 235px; }
.admin-shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); gap: 28px; align-items: start; }
.admin-sidebar { position: sticky; top: 24px; padding: 24px 14px; border-radius: 20px; background: linear-gradient(160deg, #102630, #123d32); color: #fff; box-shadow: 0 12px 30px -16px #10263060; }
.sidebar-heading { padding: 0 12px 22px; border-bottom: 1px solid #ffffff18; margin-bottom: 18px; }
.sidebar-heading strong { display: block; font-size: 18px; margin-top: 12px; letter-spacing: -.5px; }
.sidebar-heading p { color: #b7cbc8; font-size: 11px; margin: 8px 0 0; }
.admin-navigation { display: grid; gap: 8px; }
.admin-nav-link { display: flex; align-items: center; gap: 10px; padding: 13px 12px; border: 1px solid transparent; border-radius: 11px; color: #c3d4d2; font-size: 12px; font-weight: 600; transition: background .2s; }
.admin-nav-link:hover { text-decoration: none; background: #ffffff0c; color: #fff; }
.admin-nav-link.is-active { background: #ffffff12; border-color: #b1d9c934; color: #fff; box-shadow: inset 3px 0 #e6be67; }
.nav-number { font-size: 10px; color: #9bbab2; font-variant-numeric: tabular-nums; }
.is-active .nav-number { color: #e6be67; }
.nav-arrow { margin-left: auto; font-size: 20px; }
.sidebar-caption { margin: 28px 12px 0; padding-top: 20px; border-top: 1px solid #ffffff18; font-size: 11px; letter-spacing: 2px; color: #e6be67; }
.sidebar-caption span { display: block; color: #abc3bc; font-size: 10px; letter-spacing: .3px; margin-top: 5px; }
.admin-content { min-width: 0; }
.admin-content > .card { margin-top: 0; }
.admin-content .stats-grid { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
.admin-content .scroll { max-height: 60vh; overflow: auto; }
.admin-content .scroll th { position: sticky; top: 0; z-index: 2; }
.overview-card { margin-top: 0; }
.overview-card h2 { margin-top: 14px; }
.overview-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.overview-links a { padding: 22px; border: 1px solid #e1e8ec; border-radius: 14px; background: #f8fafb; }
.overview-links a:hover { text-decoration: none; background: #eef6f2; border-color: #b4d3c5; }
.overview-links strong { display: flex; justify-content: space-between; font-size: 13px; }
.overview-links a > span { display: block; font-size: 12px; color: #617580; font-weight: 400; margin-top: 8px; line-height: 1.7; }
@media (max-width: 1000px) { .admin-shell { grid-template-columns: 205px minmax(0, 1fr); gap: 18px; } }
@media (max-width: 768px) { .admin-shell { grid-template-columns: 1fr; } .admin-sidebar { position: static; padding: 16px; } .sidebar-heading { border: 0; padding: 0 0 12px; margin: 0; } .sidebar-heading p, .sidebar-caption { display: none; } .sidebar-heading strong { margin-top: 6px; } .admin-navigation { display: flex; overflow-x: auto; padding-bottom: 4px; } .admin-nav-link { flex-shrink: 0; } .nav-arrow { display: none; } .overview-links { grid-template-columns: 1fr; } }
.merit-table thead th { text-align: center; }
.evaluation-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.evaluation-tab { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border: 1px solid #dce5e9; border-radius: 11px; color: #516873; font-size: 12px; }
.evaluation-tab:hover { text-decoration: none; background: #edf6f2; border-color: #9ec8b8; }
.evaluation-tab.is-active { background: #176454; border-color: #176454; color: #fff; }
.evaluation-tab span { padding: 2px 7px; border-radius: 6px; background: #1764540d; font-size: 10px; }
.evaluation-tab.is-active span { background: #ffffff20; }
.evaluation-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.evaluation-summary h2 { margin-bottom: 4px; }
.evaluation-summary p { margin: 0; font-size: 12px; }
main { max-width: none; width: 100%; margin: 24px auto 36px; padding: 0 24px; }
header { padding-left: 24px; padding-right: 24px; }
.system-footer { max-width: none; width: 100%; }
.admin-shell { gap: 22px; }
.admin-content .scroll { max-height: none; overflow-x: auto; }
.data-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #e1e8ec; }
.pagination-info { font-size: 12px; color: #617580; }
.pagination-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.page-button { display: inline-flex; justify-content: center; align-items: center; min-width: 38px; min-height: 40px; padding: 8px 12px; border: 1px solid #dce5e9; border-radius: 9px; background: #fff; color: #176454; font-size: 12px; font-weight: 600; }
a.page-button:hover { background: #edf6f2; border-color: #9ec8b8; text-decoration: none; }
.page-button.is-current { background: #176454; border-color: #176454; color: #fff; }
.page-button.is-disabled { background: #f6f8f9; color: #89969e; }
.page-gap { padding: 0 4px; color: #617580; }
@media(max-width:768px) { main { padding: 0 16px; } .data-pagination { align-items: flex-start; flex-direction: column; } }
textarea { width: 100%; min-height: 90px; resize: vertical; border: 1px solid #dce5e9; border-radius: 10px; padding: 12px; font: inherit; background: #f8fafb; color: #243841; margin-bottom: 12px; }
textarea:focus { outline: 2px solid #23816d; outline-offset: 2px; }
.correction-form { min-width: 230px; max-width: 340px; margin-top: 12px; }
.correction-text { min-width: 180px; max-width: 320px; overflow-wrap: anywhere; }
.correction-text p { font-size: 12px; margin: 8px 0 0; white-space: pre-wrap; }
.correction-details summary { cursor: pointer; color: #176454; font-weight: 700; }
.history-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; gap: 16px; margin: 22px 0 18px; padding: 20px; background: #f4f8f7; border: 1px solid #e1e8ec; border-radius: 14px; }
.history-filters input, .history-filters select { margin-bottom: 0; }
.filter-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.filter-actions .btn, .filter-actions button { min-height: 48px; }
@media(max-width:768px) { .history-filters { grid-template-columns: 1fr; padding: 16px; } }
/* Identidad visual compartida por los tres perfiles. */
:root { --color-bg: #f1f5f6; --color-border: #dee7e9; --radius-lg: 22px; --shadow-subtle: 0 3px 5px #14342c03, 0 14px 38px -24px #14342c38; }
body { background: radial-gradient(ellipse at 92% 4%, #dcece4 0, transparent 36%), radial-gradient(ellipse at 4% 70%, #e2ebf2 0, transparent 45%), #f1f5f6; }
.workspace-page { min-height: 100vh; }
.workspace-page main { min-height: calc(100vh - 220px); }
header { background: linear-gradient(105deg, #0b222b 0%, #133b32 72%, #1c4b3d 100%); border-bottom: 2px solid #d2ad604d; }
.header-titles strong { max-width: 760px; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
.header-titles small { color: #c4d7cf; font-size: 10px; }
.header-logo { width: 58px; height: 58px; box-shadow: 0 0 0 5px #ffffff08; }
.header-user { background: #ffffff08; border-color: #ffffff1a; border-radius: 16px; gap: 12px; }
.user-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 11px; background: #e9bc64; color: #203a30; font-size: 14px; font-weight: 800; }
header button { background: #ffffff0a; border: 1px solid #ffffff2b; border-radius: 9px; min-height: 34px; box-shadow: none; }
.ui-icon { width: 21px; height: 21px; display: block; flex-shrink: 0; }
.workspace-bar { margin-bottom: 24px; padding-bottom: 15px; }
.workspace-icon { background: #fff; border: 1px solid #dce5e3; border-radius: 10px; width: 34px; height: 34px; box-shadow: 0 3px 7px #15372c05; }
.workspace-icon .ui-icon { width: 17px; height: 17px; }
.breadcrumb-separator { color: #a0b2b4; padding: 0 3px; }
.workspace-meta { color: #657b7c; }
.page-heading { padding: 26px 30px; margin-bottom: 24px; border: 1px solid #dce7e2; border-radius: 20px; background: linear-gradient(115deg, #ffffffec, #eaf3edd9); box-shadow: 0 8px 25px -20px #17645440; position: relative; overflow: hidden; }
.page-heading::after { content: ''; position: absolute; right: -50px; top: -90px; width: 250px; height: 250px; border: 35px solid #17645404; border-radius: 50%; pointer-events: none; }
.page-heading h1 { font-size: clamp(24px, 2vw, 32px); letter-spacing: -1.1px; margin-bottom: 9px; }
.page-heading p { color: #5d7375; font-size: 13px; max-width: 950px; margin-bottom: 0; }
.section-caption { display: block; color: #507565; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.6px; margin-bottom: 8px; }
.admin-sidebar { background: radial-gradient(ellipse at 0% 100%, #215442 0, transparent 65%), #102b2c; border: 1px solid #ffffff1a; padding: 28px 15px; }
.sidebar-heading strong { font-size: 20px; }
.sidebar-heading .eyebrow { font-size: 9px; }
.admin-nav-link { padding: 14px 11px; color: #d0ded8; font-size: 12px; gap: 11px; }
.nav-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: #ffffff06; color: #a9c8b9; flex-shrink: 0; }
.nav-icon .ui-icon { width: 18px; height: 18px; }
.admin-nav-link.is-active { background: #f3f8f0; color: #143e30; border-color: #f3f8f0; box-shadow: 0 5px 18px #00000014; }
.is-active .nav-icon { background: #dfeee3; color: #176454; }
.admin-nav-link.is-active .nav-arrow { color: #176454; }
.card { border-color: #dfe7e9; box-shadow: var(--shadow-subtle); }
.card h2 { font-size: 18px; letter-spacing: -.45px; }
.card-with-watermark::before { opacity: .015; }
.stat-card { padding: 23px; border-radius: 18px; border-top-width: 3px; box-shadow: var(--shadow-subtle); }
.stat-icon { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 16px; border-radius: 11px; color: #176454; background: #eaf4ee; }
.stat-accent .stat-icon { color: #35668b; background: #edf3fa; }
.stat-warning .stat-icon { color: #996b22; background: #fbf3e2; }
.stat-card .stat-label { min-height: 26px; font-size: 10px; color: #577070; }
.stat-card .stat-value { font-size: clamp(29px, 2.4vw, 38px); letter-spacing: -1.6px; margin-bottom: 10px; }
.overview-card { background: linear-gradient(135deg, #fff, #fbfdfb); }
.overview-links a { position: relative; background: #fff; padding: 24px; box-shadow: 0 3px 10px #163b2e04; transition: border-color .2s, background .2s; }
.overview-links strong { font-size: 14px; align-items: center; gap: 16px; }
.overview-links strong span { display: grid; place-items: center; border-radius: 9px; min-width: 30px; height: 30px; background: #edf4f0; color: #176454; }
.overview-links a:hover strong span { background: #176454; color: #fff; }
input, select, textarea { border-color: #dce5e7; background: #f8fafb; border-radius: 11px; font-size: 13px; }
label { font-size: 10px; letter-spacing: .7px; margin-bottom: 8px; }
button, .btn { font-weight: 700; letter-spacing: .1px; box-shadow: 0 5px 10px -5px #17645450; }
.btn-secondary { background: #edf2f3; color: #415b61; border: 1px solid #d9e3e6; box-shadow: none; }
.btn-secondary:hover { background: #dfe9eb; color: #243841; }
.btn-danger { background: #a73343; }
.scroll { border-radius: 14px; border-color: #e2e9eb; }
th { padding: 18px 14px; background: #f0f5f5; color: #46666a; font-weight: 800; }
td { padding: 18px 14px; vertical-align: middle; }
tbody tr:nth-child(even) { background: #fafcfc; }
tbody tr:hover { background: #eff6f2; }
.badge { font-weight: 700; border-radius: 7px; letter-spacing: .1px; }
.badge-success { background: #e8f5ed; color: #1d6945; border-color: #c6e5d3; }
.badge-danger { background: #fbecee; color: #a13545; border-color: #f0cbd1; }
.badge-warning { background: #fcf4e4; color: #936622; border-color: #eddcb7; }
.badge-personal, .badge-admin { background: #edf3fa; color: #355c88; border-color: #d2dfef; }
.evaluation-tabs { padding: 8px; border: 1px solid #dce5e7; border-radius: 16px; background: #e8eff0; gap: 6px; }
.evaluation-tab { flex: 1; justify-content: center; padding: 14px 16px; background: transparent; border-color: transparent; color: #506b70; white-space: nowrap; }
.evaluation-tab.is-active { background: #fff; color: #176454; border-color: #dbe5e0; box-shadow: 0 4px 12px #163b2e0b; }
.evaluation-tab.is-active span { background: #e9f4ed; color: #176454; }
.evaluation-summary { padding: 4px 2px; }
.security-callout { display: flex; gap: 15px; align-items: center; background: #eaf1f7; border: 1px solid #cfdfea; border-radius: 14px; padding: 18px 22px; color: #365a77; font-size: 12px; line-height: 1.8; margin-bottom: 22px; }
.callout-icon { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; color: #35658a; background: #dce9f3; }
.history-filters { background: #f2f7f5; border-color: #dce8e2; }
.correction-details summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: #edf5f0; border: 1px solid #cddfd3; border-radius: 9px; font-size: 11px; }
.correction-details summary::-webkit-details-marker { display: none; }
.correction-details summary::after { content: '+'; font-size: 16px; line-height: 1; }
.correction-details[open] summary::after { content: '−'; }
.correction-form { padding: 16px; background: #f6f9f8; border: 1px solid #e0e9e4; border-radius: 12px; }
.notice, .errors { border-left-width: 3px; font-size: 13px; box-shadow: none; }
.applicant-status { background: linear-gradient(110deg, #fff, #eef7f1); padding: 32px; }
.evaluation-progress { margin-bottom: 24px; }
.progress-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.admission-progress { display: block; width: 100%; height: 8px; appearance: none; border: 0; border-radius: 20px; overflow: hidden; background: #e5eeea; margin: 20px 0 26px; }
.admission-progress::-webkit-progress-bar { background: #e5eeea; }
.admission-progress::-webkit-progress-value { background: linear-gradient(90deg, #176454, #62b18b); border-radius: 20px; }
.admission-progress::-moz-progress-bar { background: #23816d; border-radius: 20px; }
.evaluation-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.evaluation-step { display: flex; align-items: center; gap: 12px; padding: 16px; background: #f6f8f9; border: 1px solid #e2e9eb; border-radius: 13px; }
.step-icon { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: #e8edef; color: #6f828b; }
.evaluation-step strong { display: block; font-size: 12px; color: #3f5c62; }
.evaluation-step small { display: block; font-size: 10px; color: #6b8086; margin-top: 4px; }
.evaluation-step.is-complete { background: #f0f8f2; border-color: #d6e8db; }
.is-complete .step-icon { background: #176454; color: #fff; }
.login-shell { margin-top: 45px; box-shadow: 0 25px 70px -25px #113b3440; }
.login-hero { background: radial-gradient(ellipse at 100% 100%, #29684e, transparent 70%), linear-gradient(145deg, #0c242e, #153c32); }
.login-form-panel { background: linear-gradient(150deg, #fff, #fbfdfb); }
.hero-logo { box-shadow: 0 0 0 8px #ffffff05, 0 0 0 9px #d7b16b25; }
.login-form-panel h2 { font-size: 30px; }
.login-submit { min-height: 54px; border-radius: 12px; }
.system-footer { color: #67807c; padding-top: 20px; padding-bottom: 20px; font-size: 10px; }
@media(min-width:1600px) { .overview-links { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media(max-width:1100px) { .evaluation-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } .evaluation-tabs { flex-wrap: wrap; } }
@media(max-width:768px) { .header-titles strong { font-size: 10px; } .header-titles small { font-size: 9px; } .header-logo { width: 44px; height: 44px; } .user-avatar { width: 30px; height: 30px; } .header-user { width: 100%; } .page-heading { padding: 22px; } .page-heading h1 { font-size: 24px; } .admin-sidebar { padding: 18px; } .admin-nav-link { padding: 9px 12px; } .sidebar-heading strong { font-size: 18px; } .stat-card { padding: 18px; } .evaluation-tabs { flex-wrap: nowrap; overflow-x: auto; } .evaluation-tab { flex: 0 0 auto; padding: 11px 14px; } .evaluation-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .evaluation-step { padding: 12px; gap: 8px; } .evaluation-step:last-child { grid-column: 1 / -1; } .progress-heading { flex-wrap: wrap; } .security-callout { align-items: flex-start; padding: 16px; } .login-form-panel h2 { font-size: 26px; } .applicant-status { padding: 24px; } .workspace-link { font-size: 10px; gap: 7px; flex-wrap: wrap; } }
.institution-motto { margin: 24px 0 0; padding: 16px 18px; border-left: 3px solid #d4af63; border-radius: 0 10px 10px 0; background: #ffffff06; text-align: center; }
.motto-label { display: block; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #d4af63; }
.login-hero .institution-motto p { max-width: none; margin: 0; color: #f0e7d1; font-size: 16px; font-weight: 700; line-height: 1.8; letter-spacing: .4px; }
.footer-motto { padding: 0 24px 20px; }
.footer-motto .institution-motto { margin: 0; border: 1px solid #cba65855; border-radius: 14px; background: linear-gradient(110deg, #102b2c, #1b4938); text-align: center; padding: 24px 28px; box-shadow: 0 8px 22px -12px #102b2c50; }
.footer-motto .motto-label { color: #80642e; }
.footer-motto .institution-motto p { margin: 0; color: #f1d38c; font-size: clamp(17px, 1.4vw, 22px); font-weight: 800; letter-spacing: .8px; line-height: 1.8; }
@media(max-width:768px) { .footer-motto { padding: 0 16px 16px; } }
.author-footer { align-items: center; background: #e5eee8; border-top: 2px solid #c5a15b; padding: 24px; }
.footer-system-name { color: #496457; font-size: 12px; }
.author-credit { display: flex; flex-direction: column; gap: 8px; text-align: right; }
.author-credit strong { color: #183e2f; font-size: 14px; font-weight: 800; line-height: 1.7; letter-spacing: .3px; }
.author-credit > span { color: #425d4f; font-size: 13px; line-height: 1.8; }
.author-credit a { display: inline-block; color: #174e37; font-weight: 800; margin-left: 10px; }
@media(max-width:768px) { .author-footer { text-align: center; } .author-credit { text-align: center; } .author-credit a { margin-left: 0; display: block; } }
.system-clock { display: flex; align-items: center; gap: 18px; padding: 13px 20px; background: linear-gradient(115deg, #102b2c, #1b4938); border: 1px solid #cfad6655; border-radius: 16px; box-shadow: 0 8px 22px -12px #102b2c55; flex-shrink: 0; }
.clock-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #f1d38c; background: #ffffff09; border: 1px solid #ffffff12; }
.clock-icon .ui-icon { width: 23px; height: 23px; }
.clock-date, .clock-time { display: flex; flex-direction: column; gap: 4px; }
.clock-label { color: #bdd2c8; font-size: 9px; text-transform: uppercase; letter-spacing: 1.2px; font-weight: 600; }
[data-clock-date] { color: #fff; font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.clock-time { border-left: 1px solid #ffffff21; padding-left: 18px; }
[data-clock-time] { color: #f1d38c; font-size: 24px; font-weight: 800; letter-spacing: 1px; line-height: 1.1; font-variant-numeric: tabular-nums; }
@media(max-width:768px) { .workspace-bar { flex-wrap: wrap; } .system-clock { width: 100%; justify-content: center; padding: 14px 16px; margin-top: 4px; } [data-clock-time] { font-size: 23px; } }