@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17233b;--muted:#78849a;--line:#e8edf4;--bg:#f5f7fb;--blue:#3467eb;--blue-dark:#2452ce;--white:#fff;--green:#16845b;--shadow:0 8px 28px rgba(22,39,75,.045)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.5;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 17px 20px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 35px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4d7df4,#2854d6);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 22px Manrope,sans-serif;box-shadow:0 6px 14px #3467eb33}.brand strong{font:800 17px Manrope,sans-serif;letter-spacing:-.5px;display:block}.brand small{display:block;color:#8a96aa;font-size:10px;margin-top:1px;letter-spacing:.3px}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.25px;color:#98a2b4}.nav-label{padding:0 12px 11px}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;color:#738098;font-size:13px;font-weight:600;transition:.15s}.side-nav a:hover{background:#f5f7fd;color:var(--blue)}.side-nav a.active{color:var(--blue);background:#edf2ff;font-weight:700}.nav-icon{width:18px;text-align:center;font-size:18px}.sidebar-bottom{margin-top:auto}.sidebar-note{font-size:11px;color:#8c97a9;padding:12px;border-top:1px solid var(--line)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2db781;margin-right:7px}.logout-link{display:block;margin-top:8px;padding:12px;color:#8994a7;font-size:12px;border-radius:9px}.logout-link:hover{background:#fff1f1;color:#d34545}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line)}.topbar-title{display:flex;flex-direction:column;gap:2px}.topbar-title strong{font:700 17px Manrope,sans-serif;letter-spacing:-.35px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span:last-child{display:flex;flex-direction:column}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted)}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#eaf0ff;color:var(--blue);font-weight:800}.menu-toggle{display:none;border:0;background:none;font-size:21px}.page-content{padding:32px 38px 42px;flex:1;max-width:1800px;width:100%;margin:0 auto}.footer{padding:17px 38px;border-top:1px solid var(--line);color:#9aa4b5;font-size:11px;background:#fff}.footer span{padding:0 6px;color:#c1c9d6}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.welcome-row h1{font:800 27px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:6px 0 5px}.muted{color:var(--muted);margin:0;font-size:12px}.btn{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;font-weight:700;font-size:12px;white-space:nowrap;transition:.15s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #3467eb21}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-outline{border-color:#dfe5ee;color:#64718a;background:#fff}.btn-outline:hover,.btn-quiet:hover{background:#f7f9fd}.btn-quiet{background:transparent;color:#77839a}.btn-danger-outline{border-color:#f0caca;background:#fff;color:#c64b4b}.btn-danger-outline:hover{background:#fff5f5}.btn-full{width:100%}.button-row{display:flex;align-items:center;gap:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:19px 20px 17px;min-width:0}.stat-top{display:flex;align-items:center;gap:10px}.stat-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:19px}.icon-blue{color:#3867e7;background:#edf2ff}.icon-purple{color:#8b5de4;background:#f4edff}.icon-green{color:#159b69;background:#e9f8f1}.icon-orange{color:#d88728;background:#fff3e5}.stat-label{font-size:12px;color:#758198;font-weight:600}.stat-number{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:13px 0 2px}.stat-foot{font-size:10px;color:#9ba5b5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:20px}.panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-heading h2,.form-section-heading h2{font:800 15px Manrope,sans-serif;letter-spacing:-.35px;margin:0 0 4px}.panel-heading .muted{font-size:11px}.text-link{color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap}.text-link span{font-size:16px;margin-left:3px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#9aa4b4;text-transform:uppercase;letter-spacing:.65px;font-size:9px;font-weight:800;padding:0 13px 13px;border-bottom:1px solid #edf0f5}td{padding:13px;border-bottom:1px solid #f0f2f6;color:#5c6880;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td strong{color:#27344d}.person-cell{display:flex;align-items:center;gap:9px;min-width:155px}.person-cell>span:last-child{display:flex;flex-direction:column;gap:3px}.person-cell strong{font-size:11px;font-weight:700}.person-cell small{font-size:10px;color:#9aa4b5}.person-avatar{width:30px;height:30px;border-radius:9px;background:#edf2ff;color:#4269d8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800;line-height:1.2;white-space:nowrap}.status-blue{background:#eaf1ff;color:#3564d9}.status-purple{background:#f2eaff;color:#8051cb}.status-orange{background:#fff0df;color:#b86d13}.status-cyan{background:#e4f8fb;color:#18869a}.status-green{background:#e2f7ed;color:#188457}.status-red{background:#ffebeb;color:#c24d4d}.status-gray{background:#f0f2f6;color:#68758b}.icon-action{width:29px;height:29px;border:1px solid #e7ebf2;background:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#7d899d;font-size:15px}.icon-action:hover{border-color:#b7c7fb;color:var(--blue);background:#f7f9ff}.action-group{display:flex;align-items:center;gap:5px;justify-content:flex-end}.action-group form{margin:0}.danger-action:hover{border-color:#f2c7c7;color:#c24d4d;background:#fff6f6}.text-right{text-align:right}.progress-item{margin-bottom:19px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#758198;font-size:11px}.progress-label strong{color:#33415b;font-size:11px}.progress-track{height:6px;border-radius:8px;background:#f0f2f7;overflow:hidden}.progress-fill{height:100%;border-radius:8px;min-width:0}.bar-blue{background:#4775ed}.bar-purple{background:#9a6ce8}.bar-orange{background:#efa34c}.bar-cyan{background:#41b8c8}.bar-green{background:#2ab483}.bar-red{background:#e36d75}.mini-summary{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#8a95a8;font-size:11px}.mini-summary strong{color:#c24d4d}.empty-state{text-align:center;padding:42px 18px;color:#8b96a9}.empty-state h3{color:#34415a;font:700 14px Manrope,sans-serif;margin:10px 0 5px}.empty-state p{font-size:11px;margin:0 0 17px}.empty-icon{margin:auto;width:48px;height:48px;border-radius:15px;background:#f1f4fa;color:#8c9bb7;display:flex;align-items:center;justify-content:center;font-size:24px}.empty-state.compact{padding:32px 10px}.filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px}.search-box{height:39px;display:flex;align-items:center;gap:9px;border:1px solid #e1e6ef;border-radius:9px;padding:0 11px;flex:1;min-width:210px;background:#fff}.search-box>span{font-size:21px;color:#9ba5b6}.search-box input{border:0;outline:0;min-width:0;flex:1;font-size:11px;color:var(--ink);background:transparent}.search-box input::placeholder{color:#a0aaba}.select,.input,.textarea{width:100%;border:1px solid #e1e6ef;background:#fff;color:#35425b;border-radius:8px;padding:10px 11px;outline:none;font-size:12px;transition:border-color .15s,box-shadow .15s}.select:focus,.input:focus,.textarea:focus{border-color:#8da8fb;box-shadow:0 0 0 3px #3467eb12}.filter-bar .select{width:auto;min-width:150px;height:39px;padding:0 10px;font-size:11px}.filter-bar .btn{height:39px}.table-meta{display:flex;justify-content:space-between;gap:10px;padding:0 1px 13px;color:#9aa4b4;font-size:10px}.table-meta strong{color:#58667f}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #f0f2f6;color:#8995a8;font-size:11px}.pagination>div{display:flex;gap:7px}.page-btn{border:1px solid #e3e8f0;border-radius:7px;padding:7px 10px;color:#64718a;background:#fff;font-weight:600}.page-btn:hover{border-color:#b9c9fa;color:var(--blue)}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px;font-size:12px}.alert-error{background:#fff0f0;color:#a93737;border:1px solid #f7d8d8}.alert-success{background:#eaf8f1;color:#14784f;border:1px solid #d2efdf}.alert ul{margin:7px 0 0;padding-left:18px}.form-layout{display:grid;gap:18px}.form-panel{padding:25px 27px}.form-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid #eff2f6}.section-number{width:35px;height:35px;border-radius:10px;background:#edf2ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font:800 12px Manrope,sans-serif;flex-shrink:0}.form-section-heading h2{font-size:14px}.form-section-heading p{margin:0;color:#96a0b0;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:11px;font-weight:700;color:#53617a}.field label b{color:#e05a5a}.span-2{grid-column:span 2}.textarea{resize:vertical;min-height:90px;line-height:1.6}.file-input{padding:7px}.label-muted{font-weight:400;color:#9aa4b4;font-size:10px;margin-left:5px}.field-help{color:#8c97a9;font-size:10px}.field-help a{color:var(--blue)}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:20px;align-items:start}.profile-panel{padding:26px}.profile-head{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.profile-avatar{width:62px;height:62px;border-radius:18px;background:#edf2ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font:800 26px Manrope,sans-serif}.profile-head h2{font:800 20px Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 4px}.profile-head p{color:#7f8ba0;font-size:12px;margin:0 0 10px}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.profile-meta div,.detail-grid>div{display:flex;flex-direction:column;gap:5px}.profile-meta small,.detail-grid small,.side-info small{color:#98a2b2;font-size:10px}.profile-meta strong{font-size:12px}.detail-section{padding:22px 0;border-bottom:1px solid var(--line)}.detail-section h3,.detail-side h3{font:800 13px Manrope,sans-serif;margin:0 0 17px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 24px}.detail-grid strong{font-size:11px;font-weight:600;color:#47546c;overflow-wrap:anywhere}.detail-grid .normal-text{font-weight:400;line-height:1.7}.notes-content{margin:0;color:#65728a;font-size:12px;line-height:1.8;white-space:normal}.record-footer{display:flex;justify-content:space-between;gap:10px;color:#a0a9b7;font-size:10px;padding-top:18px}.detail-side{padding:22px}.detail-side .muted.small{font-size:11px;margin-bottom:16px}.current-status{margin-bottom:16px}.side-divider{height:1px;background:var(--line);margin:22px 0}.side-info{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.side-info strong{font-size:12px}.detail-side form{margin-top:22px}.password-panel{max-width:620px;padding:26px}.password-form{display:grid;gap:18px}.password-form .btn{justify-self:start}.login-body{background:#fff;min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr)}.login-visual{background:linear-gradient(145deg,#152b62 0%,#244db1 60%,#3569e8 100%);padding:40px 8%;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;width:500px;height:500px;right:-180px;bottom:-160px}.login-visual:after{width:360px;height:360px;right:-110px;bottom:-90px}.login-logo{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.login-logo .brand-mark{background:#ffffff1c;box-shadow:none}.login-logo strong{font:800 17px Manrope,sans-serif}.login-message{margin:auto 0;max-width:520px;position:relative;z-index:1;padding:70px 0}.eyebrow.light{color:#b8cbff}.login-message h1{font:800 clamp(32px,4vw,48px)/1.18 Manrope,sans-serif;letter-spacing:-1.6px;margin:18px 0}.login-message p{max-width:420px;color:#d4dfff;font-size:14px;line-height:1.8}.login-visual-footer{color:#bacbfa;font-size:11px;position:relative;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-form{width:100%;max-width:370px}.login-form h2{font:800 25px Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0}.login-form>.muted{margin-bottom:27px}.login-form label{display:block;font-size:11px;font-weight:700;color:#53617a;margin:17px 0 7px}.login-form .input{height:45px}.login-form .btn{height:45px;margin-top:24px}.login-hint{margin-top:20px;background:#f6f8fc;border:1px solid #edf0f6;border-radius:9px;padding:12px 14px;color:#8692a6;font-size:10px;line-height:1.8}.login-hint strong{color:#5e6b82}
@media(max-width:1200px){.sidebar{width:220px}.main-area{margin-left:220px}.topbar{padding:0 27px}.page-content{padding:28px 27px 36px}.stats-grid{gap:12px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.stat-card{padding:16px}.panel{padding:18px}.form-panel{padding:22px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none}.sidebar.sidebar-open{transform:translateX(0);box-shadow:12px 0 35px #10234a1c}.main-area{margin-left:0}.menu-toggle{display:block;margin-right:12px}.topbar{justify-content:flex-start;gap:4px}.topbar-title{flex:1}.user-chip{margin-left:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-layout{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-visual{min-height:340px;padding:28px 7%}.login-message{padding:35px 0}.login-message h1{font-size:35px}.login-visual-footer{display:none}.login-panel{padding:45px 25px}.login-body{background:#f8faff}.login-panel{background:#fff}}
@media(max-width:600px){.topbar{height:72px;padding:0 16px}.topbar-title .eyebrow{font-size:8px}.topbar-title strong{font-size:14px}.user-chip>span:last-child{display:none}.page-content{padding:23px 14px 28px}.footer{padding:15px;font-size:10px}.welcome-row{align-items:flex-start;flex-direction:column;gap:14px}.welcome-row h1{font-size:24px}.welcome-row .btn{width:100%}.welcome-row .button-row{width:100%;flex-wrap:wrap}.button-row .btn{flex:1}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-top{align-items:flex-start;flex-direction:column;gap:8px}.stat-number{font-size:25px;margin-top:10px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.panel{padding:15px;border-radius:12px}.panel-heading{align-items:flex-start}.filter-bar{align-items:stretch}.search-box{flex-basis:100%;min-width:100%}.filter-bar .select{flex:1;min-width:calc(50% - 5px)}.filter-bar .btn{flex:1}.table-meta{font-size:9px}.form-panel{padding:18px 15px}.form-grid{grid-template-columns:1fr;gap:15px}.span-2{grid-column:span 1}.form-section-heading{gap:10px;margin-bottom:18px}.form-section-heading h2{font-size:13px}.form-actions{width:100%}.form-actions .btn{flex:1}.profile-panel{padding:18px 14px}.profile-head h2{font-size:17px}.profile-avatar{width:52px;height:52px}.detail-grid{gap:16px 12px}.record-footer{flex-direction:column}.pagination{align-items:flex-start;flex-direction:column}.login-visual{min-height:300px}.login-message h1{font-size:30px}.login-panel{padding:35px 20px}}


/* Four-page employment application form based on the supplied PDF */
.public-wrap-wide{width:min(100% - 36px,1120px)}
.public-hero h1{margin-top:10px}
.public-hero>p b{color:#d45b5b}
.full-application-form{display:grid;gap:20px}
.application-page{padding:30px 32px}
.application-page-heading{padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #eaf0f6}
.application-page-heading>span{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#426ce0;background:#edf2ff;padding:7px 9px;border-radius:6px}
.application-page-heading h2{font:800 20px Manrope,sans-serif;letter-spacing:-.55px;margin:15px 0 5px}
.application-page-heading p{font-size:11px;color:#8995a8;margin:0}
.public-section-title{margin-bottom:18px}
.public-section-title h3{font-size:13px}
.public-section-title.section-gap{margin-top:30px}
.application-table-wrap{width:100%;overflow-x:auto;border:1px solid #e8edf4;border-radius:9px;margin-top:5px}
.application-table{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;background:#fff}
.application-table th,.application-table td{padding:7px 8px;border-bottom:1px solid #e9edf4;border-right:1px solid #e9edf4;white-space:normal;vertical-align:middle}
.application-table th:last-child,.application-table td:last-child{border-right:0}
.application-table tr:last-child th,.application-table tr:last-child td{border-bottom:0}
.application-table thead th{background:#f8e7ee;color:#59647a;text-transform:none;letter-spacing:0;font-size:10px;font-weight:800;padding:11px 8px}
.application-table tbody th{background:#fbfcfe;color:#66728a;font-size:10px;min-width:100px;text-align:left;font-weight:700}
.application-table input,.application-table select{width:100%;min-width:85px;border:1px solid #e5eaf2;border-radius:5px;padding:7px 6px;font-size:10px;background:#fff;color:#35425b;outline:none}
.application-table input:focus,.application-table select:focus{border-color:#9ab0f6;box-shadow:0 0 0 2px #3467eb12}
.application-table .subtable-heading th{background:#edf2ff;color:#3857a6}
.application-table .table-check{font-size:10px;display:flex;align-items:center;gap:4px;white-space:nowrap}
.application-table .table-check input{width:auto;min-width:0}
.family-table{min-width:1080px}
.assets-table{min-width:650px}
.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.option-row{display:flex;gap:18px;flex-wrap:wrap;padding:8px 0}
.inline-option{display:inline-flex;align-items:center;gap:5px;color:#64718a;font-size:11px;font-weight:600}
.inline-option input{accent-color:var(--blue)}
.section-gap{margin-top:24px}
.work-history-card{border:1px solid #e7ecf4;border-radius:11px;padding:19px;margin:15px 0;background:#fcfdff}
.work-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:17px;border-bottom:1px solid #e9edf4}
.work-history-heading strong{font:800 12px Manrope,sans-serif}
.work-history-heading span{color:#9aa4b4;font-size:10px}
.question-block{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(125px,.45fr) minmax(220px,1fr);gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eef1f6}
.question-label{font-size:11px;color:#4e5b73;font-weight:700;line-height:1.6}
.question-answer{display:flex;gap:12px;align-items:center}
.question-detail .input{font-size:11px}
.declaration-box{background:#f8faff;border:1px solid #e8edf5;border-radius:9px;padding:16px;color:#5f6d84;font-size:12px;line-height:1.8;margin-bottom:15px}
.public-submit-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;background:#fff;border:1px solid #e5eaf3;box-shadow:0 -7px 28px #17233b0d;border-radius:13px}
.public-submit-bar strong{font-size:12px}
.public-submit-bar p{margin:4px 0 0;color:#8995a8;font-size:10px}
.public-submit-bar .btn{padding:12px 18px}
.admin-app-table .application-table{min-width:650px}
.application-detail-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.application-detail-pairs>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.application-detail-pairs small{color:#98a2b2;font-size:10px}
.application-detail-pairs strong{font-size:11px;color:#47546c;overflow-wrap:anywhere}
.attachment-links{display:flex;gap:8px;flex-wrap:wrap}
.attachment-links .btn{font-size:10px}
.empty-cell{color:#bdc5d1}
@media(max-width:800px){.question-block{grid-template-columns:1fr;gap:8px}.question-answer{padding:3px 0}.question-detail .input{width:100%}.public-submit-bar{align-items:stretch;flex-direction:column}.public-submit-bar .btn{width:100%}.application-page{padding:22px 15px}.application-detail-pairs{grid-template-columns:1fr}.work-history-card{padding:14px}.public-wrap-wide{width:calc(100% - 24px)}}
@media(max-width:600px){.public-submit-bar{padding:14px}.skills-grid{grid-template-columns:1fr}.application-page-heading h2{font-size:18px}.public-hero-meta{gap:8px 11px}.public-hero-meta span{font-size:9px}}

/* Public application header and company branding */
.brand-logo-image{display:inline-block;width:38px;height:38px;flex:0 0 auto;object-fit:contain;padding:3px;border:1px solid var(--line);border-radius:11px;background:#fff}
.brand-mark-placeholder{font-size:20px;box-shadow:none}
.public-body{min-height:100vh;background:#f5f7fb;color:var(--ink)}
.public-header{width:min(1120px,calc(100% - 36px));margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.public-brand{display:flex;align-items:center;gap:12px;min-width:0}
.public-brand .brand-logo-image,.public-brand .brand-mark{width:42px;height:42px;border-radius:12px}
.public-brand>span:last-child{display:flex;flex-direction:column;min-width:0}
.public-brand strong{display:block;color:#17233b;font:800 17px/1.25 Manrope,sans-serif;letter-spacing:-.4px;overflow-wrap:anywhere}
.public-admin-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;padding:10px 15px;border:1px solid #dfe5ef;border-radius:9px;background:#fff;color:#41516e;font-size:12px;font-weight:700;transition:.15s}
.public-admin-link:hover{border-color:#b7c7fb;background:#f8faff;color:var(--blue)}
.public-wrap{margin:0 auto;padding-bottom:32px}
.public-wrap-wide{width:min(1120px,calc(100% - 36px))}
.public-hero{padding:24px 0 25px}
.public-hero h1{margin:0 0 10px;color:#17233b;font:800 clamp(26px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1px}
.public-hero>p{max-width:850px;margin:0;color:#718098;font-size:13px;line-height:1.8}
.public-hero-meta{display:flex;flex-wrap:wrap;gap:8px 11px;margin-top:20px}
.public-hero-meta span{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #e5eaf3;border-radius:7px;background:#fff;color:#65728a;font-size:10px;font-weight:700}
.public-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;box-shadow:0 8px 28px rgba(22,39,75,.04)}
.public-success{max-width:680px;margin:12px auto;padding:35px;text-align:center}
.public-success h2{font:800 22px Manrope,sans-serif;letter-spacing:-.5px}
.public-success p{color:#718098;line-height:1.8}
.success-mark{width:48px;height:48px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e2f7ed;color:#188457;font-size:24px;font-weight:800}
.public-footer{padding:24px 0 8px;text-align:center;color:#9aa4b5;font-size:10px}
.public-footer span{padding:0 7px;color:#c1c9d6}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.login-logo .brand-logo-image{border-color:#ffffff28;background:#ffffff12}
.profile-photo{width:62px;height:62px;flex:0 0 auto;border-radius:18px;object-fit:cover;border:1px solid #e7ebf2;background:#f4f6fb}
.company-settings-panel{max-width:820px;padding:26px}
.company-settings-panel .panel-heading{margin-bottom:22px}
.company-settings-panel .panel-heading h2{font:800 16px Manrope,sans-serif;margin:0 0 5px}
.company-settings-form{display:grid;gap:20px}
.company-logo-preview-wrap{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbfe}
.company-logo-preview{width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #e7ebf2;border-radius:12px;background:#fff;overflow:hidden}
.company-logo-preview img{width:100%;height:100%;object-fit:contain;padding:6px}
.company-logo-preview .brand-mark{width:44px;height:44px}
.company-logo-preview-wrap strong{display:block;margin-bottom:4px;font-size:12px}
.company-logo-preview-wrap .muted{line-height:1.7}
.company-settings-form .form-actions{padding-top:4px}
@media(max-width:600px){.public-header{width:calc(100% - 24px);min-height:68px;padding:10px 0;gap:10px}.public-brand{gap:9px}.public-brand .brand-logo-image,.public-brand .brand-mark{width:36px;height:36px}.public-brand strong{font-size:14px}.public-admin-link{padding:9px 10px;font-size:11px;gap:5px}.public-wrap-wide{width:calc(100% - 24px)}.public-hero{padding:20px 0}.public-hero h1{font-size:25px}.public-hero>p{font-size:12px}.public-card{border-radius:11px}.public-success{padding:25px 18px}.company-settings-panel{padding:18px 14px}.company-logo-preview-wrap{align-items:flex-start;padding:12px}.company-logo-preview{width:62px;height:62px}.profile-photo{width:52px;height:52px;border-radius:15px}}
