*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f7f4;color:#1c2a1c;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4,.logo-text,.page-header h1{font-family:Outfit,Inter,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#2d7a2d;border-radius:4px}button{font-family:inherit;touch-action:manipulation}a{text-decoration:none;color:inherit}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.field-card{background:#fff;border-radius:14px;padding:1rem;display:flex;align-items:flex-start;gap:.85rem;box-shadow:0 4px 12px #0000000a;border:1px solid #eef2ee}.field-icon{font-size:2rem;flex-shrink:0}.field-name{font-weight:700;color:#1a4a1a;font-size:.98rem}.field-detail{font-size:.8rem;color:#666;margin-top:.25rem}.btn-on,.btn-off{min-height:44px;padding:.65rem 1rem;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-on{background:#2d7a2d;color:#fff}.btn-on:hover:not(:disabled){background:#1a4a1a}.btn-off{background:#dc2626;color:#fff}.btn-off:hover:not(:disabled){background:#991b1b}.btn-on:disabled,.btn-off:disabled{opacity:.45;cursor:not-allowed}.cmd-msg{margin-top:.5rem;font-size:.8rem;color:#2d7a2d;text-align:center;background:#e8f5e8;padding:.4rem .6rem;border-radius:8px}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading,.empty-state{text-align:center;padding:2.5rem 1rem;color:#666}.spinner-lg{width:44px;height:44px;border:3px solid #ddd;border-top-color:#2d7a2d;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.empty-state span{font-size:3rem;display:block;margin-bottom:.5rem}.empty-state h3{color:#1a4a1a;margin:0 0 .5rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.5rem;background:#2d7a2d;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.92rem;box-shadow:0 2px 6px #2d7a2d33}@media(max-width:768px){body{font-size:14px}.page{padding:1rem!important}.fields-grid{grid-template-columns:1fr}.table-wrapper{margin-top:.5rem;border-radius:10px;box-shadow:none}}