button{background-color:#007bff}.grid-container{grid-gap:16px;grid-template-columns:repeat(8,1fr)}.token{border-radius:16px;box-shadow:0 6px 15px #00000026;height:200px;width:180px}.token:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-10px)}.token-label{color:#777!important;font-size:10px!important;font-weight:400!important;line-height:1.1!important;top:6px!important}.token-adl{background-color:#fffffff2;border:1.5px solid #aaa;box-shadow:0 6px 15px #0003;font-size:13px;font-weight:400;line-height:1.5;max-height:120px;min-height:80px;overflow-x:hidden;padding:14px 12px}.token-adl span{font-size:10px}.token-adl::-webkit-scrollbar-thumb:hover{background-color:#00000080}body{background-color:#f0f2f5;color:#333;font-family:Roboto,sans-serif;margin:20px}.App{text-align:center}.screen{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:none;margin:0 auto;max-width:1000px;padding:20px}.screen.active{display:block}button{background-color:#0055b0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px 5px 0 0;padding:10px 20px;transition:background-color .2s}button:hover{background-color:#0056b3}button:active{background-color:#004085}button:focus{outline:2px solid #0056b3}.grid-container{grid-gap:20px;display:grid;grid-template-columns:repeat(6,1fr);justify-items:center;margin:40px auto;max-width:1600px;padding:10px;width:95%}.token{background-color:#fff;border-radius:20px;box-shadow:0 8px 20px #0000002e;cursor:pointer;height:220px;outline:none;overflow:hidden;position:relative;transition:all .3s ease;width:140px}.token:hover{background-color:#f0f8ff;box-shadow:0 20px 40px #00000059;transform:translateY(-12px)}.token-label{color:#222!important;font-size:14px!important;font-weight:700!important;left:0!important;line-height:1.2!important;margin:0!important;padding:0 6px!important;pointer-events:none;position:absolute!important;right:0!important;text-align:center!important;top:8px!important;z-index:10}.token-adl{align-items:center;background-color:#fffffffa;border:2px solid #999;border-radius:16px;box-shadow:0 8px 20px #00000040;display:flex;flex-direction:column;justify-content:flex-start;left:10px;line-height:1.6;max-height:140px;min-height:100px;overflow-y:auto;padding:16px 14px;position:absolute;right:10px;text-align:center;top:75%;transform:translateY(-50%);z-index:10}.token-adl span{border-radius:8px;color:#000;display:block;font-size:12px;margin:4px 0;padding:4px 8px;text-align:left;width:90%}.token-adl span[data-prefix=P_]{background-color:#a5f3fc;border:1px solid #67e8f9}.token-adl span[data-prefix=C_]{background-color:#ffd8a8;border:1px solid #ffbb38}.token-adl:empty:after{color:#aaa;content:"No ADLs";display:block;font-style:italic;margin:20px 0}.token-adl::-webkit-scrollbar{width:6px}.token-adl::-webkit-scrollbar-track{background:#0000}.token-adl::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.token-adl{scrollbar-color:#0000004d #0000;scrollbar-width:thin}#instructions,#legend{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;font-size:16px;margin-bottom:20px;padding:20px;text-align:left}#instructions h3,#legend strong{margin-top:0}.main-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.token-grid-container{flex:1 1 65%}.sensor-panel{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;flex:1 1 30%;padding:20px;text-align:left;transition:opacity .3s ease-in-out}.sensor-panel.empty{align-items:center;color:#4e4e4e;font-size:1rem}.sensor-grid,.sensor-panel.empty{display:flex;justify-content:center}.sensor-grid{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sensor-card{background:#f9f9f9;border:2px solid #007bff;border-radius:8px;flex:1 1 45%;padding:1rem}.sensor-card h3{font-size:1.25rem;margin-bottom:.5rem}.sensor-value{font-size:1.5rem;margin:0}.icon{margin-right:.5rem}.adl-section{margin-bottom:1rem}.adl-section h3{font-size:1.5rem;margin-bottom:.5rem}.adl-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1rem}.adl-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1 30%;font-size:1.1rem;padding:10px;transition:background-color .2s}.adl-button:hover{background-color:#0056b3}.custom-adl{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;padding:10px;width:100%}.panel-close{font-size:1.2rem;margin-top:1rem;padding:.5rem 1rem}#done-btn{bottom:20px}#done-btn,.adl-sidebar{position:fixed;right:20px;z-index:9999}.adl-sidebar{background-color:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-height:calc(100vh - 180px);overflow-y:auto;padding:20px;top:100px;width:380px}.adl-sidebar-header{margin-bottom:20px;text-align:center}.adl-sidebar-header h3{color:#333;font-size:18px;margin:0 0 8px}.adl-sidebar-time{color:#0053ac;font-size:16px;font-weight:700;margin:0}.adl-sidebar .adl-buttons-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.adl-sidebar .adl-button{background-color:#bfdbfe;border:1.5px solid #93c5fd;border-radius:12px;color:#1e293b;cursor:pointer;font-size:15px;padding:14px 10px;transition:all .2s}.adl-sidebar .adl-button:hover{background-color:#a5c8ff;transform:translateY(-2px)}.adl-sidebar .adl-back-button{background-color:#fff3e0;border:1.5px solid #ffcc80;border-radius:12px;cursor:pointer;font-size:16px;margin-top:10px;padding:14px}.adl-sidebar .adl-back-button:hover{background-color:#ffcc80}.adl-sidebar .close-sidebar{background-color:#a82121;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:20px;padding:16px;transition:background-color .2s;width:100%}.adl-sidebar .close-sidebar:hover{background-color:#a82121}.adl-sidebar::-webkit-scrollbar{width:8px}.adl-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.adl-sidebar::-webkit-scrollbar-thumb{background-color:#90caf9;border-radius:4px}.adl-sidebar{scrollbar-color:#90caf9 #f1f1f1;scrollbar-width:thin}
/*# sourceMappingURL=main.4651bc60.css.map*/