*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#f7f6f3;--surface:#fff;--border:#e8e5df;--text:#1a1916;--muted:#6b6860;--hint:#a8a59e;--green:#1d9e75;--green-bg:#e1f5ee;--green-text:#085041;--amber:#ba7517;--amber-bg:#faeeda;--amber-text:#633806;--red:#a32d2d;--red-bg:#fcebeb;--red-text:#501313;--blue:#185fa5;--blue-bg:#e6f1fb;--blue-text:#042c53;--r:10px;--r-sm:6px;--sidebar-w:220px;--nav-h:60px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.badge{display:inline-flex;white-space:nowrap;border-radius:20px;align-items: center;padding:3px 8px;font-size:11px;font-weight:500}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-gray{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.code-tag{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:12px}.code-tag.masked{letter-spacing:2px;color:var(--hint)}.btn{display:inline-flex;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid;justify-content:center;align-items: center;gap:6px;padding:9px 16px;transition:opacity .15s;font-size:13px;font-weight:500}.btn-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-green:hover{opacity:.85}.btn-amber{background:var(--amber-bg);color:var(--amber-text);border-color:var(--amber-bg)}.btn-red{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.btn-red:hover{background:#fca5a5}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}label{color:var(--muted);font-size:12px;font-weight:500}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);outline:none;width:100%;padding:9px 12px;transition:border .15s;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--text)}textarea{resize:vertical;min-height:80px}.tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;margin-bottom:16px}.tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500}.tab.active{color:var(--text);border-bottom-color:var(--text)}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg);padding:10px 16px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafaf8}.shell{display:flex;overflow:hidden;height:100vh}.main-area{overflow-y:auto;display:flex;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1}.content{flex:1;padding:24px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;align-items: center;height:52px;padding:0 24px}.topbar-title{font-size:15px;font-weight:500}.topbar-right{display:flex;align-items: center;gap:12px}.icon-btn{border-radius:var(--r-sm);border:1px solid var(--border);cursor:pointer;display:flex;position:relative;background:0 0;justify-content:center;align-items: center;width:32px;height:32px}.notif-dot{position:absolute;background:var(--red);border-radius:50%;width:6px;height:6px;top:6px;right:6px}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 16px 16px}.logo-mark{letter-spacing:-.3px;display:flex;align-items: center;gap:8px;font-size:17px;font-weight:600}.logo-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.logo-sub{color:var(--muted);margin-top:1px;font-size:11px;font-weight:400}.sidebar-nav{flex:1;padding:12px 8px}.nav-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--hint);padding:12px 10px 6px;font-size:10px;font-weight:500}.nav-item{display:flex;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);background:0 0;border:none;align-items: center;gap:10px;width:100%;margin-bottom:2px;padding:9px 10px;transition:all .15s;font-size:13px;font-weight:400}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--text);color:#fff}.nav-item svg{opacity:.7;flex-shrink:0;width:15px;height:15px}.nav-item.active svg{opacity:1}.nav-badge{background:var(--red-bg);color:var(--red-text);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:500}.nav-item.active .nav-badge{color:#fff;background:#fff3}.sidebar-footer{border-top:1px solid var(--border);padding:12px 8px}.pharmacy-card{background:var(--bg);border-radius:var(--r-sm);display:flex;align-items: center;gap:10px;padding:10px 12px}.pharmacy-avatar{background:var(--green-bg);display:flex;color:var(--green-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px;font-size:12px;font-weight:600}.page-header{display:flex;justify-content:space-between;align-items: flex-start;gap:16px;margin-bottom:24px}.page-title{letter-spacing:-.3px;font-size:20px;font-weight:600}.page-sub{color:var(--muted);margin-top:3px;font-size:13px}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px}.metric-card.wide{grid-column:auto}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:500}.metric-value{letter-spacing:-.5px;font-size:22px;font-weight:600;line-height:1}.metric-sub{color:var(--muted);margin-top:4px;font-size:11px}.metric-card.accent{background:var(--text);border-color:var(--text)}.metric-card.accent .metric-label,.metric-card.accent .metric-sub{color:#ffffff80}.metric-card.accent .metric-value{color:#fff}.metric-card.green-m{background:var(--green-bg);border-color:var(--green)}.metric-card.green-m .metric-label,.metric-card.green-m .metric-sub{color:var(--green-text);opacity:.7}.metric-card.green-m .metric-value{color:var(--green-text)}.section-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:14px}.section-title{font-size:14px;font-weight:500}.section-link{color:var(--blue);cursor:pointer;background:0 0;border:none;font-size:12px}.search-bar{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);outline:none;color:var(--text);padding:8px 12px;font-size:13px}.search-bar:focus{border-color:var(--text)}.action-row{display:flex;align-items: center;gap:10px;margin-bottom:16px}.med-icon{background:var(--bg);border:1px solid var(--border);display:flex;border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:36px;height:36px;font-size:18px}.detail-row{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:9px 0}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--muted);font-size:12px}.detail-val{text-align:right;font-size:13px;font-weight:500}.verify-wrap{max-width:480px;margin:0 auto;padding-top:10px}.verify-input{letter-spacing:4px;text-transform:uppercase;border:2px solid var(--border);border-radius:var(--r);text-align:center;background:var(--surface);outline:none;color:var(--text);width:100%;padding:16px 20px;font-family:DM Mono,monospace;font-size:22px;font-weight:500}.verify-input:focus{border-color:var(--text)}.verify-result-header{background:var(--green-bg);border-bottom:1px solid var(--green);display:flex;justify-content:space-between;align-items: center;padding:14px 18px}.verify-result-title{color:var(--green-text);font-size:13px;font-weight:500}.verify-result-body{padding:16px 18px}.verify-row{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:8px 0}.verify-row:last-child{border-bottom:none}.verify-key{color:var(--muted);font-size:12px}.verify-val{text-align:right;max-width:60%;font-size:13px;font-weight:500}.tx-item{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items: center;gap:8px;padding:12px 16px}.tx-item:last-child{border-bottom:none}.tx-ref{color:var(--muted);margin-bottom:2px;font-family:DM Mono,monospace;font-size:12px}.tx-med{font-size:13px;font-weight:500}.tx-amt{text-align:right;font-size:14px;font-weight:600}.tx-date{color:var(--muted);text-align:right;margin-top:2px;font-size:11px}.wallet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:24px}.wallet-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px}.wallet-card.featured{background:var(--text)}.wallet-label{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:500}.wallet-card.featured .wallet-label{color:#ffffff80}.wallet-amount{letter-spacing:-1px;font-size:28px;font-weight:600}.wallet-card.featured .wallet-amount{color:#fff}.wallet-card-sub{color:var(--muted);margin-top:6px;font-size:12px}.wallet-card.featured .wallet-card-sub{color:#fff6}.notif-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items: flex-start;gap:12px;margin-bottom:8px;padding:12px 14px}.notif-item.unread{border-left:3px solid var(--green)}.notif-dot2{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-text{font-size:13px;line-height:1.5}.notif-time{color:var(--muted);margin-top:3px;font-size:11px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;padding:14px}.order-card-row{display:flex;justify-content:space-between;align-items: flex-start;margin-bottom:8px}.order-name{font-size:14px;font-weight:500}.order-meta{color:var(--muted);margin-top:2px;font-size:12px}.order-footer{display:flex;border-top:1px solid var(--border);justify-content:space-between;align-items: center;margin-top:10px;padding-top:10px}.add-med-layout{display:grid;grid-template-columns:1fr 300px;align-items: start;gap:20px}.add-med-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .form-group{margin-bottom:0}.form-group.full{grid-column:1/-1}.toggle-group{display:flex;flex-wrap:wrap;gap:8px}.toggle-opt{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--muted);background:0 0;padding:8px 14px;font-size:12px;font-weight:500}.toggle-opt.sel{background:var(--text);color:#fff;border-color:var(--text)}.photo-drop{border:1.5px dashed var(--border);border-radius:var(--r);text-align:center;cursor:pointer;padding:28px;transition:border-color .15s,background .15s}.photo-drop:hover{border-color:var(--text);background:var(--bg)}.photo-drop.drag-over{border-color:var(--primary,#2563eb);background:#eff6ff}.photo-text{color:var(--muted);font-size:12px}.input-prefix{position:relative}.input-prefix span{position:absolute;color:var(--muted);pointer-events:none;font-size:13px;font-weight:500;top:50%;left:12px;transform:translateY(-50%)}.input-prefix input{padding-left:28px}.withdrawal-layout{display:grid;grid-template-columns:420px 1fr;align-items: start;gap:20px}.withdrawal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px}.order-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:16px}.contact-row{display:flex;gap:8px;margin-top:10px}.login-wrap{display:flex;background:var(--bg);justify-content:center;align-items: center;min-height:100vh;padding:20px}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:40px 32px}.bottom-nav,.mobile-back-btn,.hide-desktop{display:none}@media (max-width:767px){.hide-desktop{display:block}.shell{flex-direction:column}.sidebar{display:none}.content{padding:14px}.topbar{padding:0 14px}.topbar-title{display:none}.page-header{gap:12px;margin-bottom:16px}.page-title{font-size:18px}.page-sub{font-size:12px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.metric-card.wide{grid-column:1/-1}.metric-value{font-size:20px}.metric-label,.metric-sub{font-size:10px}.icon-btn{width:36px;height:36px}.notif-dot{top:7px;right:7px}.bottom-nav{display:flex;background:var(--surface);border-top:1px solid var(--border);height:var(--nav-h);flex-shrink:0;align-items:stretch}.bnav-item{display:flex;cursor:pointer;color:var(--hint);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:3px;padding:0;transition:color .15s;font-size:10px;font-weight:500}.bnav-item.active{color:var(--text)}.bnav-item svg{width:20px;height:20px}.hide-mobile{display:none!important}.wallet-grid{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.wallet-card{padding:16px}.wallet-amount{font-size:24px}.withdrawal-layout{display:block}.withdrawal-box{margin-bottom:16px;padding:16px}.add-med-layout{display:block}.add-med-form{margin-bottom:16px;padding:16px}.order-detail-layout{display:block}.verify-wrap{max-width:100%;padding-top:4px}.form-grid{display:block}.form-grid .form-group{margin-bottom:14px}.med-icon{width:40px;height:40px;font-size:20px}.contact-row{flex-direction:column}table th{white-space:nowrap;padding:8px 10px;font-size:10px}table td{padding:9px 10px;font-size:12px}.search-bar{width:100%}.action-row{flex-direction:column;align-items:stretch;margin-bottom:14px}.mobile-back-btn{display:flex;cursor:pointer;color:var(--text);background:0 0;border:none;align-items: center;gap:6px;margin-bottom:14px;font-size:14px;font-weight:500}}