*{box-sizing:border-box}body{margin:0;font-family:"Yu Gothic UI",Meiryo,sans-serif;color:#183b36;background:#f4f6f2;line-height:1.8}main{max-width:1120px;margin:35px auto;padding:24px}header{display:flex;justify-content:space-between;padding:20px 5%;background:white}a{color:#137363}h1{font-size:32px}h2{margin-top:35px}.login{max-width:480px;background:white;border:1px solid #dce7de;border-radius:16px;margin:60px auto}.brand{font-size:22px;font-weight:700;text-decoration:none}label{display:block;margin:16px 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #b6ccc0;border-radius:8px}button{font:inherit;cursor:pointer;background:#137363;color:white;border:0;border-radius:8px;padding:10px 18px;margin-right:10px}#toggle{background:#e4eee7;color:#183b36;margin-top:12px}#message{color:#9c3e32}.stats{display:flex;gap:20px;flex-wrap:wrap}.stat{padding:20px;background:white;border-radius:12px;min-width:180px}.stat b{font-size:28px;display:block}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white}td,th{text-align:left;padding:14px;border-bottom:1px solid #dce7de}th{background:#e4eee7}td button{background:transparent;color:#137363;text-decoration:underline;padding:0}small{color:#62756b}[hidden]{display:none!important}@media(max-width:600px){main{padding:15px;margin:15px}.login{margin:25px 15px}.stat{min-width:120px}th,td{padding:10px}}