:root{--bg:#eef3fb;--card:#fff;--text:#152033;--muted:#718096;--primary:#2563eb;--primary2:#1d4ed8;--danger:#dc2626;--ok:#16a34a;--warn:#ca8a04;--crit:#ea580c;--bad:#b91c1c;--line:#e5e7eb;--shadow:0 16px 40px rgba(15,23,42,.10);--radius:22px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#eaf1ff,#f7f9fc);color:var(--text);min-height:100vh}.app{width:min(100%,520px);margin:0 auto;min-height:100vh;padding:18px 16px 90px}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.brand{text-align:center;margin:22px 0}.brand h1{margin:0;font-size:34px;letter-spacing:-1px}.brand p{margin:4px 0 0;color:var(--muted)}.card{background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin:14px 0}.login-card{width:min(92vw,420px)}label{display:block;font-weight:800;margin:12px 0 8px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px 14px;font-size:16px;background:#fff;color:var(--text)}textarea{min-height:110px;resize:vertical}.search-input{font-size:28px;font-weight:900;text-align:center;letter-spacing:1px;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:18px;background:var(--primary);color:#fff;text-decoration:none;font-weight:900;font-size:16px;padding:16px 18px;cursor:pointer;box-shadow:0 10px 22px rgba(37,99,235,.25)}.btn:hover{background:var(--primary2)}.btn.secondary{background:#101827}.btn.ghost{background:#fff;color:var(--primary);border:1px solid #c7d2fe;box-shadow:none}.btn.danger{background:var(--danger)}.btn.small{width:auto;padding:10px 13px;border-radius:14px;font-size:14px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}.hello h2{margin:0;font-size:24px}.hello p{margin:2px 0;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:800;text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow)}.stat b{font-size:26px}.stat span{display:block;color:var(--muted);font-weight:700}.equip-title{font-size:28px;margin:4px 0}.code{font-size:34px;font-weight:950;letter-spacing:1px}.muted{color:var(--muted)}.health{display:flex;align-items:center;justify-content:space-between;border-radius:20px;padding:15px;background:#f8fafc;border:1px solid var(--line);font-weight:900}.health.good{background:#ecfdf5;color:#166534}.health.warn{background:#fefce8;color:#854d0e}.health.crit{background:#fff7ed;color:#9a3412}.health.bad{background:#fef2f2;color:#991b1b}.info-list{display:grid;gap:10px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.info-row span{color:var(--muted);font-weight:700}.info-row b{text-align:right}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline{position:relative;padding-left:16px}.timeline:before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:3px;background:#dbeafe;border-radius:10px}.tl-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin:12px 0}.tl-item:before{content:"";position:absolute;left:-19px;top:18px;width:12px;height:12px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px #dbeafe}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:min(94%,520px);display:flex;gap:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:24px;padding:10px;box-shadow:var(--shadow)}.bottom-nav a{flex:1;text-align:center;text-decoration:none;color:var(--text);font-weight:900;padding:10px;border-radius:16px}.bottom-nav a.active{background:#eff6ff;color:var(--primary)}.alert{padding:13px;border-radius:16px;background:#fee2e2;color:#991b1b;font-weight:800;margin:12px 0}.success{padding:13px;border-radius:16px;background:#dcfce7;color:#166534;font-weight:800;margin:12px 0}.list-link{display:block;text-decoration:none;color:inherit;padding:14px;border:1px solid var(--line);border-radius:16px;margin:8px 0;background:#fff}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f5f9;font-size:12px;font-weight:900}.table-card{overflow:auto}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.simple-table th{color:var(--muted)}@media (min-width:760px){.app{max-width:980px}.desktop-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.search-input{text-align:left}}