@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";input{outline:0;background:#fff;width:100%;border:2px solid red;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus{border-color:#000}.login-signup-form .form{width:460px;position:relative;z-index:1;background:#fff;max-width:360px;padding:34px;box-shadow:0 0 2px #0000001a}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}.form-container{display:flex;flex-direction:column;gap:1rem;max-width:1000px;margin:0 auto}.form-card{background:#f8f9fa;border-radius:6px;padding:1rem;box-shadow:0 2px 5px #0000000d}.form-card h3{margin-bottom:.75rem;font-size:1rem;color:#036}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}input,select{padding:6px 8px;border:1px solid #ccc;border-radius:4px;width:100%;font-size:14px}.btn{background:#0056b3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn:hover{background:#004999}.alert{background:#ffe0e0;color:#a00;padding:10px;border-radius:5px;margin-bottom:1rem}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.form-card{padding:.75rem}}.form-header-bar{display:flex;justify-content:space-between;align-items:center;background:#f6f6f6;border-bottom:1px solid #ddd;padding:1rem 1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem}.form-header-right{display:flex;align-items:center;gap:1rem}.form-header-title{font-size:1.4rem;font-weight:600;margin-right:1rem}.form-header-buttons{display:flex;gap:.5rem}.form-btn{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;transition:background .2s ease}.form-btn-edit{background:#007bff;color:#fff}.form-btn-edit:hover{background:#0056b3}.form-btn-delete{background:#dc3545;color:#fff}.form-btn-delete:hover{background:#b02a37}.form-btn-secondary{background:#e2e6ea;color:#333}.form-btn-secondary:hover{background:#cfd4da}.icon-btn{display:inline-block;width:28px;height:28px;border:none;background:none;cursor:pointer;margin-right:6px;position:relative;opacity:.8;transition:opacity .2s,transform .2s}.icon-btn:hover{opacity:1;transform:scale(1.1)}.edit-icon:before{content:"✎";font-size:18px;color:#007bff}.delete-icon:before{content:"🗑";font-size:18px;color:#dc3545}@supports not (content: "🗑"){.delete-icon:before{content:"🗑️"}}.top-menu{position:fixed;top:0;height:50px;width:100%;background-color:#0b3d91;z-index:1000;box-shadow:0 2px 5px #0003}.menu-container{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;--border:1px solid white}.logo{font-weight:700;color:#fff;font-size:20px;letter-spacing:1px}.nav{flex:1}.menu{display:flex;justify-content:flex-end;align-items:center;list-style:none;margin:0;padding:0}.menu li{position:relative;list-style:none}.menu a{color:#fff;text-decoration:none;padding:10px 15px;display:block;font-size:14px;transition:background .3s}.menu a:hover{background-color:#1456cc}.dropdown-content{position:absolute;top:100%;left:0;background-color:#1456cc;min-width:160px;box-shadow:0 2px 6px #0000004d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;border-radius:3px;overflow:hidden;z-index:1001}.dropdown-content li a{padding:10px;list-style:none;white-space:nowrap;text-decoration:none}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.user-menu{margin-left:25px}@media (max-width: 820px){.menu-container{flex-direction:column;height:auto}.menu{flex-wrap:wrap;justify-content:center}}*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:Open Sans,sans-serif;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f6f6f6}input{outline:0;background:#fff;width:100%;border:2px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus{border-color:#b30000}.btn,.btn-add,.btn-edit,.btn-delete{font-family:Roboto,sans-serif;outline:0;background:#b30000;border:0;text-decoration:none;padding:15px;color:#fff;font-size:16px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.btn-block{width:100%}.btn-add,.btn-edit,.btn-delete{padding:.5rem .75rem;font-size:14px;border-radius:4px}.btn-add{background-color:#00a762}.btn-delete{background-color:#d32f2f}.btn-logout{text-decoration:none;padding:.75rem 1.5rem;color:#212121;transition:all .3s;border-radius:6px}.btn-logout:hover{background-color:#b300001a}.btn:hover,.btn:active,.btn:focus{background:#d32f2f}.text-center{text-align:center}table{width:100%;border-spacing:0;border-collapse:collapse}table>thead>tr>th{text-align:left;padding:.5rem;background-color:#ffeaea}table>tbody>tr>td{padding:.5rem;border-bottom:1px solid #efefef;white-space:nowrap}.card{background-color:#fff;border-radius:.5rem;box-shadow:1px 1px 3px #0000001a;padding:1.25rem 1.5rem;margin-bottom:1rem;margin-top:.5rem}.alert{padding:1rem;background-color:#d32f2f;color:#fff;border-radius:.5rem;margin-bottom:1rem}.notification{position:fixed;right:1rem;bottom:1rem;z-index:100;padding:1rem 1.5rem;background-color:#00a762;color:#fff;border-radius:.5rem}.login-signup-form{height:100vh;display:flex;justify-content:center;align-items:center}.login-signup-form .form{width:360px;position:relative;z-index:1;background:#fff;max-width:360px;padding:34px;box-shadow:0 0 2px #0000001a}.login-signup-form .title{font-size:20px;margin-bottom:1rem;text-align:center}.login-signup-form .form .message{margin:15px 0 0;color:#b3b3b3;font-size:16px;text-align:center}.login-signup-form .form .message a{color:#b30000;text-decoration:none}#defaultLayout{display:flex;flex-direction:column;max-width:1000px;margin:0 auto;width:100%}#defaultLayout .content{flex:1}#defaultLayout main{padding:10px;margin-top:60px}.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}