@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#081b31;--navy2:#102942;--paper:#f6f5f2;--warm:#8c8983;--line:#dedbd4;--emerald:#037567;--brick:#a84e36;--ink:#17202a;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 Inter,Arial,sans-serif}[hidden]{display:none!important}.public-nav{height:76px;max-width:1280px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 14px/1 Inter,sans-serif;letter-spacing:.11em;color:var(--navy);text-decoration:none}.brand i{color:var(--emerald);font-style:normal}.company-logo{display:flex;align-items:center;height:56px}.company-logo img{display:block;width:158px;max-height:52px;object-fit:contain;object-position:left center}.nav-links{display:flex;gap:28px}.nav-links a{color:#5f6569;text-decoration:none;font-size:13px}.button{border:0;border-radius:5px;padding:12px 18px;font:600 13px Inter,sans-serif;cursor:pointer}.button.primary{background:var(--navy);color:#fff;box-shadow:0 9px 18px #071a3020}.button.primary span{padding-left:14px;color:#7fdbbf;font-size:16px}.button.ghost{border:1px solid #c8c7c2;background:transparent;color:var(--navy)}.hero{min-height:570px;background:linear-gradient(90deg,#081b31ed 0%,#081b31dd 38%,#081b3191 63%,#081b3159 100%),url('./assets/umcp-hero-office-guidelines-v4.png') center/cover no-repeat;color:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{max-width:640px;justify-self:end;align-self:center;padding:70px 90px 70px 35px;position:relative;z-index:1}.eyebrow{font:500 10px/1.25 'DM Mono',monospace;letter-spacing:.13em;color:var(--emerald);margin:0 0 14px}.hero .eyebrow{color:#85d9bd}.hero-eyebrow{font-size:20px;line-height:1.25;letter-spacing:.055em;margin:18px 0 0}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.99;letter-spacing:-.075em;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-text{color:#e1e5e8;max-width:405px;font-size:16px;line-height:1.7;margin:29px 0}.hero-access{font-size:16px;padding:15px 0;background:transparent!important;box-shadow:none!important;text-align:left}.hero-visual{position:relative;overflow:hidden;background:transparent}.statement{max-width:1210px;margin:auto;padding:118px 34px}.statement h2{font-size:clamp(36px,4vw,57px);line-height:1.05;letter-spacing:-.06em;margin:0 0 55px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.cards article{background:var(--paper);padding:27px 28px 24px;min-height:155px}.cards b{font-size:16px}.cards p,.lower p{color:#646669;font-size:13px;max-width:300px}.lower{max-width:1210px;margin:0 auto 100px;padding:0 34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.lower article{background:#eceae5;padding:40px 38px}.lower h3{font-size:27px;letter-spacing:-.045em;line-height:1.15;margin:0}footer{border-top:1px solid var(--line);padding:22px max(34px,calc((100vw - 1210px)/2));font:10px 'DM Mono',monospace;color:#6d6e6e;letter-spacing:.07em}footer span{float:right}.login-overlay,.upload-overlay{position:fixed;inset:0;background:#071a31c9;z-index:10;display:grid;place-items:center;padding:20px}.login-card,.upload-card{background:var(--white);width:min(440px,100%);padding:42px;position:relative;border-radius:8px;box-shadow:0 25px 70px #0006}.login-card h2,.upload-card h2{font-size:34px;letter-spacing:-.06em;margin:0}.login-card>p:not(.eyebrow),.upload-card>p:not(.eyebrow){color:#6d7074;margin-bottom:26px}.close{position:absolute;right:18px;top:13px;background:transparent;border:0;font-size:27px;color:#6d7074;cursor:pointer}form{display:grid;gap:15px}label{font-size:12px;font-weight:600;color:#454b51;display:grid;gap:7px}input,select{width:100%;font:14px Inter,sans-serif;border:1px solid #d6d5d0;border-radius:4px;background:#fff;padding:11px;color:#17202a}input:focus,select:focus{outline:2px solid #78c9b8;border-color:var(--emerald)}form small{color:#777;font-size:11px;line-height:1.5}output{font-size:12px;color:var(--brick)}
/* app */.rail{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#dbe7ee;padding:28px 18px;display:flex;flex-direction:column}.rail .brand{color:#fff;margin:3px 10px 35px}.workspace-mini{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:18px 7px;display:flex;gap:10px;align-items:center}.workspace-mini>span{height:31px;width:31px;border-radius:5px;background:#1e7b73;display:grid;place-items:center;color:#fff;font-weight:700}.workspace-mini b{display:block;font-size:12px}.workspace-mini small{font-size:10px;color:#9caebb}.workspace-mini button{margin-left:auto;color:#dbe7ee;background:none;border:0;font-size:18px} .rail nav{padding:25px 0;display:grid;gap:5px}.rail nav a{padding:10px;border-radius:4px;color:#b4c2cb;text-decoration:none;font-size:13px}.rail nav a.active,.rail nav a:hover{background:#ffffff12;color:#fff}.rail-foot{margin-top:auto;font:10px 'DM Mono',monospace;color:#9eb2c0}.rail-foot .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65c8aa;margin-right:5px}.rail-foot button{display:block;border:0;background:none;color:#d8e3e8;padding:12px 0 0;font:11px Inter;cursor:pointer}.workspace{margin-left:248px;min-height:100vh;padding:42px 52px;background:#f6f5f2}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.app-header h1{font-size:31px;letter-spacing:-.055em;margin:0}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{background:none;border:1px solid var(--line);height:35px;width:35px;border-radius:5px;color:var(--navy)}.avatar{height:35px;width:35px;background:#dce7e2;border-radius:50%;display:grid;place-items:center;color:#27544e;font-size:10px;font-weight:700}.notice{display:flex;gap:12px;align-items:center;padding:13px 16px;background:#f4e9df;border:1px solid #e9d3c3;border-radius:5px;color:#6e493d;font-size:12px}.notice b{color:#984b34}.notice a{color:#984b34;margin-left:auto;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric-grid article,.register,.right-panel article,.bottom-grid article{background:var(--white);border:1px solid var(--line);border-radius:6px}.metric-grid article{padding:17px}.metric-grid span{font:10px 'DM Mono',monospace;letter-spacing:.07em;color:#777}.metric-grid b{display:block;font-size:23px;letter-spacing:-.05em;margin:12px 0 4px}.metric-grid small{font-size:11px;color:#777}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.register{padding:24px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,.bottom-grid h2{font-size:22px;letter-spacing:-.045em;margin:0}.button.small{font-size:12px;padding:9px 12px}.register-table{margin-top:20px}.table-row{display:grid;grid-template-columns:2.1fr 1.2fr .8fr .5fr;gap:12px;align-items:center;border-bottom:1px solid #ebe9e3;padding:13px 6px;font-size:12px}.table-head{padding-top:0;color:#85827c;font:10px 'DM Mono',monospace;letter-spacing:.06em}.empty{padding:32px 6px;color:#85827c;font-size:13px}.doc-title{font-weight:600}.doc-meta{font-size:10px;color:#888;margin-top:3px}.status{color:#176e61;background:#e7f4ef;border-radius:20px;padding:4px 7px;font-size:10px;white-space:nowrap}.right-panel{display:grid;gap:14px;align-content:start}.right-panel article,.bottom-grid article{padding:21px}.right-panel h3{font-size:18px;letter-spacing:-.04em;margin:0 0 8px}.right-panel p,.bottom-grid p{font-size:12px;color:#666;line-height:1.6}.text-button{padding:0;border:0;background:transparent;color:var(--emerald);font-weight:600;font-size:12px}.scope-stat{display:flex;align-items:baseline;gap:8px;border-top:1px solid #eee;padding:9px 0}.scope-stat b{font:500 15px 'DM Mono',monospace;color:var(--navy)}.scope-stat span{font-size:12px;color:#777}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{justify-self:start;padding:90px 34px}.hero-visual{height:330px}.nav-links{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.right-panel{grid-template-columns:1fr 1fr}.rail{width:195px}.workspace{margin-left:195px;padding:30px}.notice{display:block}.notice a{display:block;margin:8px 0 0}.structure{left:25%}}@media(max-width:620px){.public-nav{padding:0 20px}.hero-copy,.statement,.lower{padding-left:20px;padding-right:20px}.cards,.lower,.bottom-grid,.right-panel{grid-template-columns:1fr}.rail{display:none}.workspace{margin:0;padding:22px 16px}.metric-grid{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1.4fr .8fr}.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.app-header h1{font-size:25px}footer span{display:none}}