:root{font-family:"DM Sans",Arial,sans-serif;color:#27293d;background:#f4f5f9;--navy:#24205e;--navy2:#332d7c;--muted:#777b8c;--line:#e7e8ee;--orange:#ff9866;--blue:#7180f5;--green:#00a886;--shadow:0 2px 8px rgba(32,34,60,.08)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f5f9}a,button,input{font:inherit}.topbar{min-height:64px;background:var(--navy);color:#fff;padding:0 27px;display:flex;align-items:center;gap:22px;box-shadow:0 2px 9px #17143d24}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-size:15px;white-space:nowrap}.brand-mark{width:31px;height:31px;border:1px solid #ffffff70;border-radius:8px;background:#ffffff16;display:grid;place-items:center;font-size:10px;font-weight:bold}.demo-banner{border:1px solid #ffcc75;border-radius:20px;background:#fff0cf;color:#725014;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:.55px;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.welcome{text-align:right;line-height:1.3}.welcome strong{display:block;font-size:11px}.welcome small{display:block;color:#d5d3f1;font-size:9px;margin-top:3px}.icon-button{position:relative;background:transparent;border:0;color:white;font-size:18px;cursor:pointer}.notification-count{position:absolute;right:-7px;top:-5px;background:#f45f64;color:white;border-radius:10px;padding:2px 5px;font-size:8px;font-weight:bold}.login-link{color:#fff;text-decoration:none;border:1px solid #ffffff70;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:bold}.login-link:hover{background:#ffffff15}.layout{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:23px 13px 14px;display:flex;flex-direction:column}.nav-label{padding:0 11px 15px;color:#9295a3;font-size:9px;letter-spacing:1px;font-weight:bold}.sidebar nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 12px;color:#626678;text-decoration:none;border-radius:7px;font-size:12px}.nav-link:hover,.nav-link.active{background:#efeffa;color:var(--navy);font-weight:bold}.nav-icon{width:18px;text-align:center;font-size:15px}.sidebar-note{margin:auto 8px 0;color:#9699a6;font-size:9px;line-height:1.5}.online-dot{display:inline-block;width:7px;height:7px;background:#39b98b;border-radius:50%;margin-right:5px}.main{width:100%;max-width:1580px;margin:0 auto;padding:25px clamp(16px,2.5vw,38px) 18px;outline:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.eyebrow{margin:0 0 6px;color:#8a8d9b;font-size:9px;font-weight:bold;letter-spacing:1px}.page-heading h1{margin:0;font-size:23px;letter-spacing:-.4px}.page-description{margin:5px 0 0;color:var(--muted);font-size:11px}.demo-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:20px;background:#fff0cf;color:#805c1e;font-size:9px;font-weight:bold}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:17px}.card,.panel{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.bar{min-height:34px;padding:0 12px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:bold;text-transform:uppercase}.bar-meta{font-size:8px;font-weight:500;color:#e2e0ff}.metric-body{height:139px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.metric-number{font-size:38px;font-weight:bold;color:#34306f}.metric-label{margin-top:3px;color:var(--muted);font-size:9px}.chart{position:absolute;left:20px;right:20px;bottom:10px;height:24px;border-bottom:1px solid #dadce5;display:flex;align-items:end;gap:4px}.chart i{flex:1;height:36%;background:#ff98666b;border-radius:2px 2px 0 0}.chart i:nth-child(2n){height:57%}.chart i:nth-child(3n){height:82%}.chart.blue i{background:#7180f570}.metric-foot{border-top:1px solid var(--line);padding:8px 11px;color:#858896;font-size:9px}.panel{margin-bottom:16px}.panel-body{padding:13px}.task-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-column h3{margin:0 0 7px;color:var(--navy);font-size:9px;letter-spacing:.4px;text-transform:uppercase}.task-list{border:1px solid var(--line);box-shadow:0 2px 5px #10102012}.task-row{min-height:48px;padding:7px 9px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:7px}.task-row:last-child{border-bottom:0}.task-label{font-size:10px;color:#4e5060}.task-hint{display:block;margin-top:3px;color:var(--green);font-size:8px}.task-count{font-size:11px;color:#43465a;font-weight:bold}.competency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.competency-item{padding:10px;border:1px solid var(--line);border-radius:6px}.competency-name{display:flex;justify-content:space-between;gap:5px;font-size:9px}.progress-track{height:6px;border-radius:6px;background:#ececf2;margin-top:9px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;background:var(--blue)}.competency-note{color:var(--muted);font-size:8px;margin-top:5px}.table-panel{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.table-toolbar{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.table-toolbar p{margin:0;color:var(--muted);font-size:10px}.search{width:min(260px,45%);padding:8px 10px;border:1px solid #dfe0e8;border-radius:5px;color:#303246;font-size:10px;outline:0}.search:focus{border-color:#7770cf;box-shadow:0 0 0 2px #7770cf20}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:640px}th{text-align:left;padding:10px 12px;background:#fafafd;color:#777b8b;font-size:8px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid #eff0f4;font-size:10px;color:#45485a}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafaff}.person{display:flex;align-items:center;gap:8px;white-space:nowrap}.avatar{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;background:#eeedfb;color:#3e397e;font-size:8px;font-weight:bold}.primary-cell{font-weight:bold;color:#303246}.secondary-cell{display:block;margin-top:3px;color:#8a8d99;font-size:8px}.status{display:inline-block;padding:5px 7px;border-radius:12px;background:#edf8f3;color:#18845f;font-size:8px;white-space:nowrap}.status.warning{background:#fff4e8;color:#a26118}.status.danger{background:#fff0f0;color:#b74750}.status.info{background:#eef1ff;color:#4e5bb1}.status.neutral{background:#f1f2f5;color:#777b88}.table-count{color:#858896;font-size:9px;padding:11px 12px;border-top:1px solid var(--line)}.empty-state{padding:35px;text-align:center;color:#828594;font-size:11px}.toast{position:fixed;right:20px;bottom:18px;max-width:340px;padding:11px 14px;border-radius:7px;background:#24205e;color:white;box-shadow:0 4px 15px #1113;font-size:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.site-footer{padding:9px;text-align:center;color:#9b9daa;font-size:9px}.site-footer span{padding:0 5px}
@media(max-width:900px){.layout{grid-template-columns:170px minmax(0,1fr)}.task-columns{gap:8px}.task-row{padding:7px}.competency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar{padding:9px 12px;min-height:58px;flex-wrap:wrap;gap:8px}.demo-banner{order:3;width:100%;text-align:center;padding:5px}.top-actions{gap:10px}.welcome{display:none}.layout{display:block}.sidebar{padding:7px 10px;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.sidebar-note{display:none}.sidebar nav{display:flex;overflow-x:auto}.nav-link{white-space:nowrap;padding:9px;font-size:10px}.main{padding:18px 11px}.page-heading h1{font-size:20px}.metric-grid{grid-template-columns:1fr;gap:9px}.metric-body{height:105px}.task-columns{grid-template-columns:1fr;gap:13px}.competency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{align-items:flex-start;flex-direction:column}.search{width:100%}.demo-chip{font-size:8px}}

.travel-form{padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label,.notes-label{display:flex;flex-direction:column;gap:6px;color:#525567;font-size:10px;font-weight:bold}.form-grid input,.form-grid select,.notes-label textarea{width:100%;min-height:36px;padding:8px 9px;border:1px solid #dfe0e8;border-radius:5px;background:#fff;color:#34364a;font-size:10px;font-weight:400;outline:0}.form-grid input:focus,.form-grid select:focus,.notes-label textarea:focus{border-color:#7770cf;box-shadow:0 0 0 2px #7770cf20}.form-grid input[readonly]{background:#f6f6f9;color:#777b8c}.document-options{margin:16px 0 13px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;display:grid;gap:9px}.document-options legend{padding:0 5px;color:#525567;font-size:10px;font-weight:bold}.document-options label{display:flex;align-items:center;gap:7px;color:#55586a;font-size:10px}.document-options input{accent-color:var(--navy)}.notes-label textarea{resize:vertical;line-height:1.5}.form-actions{display:flex;align-items:center;gap:12px;margin-top:13px}.form-actions .button{font-size:10px}.form-actions span{color:#888b98;font-size:9px}.travel-form .button:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.travel-form{padding:12px}}