:root { color-scheme: light; --navy:#132238; --blue:#2463eb; --line:#dce3ec; --muted:#667085; --bg:#f5f7fb; --danger:#b42318; }
    * { box-sizing:border-box; } body { margin:0; font:15px/1.45 system-ui,sans-serif; color:#172033; background:var(--bg); }
    header { background:var(--navy); color:#fff; padding:14px 24px; display:flex; align-items:center; gap:24px; }
    header { flex-wrap:wrap; } header a { color:#fff; text-decoration:none; } header nav { display:flex; flex-wrap:wrap; gap:18px; flex:1; }
    main { max-width:1280px; margin:24px auto; padding:0 20px; }
    .card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:20px; margin-bottom:18px; box-shadow:0 2px 8px #102a4310; }
    .grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
    .metric { font-size:30px; font-weight:700; } .muted { color:var(--muted); }
    table { width:100%; border-collapse:collapse; background:#fff; } th,td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
    th { background:#eef2f7; } input,select,textarea { width:100%; padding:9px 10px; border:1px solid #b9c4d0; border-radius:7px; } input[type="radio"],input[type="checkbox"] { width:auto; }
    label { display:block; font-weight:600; margin:10px 0 5px; } button,.button { display:inline-block; border:0; border-radius:8px; padding:10px 15px; background:var(--blue); color:#fff; text-decoration:none; cursor:pointer; }
    .button.secondary { background:#526174; } .errors,.errorlist { color:var(--danger); } .badge { display:inline-block; padding:3px 7px; border-radius:10px; background:#fff2cc; }
    .actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; } form.inline { display:inline; }
  
:root{--blue:#1D4ED8;--muted:#526174;--danger:#B42318}body{font-size:16px}a{color:var(--blue);text-underline-offset:3px}h1{font-size:28px;line-height:1.25;margin:0 0 24px}h2{font-size:21px}input,select,textarea{min-height:44px;border-color:#7B8798;font:inherit}button,.button{min-height:44px;font:inherit;line-height:24px}button.secondary,.button.secondary{background:#EEF2F6;color:#172033;border:1px solid #7B8798}*:focus-visible{outline:3px solid #1D4ED8;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#132238;color:white;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:block;color:white;font-weight:750;font-size:20px;margin:0 8px 28px}.sidebar nav{display:block}.sidebar a{color:#e5eaf4;text-decoration:none;display:block;padding:10px 12px;border-radius:8px}.sidebar a[aria-current=page]{background:#E8EFFD;color:#1D4ED8;font-weight:700}.sidebar details{margin:5px 0}.sidebar summary{padding:12px;cursor:pointer;font-weight:650;border-radius:8px}.sidebar details[open] summary{background:#22354e}.sidebar details a{font-size:14px;margin-left:12px}.sidebar .account{border-top:1px solid #526174;margin-top:24px;padding-top:16px}.workspace{min-width:0}.topbar{background:white;color:#172033;padding:12px 28px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}.topbar span{flex:1}.topbar button{background:#EEF2F6;color:#172033}.workspace main{max-width:1440px;margin:28px auto;padding:0 28px}.guest main{max-width:650px}.table-scroll{overflow:auto;max-width:100%;border-radius:8px}.table-scroll table{min-width:650px}th{font-size:13px;color:#526174}td{font-size:15px}form.edit-form>.card,form.edit-form.card{display:flow-root}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.field-grid>p{margin:4px 0;min-width:0}.field-grid .wide{grid-column:1/-1}.helptext{display:block;font-size:13px;color:#526174;margin-top:5px}.errorlist{padding-left:20px}.form-summary{border-left:4px solid #B42318;background:#FEF3F2;padding:16px;margin-bottom:20px}.form-footer{position:sticky;bottom:0;background:white;padding:16px;border-top:1px solid var(--line);z-index:4;box-shadow:0 -4px 18px #13223812}.tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);margin:20px 0}.tabs button{white-space:nowrap;background:transparent;color:#526174;border-radius:0;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:#1D4ED8;border-bottom-color:#1D4ED8;font-weight:700}.priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.priority-grid a{background:white;padding:20px;border:1px solid var(--line);border-top:4px solid #1D4ED8;border-radius:12px;color:#172033;text-decoration:none}.priority-grid a:first-child{border-top-color:#B42318}.priority-grid small{display:block;color:#526174}.hr .hero{background:white!important;color:#172033!important;border:1px solid var(--line);padding:20px!important}.hr .hero p{color:#526174!important}.hr .hero button{background:#1D4ED8!important;color:white!important}.hr .hero h1{font-size:28px}.hr .tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hr .tiles .metric{font-size:24px}.badge{background:#FFFAEB;color:#92400E}.menu-button{display:none}.errorlist+input,.errorlist+select{border-color:#B42318}
@media(max-width:1100px){.hr .columns{grid-template-columns:1fr!important}.hr .tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;width:280px;z-index:30;box-shadow:0 0 0 100vmax #13223880}.sidebar:not(.open){display:none}.menu-button{display:block}.topbar{padding:10px 16px}.workspace main{padding:0 16px;margin:20px auto}.field-grid,.priority-grid{grid-template-columns:1fr}.form-footer{position:static}.actions{gap:8px}.card{padding:16px}.grid{grid-template-columns:1fr}.hr .tiles{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.secondary-controls>summary{font-size:19px;font-weight:700;cursor:pointer;margin:18px 0}.field-group{border:0;padding:0;margin:0 0 24px;min-width:0}.field-group legend{font-size:20px;font-weight:700;margin-bottom:12px}.field{min-width:0}

.status{display:inline-block;border-radius:6px;padding:4px 8px;white-space:nowrap;background:#EEF2F6;color:#526174}.status-generated{background:#E8EFFD;color:#1D4ED8}.status-sent{background:#ECFDF3;color:#067647}