.ma-root{--ma-black:#000000;--ma-dark:#0D0D0D;--ma-surface:#1A1A1A;--ma-surface2:#222222;--ma-card:rgba(255,255,255,0.05);--ma-card-border:rgba(255,255,255,0.10);--ma-card-hover:rgba(255,255,255,0.08);--ma-green:#86BC25;--ma-green-dim:rgba(134,188,37,0.15);--ma-green-border:rgba(134,188,37,0.30);--ma-white:#FFFFFF;--ma-text:#EDEDED;--ma-text-sec:rgba(255,255,255,0.55);--ma-text-muted:rgba(255,255,255,0.30);--ma-border:rgba(255,255,255,0.08);--ma-blue:#3B82F6;--ma-blue-dim:rgba(59,130,246,0.15);--ma-orange:#F97316;--ma-orange-dim:rgba(249,115,22,0.15);--ma-red:#EF4444;--ma-red-dim:rgba(239,68,68,0.15);--ma-yellow:#EAB308;--ma-yellow-dim:rgba(234,179,8,0.15);--ma-purple:#8B5CF6;--ma-purple-dim:rgba(139,92,246,0.15);--ma-nav-height:56px;--ma-radius:16px;--ma-radius-sm:10px;--ma-radius-xs:6px;display:flex;gap:clamp(20px,4vw,64px);justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:0 clamp(8px,2vw,24px);width:100%;box-sizing:border-box}.ma-phone-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.ma-phone-label{font-size:13px;font-weight:600;color:var(--ma-text-sec);text-transform:uppercase;letter-spacing:.08em}.ma-phone-frame{width:clamp(260px,28vw,340px);background:#111111;border-radius:clamp(36px,4vw,52px);padding:clamp(8px,1vw,14px);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 0 3px #0A0A0A,0 0 0 4px rgba(255,255,255,.06),0 40px 80px rgba(0,0,0,.8),0 12px 32px rgba(0,0,0,.6);position:relative;box-sizing:border-box}.ma-phone-screen{background:var(--ma-black);border-radius:clamp(28px,3.5vw,42px);overflow:hidden;aspect-ratio:1/2;position:relative;display:flex;flex-direction:column}.ma-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 4px;flex-shrink:0;position:relative;z-index:10}.ma-status-time{font-size:13px;font-weight:600;color:var(--ma-white);letter-spacing:-.3px}.ma-status-island{width:80px;height:22px;background:#000;border-radius:12px;border:1.5px solid rgba(255,255,255,.15)}.ma-status-icons{display:flex;align-items:center;gap:5px}.ma-status-icons svg{color:var(--ma-white);opacity:.9}.ma-screen-content{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.ma-bottom-nav{height:var(--ma-nav-height);background:var(--ma-surface);border-top:1px solid var(--ma-border);justify-content:space-around;padding:0 8px;flex-shrink:0}.ma-bottom-nav,.ma-nav-item{display:flex;align-items:center}.ma-nav-item{flex-direction:column;gap:3px;padding:6px 12px;cursor:pointer;border-radius:var(--ma-radius-xs);transition:background .15s;flex:1}.ma-nav-item:hover{background:rgba(255,255,255,.05)}.ma-nav-item svg{color:var(--ma-text-muted);transition:color .15s}.ma-nav-item.active svg{color:var(--ma-white)}.ma-nav-label{font-size:9px;color:var(--ma-text-muted);font-weight:500;transition:color .15s;white-space:nowrap}.ma-nav-item.active .ma-nav-label{color:var(--ma-white)}.ma-home-indicator{height:20px;display:flex;align-items:center;justify-content:center;background:var(--ma-surface);flex-shrink:0}.ma-home-indicator-bar{width:100px;height:4px;background:rgba(255,255,255,.25);border-radius:2px}.ma-page{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.ma-page::-webkit-scrollbar{display:none}.ma-app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px;flex-shrink:0}.ma-app-brand{display:flex;align-items:baseline;gap:6px}.ma-brand-name{font-size:18px;font-weight:800;color:var(--ma-white);letter-spacing:1px}.ma-brand-role{font-size:12px;font-weight:300;color:var(--ma-text-sec);letter-spacing:.5px}.ma-header-actions{display:flex;align-items:center;gap:8px}.ma-sos-btn{background:var(--ma-red);color:white;border:none;border-radius:6px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.5px;cursor:default}.ma-notif-btn{width:28px;height:28px;border-radius:50%;background:var(--ma-card);border:1px solid var(--ma-card-border);display:flex;align-items:center;justify-content:center;position:relative}.ma-notif-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;background:var(--ma-red);border-radius:50%;border:1.5px solid var(--ma-black)}.ma-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:12px;margin:0 12px 10px}.ma-card-title{font-size:11px;font-weight:600;color:var(--ma-text);margin-bottom:8px;display:flex;align-items:center;gap:6px}.ma-card-title svg{color:var(--ma-text-sec)}.ma-greeting{padding:8px 16px 4px}.ma-greeting-name{font-size:16px;font-weight:700;color:var(--ma-white);line-height:1.2}.ma-greeting-sub{font-size:10px;color:var(--ma-text-sec);margin-top:2px}.ma-duty-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:12px;margin:8px 12px}.ma-duty-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ma-duty-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ma-duty-dot.on-duty{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6)}.ma-duty-dot.off-duty{background:var(--ma-red)}.ma-duty-dot.on-break{background:var(--ma-yellow)}.ma-duty-status-text{font-size:13px;font-weight:700;color:var(--ma-white)}.ma-duty-timer{margin-left:auto;font-size:13px;font-weight:700;color:#22c55e;font-variant-numeric:tabular-nums}.ma-duty-sub{font-size:10px;color:var(--ma-text-sec);margin-bottom:8px}.ma-duty-progress-label{display:flex;justify-content:space-between;font-size:9px;color:var(--ma-text-sec);margin-bottom:4px}.ma-duty-progress-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:10px}.ma-duty-progress-fill{height:100%;background:#22c55e;border-radius:2px;transition:width .3s}.ma-duty-actions{display:flex;gap:6px}.ma-duty-btn{flex:1;padding:6px 0;border-radius:var(--ma-radius-xs);font-size:10px;font-weight:600;text-align:center;cursor:default;border:none}.ma-duty-btn.break{background:var(--ma-yellow-dim);color:var(--ma-yellow);border:1px solid rgba(234,179,8,.3)}.ma-duty-btn.end{background:var(--ma-red-dim);color:var(--ma-red);border:1px solid rgba(239,68,68,.3)}.ma-duty-btn.start{background:var(--ma-green-dim);color:var(--ma-green);border:1px solid var(--ma-green-border)}.ma-metrics-row{display:flex;gap:6px;margin:0 12px 10px}.ma-metric-item{flex:1;background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.ma-metric-icon{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.ma-metric-icon svg,.ma-metric-value{color:var(--ma-white)}.ma-metric-value{font-size:14px;font-weight:800;line-height:1}.ma-metric-label{font-size:8px;color:var(--ma-text-sec);text-align:center;line-height:1.2}.ma-section-title{font-size:11px;font-weight:700;color:var(--ma-text);padding:4px 16px 6px;text-transform:uppercase;letter-spacing:.06em}.ma-trip-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:12px;margin:0 12px 10px;cursor:pointer;transition:background .15s}.ma-trip-card:hover{background:var(--ma-card-hover)}.ma-trip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ma-trip-id{font-size:12px;font-weight:700;color:var(--ma-white)}.ma-trip-route{font-size:10px;color:var(--ma-text-sec);margin-bottom:8px;display:flex;align-items:center;gap:4px}.ma-trip-route-arrow{color:var(--ma-text-muted);font-size:9px}.ma-trip-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--ma-text-sec)}.ma-trip-action-btn{width:100%;padding:8px;border-radius:var(--ma-radius-xs);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--ma-white);font-size:10px;font-weight:600;text-align:center;cursor:default;margin-top:8px}.ma-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:20px;font-size:9px;font-weight:600;white-space:nowrap}.ma-chip:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.ma-chip.green{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ma-chip.green:before{background:#22c55e}.ma-chip.blue{background:var(--ma-blue-dim);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.ma-chip.blue:before{background:var(--ma-blue)}.ma-chip.orange{background:var(--ma-orange-dim);color:#fb923c;border:1px solid rgba(249,115,22,.3)}.ma-chip.orange:before{background:var(--ma-orange)}.ma-chip.red{background:var(--ma-red-dim);color:#f87171;border:1px solid rgba(239,68,68,.3)}.ma-chip.red:before{background:var(--ma-red)}.ma-chip.yellow{background:var(--ma-yellow-dim);color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.ma-chip.yellow:before{background:var(--ma-yellow)}.ma-chip.grey{background:rgba(255,255,255,.06);color:var(--ma-text-sec);border:1px solid rgba(255,255,255,.1)}.ma-chip.grey:before{background:rgba(255,255,255,.3)}.ma-chip.terp-green{background:var(--ma-green-dim);color:var(--ma-green);border:1px solid var(--ma-green-border)}.ma-chip.terp-green:before{background:var(--ma-green)}.ma-page-header{gap:8px;padding:10px 14px 6px}.ma-back-btn,.ma-page-header{display:flex;align-items:center;flex-shrink:0}.ma-back-btn{width:28px;height:28px;border-radius:50%;background:var(--ma-card);border:1px solid var(--ma-card-border);justify-content:center;cursor:pointer}.ma-page-title{font-size:14px;font-weight:700;color:var(--ma-white)}.ma-workflow{display:flex;align-items:center;gap:0;padding:8px 12px;overflow-x:auto;scrollbar-width:none}.ma-workflow::-webkit-scrollbar{display:none}.ma-workflow-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.ma-workflow-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.ma-workflow-dot.done{background:#22c55e;color:white}.ma-workflow-dot.active{background:var(--ma-white);color:var(--ma-black)}.ma-workflow-dot.pending{background:rgba(255,255,255,.1);color:var(--ma-text-muted);border:1px solid rgba(255,255,255,.15)}.ma-workflow-label{font-size:7px;color:var(--ma-text-sec);text-align:center;max-width:36px;line-height:1.2}.ma-workflow-label.active{color:var(--ma-white);font-weight:600}.ma-workflow-line{flex:1;height:1px;background:rgba(255,255,255,.1);min-width:12px;margin-bottom:14px}.ma-workflow-line.done{background:#22c55e}.ma-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 12px 10px}.ma-action-btn{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;transition:background .15s}.ma-action-btn:hover{background:var(--ma-card-hover)}.ma-action-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ma-action-label{font-size:9px;font-weight:600;color:var(--ma-text);text-align:center;line-height:1.2}.ma-sub-tabs{display:flex;border-bottom:1px solid var(--ma-border);padding:0 12px;flex-shrink:0}.ma-sub-tab{padding:8px 12px;font-size:11px;font-weight:500;color:var(--ma-text-sec);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s}.ma-sub-tab.active{color:var(--ma-white);border-bottom-color:var(--ma-white);font-weight:600}.ma-message-item{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ma-border);cursor:default}.ma-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ma-white);flex-shrink:0}.ma-message-body{flex:1;min-width:0}.ma-message-name{font-size:11px;font-weight:600;color:var(--ma-white);margin-bottom:2px}.ma-message-preview{font-size:10px;color:var(--ma-text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma-message-time{font-size:9px;color:var(--ma-text-muted);flex-shrink:0}.ma-unread-dot{width:7px;height:7px;background:var(--ma-blue);border-radius:50%;flex-shrink:0;margin-top:4px}.ma-alert-item{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ma-border)}.ma-alert-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ma-alert-body{flex:1}.ma-alert-title{font-size:11px;font-weight:600;color:var(--ma-white);margin-bottom:2px}.ma-alert-desc{font-size:9px;color:var(--ma-text-sec);line-height:1.3}.ma-alert-time{font-size:9px;color:var(--ma-text-muted);flex-shrink:0}.ma-profile-header{display:flex;flex-direction:column;align-items:center;padding:16px 12px 12px;gap:8px}.ma-profile-avatar{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px}.ma-profile-avatar,.ma-profile-name{font-weight:700;color:var(--ma-white)}.ma-profile-name{font-size:15px}.ma-profile-id{font-size:10px;color:var(--ma-text-sec)}.ma-profile-chips{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0 12px 8px}.ma-profile-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ma-border)}.ma-profile-row-label{font-size:11px;color:var(--ma-text-sec)}.ma-profile-row-value{font-size:11px;font-weight:600;color:var(--ma-white)}.ma-mgr-home{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.ma-mgr-home::-webkit-scrollbar{display:none}.ma-mgr-summary-strip{display:flex;gap:6px;padding:8px 12px 4px}.ma-mgr-stat{flex:1;background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.ma-mgr-stat-value{font-size:16px;font-weight:800;color:var(--ma-white);line-height:1}.ma-mgr-stat-label{font-size:8px;color:var(--ma-text-sec);text-align:center;line-height:1.2}.ma-mgr-modules{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.ma-mgr-module-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s,border-color .15s}.ma-mgr-module-card:hover{background:var(--ma-card-hover);border-color:rgba(255,255,255,.18)}.ma-mgr-module-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ma-mgr-module-text{flex:1}.ma-mgr-module-title{font-size:12px;font-weight:700;color:var(--ma-white);margin-bottom:2px}.ma-mgr-module-desc{font-size:9px;color:var(--ma-text-sec);line-height:1.3}.ma-mgr-module-arrow{color:var(--ma-text-muted);font-size:14px}.ma-mgr-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.ma-mgr-screen-header{display:flex;align-items:center;gap:8px;padding:10px 14px 6px;flex-shrink:0;border-bottom:1px solid var(--ma-border)}.ma-mgr-screen-title{font-size:13px;font-weight:700;color:var(--ma-white)}.ma-asset-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:10px 12px;margin:0 12px 8px;gap:10px}.ma-asset-card,.ma-asset-icon{display:flex;align-items:center}.ma-asset-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);justify-content:center;flex-shrink:0}.ma-asset-info{flex:1;min-width:0}.ma-asset-id{font-size:11px;font-weight:700;color:var(--ma-white)}.ma-asset-type{font-size:9px;color:var(--ma-text-sec)}.ma-asset-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.ma-asset-uptime{font-size:11px;font-weight:700;color:#4ade80}.ma-wo-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:10px 12px;margin:0 12px 8px}.ma-wo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ma-wo-id{font-size:11px;font-weight:700;color:var(--ma-white)}.ma-wo-asset{font-size:9px;color:var(--ma-text-sec);margin-bottom:6px}.ma-wo-progress{height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.ma-wo-progress-fill{height:100%;border-radius:2px}.ma-report-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:12px;margin:0 12px 8px}.ma-report-title{font-size:10px;font-weight:600;color:var(--ma-text-sec);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.ma-report-value{font-size:22px;font-weight:800;color:var(--ma-white);line-height:1;margin-bottom:4px}.ma-report-sub{font-size:9px;color:var(--ma-text-sec)}.ma-report-bar{height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;margin-top:8px}.ma-report-bar-fill{height:100%;border-radius:3px}.ma-map-container{margin:0 12px 10px;border-radius:var(--ma-radius-sm);overflow:hidden;border:1px solid var(--ma-card-border);background:#0D1117;height:22%;min-height:100px;position:relative}.ma-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:20px 20px}.ma-map-road-h{height:2px;left:0;right:0}.ma-map-road-h,.ma-map-road-v{position:absolute;background:rgba(255,255,255,.08)}.ma-map-road-v{width:2px;top:0;bottom:0}.ma-map-pin{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--ma-black);transform:translate(-50%,-50%)}.ma-map-pin.active{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}.ma-map-pin.idle{background:var(--ma-yellow)}.ma-map-pin.alert{background:var(--ma-red);box-shadow:0 0 8px rgba(239,68,68,.6)}.ma-map-pin.workshop{background:var(--ma-blue)}.ma-map-legend{position:absolute;bottom:6px;right:8px;display:flex;flex-direction:column;gap:3px}.ma-map-legend-item{display:flex;align-items:center;gap:4px;font-size:8px;color:rgba(255,255,255,.6)}.ma-map-legend-dot{width:6px;height:6px;border-radius:50%}.ma-invoice{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:#FAFAFA}.ma-invoice::-webkit-scrollbar{display:none}.ma-invoice-header{background:#1A1A1A;padding:14px 14px 10px;display:flex;align-items:flex-start;justify-content:space-between}.ma-invoice-brand{display:flex;flex-direction:column;gap:2px}.ma-invoice-logo{font-size:14px;font-weight:800;color:#FFFFFF;letter-spacing:1px}.ma-invoice-company{font-size:8px;color:rgba(255,255,255,.6)}.ma-invoice-type-block{text-align:right}.ma-invoice-type{font-size:11px;font-weight:800;color:#86BC25;letter-spacing:.5px}.ma-invoice-number{font-size:9px;color:rgba(255,255,255,.6);margin-top:2px}.ma-invoice-body{padding:10px 14px;background:#FAFAFA}.ma-invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.ma-invoice-meta-block{display:flex;flex-direction:column;gap:2px}.ma-invoice-meta-label{font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.05em}.ma-invoice-meta-value{font-size:10px;font-weight:600;color:#1A1A1A}.ma-invoice-divider{height:1px;background:#E5E7EB;margin:8px 0}.ma-invoice-table{width:100%;border-collapse:collapse;margin-bottom:8px}.ma-invoice-table th{font-size:8px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;padding:4px 0;border-bottom:1px solid #e5e7eb;text-align:left}.ma-invoice-table td:last-child,.ma-invoice-table th:last-child{text-align:right}.ma-invoice-table td{font-size:9px;color:#1A1A1A;padding:5px 0;border-bottom:1px solid #f3f4f6;vertical-align:top}.ma-invoice-totals{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.ma-invoice-total-row{display:flex;justify-content:space-between;font-size:9px;color:#555}.ma-invoice-total-row.grand{font-size:11px;font-weight:800;color:#1A1A1A;padding-top:4px;border-top:2px solid #1a1a1a;margin-top:2px}.ma-invoice-actions{display:flex;gap:6px;padding:0 0 10px}.ma-invoice-btn{flex:1;padding:8px;border-radius:6px;font-size:10px;font-weight:700;text-align:center;cursor:default;border:none}.ma-invoice-btn.approve{background:#86BC25;color:white}.ma-invoice-btn.reject{background:#FEE2E2;color:#DC2626;border:1px solid #fecaca}.ma-driver-row{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ma-border)}.ma-driver-info{flex:1}.ma-driver-name{font-size:11px;font-weight:600;color:var(--ma-white)}.ma-driver-duty{font-size:9px;color:var(--ma-text-sec);margin-top:1px}.ma-cred-card{background:var(--ma-card);border:1px solid var(--ma-card-border);border-radius:var(--ma-radius-sm);padding:10px 12px;margin:0 12px 8px;gap:8px}.ma-cred-card,.ma-cred-icon{display:flex;align-items:center}.ma-cred-icon{width:28px;height:28px;border-radius:8px;justify-content:center;flex-shrink:0}.ma-cred-info{flex:1}.ma-cred-name{font-size:10px;font-weight:600;color:var(--ma-white)}.ma-cred-expiry{font-size:9px;color:var(--ma-text-sec);margin-top:1px}.ma-rtms-gauge{display:flex;flex-direction:column;align-items:center;padding:12px;gap:4px}.ma-rtms-score{font-size:36px;font-weight:800;color:var(--ma-white);line-height:1}.ma-rtms-label{font-size:10px;color:var(--ma-text-sec)}.ma-rtms-bar{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;margin-top:4px}.ma-rtms-bar-fill{height:100%;background:var(--ma-green);border-radius:4px}@keyframes maFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ma-fade-in{animation:maFadeIn .18s ease forwards}@media (min-width:1400px){.ma-phone-frame{width:clamp(300px,22vw,360px)}}@media (max-width:1199px){.ma-phone-frame{width:clamp(240px,36vw,320px)}.ma-root{gap:clamp(16px,3vw,40px)}}@media (max-width:767px){.ma-root{gap:24px;padding:0 12px;flex-direction:column;align-items:center}.ma-phone-frame{width:clamp(280px,85vw,360px)}.ma-phone-wrap{width:100%;align-items:center}}@media (max-width:399px){.ma-phone-frame{width:calc(100vw - 32px);max-width:340px}}