:root{font-family:Arial,system-ui,sans-serif;color:#f1f5fb;background:#171a1c}*{box-sizing:border-box}body{margin:0}a{color:#7ac0f7}header{background:#050608;min-height:82px;padding:18px 28px;display:flex;align-items:center;justify-content:center;position:relative}h1{font-size:31px;margin:0;text-align:center}header a{position:absolute;left:24px}main{max-width:1480px;margin:30px auto;padding:0 24px}h2{font-size:22px;font-weight:500;margin:20px 0 8px}.tilegrid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px 18px}.tile,.action{border:1px solid #2066ab;border-radius:5px;color:#fff;background:linear-gradient(#296b9c,#12528c);cursor:pointer;padding:11px 9px;font-size:14px}.tile:hover,.action:hover{filter:brightness(1.2)}.tile:focus-visible,.action:focus-visible{outline:3px solid #f7bb55}.status{color:#a7bfd0;font-size:13px;margin:14px 0}.hidden{display:none!important}.workspace{background:#1b1f23;border:1px solid #37424c;border-radius:8px;margin-top:26px;padding:20px}.workspace h2{margin:0 0 18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.toolbar input{max-width:280px}.tablewrap{overflow-x:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#1e4463}th,td{padding:12px;border:1px solid #36414b;text-align:left}tr:nth-child(even){background:#20262b}label{display:block;margin:12px 0 6px;color:#bcd0de}input,select,textarea{background:#101519;color:#f9fdff;border:1px solid #566675;border-radius:5px;padding:9px;width:100%;font:inherit}textarea{min-height:90px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:#bac6d3}.danger{background:#77262e;border-color:#a03d49}.editing{border:1px solid #6486a8;border-radius:8px;padding:15px;margin:18px 0}button:disabled{opacity:.5;cursor:not-allowed}#error{color:#ffadb5}#ok{color:#b4efc7}.small{font-size:12px}.card{background:#1b1f23;border:1px solid #3c474f;border-radius:7px;padding:16px;margin:16px 0}body[data-module="training"] main,body[data-module="disciplinary"] main,body[data-module="hr"] main{max-width:1280px}body[data-module="training"] .tilegrid{grid-template-columns:repeat(4,minmax(120px,1fr))}body[data-module="disciplinary"] .tilegrid{grid-template-columns:repeat(3,minmax(120px,1fr))}body[data-module="hr"] .tilegrid{grid-template-columns:repeat(4,minmax(120px,1fr))}@media(max-width:900px){.tilegrid{grid-template-columns:repeat(3,1fr)}body[data-module="training"] .tilegrid,body[data-module="hr"] .tilegrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){header{padding:55px 10px 18px}header a{top:15px}.tilegrid,body[data-module="training"] .tilegrid,body[data-module="hr"] .tilegrid,body[data-module="disciplinary"] .tilegrid{grid-template-columns:1fr 1fr}.formrow{grid-template-columns:1fr}h1{font-size:23px}}

/* Crown FMS visual identity — keeps existing record forms and APIs */
:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#ecf5fa;background:#08121e;--accent:#69cfdf;--line:#294054}body{background:radial-gradient(ellipse at 75% 0%,#1a3e51,transparent 38%),#08121e}header{background:#0b1725;border-bottom:1px solid #294459;min-height:75px;justify-content:space-between;padding:17px 35px;gap:22px}header a{position:static;text-decoration:none;color:#a1bbcb}.header-brand{font-weight:850;letter-spacing:.15em;font-size:17px}.header-brand span{color:#7ad5df}main{max-width:1440px!important;margin:0 auto;padding:28px 32px 75px!important}h1{text-align:left;font-size:clamp(29px,3vw,42px);letter-spacing:-.035em}.portal-hero{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #335264;background:linear-gradient(115deg,#172c40,#0d2433 72%,#123e4a);padding:34px 38px;border-radius:19px;margin-bottom:22px}.portal-eyebrow{color:#80d5dd;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.portal-hero h1{margin:10px 0 8px}.hero-statement{font-size:21px;margin:7px 0;color:#e7f5f6}.hero-desc{color:#aec7d8;max-width:740px;line-height:1.6;margin:10px 0}.hero-icon{width:118px;height:118px;border:1px solid #6cd1df66;border-radius:30px;display:grid;place-items:center;font-size:63px;color:#9cdee1;flex-shrink:0;transform:rotate(-6deg);background:#204d594f}.catalog-intro{margin:34px 0 18px}.catalog-intro h2{font-size:23px;font-weight:700;margin:5px 0}.catalog-intro p{color:#91aebd;margin:0}#catalog{display:grid;gap:15px}#catalog h2{color:#e1edf7;font-size:15px;letter-spacing:.04em;border-top:1px solid #264459;padding-top:22px;margin:18px 0 3px}.tilegrid,body[data-module="training"] .tilegrid,body[data-module="hr"] .tilegrid,body[data-module="disciplinary"] .tilegrid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.tile{background:#111f2f;border:1px solid #304c61;border-radius:12px;padding:17px 15px;text-align:left;min-height:72px;display:flex;align-items:center;gap:11px;font-weight:650;font-size:13px;box-shadow:0 4px 10px #0002}.tile:before{content:'◈';color:#73d6df;font-size:20px}.tile:after{content:'↗';color:#7eaabb;margin-left:auto}.tile:hover{background:#19374a;border-color:#70cedb;filter:none}.workspace,.card{background:#101e2c;border-color:#30495b;border-radius:14px}.workspace{margin-top:34px;padding:26px}.workspace>h2{font-size:23px}.action{background:#235772;border-color:#438aa4;border-radius:8px}.feature-card{margin:0 0 22px;padding:19px 24px}.feature-card p{color:#c5d5df;line-height:1.5}.status{padding:11px 15px;border:1px solid #2e495f;background:#102334;border-radius:9px;color:#b2ccda}th{background:#183a50}th,td{border-color:#2a4353}input,select,textarea{background:#0b1725;border-color:#37566d}.editing{background:#0c1a28;border-color:#36536b}body[data-module="disciplinary"]{--accent:#d9b88b}body[data-module="disciplinary"] .portal-hero{background:linear-gradient(115deg,#302c30,#172333 75%)}body[data-module="disciplinary"] .portal-eyebrow,body[data-module="disciplinary"] .tile:before{color:#dfbb83}body[data-module="training"] .portal-hero{background:linear-gradient(115deg,#133a3a,#102737 75%)}body[data-module="hr"] .portal-hero{background:linear-gradient(115deg,#293649,#142637 75%)}@media(max-width:720px){main{padding:15px!important}header{padding:15px;flex-wrap:wrap}.portal-hero{padding:24px 20px}.hero-icon{display:none}.tilegrid,body[data-module="training"] .tilegrid,body[data-module="hr"] .tilegrid,body[data-module="disciplinary"] .tilegrid{grid-template-columns:1fr}.formrow{grid-template-columns:1fr}}