*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,sans-serif;font-size:14px;background:#eef2f7;color:#1a1a2e;direction:rtl;min-height:100vh;}
.screen{display:none;min-height:100vh;}
.screen.active{display:block;}
#sc-login{display:none;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#eef2f7;}
#sc-login.active{display:flex;}
.topbar{background:#1a5fad;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,0.18);}
.tb-back{background:rgba(255,255,255,0.22);border:none;color:#fff;padding:7px 13px;border-radius:7px;font-size:13px;cursor:pointer;font-family:Arial,sans-serif;}
.tb-title{flex:1;font-size:16px;font-weight:700;}
.tb-sub{font-size:11px;opacity:0.8;}
.tb-btn{background:rgba(255,255,255,0.22);border:none;color:#fff;padding:7px 12px;border-radius:7px;font-size:12px;cursor:pointer;font-family:Arial,sans-serif;white-space:nowrap;}
.login-box{background:#fff;border-radius:16px;padding:32px 28px;box-shadow:0 4px 24px rgba(0,0,0,0.12);width:100%;max-width:380px;text-align:center;}
.logo-icon{width:70px;height:70px;background:#1a5fad;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:32px;color:#fff;}
.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px;border-radius:10px;border:1.5px solid #dde4f0;background:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:Arial,sans-serif;color:#333;margin:20px 0 12px;}
.google-btn:hover{background:#f5f8ff;}
.lang-row{display:flex;gap:8px;justify-content:center;margin-top:8px;}
.lang-btn{padding:5px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;font-size:12px;cursor:pointer;font-family:Arial,sans-serif;}
.lang-btn.active{background:#1a5fad;color:#fff;border-color:#1a5fad;}
.profile-hero{background:linear-gradient(135deg,#1a5fad 0%,#0e3d7a 100%);color:#fff;padding:24px 18px 28px;text-align:center;}
.hero-avatar{width:68px;height:68px;border-radius:50%;border:3px solid rgba(255,255,255,0.4);margin:0 auto 10px;object-fit:cover;display:block;}
.hero-name{font-size:20px;font-weight:700;}
.hero-email{font-size:12px;opacity:0.75;margin-top:3px;}
.profile-body{padding:14px;max-width:700px;margin:0 auto;}
.sum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.sum-card{background:#fff;border-radius:12px;padding:12px 10px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.07);}
.sum-label{font-size:10px;color:#888;margin-bottom:4px;}
.sum-val{font-size:20px;font-weight:700;}
.sum-sub{font-size:10px;color:#aaa;margin-top:2px;}
.chart-card{background:#fff;border-radius:12px;padding:14px 12px;box-shadow:0 2px 8px rgba(0,0,0,0.07);margin-bottom:14px;}
.chart-title{font-size:13px;font-weight:700;color:#444;margin-bottom:8px;}
.chart-wrap{height:140px;position:relative;}
.chart-empty{color:#bbb;font-size:13px;text-align:center;padding:44px 0;display:none;}
.chart-legend{display:flex;gap:12px;margin-top:8px;font-size:10px;color:#888;flex-wrap:wrap;}
.ll{display:flex;align-items:center;gap:4px;}
.leg{width:18px;height:3px;border-radius:2px;display:inline-block;}
.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.nav-btn{background:#fff;border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.07);border:none;font-family:Arial,sans-serif;text-align:right;width:100%;}
.nav-btn:active{opacity:0.8;}
.nb-icon{font-size:24px;}
.nb-title{font-size:14px;font-weight:700;}
.nb-sub{font-size:11px;color:#888;}
.med-pill-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.med-pill{background:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 6px rgba(0,0,0,0.06);}
.mpd{width:11px;height:11px;border-radius:50%;flex-shrink:0;}
.mpn{font-size:13px;font-weight:700;flex:1;}
.mpf{font-size:11px;color:#888;}
.mpdo{font-size:12px;font-weight:600;color:#1a5fad;}
.mpw{font-size:10px;padding:2px 6px;border-radius:99px;font-weight:700;}
.mpw.danger{background:#fde0e0;color:#9b1c1c;}
.mpw.warning{background:#fff0cc;color:#8a5a00;}
.backup-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,0.07);margin-bottom:14px;}
.backup-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.backup-info{font-size:12px;color:#888;flex:1;}
.backup-warn-box{background:#fff8e6;border:1px solid #f0d060;border-radius:8px;padding:9px 12px;font-size:12px;color:#7a5a00;margin-top:10px;}
.notif-banner{border-radius:8px;padding:10px 14px;font-size:12px;margin-bottom:12px;display:none;align-items:center;gap:8px;}
.btn{padding:7px 12px;border-radius:7px;font-size:13px;cursor:pointer;border:1px solid #ccc;background:#fff;color:#333;font-family:Arial,sans-serif;white-space:nowrap;}
.btn:active{opacity:0.8;}
.btn-primary{background:#1a5fad;color:#fff;border-color:#1a5fad;}
.btn-green{background:#1a7a3a;color:#fff;border-color:#1a7a3a;}
.btn-orange{background:#c47a00;color:#fff;border-color:#c47a00;}
.btn-red2{color:#c0392b;border-color:#e0a0a0;}

.btn-purple{background:#f3edff;color:#5b3a9e;border-color:#c8b3f0;}
.btn-purple:hover{background:#e8dcff;border-color:#a890d8;}
.danger-zone{background:#fff5f5;border:2px dashed #e0a0a0;border-radius:12px;padding:16px;margin:20px 0 14px;text-align:center;}
.danger-zone-title{font-size:13px;font-weight:700;color:#9b1c1c;margin-bottom:8px;}
.btn-danger-account{background:#c0392b;color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Arial,sans-serif;transition:background 0.2s;}
.btn-danger-account:hover{background:#a02818;}
.danger-zone-hint{font-size:11px;color:#888;margin-top:8px;line-height:1.4;}
.btn-sm{padding:6px 11px;font-size:12px;border-radius:6px;}
.sep{width:1px;height:24px;background:#ddd;}
.toolbar{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap;align-items:center;}
.page-body{padding:14px;max-width:1100px;margin:0 auto;}
.tbl-wrap{overflow-x:auto;border-radius:10px;border:1px solid #dde4f0;-webkit-overflow-scrolling:touch;}
table{width:100%;border-collapse:collapse;min-width:820px;}
th{background:#e8edf7;font-weight:600;color:#444;padding:8px 7px;text-align:center;border-bottom:2px solid #c8d3e8;white-space:nowrap;font-size:12px;}
th.wcol{background:#d0e8f8;color:#0a4a7a;}
td{padding:6px 5px;text-align:center;border-bottom:1px solid #eee;vertical-align:middle;font-size:12px;}
tr:last-child td{border-bottom:none;}
tr:nth-child(even) td{background:#fafbff;}
tr:hover td{background:#eef3ff!important;}
input[type=date],input[type=text]{border:1px solid #ccc;border-radius:5px;padding:4px 5px;font-size:12px;text-align:center;font-family:Arial,sans-serif;background:#fff;color:#222;}
input[type=date]{width:120px;}input[type=text]{width:100px;}
.num{width:52px;border:1px solid #ccc;border-radius:5px;padding:4px 3px;font-size:12px;text-align:center;font-family:Arial,sans-serif;background:#fff;color:#222;}
.winp{width:62px;font-weight:700;border:2px solid #1a82c8;background:#eaf5ff;color:#0a4a7a;border-radius:5px;padding:4px;font-size:13px;text-align:center;font-family:Arial,sans-serif;}
td.wtd{background:#e4f3fd;}
.badge{display:inline-block;padding:2px 7px;border-radius:99px;font-size:11px;font-weight:700;margin-top:2px;}
.bok{background:#d4f5e2;color:#1a6b3a;}.blow{background:#fff0cc;color:#8a5a00;}.bhi{background:#fde0e0;color:#9b1c1c;}
.del-btn{background:none;border:none;cursor:pointer;color:#bbb;font-size:14px;padding:3px 6px;border-radius:4px;}
.med-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:16px;}
.med-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 3px 14px rgba(0,0,0,0.09);border:1.5px solid #edf2f9;position:relative;transition:box-shadow 0.2s;}
.med-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.13);}
.med-card.danger{border-color:#f0b0b0;background:linear-gradient(to bottom,#fffafa,#fff);}
.med-card.warning{border-color:#f0d060;background:linear-gradient(to bottom,#fffdf5,#fff);}
.med-card.safe{border-color:#a8d5b5;background:linear-gradient(to bottom,#f5fff8,#fff);}
.med-card-hdr{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.med-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.med-nm{font-size:15px;font-weight:700;color:#1a1a2e;}
.med-fq{font-size:11px;color:#888;margin-top:2px;}
.med-badge{display:inline-block;background:#e8f0ff;color:#1a5fad;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;margin-top:4px;}
.med-strength-badge{display:inline-block;background:#f0f8f0;color:#1a7a3a;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600;margin-right:4px;}
.med-tot{background:linear-gradient(135deg,#e8f4ff,#f0f8ff);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:600;color:#1a5fad;margin:8px 0 4px;text-align:center;}
.med-del{background:none;border:none;color:#ddd;font-size:15px;cursor:pointer;padding:3px 6px;border-radius:4px;margin-right:auto;}
.med-del:hover{color:#c0392b;}
.med-inp{flex:1;border:1.5px solid #e0e8f0;border-radius:7px;padding:6px 9px;font-size:13px;font-family:Arial,sans-serif;color:#222;background:#fff;}
.med-inp:focus{outline:none;border-color:#1a5fad;}
.med-unit{font-size:12px;color:#888;}
.med-dg{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:6px 0;}
.dc{text-align:center;}
.dl{font-size:10px;color:#888;margin-bottom:2px;}
.di{width:100%;border:1px solid #ddd;border-radius:5px;padding:3px 2px;font-size:11px;text-align:center;font-family:Arial,sans-serif;background:#fff;}
.med-notes-inp{width:100%;border:1.5px solid #e0e8f0;border-radius:7px;padding:7px 9px;font-size:12px;font-family:Arial,sans-serif;color:#555;background:#fafafa;resize:vertical;min-height:44px;margin-top:6px;}
.add-med-form{background:#f4f8ff;border:2px dashed #a8c4f0;border-radius:14px;padding:16px;margin-bottom:16px;}
.fg{margin-bottom:12px;position:relative;}
.fg label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px;}
.fg input,.fg select{width:100%;border:1.5px solid #dde4f0;border-radius:8px;padding:9px 11px;font-size:13px;font-family:Arial,sans-serif;color:#222;background:#fff;outline:none;}
.fr{display:flex;gap:10px;}
.fr .fg{flex:1;}
.no-meds{text-align:center;padding:36px 16px;color:#bbb;}
.ib{border-radius:9px;padding:9px 11px;margin:6px 0;font-size:12px;line-height:1.5;}
.ib.danger{background:#fff0f0;border:1.5px solid #f0b0b0;}
.ib.warning{background:#fff8e6;border:1.5px solid #f0d060;}
.ib.safe{background:#f0fff5;border:1.5px solid #80d0a0;}
.ib.unknown{background:#f5f5ff;border:1.5px solid #c0c0e0;}
.ih{font-weight:700;font-size:12px;margin-bottom:5px;}
.ib.danger .ih{color:#9b1c1c;}.ib.warning .ih{color:#8a5a00;}.ib.safe .ih{color:#1a6b3a;}.ib.unknown .ih{color:#444488;}
.ie{font-size:11px;padding:1px 6px;border-radius:99px;font-weight:600;margin-right:4px;}
.ib.danger .ie{background:#fde0e0;color:#9b1c1c;}.ib.warning .ie{background:#fff0cc;color:#8a5a00;}
.il{font-weight:600;color:#555;}
.ift{margin-top:5px;font-size:10px;color:#aaa;border-top:1px solid rgba(0,0,0,0.07);padding-top:4px;}
.legend{margin-top:10px;font-size:11px;color:#888;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.li{display:flex;align-items:center;gap:4px;}
.dot{width:9px;height:9px;border-radius:50%;}
#toast{display:none;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#1a5fad;color:#fff;padding:10px 20px;border-radius:9px;font-size:13px;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,0.25);white-space:nowrap;}
#loading{display:none;position:fixed;inset:0;background:rgba(255,255,255,0.88);z-index:999;align-items:center;justify-content:center;flex-direction:column;gap:14px;}
#loading.show{display:flex;}
.spin{width:38px;height:38px;border:4px solid #e0e8f8;border-top-color:#1a5fad;border-radius:50%;animation:sp .8s linear infinite;}
@keyframes sp{to{transform:rotate(360deg);}}
.sec-lbl{font-size:12px;font-weight:600;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;}
@media(max-width:500px){.sum-grid{grid-template-columns:1fr 1fr;}.sum-grid .sum-card:last-child{grid-column:span 2;}.nav-grid{grid-template-columns:1fr 1fr;}.btn-sm{padding:5px 8px;font-size:11px;}}
@media print{#sc-login,#loading{display:none!important;}.topbar .tb-back,.topbar .tb-btn,.toolbar,.del-btn,#toast{display:none!important;}}