:root{--navy:#13204a;--ink:#202b46;--muted:#748098;--line:#e4e8f0;--soft:#f7f8fc;--purple:#7356ee;--purple-dark:#6244df;--green:#0b8e59;--blue:#2d6ce6;--amber:#b8760a;--shadow:0 8px 26px rgba(24,38,73,.08)}
*{box-sizing:border-box}html{background:#f5f7fb}body{margin:0;min-width:320px;color:var(--ink);background:#f5f7fb;font:13px/1.45 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:88px;border-top:4px solid var(--navy);border-bottom:1px solid #e6e9ef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;box-shadow:0 3px 10px rgba(23,34,67,.07);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.doe-logo,.pelp-logo{width:52px;height:52px;display:grid;place-items:center;font-weight:800}.doe-logo{border:3px solid #f5e900;border-radius:50%;background:#122be1;color:#fff000}.pelp-logo{border:3px solid #e5d834;border-radius:7px;background:#26366e;color:#f2e54c}.sun-logo{font-size:38px;color:#f7a800}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:17px}.brand-copy small{color:#555}.top-actions{display:flex;gap:12px}.top-actions button{height:38px;border:1px solid #dce1e9;border-radius:6px;background:#fff;color:#333;padding:0 14px;display:flex;gap:8px;align-items:center;font-weight:600;box-shadow:0 2px 5px rgba(0,0,0,.06)}.top-actions b{background:#ffdce2;color:#cf5666;border-radius:14px;padding:2px 7px;font-size:10px}
.layout{min-height:calc(100vh - 88px);display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{background:#fbfbfc;border-right:1px solid #e2e5eb;padding:30px 28px}.profile{display:flex;gap:16px;align-items:center;margin-bottom:25px}.profile>span:last-child{display:flex;flex-direction:column}.profile small,.profile em{color:#535967;font-style:normal}.profile strong{font-size:19px;line-height:1.2;margin:4px 0}.avatar{width:77px;height:77px;border:5px solid #111;border-radius:50%;position:relative;flex:none}.avatar:before{content:"";position:absolute;width:27px;height:27px;border:5px solid #111;border-radius:50%;left:20px;top:9px}.avatar i{position:absolute;width:50px;height:28px;border:5px solid #111;border-bottom:0;border-radius:28px 28px 0 0;left:8px;bottom:7px}.company-card{background:#fff;border:1px solid #dce0e7;border-radius:6px;padding:13px;box-shadow:0 2px 7px rgba(0,0,0,.08);margin-bottom:20px}.company-card>strong{display:block;border-bottom:1px solid #e8eaf0;padding-bottom:9px}.company-card p{margin:9px 0 0;font-weight:600;display:flex;justify-content:space-between;align-items:center}.company-card b{min-width:56px;text-align:center;padding:5px;border:1px solid #dfe3e9;border-radius:7px;background:#fafafa}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#4e5460;padding:13px 15px;border-radius:4px}.side-nav a:hover{background:#f1f1f5}.side-nav a.active{background:#eeebef;color:#182754;font-weight:700}.side-nav i{margin-left:auto;font-style:normal}
main{min-width:0;padding:32px 42px 50px}.breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:18px;color:#a0a8b8}.breadcrumb a{color:#63708a;text-decoration:none}.breadcrumb strong{color:#313b52}.hero{position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(120deg,#172650 0%,#253670 66%,#413493 100%);color:#fff;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:220px;height:220px;border:35px solid rgba(255,255,255,.04);border-radius:50%;right:-40px;top:-90px}.eyebrow{display:block;color:#c9ceff;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:7px}.hero h1{margin:0 0 8px;font-size:25px;line-height:1.25}.hero p{margin:0;color:#d7dcf0;max-width:700px}.hero-icon{z-index:1;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:16px;font-size:27px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.stats article{border:1px solid var(--line);border-radius:11px;background:#fff;padding:17px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 3px 12px rgba(25,38,70,.04)}.stat-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;font-size:18px}.stat-icon.purple{background:#f0edff;color:#694fe3}.stat-icon.blue{background:#e9f1ff;color:#2d6ce6}.stat-icon.green{background:#e6f7ef;color:#0a8c58}.stats div{display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:baseline}.stats small{grid-column:1/3;color:#747f94;font-weight:600}.stats strong{font-size:23px}.stats em{font-style:normal;color:#9ba4b4;font-size:10px}.table-card{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.table-heading{padding:21px 23px 17px;display:flex;align-items:center;justify-content:space-between}.table-heading h2{margin:0 0 5px;font-size:17px}.table-heading p{margin:0;color:var(--muted)}.primary{border:0;border-radius:7px;background:linear-gradient(135deg,#665de8,#834ae9);color:#fff;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 13px rgba(108,80,226,.2)}.primary:hover:not(:disabled){background:linear-gradient(135deg,#5950dc,#753edc)}.primary:disabled{background:#c7cbd7;box-shadow:none;cursor:not-allowed}.primary b{min-width:20px;height:20px;border-radius:12px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:10px}.toolbar{border-top:1px solid var(--line);background:#fafbfc;padding:13px 23px;display:flex;gap:10px}.search{height:38px;flex:1;border:1px solid #d9dee7;border-radius:7px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8490a5}.search input{width:100%;border:0;outline:0;color:#303b50;background:transparent}.select-wrap select{height:38px;border:1px solid #d9dee7;border-radius:7px;background:#fff;color:#566277;padding:0 34px 0 12px;min-width:165px}.selection-toolbar{margin:13px 23px 0;border:1px solid #ded7ff;border-radius:8px;background:#f5f2ff;padding:10px 12px;display:none;align-items:center;justify-content:space-between}.selection-toolbar.visible{display:flex}.selection-toolbar>div{display:flex;align-items:center;gap:10px;color:#5748b5}.selection-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#7556e8;color:#fff}.selection-toolbar button:not(.primary){border:0;background:transparent;color:#6d5ad0;text-decoration:underline}.selection-toolbar .primary{padding:8px 13px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px}th{text-align:left;padding:12px 13px;background:#f6f7fa;color:#687389;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 13px;border-bottom:1px solid #edf0f4;color:#556078;vertical-align:middle}.checkbox-cell{width:48px;text-align:center}.checkbox{display:inline-grid;place-items:center}.checkbox input{position:absolute;opacity:0}.checkbox span{width:18px;height:18px;border:1.5px solid #c6ccd8;border-radius:4px;background:#fff;display:grid;place-items:center}.checkbox input:checked+span{background:#7055e8;border-color:#7055e8}.checkbox input:checked+span:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.checkbox input:disabled+span{background:#f0f1f4;border-color:#dfe2e7;cursor:not-allowed}.identity{display:flex;align-items:center;gap:9px}.identity-icon{width:34px;height:34px;border-radius:8px;background:#f0edff;color:#6c51df;display:grid;place-items:center;font-weight:700}.identity-icon.label{background:#e9f2ff;color:#2d6ce6}.identity strong,.ticket-link{display:block;color:#222e49;font-weight:700}.identity small{color:#8a95a9}.ticket-link{color:#416ed1}.date-cell span{display:block;color:#303b51}.date-cell small{color:#929bad}.status{display:inline-flex;align-items:center;gap:6px;border-radius:16px;padding:5px 9px;font-size:10px;font-weight:700}.status:before{content:"";width:6px;height:6px;border-radius:50%}.status.pending{background:#fff4d8;color:#9b670a}.status.pending:before{background:#e6a82d}.status.completed{background:#e2f6ec;color:#08774a}.status.completed:before{background:#19a469}.row-action{border:1px solid #d9dee7;border-radius:6px;background:#fff;color:#5544b6;padding:7px 10px;font-weight:600;white-space:nowrap}.row-action:hover{background:#f5f2ff}.row-action.view{color:#58647a}.empty-row{text-align:center;padding:55px;color:#8f99aa}.table-footer{padding:13px 23px;display:flex;justify-content:space-between;color:#8c96a7;font-size:10px}.table-footer span:last-child{color:#6550c6}
.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(11,22,48,.58);display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:15px;background:#fff;box-shadow:0 25px 70px rgba(6,15,38,.35);position:relative}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#7b8496;font-size:24px}.modal-header{display:flex;gap:14px;padding:27px 29px 20px}.modal-icon{width:47px;height:47px;border-radius:13px;background:#f0edff;color:#7555ea;display:grid;place-items:center;font-size:24px;flex:none}.modal-header small,.official-heading small{color:#7555e5;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.modal-header h2,.official-heading h2{margin:2px 0 5px;font-size:20px}.modal-header p{margin:0;color:var(--muted)}.review-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 29px;background:#f8f8fb;border-block:1px solid var(--line);color:#69758b}.review-summary b{font-size:17px;color:#5c45c5}.review-list{padding:10px 29px;max-height:290px;overflow:auto}.review-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f4}.review-item:last-child{border:0}.review-item .identity-icon{width:34px;height:34px}.review-item strong{display:block}.review-item small{color:#8a95a7}.review-item button{width:28px;height:28px;border:0;background:#f3f4f7;border-radius:6px;color:#727d90}.modal-actions{padding:17px 29px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid #d5dae4;border-radius:7px;background:#fff;color:#556177;padding:10px 17px;font-weight:600}.official-heading{padding:27px 29px 18px;display:flex;align-items:center;gap:13px}.official-heading>span{background:#172751;color:#fff;font-weight:800;padding:8px 10px;border-radius:6px}.integration-note{margin:0 29px 15px;background:#eef3ff;color:#526487;border-radius:8px;padding:12px 13px;display:flex;gap:10px}.integration-note>span{width:20px;height:20px;border-radius:50%;background:#d9e4ff;color:#4960a9;display:grid;place-items:center;flex:none}.integration-note p{margin:0}.batch-box{margin:0 29px 15px;border:1px solid #e1dcf8;border-radius:8px;background:#f7f5ff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.batch-box div{display:flex;flex-direction:column;color:#5544b2}.batch-box small{color:#8477bf}.batch-box button{border:0;background:transparent;color:#634fd0;text-decoration:underline}.form-placeholder{margin:0 29px 22px;border:1px dashed #c8cfda;border-radius:9px;background:#fafbfc;padding:27px;text-align:center;display:flex;flex-direction:column;gap:7px;color:#566178}.form-placeholder small{color:#949dad}.toast{position:fixed;z-index:40;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border-radius:9px;background:#17233e;color:#fff;padding:11px 16px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 35px rgba(0,0,0,.2);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{width:20px;height:20px;border-radius:50%;background:#2baa70;display:grid;place-items:center}.toast p{margin:0}
@media(max-width:1100px){.brand-copy{display:none}.top-actions button span{display:none}.layout{grid-template-columns:220px}.sidebar{padding:25px 18px}main{padding:25px 22px}.stats{grid-template-columns:1fr}.stats article{padding:12px 15px}}
@media(max-width:760px){.topbar{padding:0 12px}.sun-logo,.top-actions button:not(:last-child){display:none}.doe-logo,.pelp-logo{width:42px;height:42px}.layout{display:block}.sidebar{padding:9px 12px}.profile,.company-card,.side-nav a:not(.active){display:none}.side-nav a.active{justify-content:center}main{padding:17px 12px}.breadcrumb{font-size:11px}.hero{padding:23px}.hero h1{font-size:21px}.hero-icon{display:none}.stats{grid-template-columns:repeat(3,1fr);gap:7px}.stats article{display:block;text-align:center}.stat-icon{margin:0 auto 7px}.stats div{display:flex;flex-direction:column}.table-heading{align-items:flex-start}.table-heading .primary{display:none}.toolbar{flex-direction:column}.select-wrap select{width:100%}.selection-toolbar{align-items:flex-start;gap:10px}.selection-toolbar>div{flex-wrap:wrap}.table-footer{flex-direction:column;gap:5px}.modal-header,.official-heading{padding-left:20px;padding-right:20px}.review-summary,.review-list,.modal-actions{padding-left:20px;padding-right:20px}.integration-note,.batch-box,.form-placeholder{margin-left:20px;margin-right:20px}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.stats article{display:flex;text-align:left}.stat-icon{margin:0}.stats div{display:grid}.selection-toolbar{margin-inline:12px}.toolbar,.table-heading{padding-inline:15px}.selection-toolbar .primary span{display:none}}

/* Practical, low-decoration interface */
body{color:#263247;background:#f4f5f7}
.topbar{height:72px;padding:0 20px;border-top-width:3px;box-shadow:none}
.doe-logo,.pelp-logo{width:42px;height:42px;font-size:11px}
.sun-logo{font-size:30px}
.brand-copy strong{font-size:15px}.brand-copy small{font-size:11px}
.top-actions{gap:7px}.top-actions button{height:34px;padding:0 11px;border-radius:4px;box-shadow:none;font-size:12px}
.layout{min-height:calc(100vh - 72px);grid-template-columns:240px minmax(0,1fr)}
.sidebar{padding:22px 20px;background:#f8f8f9}
.profile{margin-bottom:18px}.avatar{width:62px;height:62px;border-width:4px}.avatar:before{width:21px;height:21px;border-width:4px;left:16px;top:7px}.avatar i{width:40px;height:23px;border-width:4px;left:7px;bottom:5px}.profile strong{font-size:16px}
.company-card{padding:11px;border-radius:3px;box-shadow:none;margin-bottom:14px}.company-card>strong{padding-bottom:7px}.company-card p{margin-top:7px}.company-card b{padding:3px;border-radius:3px}
.side-nav{gap:1px}.side-nav a{padding:10px 12px;border-radius:2px}.side-nav a.active{background:#e7e9ee;border-left:3px solid #213b79;padding-left:9px}
main{padding:22px 28px 40px}.breadcrumb{margin-bottom:13px;font-size:12px}
.hero{display:block;padding:17px 20px;border:1px solid #dfe3e9;border-radius:4px;background:#fff;color:#263247;box-shadow:none}
.hero:after,.hero-icon{display:none}.eyebrow{color:#59677f;font-size:9px;margin-bottom:4px}.hero h1{font-size:20px;margin-bottom:3px}.hero p{color:#68758b}
.stats{grid-template-columns:repeat(3,1fr);gap:0;margin:12px 0;border:1px solid #dfe3e9;border-radius:4px;background:#fff}
.stats article{border:0;border-right:1px solid #e3e6eb;border-radius:0;padding:11px 15px;box-shadow:none}.stats article:last-child{border-right:0}
.stat-icon{width:32px;height:32px;border-radius:4px;font-size:14px}.stats strong{font-size:18px}.stats em{font-size:10px}
.table-card{border-radius:4px;box-shadow:none}.table-heading{padding:15px 18px 12px}.table-heading h2{font-size:15px;margin-bottom:3px}.table-heading p{font-size:12px}
.primary{border:1px solid #334f92;border-radius:4px;background:#334f92;padding:8px 12px;box-shadow:none}.primary:hover:not(:disabled){background:#263f7c}.primary:disabled{border-color:#c7cbd3;background:#c7cbd3}
.toolbar{padding:10px 18px;background:#f7f8fa}.search,.select-wrap select{height:34px;border-radius:3px}.selection-toolbar{margin:9px 18px 0;border-color:#cfd7e8;border-radius:3px;background:#f1f4fa;padding:8px 10px}.selection-check{width:20px;height:20px;background:#334f92}
th{padding:9px 11px;background:#f3f4f6;font-size:9px}td{padding:10px 11px}.identity-icon{width:29px;height:29px;border-radius:3px}.status{border-radius:3px;padding:4px 7px}.row-action{border-radius:3px;padding:6px 9px;color:#304d92}.table-footer{padding:10px 18px}
.modal{border-radius:5px}.modal-icon{border-radius:4px}.modal-actions{padding-block:13px}.secondary{border-radius:4px;padding:8px 14px}.official-heading>span{border-radius:3px}.integration-note,.batch-box,.form-placeholder{border-radius:3px}
.toast{border-radius:4px}
@media(max-width:1100px){.layout{grid-template-columns:205px}.sidebar{padding:18px 13px}main{padding:18px}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.layout{display:block}.topbar{padding:0 10px}.sidebar{padding:7px 10px}main{padding:13px 10px}.hero{padding:14px 15px}.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid #e3e6eb}.stats article:last-child{border-bottom:0}}