:root{--bg:#FCFBF7;--card:#FFFFFF;--text:#1F2937;--muted:#6B7280;--pri:#56B6A9;--pri-2:#3FA59A;--radius:16px;--shadow:0 8px 24px rgba(31,41,55,.08)}
:root.dark{--bg:#0B1220;--card:#111827;--text:#E5E7EB;--muted:#9CA3AF;--pri:#5EEAD4;--pri-2:#2DD4BF;--shadow:0 8px 24px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);transition:background .25s,color .25s}
.wrap{max-width:1100px;margin:0 auto;padding:16px 18px 120px}
h1{margin:0;font-size:22px}h2{margin:0 0 12px 0;font-size:20px}.sub{margin:4px 0 0;font-size:14px;color:var(--muted)}
.badge{background:#e8f5f2;color:#256159;border-radius:999px;padding:2px 8px;font-size:12px;margin-left:6px}
.topbar{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:1px solid #eef2f7;box-shadow:0 2px 8px rgba(0,0,0,.03);display:flex;align-items:center;justify-content:space-between;padding:6px 10px}
.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:8px}
.card{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);padding:16px;margin:14px 0}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.end{margin-left:auto}
input[type=text],input[type=datetime-local],input[type=file],select{flex:1;min-width:160px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:var(--card);color:var(--text)}
.select{max-width:220px}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
.btn.pri{background:var(--pri);color:#0b1b18}.btn.pri:hover{background:var(--pri-2)}.btn.pill{background:#E7F6F3;color:#0f5132}
.list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #ecedf0;border-radius:12px;background:var(--card)}
.title{font-weight:700}.small{font-size:12px;color:var(--muted)}.note{font-size:12px;color:var(--muted);margin-top:6px}
.msg{padding:18px;border-radius:16px;background:linear-gradient(135deg,#E9FCF6,#FDF2E9);font-weight:800}:root.dark .msg{background:linear-gradient(135deg,#0d1b1a,#1b1620)}
.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;gap:6px;padding:10px 8px;z-index:20}
.tab{background:#f3f4f6;color:#374151;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.tab.active{background:#e7f2ff;color:#1d4ed8}
:root.dark .tab{background:#1f2937;color:#d1d5db}:root.dark .tab.active{background:#0b3b6b;color:#e0f2fe}
.grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:900px){.grid{grid-template-columns:1fr 1fr}}
.thumb{max-width:240px;border-radius:10px;border:1px solid #e5e7eb}.sr{position:absolute;left:-9999px}.rtl{direction:rtl}