.app-container{font-family:sans-serif;display:flex;justify-content:center;align-items:center;background-color:#f4f3f3;height:100vh;width:100vw;margin:auto}.login-form{display:flex;flex-direction:column;justify-content:center;width:500px;max-width:500px;min-width:300px;padding:2rem;border:1px solid #ddd;border-radius:10px;text-align:center;margin:10px;background-color:#fff}input{padding:.75rem;margin:.5rem 0;font-size:1rem;border:1px solid #ccc;border-radius:5px}button{width:100%;padding:1rem;background-color:gray;color:#fff;font-size:1rem;border:none;border-radius:5px;margin-top:1rem;cursor:pointer}button:hover{color:#bcbcbc}.error{color:red}.home-wrapper{background-color:#f4f3f3;border-radius:12px;font-family:Arial,sans-serif;width:95%;height:100vh;margin:auto;padding:20px}.home-header{display:flex;justify-content:space-between;align-items:center;width:100%;color:#000;padding-bottom:30px;padding-top:30px}.home-header h2{margin:0;font-size:1.6rem;color:#333}.logout-btn{background-color:#3e4e63!important;color:#fff;border:none;padding:10rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer;width:100px;margin-top:auto}.logout-btn:hover{color:#ffa297}.form{padding-bottom:40px}.prim-form{display:flex}.left-panel,.right-panel{flex:1;padding:2rem;box-sizing:border-box}.field label{margin-top:6px;font-weight:700;color:#444}.field input:focus{border-color:#4a90e2;outline:none}.home-header{display:flex;flex-direction:column}.tab-nav{display:flex;align-items:start;justify-content:start;gap:1rem;width:100%}.tab-btn,.logout-btn{background-color:gray;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.95rem}.session-active{color:green;margin-left:50px}.prim-card{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:2px solid #ccc;background-color:#f9f9f9;padding:1rem;padding-left:30px;padding-right:30px;border-radius:8px;width:80%;margin:auto;box-shadow:0 2px 8px #0000001a;max-width:1500px}.prim-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0003}.field{margin-bottom:1rem;display:flex;flex-direction:column}.field input{padding:.5rem;font-size:1rem;height:30px}.error-text{color:red;font-size:.85rem;margin-top:.25rem;margin-left:.1rem}.api-error-text{color:red;font-size:.85rem;margin-top:.25rem;margin-left:.1rem;width:100%;text-align:center}.session-card{border:1px solid #ccc;padding:1rem;padding-left:30px;border-radius:6px;margin:auto;margin-bottom:1rem;background-color:#fdfdfd;box-shadow:0 0 6px #00800033;cursor:pointer;width:85%;max-width:1500px}.session-card:hover{background-color:#e4e4e4}.nav-tab{background:transparent;border:none;border-radius:0;font-size:1rem;padding:.5rem 0;cursor:pointer;width:100px;color:#d1d9e6;transition:color .3s ease,border-bottom .3s ease;margin:auto}.nav-tab:hover{color:#4a90e2}.nav-tab.active{color:#fff;border-bottom:3px solid #4a90e2}.nav-tab-session-container{display:flex;gap:1rem;padding-left:40px;background:#fff}.nav-tab-session{background:transparent;border:none;border-radius:0;font-size:1rem;font-family:Arial;font-weight:700;padding:.5rem 0;cursor:pointer;width:175px;color:#4f4f4f;transition:color .3s ease;margin-top:10px}.nav-tab-session:hover{color:#4a90e2}.nav-tab-session.active{color:#4f4f4f;border-bottom:3px solid #4a90e2}.view-prim-card{background-color:#fff;border-radius:1px;display:flex;line-height:1.4;font-size:.95rem;border-bottom:1px solid rgb(209,209,209)}.session-type-dropdown{margin-left:.5rem;padding:.3rem .9rem;border-radius:4px;border:1px solid #ccc;font-size:1rem;cursor:pointer;width:175px;height:40px}.cancel-session{color:#e90000;margin-left:auto;cursor:pointer;padding:10px}.cancel-session:hover{color:#bc0000}.overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center}.full-size-container{width:100%;height:100%;margin:0;background:#f4f3f3}.responsive-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:2000px;margin:auto}.responsive-tab-container{display:flex;justify-content:start;align-items:center;width:100%;max-width:2000px;margin:auto}.responsive-nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1900px;margin:auto}.nav-container{display:flex;justify-content:space-between;align-items:center;background-color:#1c2942;color:#fff;padding:1rem 3rem;height:30px}.user-dropdown{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:120%;right:0;background:#fff;color:#333;border:1px solid #ccc;border-radius:8px;padding:1rem;box-shadow:0 4px 10px #0000001a;z-index:10;min-width:175px;min-height:150px}.search-input{padding:.5rem .5rem .5rem 2.5rem;width:80%;height:50px;border-radius:8px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box;background:#fff;max-width:1000px}.search-input-icon{position:absolute;top:27%;right:10px;transform:translateY(-50%);color:#888;width:50px;height:30px;background:transparent!important;padding:0}.back-button{background:none;border:none;color:#007bff;font-size:1.2rem;padding:.6rem 1.2rem;margin-top:0;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;border-radius:8px;transition:color .2s ease,background-color .2s ease;width:200px}.back-button:hover{color:#0056b3;background-color:#f1f1f1}.back-button:focus{outline:none;box-shadow:0 0 0 3px #007bff33}.back-button svg{margin-right:.5rem;width:1.25rem;height:1.25rem}.tooltip-wrapper{position:relative;display:inline-block}.edit-button{background:none;border:none;cursor:pointer;color:#007bff;padding:.25rem;width:50px;margin:auto}.tooltip-text{visibility:hidden;background-color:#333;color:#fff;font-size:.75rem;text-align:center;border-radius:4px;padding:10px;position:absolute;right:-55px;top:-30px;transform:translate(-50%);white-space:nowrap;z-index:10;opacity:0;transition:opacity .2s ease}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.error-message{color:red;width:100%;text-align:center;height:5px;margin:0;padding-bottom:10px}.spinner{width:16px;height:16px;border:2px solid #fff;border-top:2px solid #3498db;border-radius:50%;display:inline-block;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}