@charset "UTF-8";
/* MUKTalent · v22 · Dashboard base styles
   Joined in the SAME order as before (cascade unchanged): style.css, admin-premium.css, muk-soft-admin.css, gateway.css.
   muk-brand.css stays separate because the app keeps it after the module styles. */

/* ==================== style.css ==================== */
:root{--bg:#F6F4F0;--surface:#fff;--ink:#2B2A28;--muted:#79756D;--line:#E4E0D8;--brand:#2B2A28;--brand-dark:#2B2A28;--red:#a63038;--radius:16px;--shadow:0 10px 34px #2B2A280A;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:9px;min-height:42px;padding:10px 15px;font-size:14px;font-weight:600;background:transparent;color:inherit;transition:background .15s,border-color .15s}button:hover{background:#F2F1EE}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2B2A28;outline-offset:3px}input,select,textarea{width:100%;min-height:44px;border:1px solid #D8D7D4;background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink)}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:var(--brand)}textarea{resize:vertical;line-height:1.55}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}small{font-size:12px;color:var(--muted);line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.3px;line-height:1.15;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:18px}p{line-height:1.6}a{color:inherit}.muted{color:var(--muted);font-size:14px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--brand);margin-bottom:12px}.primary{background:var(--brand);color:white}.primary:hover{background:var(--brand-dark)}.secondary{background:#fff;border-color:var(--line)}.secondary:hover{border-color:#AAA7A2;background:#f5faf8}.ghost{color:var(--brand)}.danger{border-color:#e5b6bb;color:var(--red)}.danger:hover{background:#F6F4F0}.message:empty{display:none}.message{font-size:14px;padding:12px 14px;background:#eaf4ef;color:#2B2A28;border-radius:9px;margin-bottom:18px;overflow-wrap:anywhere}.message.error{background:#F6F4F0;color:#96333b}.wordmark{text-decoration:none;font-size:21px;font-weight:850;letter-spacing:.5px;display:inline-block}.wordmark span{font-weight:450}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 10% 10%,#E4E0D8,transparent 60%),var(--bg)}.login-card{background:var(--surface);padding:42px;width:min(100%,480px);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #2B2A2810}.login-card .wordmark{margin-bottom:40px}.login-card h1{font-size:36px}.login-card form{display:grid;gap:10px;margin:28px 0 20px}.login-card form label{margin-bottom:0}.login-card form button{margin-top:12px}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#2B2A28;color:#E4E0D8;padding:30px 18px;display:flex;flex-direction:column}.sidebar .wordmark{padding-left:12px;color:#fff;font-size:20px}.nav-caption{font-size:10px;letter-spacing:1.7px;color:#A29F98;margin:45px 12px 15px}.sidebar nav{display:grid;gap:5px}.nav-button{text-align:left;color:#C1BFBB;font-weight:500;padding:12px 15px}.nav-button:hover{background:#2B2A28}.nav-button.active{background:#2B2A28;color:#fff;box-shadow:inset 3px 0 #ABA8A3}.sidebar-footer{margin-top:auto;padding:30px 12px 0}.sidebar-footer p{color:#fff;margin-bottom:0;font-size:14px;font-weight:600}.sidebar-footer small{color:#B3B1AC}.sidebar-footer button{display:block;padding-left:0;color:#C7C5C1;margin-top:8px}.main{padding:40px clamp(20px,4vw,60px);min-width:0;max-width:1700px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-header p:last-child{margin-bottom:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);min-width:0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px}.metric p{font-size:12px;margin-bottom:15px}.metric strong{font-size:34px;font-weight:650;letter-spacing:-1.2px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.pipeline-row{margin:20px 0}.pipeline-row div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}progress{width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;accent-color:var(--brand)}progress::-webkit-progress-bar{background:#F0EEEA;border-radius:9px}progress::-webkit-progress-value{background:#2B2A28;border-radius:9px}progress::-moz-progress-bar{background:#2B2A28}.toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.toolbar>div{min-width:150px}.toolbar .search-field{flex:1;min-width:220px}.toolbar select{font-size:13px}.checkbox{display:flex;gap:8px;align-items:center;font-weight:400;min-height:44px;margin-bottom:0;font-size:12px}.table-wrap{overflow:auto;margin:0 -25px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{background:#F6F4F0;color:#7D7972;font-size:11px;letter-spacing:.25px;padding:14px 20px;border-block:1px solid var(--line);white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #F2F1EE;vertical-align:middle;max-width:300px;overflow-wrap:anywhere}tbody tr:hover{background:#fafcfb}.cell-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.badge{background:#edf5f1;color:#2B2A28;padding:5px 9px;border-radius:20px;font-size:11px;white-space:nowrap;display:inline-block}.table-action{padding:7px 12px;min-height:34px;background:#F6F4F0;color:var(--brand);font-size:12px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding-top:20px}.pagination>div{display:flex;gap:8px}.record-dialog{border:1px solid var(--line);border-radius:18px;width:min(1050px,calc(100% - 32px));max-height:92dvh;padding:0;color:var(--ink);box-shadow:0 30px 100px #2B2A284D}.record-dialog::backdrop{background:#16151499;backdrop-filter:blur(3px)}.dialog-header{position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid var(--line);padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-header h2{margin-bottom:0}.dialog-header .eyebrow{margin-bottom:5px}.icon-button{font-size:27px;min-width:42px;padding:3px 10px}.dialog-body{padding:25px 30px}.notice{background:#F6F4F0;border:1px solid #EAE8E3;border-radius:9px;padding:13px 15px;font-size:13px;color:#6A665F}.notice:empty{display:none}.metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:25px}.metadata p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.metadata small{font-size:10px;text-transform:uppercase;letter-spacing:.4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{min-width:0}.field:has(textarea){grid-column:1 / -1}.field small{display:block;margin-top:6px}.boolean-field{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:10px}.boolean-field label{margin:0}.form-actions{display:flex;flex-wrap:wrap;gap:12px;position:sticky;bottom:0;background:#fffffff2;padding:20px 0;margin-top:10px;z-index:1;border-top:1px solid var(--line)}#candidateRelated{border-top:1px solid var(--line);padding-top:26px;margin-top:20px}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}.tab{font-size:12px;min-height:36px;padding:8px 11px;color:var(--muted)}.tab.active{background:#e7f3ed;color:var(--brand)}.related-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:18px}.related-heading p{margin-bottom:0}.related-card{padding:17px 20px;background:#F6F4F0;border:1px solid var(--line);border-radius:11px;margin-bottom:12px}.related-card p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:210px minmax(0,1fr)}.main{padding:30px 24px}}
@media(max-width:800px){.app-shell{display:block}.sidebar{height:auto;position:relative;padding:18px}.sidebar .wordmark{padding-left:0}.nav-caption{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:18px;padding-bottom:5px}.nav-button{white-space:nowrap;font-size:12px}.sidebar-footer{padding:12px 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sidebar-footer button{margin:0 0 0 auto;padding:5px 10px}.sidebar-footer small{display:none}.main{padding:25px 16px}.page-header{align-items:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:20px}.table-wrap{margin-inline:-20px}.metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-header{padding:20px}.dialog-body{padding:20px}.form-grid{grid-template-columns:1fr}.field:has(textarea){grid-column:auto}.record-dialog{width:calc(100% - 16px);max-height:96dvh}.login-card{padding:28px}.login-screen{padding:18px}.page-header .primary{max-width:135px;font-size:12px}.related-heading{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ==================== admin-premium.css ==================== */
body:has(#appShell.admin-premium:not([hidden])){background:#161514}#appShell.admin-premium{background:#161514;color:#ECEAE5;grid-template-columns:225px minmax(0,1fr);min-height:100dvh;font-family:Inter,Segoe UI,Arial,sans-serif}#appShell.admin-premium .sidebar{background:#161514;border-right:1px solid #2B2A28;color:#C6C4BF}#appShell.admin-premium .wordmark{font-size:18px;letter-spacing:2px;font-weight:650;color:#ECE8E0}#appShell.admin-premium .nav-caption{color:#8C8880;letter-spacing:1.8px;font-size:8px}#appShell.admin-premium .nav-button{font-size:12px;color:#ADAAA4;min-height:45px;border-radius:9px;padding:12px 14px}#appShell.admin-premium .nav-button:hover,#appShell.admin-premium .nav-button.active{background:#2B2A28;color:#f0dfb8}#appShell.admin-premium .nav-button.active{box-shadow:inset 2px 0 #B49B6C}#appShell.admin-premium .sidebar-footer{border-top:1px solid #2B2A28;padding-top:20px}#appShell.admin-premium .main{max-width:1800px;padding-top:35px}#appShell.admin-premium .page-header{margin-bottom:25px}#appShell.admin-premium .page-header h1{font-size:34px;letter-spacing:-.9px;color:#EFECE6;font-weight:600}#appShell.admin-premium .eyebrow{color:#B49B6C;font-size:8px;letter-spacing:1.9px}#appShell.admin-premium .muted{color:#9E9B94;font-size:12px;line-height:1.8}#appShell.admin-premium .card,#appShell.admin-premium .metric{background:#161514;border:1px solid #2B2A28;box-shadow:none;border-radius:16px;color:#E4E0D8}#appShell.admin-premium .metric{border-top:2px solid #B49B6C}#appShell.admin-premium .metric strong{font-size:34px;font-weight:550;color:#e1cea0}#appShell.admin-premium .metric p{color:#A8A59E;font-size:10px}#appShell.admin-premium h2{font-size:18px;font-weight:600;letter-spacing:-.3px}#appShell.admin-premium .primary{background:#B49B6C;color:#161514;border-color:#B49B6C}#appShell.admin-premium .secondary,#appShell.admin-premium .ghost{background:#2B2A28;border:1px solid #43413C;color:#CBC9C5}#appShell.admin-premium button{font-size:11px;min-height:42px;border-radius:8px}#appShell.admin-premium button:hover{filter:brightness(1.1)}#appShell.admin-premium input,#appShell.admin-premium select,#appShell.admin-premium textarea{background:#161514;border-color:#3D3B37;color:#E4E0D8;font-size:13px}#appShell.admin-premium label{color:#B6B3AE;font-size:11px}#appShell.admin-premium .message{background:#2B2A28;color:#D1C2A9;font-size:12px}#appShell.admin-premium .message.error{background:#2B2A28;color:#e8b5a8}#appShell.admin-premium th{background:#161514;color:#AFACA6;border-color:#2B2A28;font-size:10px}#appShell.admin-premium td{border-color:#2B2A28;font-size:12px;color:#E4E0D8}#appShell.admin-premium tbody tr:hover{background:#2B2A28}#appShell.admin-premium .badge{background:#2B2A28;color:#CAB99B;font-size:9px}#appShell.admin-premium .table-action{background:#2B2A28;color:#CBBA9C}#appShell.admin-premium .pagination{color:#9B9891}#appShell.admin-premium .pipeline-row{font-size:12px}#appShell.admin-premium progress{accent-color:#B49B6C}#appShell.admin-premium progress::-webkit-progress-value{background:#B49B6C}#appShell.admin-premium progress::-webkit-progress-bar{background:#2B2A28}.admin-team-actions{display:flex;gap:10px;flex-wrap:wrap;background:#161514;border:1px solid #393734;padding:18px;border-radius:14px;margin-bottom:22px}.admin-team-actions[hidden]{display:none!important}.admin-team-actions .form-actions,.admin-team-actions #teamAccountControls{position:static!important;padding:0!important;border:0!important;margin:0!important;background:transparent!important;display:contents}.admin-team-actions button{margin:0!important}.admin-report-view{min-width:0}.admin-report-intro{border-bottom:1px solid #3A3834;margin-bottom:20px;padding-bottom:16px}.admin-report-intro h2{font-size:24px!important;margin-bottom:10px}.admin-report-actions,.admin-report-tabs,.admin-report-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:17px 0}.admin-report-toolbar input{flex:1;min-width:240px}.admin-report-toolbar select{width:auto;min-width:200px}.admin-report-tabs{border-bottom:1px solid #393734;padding-bottom:15px}.admin-report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.admin-report-metric{background:#161514;border:1px solid #3A3835;border-radius:14px;padding:20px;display:grid;gap:13px}.admin-report-metric span{font-size:11px;color:#AAA6A0}.admin-report-metric strong{font-size:30px;font-weight:550;color:#CCBB9D}.admin-report-warning{font-size:11px;line-height:1.8;padding:15px 18px;border:1px solid #403E3A;border-radius:10px;background:#2B2A28;color:#C8B697}.admin-sheet-wrap{overflow:auto;max-height:70dvh;border:1px solid #42403B;border-radius:13px;background:#161514}.admin-sheet-wrap table{font-size:11px;width:max-content;min-width:100%;border-collapse:collapse}.admin-sheet-wrap th{position:sticky;top:0;z-index:2;white-space:normal;min-width:160px;max-width:240px;padding:15px!important}.admin-sheet-wrap th:first-child{min-width:85px}.admin-sheet-wrap td{white-space:pre-wrap;min-width:160px;max-width:280px;overflow-wrap:anywhere;padding:13px 16px!important;vertical-align:top}.admin-sheet-wrap td:first-child{min-width:85px}.admin-sheet-wrap input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important}.admin-sheet-wrap td:last-child{min-width:170px}.admin-sheet-wrap td:last-child button{display:block;margin-bottom:8px;min-height:34px!important;font-size:10px!important}.admin-stage-badge{display:inline-block;padding:5px 9px;border-radius:15px;background:#2B2A28;color:#CCBB9E;font-size:10px}.admin-report-empty{padding:25px;color:#AAA6A0;font-size:13px;line-height:1.8}.admin-report-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-share-row{padding:18px 0;border-bottom:1px solid #3D3B38}.admin-share-row strong{font-size:13px}.admin-share-row p{font-size:11px;line-height:1.8}.admin-report-dialog .form-grid{margin:20px 0}.admin-report-dialog form>select,.admin-report-dialog form>.field{margin-bottom:16px}.admin-report-dialog input[type=checkbox]{width:18px;height:18px;min-height:18px;margin-right:10px}body:has(#appShell.admin-premium:not([hidden])) .record-dialog{background:#161514;border-color:#44423E;color:#E4E0D8;box-shadow:0 40px 90px #0008}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .dialog-header{background:#161514;border-color:#3C3A37}body:has(#appShell.admin-premium:not([hidden])) .record-dialog label{color:#BAB8B3}body:has(#appShell.admin-premium:not([hidden])) .record-dialog input,body:has(#appShell.admin-premium:not([hidden])) .record-dialog select,body:has(#appShell.admin-premium:not([hidden])) .record-dialog textarea{background:#161514;border-color:#3E3C39;color:#E4E0D8}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .notice{background:#2B2A28;border-color:#43413C;color:#CBBA9D}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .form-actions{background:#161514F5;border-color:#3C3A37}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .secondary{background:#2B2A28;color:#C7C5C1;border-color:#464440}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .primary{background:#B49B6C;color:#161514}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .related-card{background:#2B2A28;border-color:#3F3D39}body:has(#appShell.admin-premium:not([hidden])) .record-dialog .message{background:#2B2A28;color:#CFBFA3}#appShell.admin-premium :focus-visible{outline:2px solid #C2AE8B;outline-offset:3px}@media(max-width:1000px){#appShell.admin-premium{grid-template-columns:190px minmax(0,1fr)}#appShell.admin-premium .main{padding-inline:23px}}@media(max-width:800px){#appShell.admin-premium{display:block}#appShell.admin-premium .sidebar{height:auto;position:relative;padding:20px}#appShell.admin-premium .main{padding:25px 15px 50px}#appShell.admin-premium .page-header h1{font-size:28px}.admin-team-actions{padding:15px;gap:8px}.admin-team-actions button{flex:1;min-width:150px}.admin-report-summary{gap:9px}.admin-report-metric{padding:15px}.admin-report-metric span{font-size:9px}.admin-report-metric strong{font-size:25px}.admin-report-actions button{flex:1;min-width:145px}.admin-report-tabs button{flex:1}.admin-report-toolbar input,.admin-report-toolbar select{width:100%;min-width:0}.admin-report-toolbar input{flex-basis:100%}#appShell.admin-premium input,#appShell.admin-premium select,body:has(#appShell.admin-premium:not([hidden])) .record-dialog input,body:has(#appShell.admin-premium:not([hidden])) .record-dialog select,body:has(#appShell.admin-premium:not([hidden])) .record-dialog textarea{font-size:16px}.admin-sheet-wrap{max-height:65dvh}.admin-report-dialog{width:100%!important;max-height:95dvh!important;margin:auto 0 0;border-radius:22px 22px 0 0!important}.admin-report-dialog .dialog-body{padding:23px 19px calc(25px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){#appShell.admin-premium *{transition:none!important}}

/* ==================== muk-soft-admin.css ==================== */
/* muk-soft-admin-v1 · Administration in the MUK Soft theme (sand glass + gold + charcoal). Loaded last; remove this file to restore the dark theme. */
html.mt-soft,body:has(#appShell.admin-soft:not([hidden])),body:has(#loginView:not([hidden])){background:#f6f4ef;color-scheme:light}
body:has(#appShell.admin-soft:not([hidden])){background:radial-gradient(1200px 700px at 8% -10%,#F6F4F0 0,transparent 60%),radial-gradient(900px 600px at 100% 0,#f3e3bf 0,transparent 55%),#f6f4ef;background-attachment:fixed}
#appShell.admin-soft.admin-premium{--ink:#2B2A28;--muted:#6C6962;--line:rgba(43,42,40,.15);--glass:rgba(255,255,255,.66);--dark:#161514;--gold:#A28655;--gold2:#B49B6C;--shadow:0 1px 0 rgba(255,255,255,.7) inset,0 12px 34px -14px rgba(22,21,20,.22);background:transparent;color:var(--ink)}
#appShell.admin-soft.admin-premium .sidebar{background:rgba(255,255,255,.55);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border-right:1px solid var(--line);color:#6C6962}
#appShell.admin-soft.admin-premium .wordmark{color:var(--ink)} #appShell.admin-soft.admin-premium .wordmark span{color:#7F6943}
#appShell.admin-soft.admin-premium .nav-caption{color:#A5A29B}
#appShell.admin-soft.admin-premium .nav-button{color:#6C6962;background:transparent;border:0;border-radius:14px;font-weight:600}
#appShell.admin-soft.admin-premium .nav-button:hover{background:rgba(255,255,255,.65);color:var(--ink)}
#appShell.admin-soft.admin-premium .nav-button.active{background:var(--dark);color:#ECE8E0;box-shadow:0 10px 22px -12px rgba(22,21,20,.7)}
#appShell.admin-soft.admin-premium .sidebar-footer{border-color:var(--line)} #appShell.admin-soft.admin-premium .sidebar-footer p{color:var(--ink);font-weight:700} #appShell.admin-soft.admin-premium .sidebar-footer small{color:var(--muted)}
#appShell.admin-soft.admin-premium .page-header h1{color:var(--ink);font-weight:700;letter-spacing:-1px}
#appShell.admin-soft.admin-premium .eyebrow,#appShell.admin-soft.admin-premium .as-overline{color:#7F6943;letter-spacing:1.8px;font-weight:700}
#appShell.admin-soft.admin-premium .muted{color:var(--muted)}
#appShell.admin-soft.admin-premium h2,#appShell.admin-soft.admin-premium h3{color:var(--ink)}
#appShell.admin-soft.admin-premium .card,#appShell.admin-soft.admin-premium .metric,#appShell.admin-soft.admin-premium .admin-report-metric,#appShell.admin-soft.admin-premium .admin-team-actions{background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:var(--shadow);color:var(--ink);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
#appShell.admin-soft.admin-premium .metric{border-top:1px solid rgba(255,255,255,.8)}
#appShell.admin-soft.admin-premium .metric strong,#appShell.admin-soft.admin-premium .admin-report-metric strong{color:var(--ink);font-weight:750;letter-spacing:-1px}
#appShell.admin-soft.admin-premium .metric p,#appShell.admin-soft.admin-premium .admin-report-metric span{color:var(--muted)}
#appShell.admin-soft.admin-premium .metric:nth-child(2){background:linear-gradient(145deg,#CDBC9F,#B49B6C)} #appShell.admin-soft.admin-premium .metric:nth-child(2) :is(p,strong){color:#2B2A28}
#appShell.admin-soft.admin-premium .metric:nth-child(4){background:var(--dark);border-color:var(--dark)} #appShell.admin-soft.admin-premium .metric:nth-child(4) p{color:#A5A29B} #appShell.admin-soft.admin-premium .metric:nth-child(4) strong{color:#ECE8E0}
#appShell.admin-soft.admin-premium button{border-radius:999px}
#appShell.admin-soft.admin-premium .primary{background:var(--dark);color:#ECE8E0;border-color:var(--dark)}
#appShell.admin-soft.admin-premium .secondary,#appShell.admin-soft.admin-premium .ghost{background:rgba(255,255,255,.75);border:1px solid rgba(43,42,40,.2);color:var(--ink)}
#appShell.admin-soft.admin-premium .secondary:hover,#appShell.admin-soft.admin-premium .ghost:hover{background:#fff;filter:none}
#appShell.admin-soft.admin-premium input,#appShell.admin-soft.admin-premium select,#appShell.admin-soft.admin-premium textarea{background:#fff;border:1px solid rgba(43,42,40,.22);color:var(--ink);border-radius:12px}
#appShell.admin-soft.admin-premium label{color:#6C6962}
#appShell.admin-soft.admin-premium .message{background:rgba(255,255,255,.6);color:#5D5A55;border:1px solid var(--line)}
#appShell.admin-soft.admin-premium .message:empty{display:none}
#appShell.admin-soft.admin-premium .message.error{background:#f8e1dc;color:#8a2a22}
#appShell.admin-soft.admin-premium .table-wrap{border-radius:16px;overflow:auto;background:#fff;border:1px solid var(--line)}
#appShell.admin-soft.admin-premium th{background:var(--dark);color:var(--gold2);border-color:#2B2A28}
#appShell.admin-soft.admin-premium td{color:#3A3834;border-color:#f2f0ea}
#appShell.admin-soft.admin-premium tbody tr:nth-child(even){background:#F6F4F0}
#appShell.admin-soft.admin-premium tbody tr:hover{background:#EFECE6}
#appShell.admin-soft.admin-premium .badge{background:rgba(162,134,85,.18);color:#685637}
#appShell.admin-soft.admin-premium .table-action{background:var(--dark);color:var(--gold2)}
#appShell.admin-soft.admin-premium .pagination{color:var(--muted)}
#appShell.admin-soft.admin-premium .pipeline-row{padding:8px 0;border-bottom:1px solid var(--line)}
#appShell.admin-soft.admin-premium .pipeline-row strong{color:var(--ink)}
#appShell.admin-soft.admin-premium progress{appearance:none;-webkit-appearance:none;height:10px;border-radius:999px;overflow:hidden;border:0;background:rgba(43,42,40,.12);accent-color:#A28655}
#appShell.admin-soft.admin-premium progress::-webkit-progress-bar{background:rgba(43,42,40,.12);border-radius:999px}
#appShell.admin-soft.admin-premium progress::-webkit-progress-value{background:linear-gradient(90deg,#B49B6C,#A28655);border-radius:999px}
#appShell.admin-soft.admin-premium progress::-moz-progress-bar{background:linear-gradient(90deg,#B49B6C,#A28655)}
#appShell.admin-soft.admin-premium :focus-visible{outline:2px solid #7F6943;outline-offset:2px}
/* Overview hero */
#appShell.admin-soft.admin-premium .as-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin-bottom:18px}
#appShell.admin-soft.admin-premium .as-greet{background:var(--dark);color:#ECE8E0;border-radius:26px;padding:26px 28px;display:grid;align-content:space-between;gap:16px;box-shadow:0 22px 40px -22px rgba(0,0,0,.7);position:relative;overflow:hidden;min-height:220px}
#appShell.admin-soft.admin-premium .as-greet::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(180,155,108,.35),transparent 70%)}
#appShell.admin-soft.admin-premium .as-greet h2{color:#ECE8E0;font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.4px;margin:0}
#appShell.admin-soft.admin-premium .as-greet .as-overline{color:var(--gold2);margin:0;font-size:10px}
#appShell.admin-soft.admin-premium .as-greet .as-muted{color:#A5A29B;margin:4px 0 0}
#appShell.admin-soft.admin-premium .as-quick{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
#appShell.admin-soft.admin-premium .as-quick-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#ECE8E0;min-height:38px;padding:8px 14px;font-weight:600}
#appShell.admin-soft.admin-premium .as-quick-btn:first-child{background:linear-gradient(135deg,#B49B6C,#A28655);color:#161514;border-color:transparent}
#appShell.admin-soft.admin-premium .as-pay{background:var(--glass);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:22px 24px;box-shadow:var(--shadow);display:grid;gap:10px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#appShell.admin-soft.admin-premium .as-pay .as-overline{margin:0;font-size:10px}
#appShell.admin-soft.admin-premium .as-pay-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#appShell.admin-soft.admin-premium .as-pay-total strong{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px}
#appShell.admin-soft.admin-premium .as-pay-total span{color:var(--muted);font-size:12px}
#appShell.admin-soft.admin-premium .as-pills{display:flex;flex-wrap:wrap;gap:8px}
#appShell.admin-soft.admin-premium .as-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 6px 6px 12px;font-size:12px}
#appShell.admin-soft.admin-premium .as-pill b{background:rgba(255,255,255,.55);padding:4px 10px;border-radius:999px}
#appShell.admin-soft.admin-premium .as-pill-gold{background:linear-gradient(145deg,#CDBC9F,#B49B6C);color:#2B2A28}
#appShell.admin-soft.admin-premium .as-pill-dark{background:var(--dark);color:#ECE8E0} #appShell.admin-soft.admin-premium .as-pill-dark b{background:rgba(255,255,255,.12)}
#appShell.admin-soft.admin-premium .as-pill-grey{background:rgba(43,42,40,.14);color:#3A3834}
#appShell.admin-soft.admin-premium .as-pay-list{display:grid;gap:6px;margin-top:4px}
#appShell.admin-soft.admin-premium .as-pay-row{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.6);overflow:hidden;font-size:13px}
#appShell.admin-soft.admin-premium .as-pay-row i{position:absolute;left:0;bottom:0;height:3px;width:var(--w,0);background:linear-gradient(90deg,#B49B6C,#A28655)}
#appShell.admin-soft.admin-premium .as-pay-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#appShell.admin-soft.admin-premium .as-pay-leads{font-size:11px;color:var(--muted)}
#appShell.admin-soft.admin-premium .as-foot{font-size:11px;color:var(--muted);margin:2px 0 0}
/* Pipeline e informes */
#appShell.admin-soft.admin-premium .admin-report-intro,#appShell.admin-soft.admin-premium .admin-report-tabs{border-color:var(--line)}
#appShell.admin-soft.admin-premium .admin-report-warning{background:rgba(255,248,230,.8);border:1px solid rgba(162,134,85,.35);color:#625133;border-radius:14px}
#appShell.admin-soft.admin-premium .admin-stage-board{display:grid;grid-template-columns:repeat(9,minmax(108px,1fr));gap:10px;overflow-x:auto;padding:2px 2px 6px;margin:6px 0 4px}
#appShell.admin-soft.admin-premium .admin-stage-card{display:grid;gap:2px;justify-items:start;text-align:left;border-radius:18px!important;padding:12px 14px!important;min-height:0!important;background:var(--glass);border:1px solid rgba(255,255,255,.85);border-top:4px solid var(--c);box-shadow:var(--shadow);color:var(--ink);cursor:pointer}
#appShell.admin-soft.admin-premium .admin-stage-card.active{outline:2px solid var(--c);background:#fff}
#appShell.admin-soft.admin-premium .admin-stage-status{font-size:9.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--f)}
#appShell.admin-soft.admin-premium .admin-stage-card strong{font-size:24px;letter-spacing:-.6px}
#appShell.admin-soft.admin-premium .admin-stage-card small{font-size:10.5px;color:var(--muted)}
#appShell.admin-soft.admin-premium .admin-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0}
#appShell.admin-soft.admin-premium .admin-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#484642;cursor:help}
#appShell.admin-soft.admin-premium .admin-dot{width:10px;height:10px;border-radius:50%;background:var(--c);display:inline-block}
#appShell.admin-soft.admin-premium .admin-demo-banner{background:repeating-linear-gradient(135deg,#161514 0 14px,#2B2A28 14px 28px);color:#B49B6C;border-radius:12px;padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:1px}
#appShell.admin-soft.admin-premium .admin-demo-banner[hidden]{display:none}
#appShell.admin-soft.admin-premium .admin-demo-tag{font-size:10px;font-weight:700;color:#7F6943;letter-spacing:1px;text-transform:uppercase}
#appShell.admin-soft.admin-premium .admin-sheet-wrap{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px -26px rgba(22,21,20,.4);max-height:72dvh}
#appShell.admin-soft.admin-premium .admin-sheet{border-collapse:separate!important;border-spacing:0}
#appShell.admin-soft.admin-premium .admin-sheet th{background:var(--dark);color:var(--gold2);font-size:10.5px;letter-spacing:.3px;border-right:1px solid #2B2A28;min-width:140px!important;padding:11px 12px!important}
#appShell.admin-soft.admin-premium .admin-sheet td{min-width:140px!important;padding:9px 12px!important;border-bottom:1px solid #f2f0ea;border-right:1px solid #F1EEE7;color:#3A3834;white-space:nowrap!important;max-width:300px;overflow:hidden;text-overflow:ellipsis}
#appShell.admin-soft.admin-premium .admin-sheet tbody tr:nth-child(even) td{background:#F6F4F0}
#appShell.admin-soft.admin-premium .admin-sheet tbody tr:hover td{background:#EFECE6}
#appShell.admin-soft.admin-premium .admin-sheet .admin-col-num{min-width:44px!important;width:44px;text-align:right;color:#A5A29B;position:sticky;left:0;z-index:1;background:#fff;border-left:4px solid var(--c,#E9E2D5)}
#appShell.admin-soft.admin-premium .admin-sheet .admin-col-select{min-width:44px!important;width:44px;position:sticky;left:48px;z-index:1;background:#fff}
#appShell.admin-soft.admin-premium .admin-sheet .admin-col-ref{position:sticky;left:92px;z-index:1;background:#fff;font-weight:700;color:var(--ink);box-shadow:6px 0 10px -8px rgba(22,21,20,.35)}
#appShell.admin-soft.admin-premium .admin-sheet th.admin-col-num,#appShell.admin-soft.admin-premium .admin-sheet th.admin-col-select,#appShell.admin-soft.admin-premium .admin-sheet th.admin-col-ref{background:var(--dark);color:var(--gold2);z-index:3}
#appShell.admin-soft.admin-premium .admin-sheet tbody tr:nth-child(even) :is(.admin-col-num,.admin-col-select,.admin-col-ref){background:#F6F4F0}
#appShell.admin-soft.admin-premium .admin-sheet td:last-child{min-width:190px!important}
#appShell.admin-soft.admin-premium .admin-sheet td:last-child button{display:inline-block!important;margin:0 6px 0 0!important}
#appShell.admin-soft.admin-premium .admin-sheet-ghost td{height:38px;background:#fff}
#appShell.admin-soft.admin-premium .admin-sheet-ghost:nth-child(even) td{background:#F6F4F0}
#appShell.admin-soft.admin-premium .admin-report-empty{position:sticky;left:0;bottom:0;margin:0;display:grid;gap:4px;padding:16px 20px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%);color:var(--muted);font-size:12.5px}
#appShell.admin-soft.admin-premium .admin-report-empty strong{color:var(--ink);font-size:14px}
#appShell.admin-soft.admin-premium .admin-stage-badge,#appShell.admin-soft.admin-premium .admin-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-weight:700;font-size:11px;background:var(--bgc);color:var(--f)}
#appShell.admin-soft.admin-premium .admin-status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
#appShell.admin-soft.admin-premium [data-tone=blue]{--c:#2B2A28;--bgc:#EDEBE6;--f:#2B2A28}
#appShell.admin-soft.admin-premium [data-tone=amber]{--c:#e0a526;--bgc:#fcebc6;--f:#7a5410}
#appShell.admin-soft.admin-premium [data-tone=violet]{--c:#2B2A28;--bgc:#EFEDE8;--f:#2B2A28}
#appShell.admin-soft.admin-premium [data-tone=green]{--c:#2f9a57;--bgc:#d8f0df;--f:#1e6b3a}
#appShell.admin-soft.admin-premium [data-tone=orange]{--c:#e2733a;--bgc:#fbdcc8;--f:#8a3f12}
#appShell.admin-soft.admin-premium [data-tone=teal]{--c:#2B2A28;--bgc:#E4E0D8;--f:#2B2A28}
#appShell.admin-soft.admin-premium [data-tone=grey]{--c:#9a958b;--bgc:#e6e4df;--f:#55524b}
#appShell.admin-soft.admin-premium [data-tone=red]{--c:#c4483c;--bgc:#f5d9d6;--f:#8a2a22}
#appShell.admin-soft.admin-premium .admin-share-row{border-color:var(--line)}
/* Dialogs */
body:has(#appShell.admin-soft:not([hidden])) .record-dialog{background:#F6F4F0;border:1px solid rgba(43,42,40,.18);color:#2B2A28;box-shadow:0 40px 90px -30px rgba(22,21,20,.5);border-radius:24px}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog::backdrop{background:rgba(22,21,20,.32);backdrop-filter:blur(6px)}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .dialog-header,body:has(#appShell.admin-soft:not([hidden])) .record-dialog .form-actions{background:rgba(246,244,240,.94);border-color:rgba(43,42,40,.14)}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog :is(h2,h3,strong){color:#2B2A28}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog label{color:#6C6962}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog :is(input,select,textarea){background:#fff;border:1px solid rgba(43,42,40,.22);color:#2B2A28}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .notice{background:#fff6e2;border-color:rgba(162,134,85,.4);color:#625133}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .secondary,body:has(#appShell.admin-soft:not([hidden])) .record-dialog .ghost{background:#fff;color:#2B2A28;border:1px solid rgba(43,42,40,.2)}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .primary{background:#161514;color:#ECE8E0;border-color:#161514}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .related-card{background:#fff;border-color:rgba(43,42,40,.15)}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .message{background:#fff;color:#5D5A55}
body:has(#appShell.admin-soft:not([hidden])) .record-dialog .eyebrow{color:#7F6943}
/* Login */
body:has(#loginView:not([hidden])) .login-screen{background:radial-gradient(900px 600px at 10% 0,#F6F4F0,transparent 60%),radial-gradient(800px 600px at 100% 100%,#f3e3bf,transparent 60%),#f6f4ef}
body:has(#loginView:not([hidden])) .login-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 30px 70px -30px rgba(22,21,20,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#2B2A28;border-radius:28px}
body:has(#loginView:not([hidden])) .login-card :is(h1,.wordmark){color:#2B2A28}
body:has(#loginView:not([hidden])) .login-card .wordmark span,body:has(#loginView:not([hidden])) .login-card .eyebrow{color:#7F6943}
body:has(#loginView:not([hidden])) .login-card .muted,body:has(#loginView:not([hidden])) .login-card label{color:#6C6962}
body:has(#loginView:not([hidden])) .login-card input{background:#fff;border:1px solid rgba(43,42,40,.22);color:#2B2A28}
body:has(#loginView:not([hidden])) .login-card .primary{background:#161514;color:#ECE8E0;border-color:#161514;border-radius:999px}
@media(max-width:1100px){#appShell.admin-soft.admin-premium .as-hero{grid-template-columns:1fr}}
/* Mobile: glass top bar + translucent bottom dock; nothing opaque at the screen edges. */
@media(max-width:800px){
 body:has(#appShell.admin-soft:not([hidden])){background-attachment:scroll}
 #appShell.admin-soft.admin-premium .sidebar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(246,244,239,.97),rgba(246,244,239,.9));backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-bottom:1px solid var(--line)}
 #appShell.admin-soft.admin-premium .sidebar .nav-caption{display:none}
 #appShell.admin-soft.admin-premium .sidebar-footer{display:flex;align-items:center;gap:8px;border:0;padding:0;margin:0}
 #appShell.admin-soft.admin-premium .sidebar-footer p,#appShell.admin-soft.admin-premium .sidebar-footer small{display:none}
 #appShell.admin-soft.admin-premium .sidebar-footer .ghost{min-height:36px;padding:6px 12px;font-size:12px}
 #appShell.admin-soft.admin-premium #navigation{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px;border-radius:24px;background:rgba(255,255,255,.6);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px -18px rgba(22,21,20,.45);scrollbar-width:none}
 #appShell.admin-soft.admin-premium #navigation::-webkit-scrollbar{display:none}
 #appShell.admin-soft.admin-premium #navigation .nav-button{flex:none;scroll-snap-align:center;white-space:nowrap;min-height:46px;padding:10px 14px;font-size:12px;border-radius:18px}
 #appShell.admin-soft.admin-premium .main{padding:16px max(14px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
 #appShell.admin-soft.admin-premium .page-header{flex-wrap:wrap;gap:12px}
 #appShell.admin-soft.admin-premium .page-header h1{font-size:28px}
 #appShell.admin-soft.admin-premium .as-greet{min-height:0;padding:22px}
 #appShell.admin-soft.admin-premium .as-pay{padding:18px}
 #appShell.admin-soft.admin-premium .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 #appShell.admin-soft.admin-premium .metric{padding:16px}
 #appShell.admin-soft.admin-premium .metric strong{font-size:28px}
 #appShell.admin-soft.admin-premium .admin-stage-board{grid-template-columns:repeat(9,124px);margin-right:-14px}
 #appShell.admin-soft.admin-premium .admin-sheet-wrap{margin:0 -14px;border-radius:0;border-left:0;border-right:0;max-height:none}
 #appShell.admin-soft.admin-premium .admin-sheet .admin-col-select{position:static}
 #appShell.admin-soft.admin-premium .admin-sheet .admin-col-ref{position:static;box-shadow:none}
 #appShell.admin-soft.admin-premium .table-wrap{margin:0 -14px;border-radius:0}
 body:has(#appShell.admin-soft:not([hidden])) .record-dialog{border-radius:24px 24px 0 0}
}

/* ==================== gateway.css ==================== */
/* gateway v11 · MUKTalent login (students + team). Ivory veil over the brand poster, solid white card. */
#loginView.gp-gate{--g-ink:#2B2A28;--g-text:#3A3834;--g-muted:#6C6962;--g-line:#E5DDCE;--g-gold:#A28655;--g-gold-d:#796440;--g-green:#2B2A28;--g-paper:#f6f4ef;
 position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--g-paper);color:var(--g-text);font:400 15px/1.5 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;isolation:isolate}
#loginView[hidden]{display:none!important}
#loginView *,#loginView *::before,#loginView *::after{box-sizing:border-box}
#loginView .gp-bg{position:fixed;inset:0;z-index:-1;background:#161514}
#loginView .gp-bg img{width:100%;height:100%;object-fit:cover;object-position:35% 40%;opacity:.55;filter:saturate(.9)}
#loginView .gp-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,244,239,.10) 0%,rgba(246,244,239,.28) 45%,rgba(246,244,239,.72) 100%)}

#loginView .gp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + env(safe-area-inset-top)) clamp(16px,4vw,44px) 0}
#loginView .gp-back{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 24px -12px rgba(22,21,20,.55);color:var(--g-ink);font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s}
#loginView .gp-back:hover{transform:translateX(-2px);box-shadow:0 10px 28px -12px rgba(22,21,20,.7)}
#loginView .gp-back:focus-visible,#loginView button:focus-visible,#loginView a:focus-visible,#loginView input:focus-visible{outline:3px solid rgba(162,134,85,.55);outline-offset:2px}
#loginView .gp-lang{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px -12px rgba(22,21,20,.55)}
#loginView .gp-lang button{border:0;background:transparent;min-width:40px;height:34px;border-radius:999px;font:700 12px/1 inherit;letter-spacing:.06em;color:var(--g-muted);cursor:pointer}
#loginView .gp-lang button[aria-pressed="true"]{background:var(--g-ink);color:#F1EEE9}

#loginView .gp-gate-inner{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:24px clamp(16px,6vw,96px) 24px}
#loginView .gp-card{width:min(440px,100%);background:#fff;border-radius:22px;border:1px solid rgba(43,42,40,.08);box-shadow:0 40px 90px -30px rgba(22,21,20,.55),0 2px 6px rgba(22,21,20,.06);padding:30px 30px 22px}
#loginView .gp-wordmark{display:block;width:176px;margin:0 0 20px}
#loginView .gp-wordmark img{display:block;width:100%;height:auto}
#loginView .gp-kicker{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold-d)}

#loginView .gp-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
#loginView .gp-role{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:12px 12px;border-radius:14px;border:1.5px solid var(--g-line);background:#FFFFFF;color:var(--g-ink);cursor:pointer;font:inherit;transition:border-color .15s,background .15s,box-shadow .15s}
#loginView .gp-role svg{grid-row:1/3;width:26px;height:26px;color:var(--g-muted)}
#loginView .gp-role b{font-size:15px;font-weight:700;line-height:1.2}
#loginView .gp-role small{font-size:12px;color:var(--g-muted);line-height:1.25}
#loginView .gp-role:hover{border-color:#CDBC9F}
#loginView .gp-role[aria-checked="true"]{border-color:var(--g-ink);background:#fff;box-shadow:0 0 0 3px rgba(43,42,40,.08)}
#loginView .gp-role[aria-checked="true"] svg{color:var(--g-gold)}
#loginView .gp-role[aria-checked="true"]::after{content:"";position:absolute;top:9px;right:9px;width:16px;height:16px;border-radius:50%;background:var(--g-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.5' fill='none' stroke='%23f7f1e3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

#loginView .gp-tabs{display:flex;gap:4px;padding:4px;margin:0 0 18px;border-radius:12px;background:#f1eee6}
#loginView .gp-tabs button{flex:1;height:38px;border:0;border-radius:9px;background:transparent;color:var(--g-muted);font:600 13.5px/1 inherit;cursor:pointer}
#loginView .gp-tabs button[aria-selected="true"]{background:#fff;color:var(--g-ink);box-shadow:0 1px 3px rgba(22,21,20,.14)}
#loginView[data-role="team"] .gp-tabs,#loginView[data-role="team"] .gp-only-student{display:none}

#loginView .gp-form{display:grid;gap:6px}
#loginView .gp-form[hidden]{display:none}
#loginView .gp-title{margin:0;font:700 23px/1.2 "Inter",system-ui,sans-serif;letter-spacing:-.01em;color:var(--g-ink)}
#loginView .gp-muted{margin:2px 0 10px;color:var(--g-muted);font-size:14px}
#loginView label{font-size:13px;font-weight:600;color:var(--g-ink);margin-top:6px}
#loginView input[type=email],#loginView input[type=password],#loginView input[type=text],#loginView input:not([type]){width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid #DED3C0;background:#fff;color:var(--g-ink);font:400 15.5px/1 inherit;transition:border-color .15s,box-shadow .15s}
#loginView input::placeholder{color:#A4A19B}
#loginView input:focus{outline:0;border-color:var(--g-ink);box-shadow:0 0 0 4px rgba(43,42,40,.10)}
#loginView .gp-pass{position:relative}
#loginView .gp-pass input{padding-right:48px}
#loginView .gp-eye{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;border-radius:9px;background:transparent center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6f6c' stroke-width='1.8'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");cursor:pointer}
#loginView .gp-eye.on{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152e36' stroke-width='1.8'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10 10 0 0112 5c6.4 0 10 7 10 7a17 17 0 01-3.2 4.1M6.6 6.6C3.8 8.4 2 12 2 12s3.6 7 10 7a9.6 9.6 0 004.4-1.1'/%3E%3C/svg%3E")}
#loginView .gp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 4px;flex-wrap:wrap}
#loginView .gp-check{display:flex;align-items:flex-start;gap:9px;margin:6px 0 4px;font-weight:500;font-size:13px;color:var(--g-text);cursor:pointer}
#loginView .gp-row .gp-check{margin:0}
#loginView .gp-check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--g-ink)}
#loginView .gp-check a{color:var(--g-ink);font-weight:600}
#loginView .gp-link{border:0;background:none;padding:4px 0;color:var(--g-gold-d);font:600 13px/1.3 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(121,100,64,.35)}
#loginView .gp-link:hover{color:var(--g-ink)}
#loginView .gp-primary{margin-top:10px;height:50px;border:0;border-radius:12px;background:var(--g-ink);color:#F1EEE9;font:700 15.5px/1 inherit;letter-spacing:.01em;cursor:pointer;box-shadow:0 12px 24px -14px rgba(22,21,20,.9);transition:background .15s,transform .1s}
#loginView .gp-primary:hover:not(:disabled){background:#161514}
#loginView .gp-primary:active:not(:disabled){transform:translateY(1px)}
#loginView .gp-primary:disabled{opacity:.55;cursor:wait}
#loginView .gp-switch{margin:10px 0 0;text-align:center;font-size:13.5px;color:var(--g-muted)}
#loginView .gp-hint{margin:2px 0 0;font-size:12.5px;color:var(--g-muted)}
#loginView .gp-meter{height:5px;border-radius:999px;background:#ece8de;overflow:hidden;margin-top:4px}
#loginView .gp-meter i{display:block;height:100%;width:0;background:#c0583f;transition:width .2s,background .2s}
#loginView .gp-meter[data-level="1"] i{width:25%}
#loginView .gp-meter[data-level="2"] i{width:50%;background:#B49B6C}
#loginView .gp-meter[data-level="3"] i{width:75%;background:#4f8a6a}
#loginView .gp-meter[data-level="4"] i{width:100%;background:#2B2A28}
#loginView .gp-message{min-height:20px;margin:12px 0 0;font-size:13.5px;color:var(--g-muted)}
#loginView .gp-message:empty{margin:0;min-height:0}
#loginView .gp-message.error{padding:10px 12px;border-radius:10px;background:#fbeeea;color:#9a3a26}
#loginView .gp-message.ok{padding:10px 12px;border-radius:10px;background:#ecf4ef;color:#2B2A28}
#loginView .gp-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;padding-top:14px;border-top:1px solid #ECE8E0;font-size:12px;color:var(--g-muted)}

#loginView .gp-legal{display:flex;justify-content:flex-end;gap:18px;padding:0 clamp(16px,6vw,96px) calc(18px + env(safe-area-inset-bottom));font-size:12.5px;color:var(--g-ink)}
#loginView .gp-legal a{color:var(--g-ink);text-decoration:none;font-weight:600}
#loginView .gp-legal a:hover{text-decoration:underline}
#loginView .gp-legal>*{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.8)}

@media (max-width:900px){
 #loginView .gp-bg img{object-position:50% 30%;opacity:.45}
 #loginView .gp-bg::after{background:rgba(246,244,239,.55)}
 #loginView .gp-gate-inner{justify-content:center;align-items:flex-start;padding-top:18px}
 #loginView .gp-legal{justify-content:center}
}
@media (max-width:480px){
 #loginView .gp-card{padding:22px 18px 18px;border-radius:18px}
 #loginView .gp-wordmark{width:150px;margin-bottom:16px}
 #loginView .gp-role{padding:10px;column-gap:8px}
 #loginView .gp-role svg{width:22px;height:22px}
 #loginView .gp-title{font-size:21px}
 #loginView .gp-back span{font-size:13.5px}
 #loginView .gp-legal{gap:8px;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){#loginView *{transition:none!important}}

/* ===== v15 · Login cover: full photo, brand top-left, tagline bottom-left, white card on the right (no SSO) ===== */
#loginView .gp-bg img{opacity:1;filter:none;object-position:30% 30%}
#loginView .gp-bg::after{background:linear-gradient(180deg,rgba(22,21,20,.42) 0%,rgba(22,21,20,0) 24%),linear-gradient(0deg,rgba(22,21,20,.5) 0%,rgba(22,21,20,0) 30%),linear-gradient(90deg,rgba(22,21,20,.18) 0%,rgba(22,21,20,0) 40%)}
#loginView .gp-bg::before{content:"";position:absolute;z-index:1;width:150vmax;height:150vmax;left:-38vmax;top:18vh;border-radius:50%;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 70px rgba(255,255,255,.04),0 0 0 9vmax rgba(255,255,255,.035);pointer-events:none}
#loginView .gp-bar{align-items:flex-start;padding:calc(30px + env(safe-area-inset-top)) clamp(18px,5.5vw,88px) 0}
#loginView .gp-bar-r{display:flex;align-items:center;gap:10px}
#loginView .gp-brand{display:grid;gap:8px;color:#fff;text-decoration:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}
#loginView .gp-brand img{display:block;width:clamp(170px,17vw,230px);height:auto}
#loginView .gp-brand span{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.92);padding-inline-start:2px}
#loginView .gp-back{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
#loginView .gp-lang{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
#loginView .gp-lang button{color:rgba(255,255,255,.85)}
#loginView .gp-lang button[aria-pressed="true"]{background:#fff;color:var(--g-ink)}
#loginView .gp-tagline{position:fixed;z-index:0;left:clamp(18px,5.5vw,88px);bottom:calc(60px + env(safe-area-inset-bottom));margin:0;max-width:260px;font:400 clamp(22px,2.1vw,30px)/1.18 Georgia,"Times New Roman",serif;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}
#loginView .gp-tagline::before{content:"";display:block;width:64px;height:2px;margin:0 0 16px;background:#B49B6C}
#loginView .gp-gate-inner{padding:18px clamp(18px,5.5vw,88px) 18px;position:relative;z-index:1}
#loginView .gp-card{width:min(470px,100%);padding:44px 44px 26px;border-radius:24px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 40px 100px -40px rgba(22,21,20,.6)}
#loginView .gp-tabs{display:none}
#loginView .gp-form{gap:4px}
#loginView #loginForm .gp-title{font:500 clamp(34px,3.2vw,44px)/1.08 "Inter",system-ui,sans-serif;letter-spacing:-.025em;color:var(--g-ink)}
#loginView #loginForm .gp-lede-role{margin:10px 0 22px;font-size:16px;color:#6C6861}
#loginView .gp-roles{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
#loginView .gp-role{display:flex;justify-content:center;gap:10px;height:54px;padding:0 14px;border-radius:999px;border:1.5px solid #E4E0D8;background:#fff;color:var(--g-ink)}
#loginView .gp-role small{display:none}
#loginView .gp-role b{font-size:16px;font-weight:600}
#loginView .gp-role svg{width:24px;height:24px;color:var(--g-ink)}
#loginView .gp-role[aria-checked="true"]{background:var(--g-ink);border-color:var(--g-ink);color:#fff;box-shadow:0 12px 24px -16px rgba(22,21,20,.9)}
#loginView .gp-role[aria-checked="true"] svg{color:#fff}
#loginView .gp-role[aria-checked="true"]::after{display:none}
#loginView label{font-size:14.5px;margin-top:10px}
#loginView #email,#loginView #password{height:52px;border-radius:12px;border:1px solid #E4E0D8;background:#F6F4F0 no-repeat 16px center/20px;padding-left:48px}
#loginView #email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152e36' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E")}
#loginView #password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152e36' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7.5a4 4 0 0 1 8 0V10'/%3E%3Ccircle cx='12' cy='15' r='1.2' fill='%23152e36'/%3E%3C/svg%3E")}
#loginView #email:focus,#loginView #password:focus{background-color:#fff}
#loginView .gp-eye{top:8px}
#loginView .gp-row{margin:16px 0 8px}
#loginView .gp-check{font-size:14px}
#loginView .gp-link{color:var(--g-ink);font-size:14px;text-decoration-color:rgba(43,42,40,.45)}
#loginView .gp-primary{height:54px;border-radius:999px;font-size:16.5px;background:linear-gradient(180deg,#2B2A28,#2B2A28)}
#loginView #loginSubmit:not(:disabled) span::after{content:" \2192"}
#loginView .gp-switch{font-size:14px}
#loginView .gp-foot{border-top-color:#EDEAE5}
#loginView .gp-legal{position:relative;z-index:1}
#loginView .gp-legal>*{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#loginView .gp-legal a{color:#fff}
@media (max-width:1100px){#loginView .gp-tagline{display:none}}
@media (max-width:900px){
 #loginView .gp-bg{position:absolute;height:min(62vh,520px);bottom:auto}
 #loginView .gp-bg img{opacity:1;object-position:28% 20%}
 #loginView .gp-bg::after{background:linear-gradient(180deg,rgba(22,21,20,.45) 0%,rgba(22,21,20,0) 35%,rgba(246,244,239,0) 70%,#f6f4ef 100%)}
 #loginView .gp-bg::before{display:none}
 #loginView .gp-gate-inner{padding-top:min(30vh,250px);align-items:flex-start}
 #loginView .gp-card{padding:30px 22px 20px;margin-bottom:12px}
 #loginView .gp-legal>*{background:rgba(255,255,255,.8);color:var(--g-ink)}#loginView .gp-legal a{color:var(--g-ink)}
}
@media (max-width:480px){
 #loginView .gp-bar{padding-top:calc(18px + env(safe-area-inset-top))}
 #loginView .gp-brand img{width:150px}#loginView .gp-brand span{font-size:9.5px;letter-spacing:.2em}
 #loginView .gp-back{width:42px;padding:0;justify-content:center}#loginView .gp-back span{display:none}
 #loginView #loginForm .gp-title{font-size:32px}
 #loginView #loginForm .gp-lede-role{font-size:15px;margin-bottom:18px}
 #loginView .gp-role{height:50px}
 #loginView .gp-row{flex-wrap:nowrap}#loginView .gp-check span{white-space:nowrap}
}
@media(max-width:520px){.gp-brand span{font-size:8.5px;letter-spacing:.14em;white-space:nowrap}#forgotPassword{white-space:nowrap;flex:none;font-size:13px}#forgotPassword{margin-inline-start:auto}}
@media(max-width:380px){.gp-brand span{display:none}}
@media(max-width:520px){#loginView .gp-row{flex-wrap:wrap;row-gap:8px}#loginView .gp-row .gp-remember{min-width:0}}