*{box-sizing:border-box}body{margin:0;background:silver;color:#000;font-family:Tahoma,"MS Sans Serif",Geneva,sans-serif;font-size:15px;cursor:default}a{color:navy}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{flex:0 0 auto}.site-masthead{display:flex;align-items:center;gap:10px;padding:12px 20px;background:navy;color:#fff;border-bottom:2px solid #000}.site-logo{width:26px;height:26px;flex:0 0 auto;border:1px solid #fff;background:linear-gradient(navy,navy) 0 0 / 13px 13px no-repeat,linear-gradient(gold,gold) 13px 13px / 13px 13px no-repeat}.site-title{font-size:21px;font-weight:700;letter-spacing:1px}.site-subtitle{font-size:16px;color:#c8d4f0}.site-version{margin-left:auto;font-size:13px;color:#9fb8e8;white-space:nowrap}.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 14px;background:silver;border-top:2px solid #dfdfdf;border-bottom:2px solid #808080}.nav-btn{font-family:inherit;font-size:15px;padding:7px 16px;background:silver;color:#000;text-decoration:none;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040}.nav-btn:hover{background:#e8e8e8}.nav-btn.active{background:navy;color:#fff;border:2px solid #000080}.nav-sep{width:2px;height:26px;margin:0 6px;border-left:1px solid #808080;border-right:1px solid #fff}.site-body{flex:1 1 auto;display:flex;justify-content:center;padding:22px 20px 28px}.content{width:1040px;max-width:100%}.document{background:#fff;border:1px solid #808080;box-shadow:inset 1px 1px #dfdfdf;display:flex;flex-direction:column;min-height:600px}.doc-head{background:#dfdfdf;border-bottom:1px solid #808080;padding:10px 16px;font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}.doc-head:before{content:"";width:16px;height:16px;flex:0 0 auto;background:#fff;border:1px solid #808080;box-shadow:inset 1px 1px #fff}.doc-body{flex:1 1 auto;padding:20px 24px;line-height:1.6}.doc-foot{border-top:1px solid #808080;background:#dfdfdf;padding:9px 16px;font-size:13px;color:#404040}.login-form{max-width:480px;margin:60px auto 0}.login-table{border-collapse:collapse;margin:0 auto}.login-label{text-align:right;padding:6px 10px 6px 0;white-space:nowrap}.field{font-family:inherit;font-size:15px;padding:5px 7px;width:230px;background:#fff;border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff}.login-error{color:maroon;font-weight:700;text-align:center;margin:14px 0 0}.login-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.login-hint{text-align:center;color:#606060;font-size:13px;margin:18px 0 0}.btn{font-family:inherit;font-size:15px;padding:7px 24px;background:silver;color:#000;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;cursor:default}.btn:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff}.btn:focus{outline:1px dotted #000;outline-offset:-5px}.btn:disabled{color:gray;text-shadow:1px 1px 0 #fff}.notice{border:1px dashed #808080;padding:12px 14px;margin:0 0 14px}.notice-date{color:#606060;font-size:13px;margin-bottom:3px}.notice p{margin:6px 0 0}.hb-intro{margin:0 0 18px;color:#404040}.hb-section{margin:0 0 18px}.hb-section p{margin:6px 0 0}.log-entry{border:1px dashed #808080;padding:10px 14px;margin:0 0 12px}.log-date{font-weight:700;margin-bottom:3px}.log-text{color:#1a1a1a}.log-note{color:maroon;font-size:13px}.dir-intro{color:#404040;margin:0 0 14px}.roster{height:420px;overflow-y:auto;background:#fff;border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff;box-shadow:inset 1px 1px gray;padding:4px 10px}.roster-entry{display:flex;justify-content:space-between;gap:10px;padding:4px 8px;border-bottom:1px dashed #d0d0d0}.roster-entry:hover{background:navy;color:#fff}.roster-entry:hover .roster-role{color:#fff}.roster-name{font-weight:700;white-space:nowrap}.roster-role{color:#333;text-align:right}.roster::-webkit-scrollbar{width:16px}.roster::-webkit-scrollbar-track{background:silver;border-left:1px solid #808080}.roster::-webkit-scrollbar-thumb{background:silver;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040}.roster::-webkit-scrollbar-thumb:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff}.roster::-webkit-scrollbar-button{height:16px;background:silver;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040}.roster::-webkit-scrollbar-corner{background:silver}.dir-table{width:100%;border-collapse:collapse}.dir-table td{border:1px solid #808080;padding:9px 12px}.dir-table td:first-child{font-weight:700;width:30%}.memo{border:1px dashed #808080;padding:12px 14px;margin:0 0 16px}.syspanel{border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px gray,inset 1px 1px #dfdfdf;background:silver;margin-top:18px}.syspanel-head{background:navy;color:#fff;font-weight:700;padding:7px 12px}.syspanel .dir-table{width:calc(100% - 12px);margin:6px}.syspanel-actions{display:flex;gap:12px;padding:12px;border-top:1px solid #808080}.download-status{margin:0;padding:0 12px 12px;font-size:13px;color:#004000;font-weight:700}.site-footer{flex:0 0 auto;display:flex;gap:6px;padding:6px 8px;background:silver;border-top:2px solid #fff;box-shadow:inset 0 1px #dfdfdf;flex-wrap:wrap}.status-cell{border-top:2px solid #808080;border-left:2px solid #808080;border-right:2px solid #fff;border-bottom:2px solid #fff;padding:2px 12px;font-size:13px;line-height:18px;white-space:nowrap}.status-grow{flex:1 1 auto}::selection{background:navy;color:#fff}