.sma-card{max-width:820px;margin:28px auto;padding:34px;background:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 10px 35px rgba(20,35,60,.07);box-sizing:border-box}.sma-card-heading{margin-bottom:24px}.sma-eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#64748b;margin-bottom:7px}.sma-card h2{margin:0 0 7px;font-size:26px;line-height:1.2}.sma-card-heading p{margin:0;color:#64748b}.sma-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.sma-form p{margin:0 0 17px}.sma-form label{display:block;font-weight:700;margin-bottom:7px;color:#172033;font-size:14px}.sma-form label span{color:#b42318}.sma-form input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d7dce5;border-radius:9px;background:#fff;color:#172033;outline:none;transition:.18s}.sma-form input:focus{border-color:#5b6ee1;box-shadow:0 0 0 3px rgba(91,110,225,.12)}.sma-form input:disabled{background:#f4f6f8;color:#8791a1}.sma-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 19px;background:#253b80;color:#fff!important;font-weight:750;cursor:pointer;text-decoration:none;line-height:1.2;transition:.18s}.sma-button:hover{transform:translateY(-1px);opacity:.94}.sma-button-light{background:#fff!important;color:#253b80!important;border:1px solid #dce2ed}.sma-notice{padding:14px 16px;border-radius:10px;margin:0 0 20px;font-size:14px}.sma-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.sma-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.sma-form-link{font-size:14px}.sma-form-link a{color:#253b80;font-weight:650}
.sma-dashboard{max-width:1180px;margin:25px auto;color:#172033}.sma-dashboard-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 30px;background:linear-gradient(135deg,#f7f9ff,#fff);border:1px solid #e5e9f2;border-radius:20px;margin-bottom:20px}.sma-dashboard-identity{display:flex;align-items:center;gap:18px;min-width:0}.sma-dashboard-identity h1{margin:0 0 5px;font-size:29px;line-height:1.15}.sma-dashboard-identity p{margin:0;color:#64748b}.sma-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sma-avatar{display:flex;align-items:center;justify-content:center;object-fit:cover;border-radius:50%;background:#e9edff;color:#253b80;font-weight:800;overflow:hidden;border:1px solid #dbe2f2}.sma-avatar-lg{width:74px;height:74px;font-size:22px}.sma-avatar-xl{width:105px;height:105px;font-size:30px}.sma-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}.sma-status-active{background:#e9f8ef;color:#177245}.sma-status-pending{background:#fff7df;color:#8a6100}.sma-dashboard-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}.sma-sidebar{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:9px;position:sticky;top:20px}.sma-nav-item{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:10px;color:#536174;text-decoration:none;font-weight:650;font-size:14px;margin:2px 0}.sma-nav-item span{width:20px;text-align:center;font-weight:800}.sma-nav-item:hover,.sma-nav-item.is-active{background:#f0f3ff;color:#253b80}.sma-nav-logout{margin-top:12px;border-top:1px solid #eef0f4;border-radius:0;padding-top:16px}.sma-dashboard-main{min-width:0}.sma-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.sma-stat-card{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:18px;display:flex;align-items:center;gap:13px;min-height:72px}.sma-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eef1ff;color:#253b80;font-size:13px;font-weight:850}.sma-stat-card small,.sma-detail-grid small{display:block;color:#7a8494;font-size:12px;margin-bottom:3px}.sma-stat-card strong{font-size:16px}.sma-panel{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:24px;margin-bottom:18px}.sma-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid #eef0f4;padding-bottom:15px;margin-bottom:20px}.sma-panel-title h2{margin:0;font-size:20px}.sma-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.sma-detail-grid strong{font-size:14px;word-break:break-word}.sma-profile-photo{display:flex;align-items:center;gap:18px;padding:16px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:13px;margin-bottom:22px}.sma-profile-photo h3{margin:0 0 4px;font-size:16px}.sma-profile-photo p{margin:0 0 11px;color:#6b7585;font-size:13px}.sma-file-button{display:inline-flex!important;width:auto!important;align-items:center;padding:9px 13px;background:#fff;border:1px solid #d8deea;border-radius:8px;color:#253b80!important;cursor:pointer;font-size:13px!important}.sma-file-button input{display:none!important}.sma-check{display:inline-flex!important;width:auto!important;align-items:center;gap:7px;margin-left:10px;font-size:12px!important;font-weight:600!important;color:#667085!important}.sma-check input{width:auto!important}.sma-member-content{line-height:1.7}.sma-empty{text-align:center;padding:35px 20px;border:1px dashed #d9dee8;border-radius:12px;background:#fafbfc}.sma-empty span{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:#eef1ff;color:#253b80;font-weight:800}.sma-empty h3{margin:13px 0 5px}.sma-empty p{max-width:600px;margin:0 auto;color:#697586}
@media(max-width:900px){.sma-dashboard-grid{grid-template-columns:1fr}.sma-sidebar{position:static;display:flex;overflow:auto;gap:4px}.sma-nav-item{white-space:nowrap}.sma-nav-logout{margin-top:2px;border-top:0;border-left:1px solid #eef0f4;padding-top:12px}.sma-dashboard-header{align-items:flex-start;flex-direction:column}.sma-header-actions{width:100%;justify-content:space-between}}
@media(max-width:650px){.sma-card{padding:23px;margin:18px 0;border-radius:14px}.sma-grid,.sma-detail-grid,.sma-stat-grid{grid-template-columns:1fr}.sma-dashboard{margin:12px 0}.sma-dashboard-header{padding:22px 18px}.sma-dashboard-identity{align-items:flex-start}.sma-dashboard-identity h1{font-size:24px}.sma-dashboard-identity p{font-size:13px}.sma-header-actions{flex-wrap:wrap}.sma-panel{padding:18px}.sma-sidebar{padding:6px}.sma-nav-item{padding:10px 9px;font-size:12px}.sma-profile-photo{align-items:flex-start;flex-direction:column}.sma-check{margin:8px 0 0}.sma-avatar-xl{width:88px;height:88px}}