body{margin:0;font-family:Arial,sans-serif;background:#f3f5f7;color:#222}.topbar{background:#183153;color:#fff}.topbar-inner{max-width:1050px;margin:0 auto;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.brand{color:#fff;text-decoration:none;font-weight:bold;font-size:20px}.top-user,.top-user a{color:#fff}.wrap{max-width:1050px;margin:28px auto;padding:0 18px}h1{margin-top:0}.card{background:#fff;padding:22px;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.12);margin-bottom:20px}.lead{font-size:16px;line-height:1.5}label{display:block;font-weight:bold;margin-top:15px}input,textarea,select{width:100%;box-sizing:border-box;padding:10px;font-size:16px;margin-top:5px;border:1px solid #bbb;border-radius:6px}button,.btn-secondary{display:inline-block;margin-top:18px;padding:11px 17px;font-size:16px;background:#2d74da;border:0;color:#fff;border-radius:6px;text-decoration:none;cursor:pointer}.btn-secondary{background:#777;margin-left:8px}.ok{background:#e7f6e7;border:1px solid #79bf79;padding:15px;border-radius:6px}.error{background:#fdeaea;border:1px solid #d77;padding:15px;border-radius:6px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:22px}.status-card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.12)}.status-card strong{display:block;margin-bottom:8px}.status-card span{color:#555}.status-card.good{border-left:6px solid #3aa35c}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.module-card{display:flex;align-items:center;gap:14px;background:#fff;color:#222;padding:18px;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.12);text-decoration:none}.module-card.disabled{opacity:.55;cursor:default}.module-icon{font-size:32px}.module-card span{display:block;margin-top:5px;color:#666}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #ddd;text-align:left;padding:9px}.footer{text-align:center;color:#777;padding:30px}.login-help h2{margin-top:0;color:#183153}.help-steps{margin:18px 0 0;padding-left:22px}.help-steps li{margin-bottom:14px;line-height:1.55}.help-steps strong{color:#183153}.info-box{margin-top:20px;padding:16px;border-left:5px solid #2d74da;background:#eef5ff;border-radius:8px}.info-box p{margin:8px 0 0;line-height:1.55}@media(max-width:700px){.topbar-inner{display:block}.top-user{margin-top:8px}.wrap{margin:16px auto}.card{padding:16px}.help-steps{padding-left:20px}}
.visual-guide{margin-top:28px;border-top:1px solid #dde5ef;padding-top:24px}.visual-guide h3{margin:0 0 18px;color:#183153;font-size:22px}.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:22px;align-items:start;margin-top:22px;padding-top:22px;border-top:1px solid #edf1f5}.guide-step:first-of-type{border-top:0;padding-top:0}.guide-copy h4{margin:7px 0 8px;color:#183153;font-size:19px}.guide-copy p{line-height:1.58;margin:10px 0}.step-label{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef5ff;color:#183153;font-weight:bold;font-size:13px}.guide-shot{margin:0}.guide-shot img{display:block;width:100%;height:auto;border:1px solid #d7e0ea;border-radius:8px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.10)}.guide-shot figcaption{font-size:13px;color:#666;line-height:1.4;margin-top:8px}@media(max-width:820px){.guide-step{grid-template-columns:1fr}.visual-guide h3{font-size:20px}}
.status-card.warning{border-left:6px solid #d99a27}.mailbox-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0 22px}.mailbox-summary div{background:#f8fafc;border:1px solid #e0e7ef;border-radius:8px;padding:14px}.mailbox-summary strong{display:block;color:#183153;margin-bottom:6px}.mailbox-summary span{color:#374151}.warning-box{background:#fff8e6;border:1px solid #e0b75a;border-left:5px solid #d99a27;border-radius:8px;padding:14px;margin:18px 0}.muted{color:#777;font-size:13px}.mailbox-table th:nth-child(2),.mailbox-table td:nth-child(2),.mailbox-table th:nth-child(3),.mailbox-table td:nth-child(3){text-align:right}@media(max-width:700px){.mailbox-table{font-size:14px}.mailbox-table th,.mailbox-table td{padding:8px 5px}}