body{margin:0;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;height:100vh}.content{margin:10px}.header{background-color:#fff;color:#fff;padding:20px}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title{color:#ff9f1c;font-weight:bolder;font-size:45px;margin:0}.header-title .highlight{color:#ffc15e}.header-buttons{display:flex;gap:10px;align-items:center}.header-button{background-color:#ff9f1c;font-weight:700;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.header-button:hover{background-color:#bd7615}.navbar{display:flex;justify-content:left;background-color:#ffc15e;padding:15px}.nav-link{color:#000;background-color:#ff9f1c;padding:10px 20px;text-decoration:none;border-radius:5px;font-weight:700;margin-right:10px;box-shadow:4px 4px 10px rgba(0,0,0,.5)}.nav-link:hover{background-color:#bd7615}.content{justify-content:center;align-items:center}.content,.content-flex{flex:1;padding:20px;overflow-y:auto}.content-flex{display:flex}.filter{gap:20px;border:2px solid #000;padding:10px}.filter,.filter label{display:flex;align-items:center}.filter label{gap:5px}.searchbox{border:2px solid #000;padding:10px;margin-top:1px}.searchrest{display:flex;gap:20px;align-items:center;border:2px solid #000;padding:20px;border-radius:8px;margin-top:5px;margin-bottom:5px}.findbox{flex-direction:column;gap:10px;width:25vw;margin-top:1px;margin-bottom:1px}.findbox,.makeres{display:flex;border:2px solid #000;padding:10px}.makeres{gap:20px;align-items:center;border-radius:8px}.createbox{width:50vw;border:2px solid #000}.createbox,.stackbox{display:flex;flex-direction:column;gap:5px;align-items:center;padding:20px;margin-top:5px;margin-bottom:5px}.stackbox{width:100%}.content-create{margin:10px;display:flex}.time-table{width:100%;border-collapse:collapse;margin-top:20px}.time-table td,.time-table th{border:1px solid #ccc;padding:8px;text-align:center}.time-table th{background-color:#f4f4f4}.time-table tr:nth-child(2n){background-color:#f9f9f9}.time-table tr:nth-child(odd){background-color:#fff}#loading{margin-left:5px;width:15px;visibility:hidden}.error{color:red}.editform{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.table{display:flex;gap:20px;align-items:center;border:2px solid #000;padding:10px;border-radius:8px}button{padding:8px 16px;border:none;background-color:#ff9f1c;color:#000;font-weight:700;border-radius:4px;cursor:pointer;font-size:14px}button:hover{background-color:#bd7615}.column{display:flex;flex-direction:column;gap:10px}.dateform{flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.dateform,.table-container{display:flex;padding:20px;align-items:center}.table-container{justify-content:center}.availability-table{border-collapse:collapse;text-align:center;width:100%;max-width:1000px}.availability-table td,.availability-table th{border:1px solid #ddd;padding:8px}.availability-table th{background-color:#f4f4f4}.availability-table tr:nth-child(2n){background-color:#f9f9f9}.availability-table tr:hover{background-color:#e1e1e1}