*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:system-ui,-apple-system,sans-serif}header{position:sticky;top:0;z-index:5;min-height:64px;background:#111827;color:white;display:flex;align-items:center;gap:12px;padding:10px 16px}header div{display:flex;flex:1;flex-direction:column}header small{opacity:.7}#back{border:0;background:none;color:white;font-size:2rem;padding:0 8px}#net{font-size:.8rem;border-radius:20px;padding:6px 9px;background:#374151}.online{background:#166534!important}.offline{background:#991b1b!important}main{max-width:850px;margin:auto;padding:16px}.view{display:none}.view.on{display:block}.welcome{text-align:center;padding:15px 0 24px}.welcome h1{font-size:2.5rem;margin:0}.welcome p,#ls,#fm,.card p,#um{color:#64748b}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid button{min-height:145px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:2rem;border:0;background:white;border-radius:18px;padding:18px;box-shadow:0 2px 12px #0001}.grid b{font-size:1.15rem;margin-top:10px}.grid small{font-size:.8rem;color:#64748b;margin-top:4px}.top{display:flex;justify-content:space-between;align-items:center}.top h2,h2{margin:0}.top p{margin:4px 0 12px}button,.file{font:inherit;border:1px solid #cbd5e1;background:white;border-radius:10px;padding:11px 14px}.primary{background:#111827;color:white;border-color:#111827}.danger{color:#b91c1c;border-color:#fecaca}input,textarea,select{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:12px;background:white}#search{margin:10px 0 14px}.record{display:block;width:100%;text-align:left;background:white;border:0;border-radius:12px;padding:14px;margin-bottom:9px;box-shadow:0 1px 7px #0001}.record b,.record small{display:block}.record small{color:#64748b;margin-top:4px}.card{background:white;border-radius:16px;padding:18px;margin-top:14px;box-shadow:0 2px 10px #0001}.field{display:block;font-weight:650;margin-bottom:15px}.field input,.field textarea,.field select{margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.stats{display:grid}.stats span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb}.stats span:last-child{border:0}.file input{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111827;color:white;border-radius:30px;padding:10px 15px;z-index:10}@media(max-width:500px){.grid button{min-height:125px}.actions>*{flex:1;text-align:center}}