*{box-sizing:border-box}body{color:#000;background-color:#6487db;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Verdana,Tahoma,sans-serif;font-size:11px;display:flex}#container{background-color:#fff;flex-direction:column;width:100%;max-width:900px;margin:20px;display:flex;box-shadow:0 0 10px #0000004d}header{background:linear-gradient(90deg,#039 0%,#3e87e3 100%);border-bottom:4px solid #f90;flex-shrink:0;align-items:center;height:80px;padding:0 20px;display:flex}.logo-area{color:#fff;align-items:center;gap:15px;display:flex}.logo-text h1{letter-spacing:-.5px;margin:0;font-family:Franklin Gothic Medium,Arial Narrow,sans-serif;font-size:28px;font-weight:400}.logo-text span{opacity:.9;font-size:14px}#content-wrapper{flex:1;display:flex}aside{background-color:#f1f1f1;border-right:1px solid #ccc;flex-shrink:0;width:200px;padding:15px}.nav-box{background:#fff;border:1px solid #d6d6d6;margin-bottom:15px}.nav-header{color:#333;background:linear-gradient(#fff 0%,#efefef 100%);border-bottom:1px solid #d6d6d6;align-items:center;gap:5px;padding:8px 10px;font-weight:700;display:flex}.nav-header:before{content:"►";color:#e68b2c;font-size:9px}.nav-list{margin:0;padding:10px;list-style:none}.nav-list li{margin-bottom:6px}.nav-list a{color:#039;padding:2px 0;text-decoration:none;display:block}.nav-list a:hover{color:#e68b2c;text-decoration:underline}main{background:#fff;flex:1;padding:25px}h2{color:#039;border-bottom:1px solid #ccc;margin-top:0;padding-bottom:5px;font-family:Franklin Gothic Medium,sans-serif;font-size:22px;font-weight:400}.intro-text{margin-bottom:20px;line-height:1.5}.download-box{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.form-group{margin-bottom:15px}label{color:#444;margin-bottom:5px;font-weight:700;display:block}select{border:1px solid #7f9db9;width:100%;max-width:400px;padding:5px;font-family:Verdana,sans-serif;font-size:11px}.action-area{flex-wrap:wrap;align-items:center;gap:15px;margin-top:25px;display:flex}.web-btn{cursor:pointer;color:#fff;text-shadow:0 1px #2f6627;background:#44c767 linear-gradient(#44c767 5% 100%);border:1px solid #18ab29;border-radius:3px;padding:8px 24px;font-family:Verdana,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.web-btn:hover{background:#5cbf2a linear-gradient(#5cbf2a 5% 100%)}.web-btn:disabled{text-shadow:none;cursor:default;background:#ccc;border-color:#999}.reset-link{color:#039;cursor:pointer;font-size:11px;text-decoration:underline}.progress-wrapper{background:#fff;border:1px solid #ccc;width:100%;max-width:400px;margin-top:20px;padding:2px;display:none}.progress-fill{background:#316ac5 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBmaWxsPSIjMzE2QUM1Ii8+PHBhdGggZD0iTTAgMTAlMjAxMCAwIiBzdHJva2U9IiM1NzlDRDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);width:0%;height:15px;transition:width .2s}.status-text{color:#666;min-height:14px;margin-top:4px;font-size:10px}footer{text-align:center;color:#666;background-color:#f1f1f1;border-top:1px solid #ccc;flex-shrink:0;margin-top:auto;padding:15px 20px;font-size:10px}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.web-modal{background:#fff;border:4px solid #039;width:100%;max-width:400px;padding:0;box-shadow:0 4px 20px #00000080}.modal-header{color:#fff;background:#039;justify-content:space-between;padding:5px 10px;font-weight:700;display:flex}.modal-content{align-items:flex-start;gap:15px;padding:20px;display:flex}.modal-footer{text-align:right;padding:10px 20px 20px}.close-modal-btn{cursor:pointer;background:#f1f1f1;border:1px solid #999;padding:4px 12px;font-family:Verdana;font-size:11px}@media (max-width:768px){#container{width:100%;max-width:100%;min-height:100vh;box-shadow:none;border-radius:0;margin:0}#content-wrapper{flex-direction:column}aside{border-bottom:1px solid #ccc;border-right:none;width:100%;padding:10px}main{padding:15px}.nav-box{margin-bottom:10px}.logo-area{flex-wrap:wrap}select{max-width:100%}.web-btn{text-align:center;width:100%}.action-area{flex-direction:column;align-items:stretch}.reset-link{text-align:center;margin-top:10px;display:block}}