:root{font-family:"Yu Gothic UI",Meiryo,sans-serif;color:#142332;background:#edf3f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#d9eaf4,transparent 35%),#eef3f7}header{height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#123f62;color:#fff}.brand{display:flex;gap:12px;align-items:baseline}.brand span{font-weight:900;letter-spacing:.15em}.brand strong{font-size:18px}nav{display:flex;gap:10px}nav a{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:8px;padding:9px 14px}.logout{opacity:.72}main{max-width:1120px;margin:auto;padding:58px 24px}.hero p{color:#28749f;font-weight:800;letter-spacing:.18em;font-size:12px}.hero h1{font-size:38px;margin:6px 0 10px}.hero #status{color:#607383}.apps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.card{min-height:260px;padding:30px;background:#fff;border:1px solid #d2dfe7;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 14px 35px #27465b12;display:grid;grid-template-columns:64px 1fr;gap:20px;position:relative;transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #27465b20;border-color:#7eabc5}.icon{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;background:#276e9a}.lost .icon{background:#b85a4c}.card small{color:#7890a0;letter-spacing:.12em}.card h2{font-size:25px;margin:8px 0}.card p{color:#5b6d79;line-height:1.8}.card b{position:absolute;right:28px;bottom:25px;color:#236b96}footer{text-align:center;color:#82919c;padding:25px}@media(max-width:760px){header{padding:0 15px}.brand strong{display:none}nav .logout{display:none}main{padding:35px 15px}.hero h1{font-size:30px}.apps{grid-template-columns:1fr}.card{min-height:230px;padding:23px}}
.apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.roster .icon{background:#24745f}@media(max-width:1000px){.apps{grid-template-columns:1fr 1fr}}@media(max-width:760px){.apps{grid-template-columns:1fr}}